{"id":55,"date":"2026-05-20T12:08:04","date_gmt":"2026-05-20T12:08:04","guid":{"rendered":"http:\/\/luminzaprojector.com\/?page_id=55"},"modified":"2026-05-23T12:06:23","modified_gmt":"2026-05-23T12:06:23","slug":"contact","status":"publish","type":"page","link":"https:\/\/luminzaprojector.com\/index.php\/contact\/","title":{"rendered":"contact"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n  <title>Contact Section UI<\/title>\n\n  <!-- Google Font -->\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n  <!-- Font Awesome -->\n  <link rel=\"stylesheet\"\n    href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\/>\n\n  <style>\n    *{\n      margin:0;\n      padding:0;\n      box-sizing:border-box;\n      font-family:'Poppins',sans-serif;\n    }\n\n    body{\n      background:#05070d;\n      color:#fff;\n      padding:40px;\n    }\n\n    .contact-section{\n      max-width:1400px;\n      margin:auto;\n    }\n\n    \/* ================= HERO ================= *\/\n\n    .hero{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:40px;\n      align-items:center;\n      margin-bottom:35px;\n    }\n\n    .hero-left small{\n      color:#3b82f6;\n      letter-spacing:2px;\n      text-transform:uppercase;\n      font-size:14px;\n    }\n\n    .hero-left h1{\n      font-size:60px;\n      line-height:1.1;\n      margin:15px 0;\n      font-weight:700;\n    }\n\n    .hero-left p{\n      color:#b6b6b6;\n      line-height:1.8;\n      max-width:500px;\n      margin-bottom:25px;\n    }\n\n    .features{\n      display:flex;\n      flex-direction:column;\n      gap:18px;\n    }\n\n    .feature{\n      display:flex;\n      align-items:center;\n      gap:12px;\n      color:#ddd;\n    }\n\n    .feature i{\n      width:35px;\n      height:35px;\n      border-radius:50%;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      background:#0c1220;\n      border:1px solid #1e40af;\n      color:#3b82f6;\n    }\n\n    .hero-right{\n      position:relative;\n      border-radius:30px;\n      overflow:hidden;\n    }\n\n    .hero-right img{\n      width:100%;\n      height:100%;\n      object-fit:cover;\n      border-radius:30px;\n    }\n\n    \/* ================= GRID ================= *\/\n\n    .main-grid{\n      display:grid;\n      grid-template-columns:2fr 1.2fr;\n      gap:25px;\n      margin-bottom:25px;\n    }\n\n    .card{\n      background:#0a0f1a;\n      border:1px solid rgba(255,255,255,0.06);\n      border-radius:20px;\n      padding:30px;\n      box-shadow:0 0 20px rgba(0,0,0,0.4);\n    }\n\n    .card h2{\n      margin-bottom:25px;\n      font-size:30px;\n    }\n\n    \/* ================= FORM ================= *\/\n\n    .form-row{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:15px;\n    }\n\n    .contact-form input,\n    .contact-form textarea{\n      width:100%;\n      background:#05070d;\n      border:1px solid rgba(255,255,255,0.08);\n      padding:16px;\n      border-radius:10px;\n      color:#fff;\n      outline:none;\n      margin-bottom:15px;\n    }\n\n    .contact-form textarea{\n      resize:none;\n      height:160px;\n    }\n\n    .contact-form button{\n      width:100%;\n      background:linear-gradient(90deg,#2563eb,#3b82f6);\n      border:none;\n      padding:16px;\n      border-radius:12px;\n      color:#fff;\n      font-size:16px;\n      font-weight:600;\n      cursor:pointer;\n      transition:0.3s;\n    }\n\n    .contact-form button:hover{\n      transform:translateY(-2px);\n      box-shadow:0 0 20px rgba(59,130,246,0.4);\n    }\n\n    .note{\n      color:#888;\n      margin-top:15px;\n      font-size:14px;\n    }\n\n    \/* ================= INFO ================= *\/\n\n    .info-box{\n      display:flex;\n      gap:15px;\n      margin-bottom:30px;\n    }\n\n    .info-icon{\n      min-width:50px;\n      height:50px;\n      border-radius:12px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      background:#08111f;\n      color:#3b82f6;\n      border:1px solid #1e40af;\n      font-size:18px;\n    }\n\n    .info-content h4{\n      margin-bottom:8px;\n      font-size:18px;\n    }\n\n    .info-content p{\n      color:#b6b6b6;\n      line-height:1.7;\n      font-size:14px;\n    }\n\n    .chat-btn{\n      width:100%;\n      margin-top:10px;\n      padding:16px;\n      border-radius:12px;\n      border:1px solid rgba(255,255,255,0.1);\n      background:transparent;\n      color:#fff;\n      font-size:16px;\n      cursor:pointer;\n      transition:0.3s;\n    }\n\n    .chat-btn:hover{\n      background:#111827;\n    }\n\n    \/* ================= FAQ + MAP ================= *\/\n\n    .bottom-grid{\n      display:grid;\n      grid-template-columns:1.5fr 1fr;\n      gap:25px;\n      margin-bottom:25px;\n    }\n\n    .faq-item{\n      display:flex;\n      justify-content:space-between;\n      align-items:center;\n      padding:18px 0;\n      border-bottom:1px solid rgba(255,255,255,0.07);\n      cursor:pointer;\n    }\n\n    .faq-item p{\n      color:#e4e4e4;\n    }\n\n    .faq-item i{\n      color:#3b82f6;\n    }\n\n    .map-box{\n      height:100%;\n      overflow:hidden;\n      border-radius:15px;\n    }\n\n    .map-box img{\n      width:100%;\n      height:100%;\n      object-fit:cover;\n      border-radius:15px;\n    }\n\n    \/* ================= CTA ================= *\/\n\n    .cta{\n      position:relative;\n      background:#08111f;\n      border-radius:25px;\n      overflow:hidden;\n      padding:40px;\n      display:flex;\n      justify-content:space-between;\n      align-items:center;\n      gap:30px;\n    }\n\n    .cta::before{\n      content:'';\n      position:absolute;\n      inset:0;\n      background:radial-gradient(circle at center,#2563eb55,transparent 60%);\n    }\n\n    .cta-content{\n      position:relative;\n      z-index:2;\n    }\n\n    .cta-content small{\n      color:#60a5fa;\n      font-size:14px;\n    }\n\n    .cta-content h2{\n      margin:10px 0;\n      font-size:42px;\n    }\n\n    .cta-content p{\n      color:#b6b6b6;\n      max-width:500px;\n    }\n\n    .cta img{\n      width:350px;\n      position:relative;\n      z-index:2;\n    }\n\n    .cta button{\n      position:relative;\n      z-index:2;\n      padding:16px 35px;\n      border:none;\n      border-radius:12px;\n      background:#2563eb;\n      color:#fff;\n      font-size:16px;\n      cursor:pointer;\n    }\n\n    \/* ================= RESPONSIVE ================= *\/\n\n    @media(max-width:992px){\n\n      .hero,\n      .main-grid,\n      .bottom-grid,\n      .cta{\n        grid-template-columns:1fr;\n        flex-direction:column;\n      }\n\n      .hero-left h1{\n        font-size:45px;\n      }\n\n      .cta{\n        text-align:center;\n      }\n\n      .cta img{\n        width:250px;\n      }\n    }\n\n    @media(max-width:600px){\n\n      body{\n        padding:20px;\n      }\n\n      .form-row{\n        grid-template-columns:1fr;\n      }\n\n      .hero-left h1{\n        font-size:36px;\n      }\n\n      .card{\n        padding:20px;\n      }\n    }\n\n  <\/style>\n<\/head>\n<body>\n\n  <section class=\"contact-section\">\n\n    <!-- HERO -->\n    <div class=\"hero\">\n\n      <div class=\"hero-left\">\n        <small>CONTACT US<\/small>\n\n        <h1>We&#8217;re Here To<br>Help You.<\/h1>\n\n        <p>\n          Have a question, need assistance, or want to know more\n          about Luminza projectors? Our team is ready to assist you.\n        <\/p>\n\n        <div class=\"features\">\n\n          <div class=\"feature\">\n            <i class=\"fa-regular fa-clock\"><\/i>\n            <span>Quick Response<\/span>\n          <\/div>\n\n          <div class=\"feature\">\n            <i class=\"fa-solid fa-headset\"><\/i>\n            <span>Expert Support<\/span>\n          <\/div>\n\n          <div class=\"feature\">\n            <i class=\"fa-solid fa-shield\"><\/i>\n            <span>Trusted Service<\/span>\n          <\/div>\n\n          <div class=\"feature\">\n            <i class=\"fa-solid fa-circle-check\"><\/i>\n            <span>100% Customer Satisfaction<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-right\">\n        <img decoding=\"async\" src=\"http:\/\/luminzaprojector.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-21-at-11.21.01-AM.jpeg\" alt=\"\">\n      <\/div>\n\n    <\/div>\n\n    <!-- FORM + INFO -->\n    <div class=\"main-grid\">\n\n      <!-- FORM -->\n      <div class=\"card\">\n\n        <h2>Send Us A Message<\/h2>\n\n        <form class=\"contact-form\">\n\n          <div class=\"form-row\">\n            <input type=\"text\" placeholder=\"Your Name\">\n            <input type=\"email\" placeholder=\"Email Address\">\n          <\/div>\n\n          <input type=\"text\" placeholder=\"Phone Number\">\n\n          <input type=\"text\" placeholder=\"Subject\">\n\n          <textarea placeholder=\"Your Message\"><\/textarea>\n\n          <button type=\"submit\">\n            Send Message\n          <\/button>\n\n          <p class=\"note\">\n            We&#8217;ll get back to you as soon as possible.\n          <\/p>\n\n        <\/form>\n\n      <\/div>\n\n      <!-- INFO -->\n      <div class=\"card\">\n\n        <h2>Contact Information<\/h2>\n\n        <div class=\"info-box\">\n          <div class=\"info-icon\">\n            <i class=\"fa-solid fa-location-dot\"><\/i>\n          <\/div>\n\n          <div class=\"info-content\">\n            <h4>Our Office<\/h4>\n            <p>\n              Luminza Technologies Pvt. Ltd.<br>\n              123 Tech Park, Bangalore, India\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"info-box\">\n          <div class=\"info-icon\">\n            <i class=\"fa-regular fa-envelope\"><\/i>\n          <\/div>\n\n          <div class=\"info-content\">\n            <h4>Email Us<\/h4>\n            <p>support@luminza.com<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"info-box\">\n          <div class=\"info-icon\">\n            <i class=\"fa-solid fa-phone\"><\/i>\n          <\/div>\n\n          <div class=\"info-content\">\n            <h4>Call Us<\/h4>\n            <p>\n              +91 98765 43210<br>\n              Mon &#8211; Sat : 9 AM &#8211; 7 PM\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"info-box\">\n          <div class=\"info-icon\">\n            <i class=\"fa-solid fa-headset\"><\/i>\n          <\/div>\n\n          <div class=\"info-content\">\n            <h4>Live Support<\/h4>\n            <p>\n              Chat with our support team<br>\n              Mon &#8211; Sat : 9 AM &#8211; 7 PM\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <button class=\"chat-btn\">\n          Start Live Chat\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- FAQ + MAP -->\n    <div class=\"bottom-grid\">\n\n      <!-- FAQ -->\n      <div class=\"card\">\n\n        <h2>Frequently Asked Questions<\/h2>\n\n        <div class=\"faq-item\">\n          <p>How can I track my order?<\/p>\n          <i class=\"fa-solid fa-plus\"><\/i>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <p>What is the warranty on Luminza projectors?<\/p>\n          <i class=\"fa-solid fa-plus\"><\/i>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <p>Do you offer international shipping?<\/p>\n          <i class=\"fa-solid fa-plus\"><\/i>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <p>Can I return or exchange a product?<\/p>\n          <i class=\"fa-solid fa-plus\"><\/i>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <p>How can I get technical support?<\/p>\n          <i class=\"fa-solid fa-plus\"><\/i>\n        <\/div>\n\n      <\/div>\n\n      <!-- MAP -->\n      <div class=\"card\">\n\n        <h2>Our Location<\/h2>\n\n        <div class=\"map-box\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524661135-423995f22d0b?q=80&#038;w=1200&#038;auto=format&#038;fit=crop\" alt=\"\">\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"cta\">\n\n      <div class=\"cta-content\">\n        <small>Still Have Questions?<\/small>\n\n        <h2>We Are Just A Message Away!<\/h2>\n\n        <p>\n          Reach out to us and our team will be happy\n          to help you with any queries or support you need.\n        <\/p>\n      <\/div>\n\n      <img decoding=\"async\" src=\"http:\/\/luminzaprojector.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-21-at-11.21.01-AM-1.jpeg\" alt=\"\">\n\n      <button>Contact Us<\/button>\n\n    <\/div>\n\n  <\/section>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-55","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/luminzaprojector.com\/index.php\/wp-json\/wp\/v2\/pages\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luminzaprojector.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luminzaprojector.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luminzaprojector.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/luminzaprojector.com\/index.php\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":7,"href":"https:\/\/luminzaprojector.com\/index.php\/wp-json\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":111,"href":"https:\/\/luminzaprojector.com\/index.php\/wp-json\/wp\/v2\/pages\/55\/revisions\/111"}],"wp:attachment":[{"href":"https:\/\/luminzaprojector.com\/index.php\/wp-json\/wp\/v2\/media?parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}