{"id":187,"date":"2025-10-12T11:13:09","date_gmt":"2025-10-12T11:13:09","guid":{"rendered":"https:\/\/jaggerymart.com\/?page_id=187"},"modified":"2025-10-12T14:14:31","modified_gmt":"2025-10-12T14:14:31","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/jaggerymart.com\/?page_id=187","title":{"rendered":"Contact Us"},"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\">\n  <title>Contact Us \u2014 Jaggery Mart<\/title>\n  <meta name=\"description\" content=\"Contact Jaggery Mart for orders and enquiries. Visit our store at Prabhadevi, Mumbai or call +91 9004115778.\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n  <style>\n    :root{\n      --brand:#C37233; \/* jaggery-like *\/\n      --dark:#2b2b2b;\n      --muted:#6b6b6b;\n      --bg:#fff9f5;\n      --card:#ffffff;\n      --radius:14px;\n    }\n    *{box-sizing:border-box}\n    body{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial; margin:0; background:var(--bg); color:var(--dark); -webkit-font-smoothing:antialiased}\n    .container{max-width:1100px;margin:36px auto;padding:20px}\n    .card{background:var(--card);border-radius:var(--radius);box-shadow:0 6px 24px rgba(43,43,43,0.08);overflow:hidden}\n\n    header.contact-header{display:flex;gap:20px;align-items:center;padding:28px}\n    .brand{display:flex;gap:14px;align-items:center}\n    .logo{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,var(--brand),#a45420);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:22px}\n    h1{margin:0;font-size:22px}\n    p.lead{margin:6px 0 0;color:var(--muted)}\n\n    .grid{display:grid;grid-template-columns:1fr 420px;gap:20px;padding:24px}\n    @media (max-width:880px){.grid{grid-template-columns:1fr;}.contact-info{order:2}}\n\n    \/* Left: form + details *\/\n    .left{padding:18px}\n    form.contact-form{display:grid;gap:12px}\n    label{font-size:13px;color:var(--muted)}\n    input[type=text],input[type=email],input[type=tel],textarea{padding:12px;border-radius:8px;border:1px solid #eee;font-size:15px}\n    textarea{min-height:140px;resize:vertical}\n    .row{display:flex;gap:10px}\n    .row .col{flex:1}\n    .btn{background:var(--brand);color:#fff;padding:12px 16px;border-radius:10px;border:0;font-weight:600;cursor:pointer}\n    .secondary{background:transparent;border:1px solid #ddd;color:var(--dark)}\n\n    \/* Right: contact card + map *\/\n    .contact-panel{padding:18px;background:linear-gradient(180deg,rgba(195,114,51,0.06),transparent);border-left:1px dashed rgba(0,0,0,0.03)}\n    .contact-card{display:flex;flex-direction:column;gap:12px}\n    .info-row{display:flex;gap:12px;align-items:flex-start}\n    .icon{width:44px;height:44;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(43,43,43,0.06)}\n    .meta{font-size:14px}\n    .meta strong{display:block;font-size:15px}\n    .map-wrap{margin-top:12px;border-radius:10px;overflow:hidden;border:1px solid rgba(0,0,0,0.06)}\n    .map-wrap iframe{width:100%;height:260px;border:0}\n\n    footer{padding:18px;text-align:center;color:var(--muted);font-size:13px}\n\n    \/* micro interactions *\/\n    .btn:active{transform:translateY(1px)}\n    a.phone-link{text-decoration:none;color:var(--brand);font-weight:600}\n\n    \/* accessibility *\/\n    input:focus,textarea:focus{outline:3px solid rgba(195,114,51,0.14)}\n  <\/style>\n<\/head>\n<body>\n  <div class=\"container\">\n    <div class=\"card\">\n      <header class=\"contact-header\">\n        <div class=\"brand\">\n          <div class=\"logo\">JM<\/div>\n          <div>\n            <h1>Jaggery Mart \u2014 Contact Us<\/h1>\n            <p class=\"lead\">For orders and general enquiries \u2014 quick help from our Mumbai team.<\/p>\n          <\/div>\n        <\/div>\n      <\/header>\n\n      <div class=\"grid\">\n        <main class=\"left\">\n          <section aria-labelledby=\"get-in-touch\">\n            <h2 id=\"get-in-touch\" style=\"font-size:18px;margin:0 0 10px\">Get in touch<\/h2>\n            <p style=\"margin:0 0 18px;color:var(--muted)\">Fill the form and we will respond within 24\u201348 business hours. For urgent orders call us directly.<\/p>\n\n            <!-- NOTE: form currently uses front-end only. To enable deliveries, integrate with your backend (PHP\/Node\/Netlify Forms\/SMTP). -->\n            <form class=\"contact-form\" action=\"#\" method=\"post\" onsubmit=\"handleSubmit(event)\">\n              <div class=\"row\">\n                <div class=\"col\">\n                  <label for=\"name\">Full name<\/label>\n                  <input id=\"name\" name=\"name\" type=\"text\" placeholder=\"Your name\" required>\n                <\/div>\n                <div class=\"col\">\n                  <label for=\"phone\">Phone<\/label>\n                  <input id=\"phone\" name=\"phone\" type=\"tel\" placeholder=\"+91 9004115778\" required>\n                <\/div>\n              <\/div>\n\n              <label for=\"email\">Email<\/label>\n              <input id=\"email\" name=\"email\" type=\"email\" placeholder=\"you@example.com\" required>\n\n              <label for=\"message\">Message<\/label>\n              <textarea id=\"message\" name=\"message\" placeholder=\"How can we help you?\" required><\/textarea>\n\n              <div style=\"display:flex;gap:10px;margin-top:6px;\">\n                <button class=\"btn\" type=\"submit\">Send Message<\/button>\n                <button type=\"button\" class=\"secondary\" onclick=\"location.href='tel:+919004115778'\">Call Now<\/button>\n              <\/div>\n\n              <div id=\"form-status\" aria-live=\"polite\" style=\"margin-top:10px;color:var(--muted);font-size:13px\"><\/div>\n            <\/form>\n          <\/section>\n\n          <section style=\"margin-top:22px\">\n            <h3 style=\"margin:0 0 8px\">Order \/ General Enquiry<\/h3>\n            <p style=\"margin:0 0 6px\"><a class=\"phone-link\" href=\"tel:+919004115778\">+91 9004115778<\/a><\/p>\n            <p style=\"margin:6px 0 0;color:var(--muted)\"><strong>Address<\/strong><br>\n            4\/B Vishwaraja Datshan CHS, Near Old Elphinstone Bridge,<br>\n            Prabhadevi West, Mumbai &#8211; 400013<\/p>\n            <p style=\"margin-top:8px;color:var(--muted);font-size:13px\">Open: Mon\u2013Sat, 9:00 AM \u2014 7:00 PM<\/p>\n          <\/section>\n\n        <\/main>\n\n        <aside class=\"contact-panel contact-info\">\n          <div class=\"contact-card\">\n            <div class=\"info-row\">\n              <div class=\"icon\" aria-hidden>\n                <!-- simple phone svg -->\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 3.09 4.18 2 2 0 0 1 5 2h3a2 2 0 0 1 2 1.72c.12 1.05.36 2.07.72 3.03a2 2 0 0 1-.45 2.11L9.91 10.09a16 16 0 0 0 6 6l1.23-1.23a2 2 0 0 1 2.11-.45c.96.36 1.98.6 3.03.72A2 2 0 0 1 22 16.92z\" stroke=\"rgba(0,0,0,0.6)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/div>\n              <div class=\"meta\">\n                <strong>Phone<\/strong>\n                <a href=\"tel:+919004115778\">+91 9004115778<\/a>\n              <\/div>\n            <\/div>\n\n            <div class=\"info-row\">\n              <div class=\"icon\" aria-hidden>\n                <!-- location pin -->\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21 10c0 6-9 12-9 12s-9-6-9-12a9 9 0 0 1 18 0zM12 12a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" stroke=\"rgba(0,0,0,0.6)\" stroke-width=\"1.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/div>\n              <div class=\"meta\">\n                <strong>Visit Us<\/strong>\n                4\/B Vishwaraja Datshan CHS,<br>Near Old Elphinstone Bridge, Prabhadevi West,<br>Mumbai \u2014 400013\n              <\/div>\n            <\/div>\n\n            <div class=\"map-wrap\" role=\"region\" aria-label=\"Map showing Jaggery Mart location\">\n              <!-- Google Maps embed for the address. Replace query if needed. -->\n              <iframe\n                src=\"https:\/\/www.google.com\/maps?q=4%2FB+Vishwaraja+Datshan+CHS%2C+Near+Old+Elphinstone+Bridge%2C+Prabhadevi+West%2C+Mumbai+-+400013&#038;output=embed\"\n                loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n            <\/div>\n\n            <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&#038;query=4%2FB+Vishwaraja+Datshan+CHS%2C+Near+Old+Elphinstone+Bridge%2C+Prabhadevi+West%2C+Mumbai+-+400013\" target=\"_blank\" rel=\"noopener\" style=\"margin-top:8px;display:inline-block;font-size:14px;text-decoration:none;color:var(--brand)\">Open in Google Maps<\/a>\n\n          <\/div>\n        <\/aside>\n      <\/div>\n\n      <footer>\n        \u00a9 <span id=\"year\"><\/span> Jaggery Mart. All rights reserved.\n      <\/footer>\n    <\/div>\n  <\/div>\n\n  <script>\n    \/\/ small helpers: form demo and current year\n    document.getElementById('year').textContent = new Date().getFullYear();\n\n    function handleSubmit(e){\n      e.preventDefault();\n      const status = document.getElementById('form-status');\n      status.textContent = 'Sending message...';\n\n      \/\/ demo behaviour: replace this with a real endpoint (Netlify Forms, Formspree, PHP backend, or SMTP)\n      setTimeout(()=>{\n        status.textContent = 'Thanks! Your message has been received. We will get back to you shortly.';\n        e.target.reset();\n      },900);\n    }\n  <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Contact Us \u2014 Jaggery Mart JM Jaggery Mart \u2014 Contact Us For orders and general enquiries \u2014 quick help from our Mumbai team. Get in touch Fill the form and we will respond within 24\u201348 business hours. For urgent orders call us directly. Full name Phone Email Message Send Message Call Now Order \/ General [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-187","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jaggerymart.com\/index.php?rest_route=\/wp\/v2\/pages\/187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jaggerymart.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jaggerymart.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jaggerymart.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jaggerymart.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=187"}],"version-history":[{"count":5,"href":"https:\/\/jaggerymart.com\/index.php?rest_route=\/wp\/v2\/pages\/187\/revisions"}],"predecessor-version":[{"id":197,"href":"https:\/\/jaggerymart.com\/index.php?rest_route=\/wp\/v2\/pages\/187\/revisions\/197"}],"wp:attachment":[{"href":"https:\/\/jaggerymart.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}