{"id":14,"date":"2025-10-17T07:42:00","date_gmt":"2025-10-17T07:42:00","guid":{"rendered":"https:\/\/buycemix.com\/?page_id=14"},"modified":"2025-10-17T09:51:58","modified_gmt":"2025-10-17T09:51:58","slug":"contact","status":"publish","type":"page","link":"https:\/\/buycemix.com\/?page_id=14","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-998539a e-flex e-con-boxed e-con e-parent\" data-id=\"998539a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-220c497 elementor-widget elementor-widget-html\" data-id=\"220c497\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>Contact Us \u2013 BUYCEMIX<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\" \/>\n  <style>\n    :root{\n      --bg:#e6f7ff;              \/* light blue background *\/\n      --card:#ffffff;             \/* card bg *\/\n      --text:#062c43;             \/* deep blue *\/\n      --muted:#3f6a7a;            \/* secondary text *\/\n      --accent:#0084ff;           \/* primary blue *\/\n      --accent-2:#00c3ff;         \/* cyan *\/\n      --border:#cfe7f5;           \/* soft border *\/\n      --ring:#9fd7ff;             \/* focus ring *\/\n      --radius:18px;\n      --shadow: 0 18px 45px rgba(0,132,255,.12);\n    }\n    *{box-sizing:border-box}\n    html,body{margin:0;padding:0}\n    body{font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,\"Helvetica Neue\",Arial,sans-serif;background:var(--bg);color:var(--text)}\n    .container{width:min(1050px,92%);margin-inline:auto}\n\n    header{padding:26px 0 8px;text-align:center}\n    h1{margin:0 0 6px;font-size:clamp(2rem,3vw,2.6rem);font-weight:800;color:#033152}\n    .subtitle{margin:0 auto 22px;max-width:900px;color:var(--muted)}\n    .subtitle a{color:#e11d48;font-weight:700;text-decoration:none}\n\n    .card{background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);padding:18px}\n\n    form{display:grid;gap:14px;padding:18px}\n    .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n\n    label{font-weight:700;font-size:.95rem}\n    .field{display:grid;gap:8px}\n    input, select, textarea{width:100%;padding:15px;border-radius:14px;border:1.5px solid var(--border);background:#ffffff;color:var(--text);font-size:1rem;outline:none;box-shadow:0 2px 0 rgba(0,0,0,0.01)}\n    input:focus, select:focus, textarea:focus{border-color:var(--ring);box-shadow:0 0 0 4px rgba(0,132,255,.12)}\n\n    .note{font-size:.85rem;color:var(--muted)}\n\n    .checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}\n    .checks small{display:block;color:var(--muted)}\n    .inline{display:flex;gap:10px;align-items:center;justify-content:flex-start}\n    .inline input[type=\"checkbox\"]{width:18px;height:18px}\n\n    .actions{display:flex;gap:12px;justify-content:flex-end;padding:8px 18px 18px}\n    .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:14px;text-decoration:none;font-weight:700;border:2px solid transparent;transition:transform .15s ease,filter .15s ease}\n    .btn-ghost{background:#ffffff; border-color:#a5d3f2; color:#044a71}\n    .btn-ghost:hover{transform:translateY(-1px)}\n    .btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2)); color:#ffffff; box-shadow:0 8px 20px rgba(0,132,255,.28)}\n    .btn-primary:hover{transform:translateY(-1px); filter:brightness(1.05)}\n\n    .success{display:none;margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#dcfce7;color:#065f46;font-weight:700}\n\n    @media (max-width: 860px){\n      .grid-2{grid-template-columns:1fr}\n      .checks{grid-template-columns:1fr}\n      .actions{justify-content:stretch}\n      .btn{flex:1}\n    }\n  <\/style>\n<\/head>\n<body>\n  <header class=\"container\">\n    <h1>Contact Us<\/h1>\n    <p class=\"subtitle\">Questions about products, orders or returns? Fill out the form \u2014 we reply within a few hours (09:00\u201319:00).<br\/>Or email us at <a href=\"mailto:info@buycemix.com\">info@buycemix.com<\/a>.<\/p>\n  <\/header>\n\n  <main class=\"container\">\n    <section class=\"card\">\n      <form id=\"contact-form\" novalidate>\n        <div class=\"grid-2\">\n          <div class=\"field\">\n            <label for=\"name\">Full name *<\/label>\n            <input id=\"name\" name=\"name\" required placeholder=\"e.g., Alex Johnson\" \/>\n          <\/div>\n          <div class=\"field\">\n            <label for=\"email\">Email *<\/label>\n            <input id=\"email\" name=\"email\" type=\"email\" required placeholder=\"name@domain.com\" \/>\n          <\/div>\n        <\/div>\n\n        <div class=\"grid-2\">\n          <div class=\"field\">\n            <label for=\"phone\">Phone (optional)<\/label>\n            <input id=\"phone\" name=\"phone\" placeholder=\"e.g., +39 333 1234567\" \/>\n          <\/div>\n          <div class=\"field\">\n            <label for=\"order\">Order No. (optional)<\/label>\n            <input id=\"order\" name=\"order\" placeholder=\"e.g., #D9034\" \/>\n          <\/div>\n        <\/div>\n\n        <div class=\"field\">\n          <label for=\"topic\">Reason *<\/label>\n          <select id=\"topic\" name=\"topic\" required>\n            <option value=\"\" selected disabled>Select\u2026<\/option>\n            <option>Order status<\/option>\n            <option>Return \/ Refund<\/option>\n            <option>Technical support<\/option>\n            <option>Product information<\/option>\n            <option>Other<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"field\">\n          <label for=\"message\">Message *<\/label>\n          <textarea id=\"message\" name=\"message\" rows=\"6\" required placeholder=\"Write your request here\u2026\"><\/textarea>\n          <span class=\"note\">Fields marked with * are required.<\/span>\n        <\/div>\n\n        <div class=\"checks\">\n          <label class=\"inline\"><input type=\"checkbox\" id=\"privacy\" required \/> <span>I have read and accept the <a href=\"\/privacy.html\" target=\"_blank\">Privacy Policy<\/a> *<\/span><\/label>\n          <label class=\"inline\"><input type=\"checkbox\" id=\"marketing\" \/> <span>I would like to receive offers and updates by email<\/span><\/label>\n        <\/div>\n\n        <div class=\"actions\">\n          <button type=\"button\" class=\"btn btn-ghost\" id=\"cancel\">Cancel<\/button>\n          <button type=\"submit\" class=\"btn btn-primary\">Send Request<\/button>\n        <\/div>\n\n        <div class=\"success\" id=\"success\">Your message has been sent! We will get back to you shortly.<\/div>\n      <\/form>\n    <\/section>\n  <\/main>\n\n  <script>\n    const form = document.getElementById('contact-form');\n    const success = document.getElementById('success');\n    const cancelBtn = document.getElementById('cancel');\n\n    cancelBtn.addEventListener('click', ()=>{ form.reset(); success.style.display='none'; });\n\n    form.addEventListener('submit', (e)=>{\n      e.preventDefault();\n      \/\/ Simple front-end validation for required fields\n      if(!form.checkValidity()){\n        form.reportValidity();\n        return;\n      }\n      \/\/ Simulated submit: show success message\n      success.style.display='block';\n      \/\/ Here you can POST to your backend \/ Formspree \/ Netlify function\n      \/\/ fetch('\/api\/contact', { method:'POST', body: new FormData(form) })\n    });\n  <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7758288d e-flex e-con-boxed e-con e-parent\" data-id=\"7758288d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-159b1e2e elementor-widget elementor-widget-html\" data-id=\"159b1e2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"footer\">\n  <div class=\"container footer-grid\">\n    <div class=\"footer-col\">\n      <h3 class=\"footer-logo\">BUYCEMIX<\/h3>\n      <p>We offer selected products for home and leisure, with fast shipping and responsive customer support.<\/p>\n      <p>Email: <a href=\"mailto:info@buycemix.com\" class=\"footer-mail\">info@buycemix.com<\/a><\/p>\n    <\/div>\n\n    <div class=\"footer-col\">\n      <h4>About us<\/h4>\n      <ul>\n        <li><a href=\"https:\/\/buycemix.com\/?page_id=13\">About us<\/a><\/li>\n        <li><a href=\"https:\/\/buycemix.com\/?page_id=14\">Contact<\/a><\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"footer-col\">\n      <h4>Information<\/h4>\n      <ul>\n        <li><a href=\"https:\/\/buycemix.com\/?page_id=15\">Privacy Policy<\/a><\/li>\n        <li><a href=\"https:\/\/buycemix.com\/?page_id=16\">Terms & Conditions<\/a><\/li>\n        <li><a href=\"https:\/\/buycemix.com\/?page_id=17\">Returns & Refunds<\/a><\/li>\n        <li><a href=\"https:\/\/buycemix.com\/?page_id=18\">Cookie Policy<\/a><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"footer-bottom\">\n    <p>\u00a9 <span id=\"year\"><\/span> BUYCEMIX. All rights reserved.<\/p>\n  <\/div>\n<\/footer>\n\n<style>\n.footer {\n  background-color: #0d1117;\n  color: #d4d8e0;\n  padding: 60px 0 30px;\n  font-family: 'Montserrat', sans-serif;\n  border-top: 1px solid #1c1f26;\n}\n.footer-grid {\n  display: grid;\n  grid-template-columns: 1.2fr 0.7fr 0.7fr;\n  gap: 40px;\n}\n.footer-col h3,\n.footer-col h4 {\n  color: #fff;\n  margin-bottom: 14px;\n  font-weight: 700;\n  font-size: 1.1rem;\n}\n.footer-col p {\n  line-height: 1.6;\n  margin-bottom: 10px;\n}\n.footer-mail {\n  color: #f5c84c;\n  text-decoration: none;\n  font-weight: 600;\n}\n.footer-mail:hover {\n  text-decoration: underline;\n}\n.footer-col ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.footer-col ul li {\n  margin-bottom: 8px;\n}\n.footer-col ul li a {\n  color: #aab2c5;\n  text-decoration: none;\n  transition: color 0.2s ease;\n}\n.footer-col ul li a:hover {\n  color: #ffffff;\n}\n.footer-bottom {\n  margin-top: 40px;\n  padding-top: 20px;\n  border-top: 1px solid #1c1f26;\n  text-align: center;\n  font-size: 0.9rem;\n  color: #8d97aa;\n}\n@media (max-width: 900px) {\n  .footer-grid {\n    grid-template-columns: 1fr;\n    gap: 30px;\n  }\n  .footer {\n    text-align: center;\n  }\n}\n<\/style>\n\n<script>\n  document.getElementById(\"year\").textContent = new Date().getFullYear();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us \u2013 BUYCEMIX Contact Us Questions about products, orders or returns? Fill out the form \u2014 we reply within a few hours (09:00\u201319:00).Or email us at info@buycemix.com. Full name * Email * Phone (optional) Order No. (optional) Reason * Select\u2026Order statusReturn \/ RefundTechnical supportProduct informationOther Message * Fields marked with * are required. I [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/buycemix.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buycemix.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buycemix.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buycemix.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buycemix.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":10,"href":"https:\/\/buycemix.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":176,"href":"https:\/\/buycemix.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/176"}],"wp:attachment":[{"href":"https:\/\/buycemix.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}