{"id":26,"date":"2026-10-17T08:00:32","date_gmt":"2026-10-17T08:00:32","guid":{"rendered":"https:\/\/sharmasalon.com\/?page_id=26"},"modified":"2026-10-17T08:00:32","modified_gmt":"2026-10-17T08:00:32","slug":"contact-booking","status":"publish","type":"page","link":"https:\/\/sharmasalon.com\/?page_id=26","title":{"rendered":"Contact &amp; Booking"},"content":{"rendered":"\n<div id=\"sharma-contact-booking\">\n  <style>\n    #sharma-contact-booking {\n      --peach: #F2A67B;\n      --rose: #D93663;\n      --cream: #FFF8F3;\n      --dark: #30201F;\n      --muted: #705C55;\n      background: var(--cream);\n      color: var(--dark);\n      font-family: 'DM Sans', Arial, sans-serif;\n      padding: 75px 20px;\n    }\n\n    #sharma-contact-booking * {\n      box-sizing: border-box;\n    }\n\n    #sharma-contact-booking .cb-container {\n      max-width: 1160px;\n      margin: auto;\n    }\n\n    #sharma-contact-booking .cb-heading {\n      text-align: center;\n      max-width: 720px;\n      margin: 0 auto 45px;\n    }\n\n    #sharma-contact-booking .cb-label {\n      display: block;\n      color: var(--rose);\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      margin-bottom: 15px;\n    }\n\n    #sharma-contact-booking h2,\n    #sharma-contact-booking h3 {\n      font-family: 'Playfair Display', Georgia, serif;\n      font-weight: 500;\n      line-height: 1.2;\n      margin-top: 0;\n    }\n\n    #sharma-contact-booking h2 {\n      font-size: clamp(32px, 4vw, 48px);\n      margin-bottom: 17px;\n    }\n\n    #sharma-contact-booking p {\n      color: var(--muted);\n      font-size: 14px;\n      line-height: 1.8;\n    }\n\n    #sharma-contact-booking .cb-grid {\n      display: grid;\n      grid-template-columns: .9fr 1.1fr;\n      gap: 30px;\n      align-items: stretch;\n    }\n\n    \/* Contact details *\/\n    #sharma-contact-booking .cb-details {\n      background: var(--peach);\n      padding: 38px 32px;\n      border-radius: 4px;\n    }\n\n    #sharma-contact-booking .cb-details h3 {\n      font-size: 29px;\n      margin-bottom: 12px;\n    }\n\n    #sharma-contact-booking .cb-details > p {\n      color: #573D35;\n      margin-bottom: 30px;\n    }\n\n    #sharma-contact-booking .cb-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 15px;\n      padding: 20px 0;\n      border-bottom: 1px solid rgba(70, 40, 30, .18);\n    }\n\n    #sharma-contact-booking .cb-item:last-child {\n      border-bottom: none;\n    }\n\n    #sharma-contact-booking .cb-icon {\n      width: 43px;\n      height: 43px;\n      flex-shrink: 0;\n      display: grid;\n      place-items: center;\n      border-radius: 50%;\n      background: var(--cream);\n      color: var(--rose);\n      font-size: 20px;\n    }\n\n    #sharma-contact-booking .cb-item h4 {\n      font-size: 14px;\n      margin: 2px 0 7px;\n      color: var(--dark);\n    }\n\n    #sharma-contact-booking .cb-item a,\n    #sharma-contact-booking .cb-item span.cb-value {\n      color: #573D35;\n      font-size: 13px;\n      line-height: 1.7;\n      overflow-wrap: anywhere;\n    }\n\n    #sharma-contact-booking .cb-item a:hover {\n      color: var(--rose);\n      text-decoration: underline;\n    }\n\n    \/* Booking form *\/\n    #sharma-contact-booking .cb-form {\n      background: #FFFFFF;\n      border: 1px solid #F0DCD1;\n      padding: 38px 32px;\n      border-radius: 4px;\n    }\n\n    #sharma-contact-booking .cb-form h3 {\n      font-size: 29px;\n      margin-bottom: 10px;\n    }\n\n    #sharma-contact-booking .cb-form-intro {\n      margin-bottom: 25px;\n    }\n\n    #sharma-contact-booking .cb-form-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 18px;\n    }\n\n    #sharma-contact-booking .cb-field {\n      margin-bottom: 18px;\n    }\n\n    #sharma-contact-booking .cb-field-full {\n      grid-column: 1 \/ -1;\n    }\n\n    #sharma-contact-booking label {\n      display: block;\n      font-size: 12px;\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: var(--dark);\n    }\n\n    #sharma-contact-booking input,\n    #sharma-contact-booking select,\n    #sharma-contact-booking textarea {\n      display: block;\n      width: 100%;\n      padding: 13px 14px;\n      border: 1px solid #E8D5CC;\n      border-radius: 3px;\n      background: #FFFCFA;\n      color: var(--dark);\n      font-family: inherit;\n      font-size: 13px;\n      outline: none;\n    }\n\n    #sharma-contact-booking input:focus,\n    #sharma-contact-booking select:focus,\n    #sharma-contact-booking textarea:focus {\n      border-color: var(--rose);\n      box-shadow: 0 0 0 2px rgba(217, 54, 99, .1);\n    }\n\n    #sharma-contact-booking textarea {\n      min-height: 110px;\n      resize: vertical;\n    }\n\n    #sharma-contact-booking .cb-submit {\n      display: inline-block;\n      width: 100%;\n      border: none;\n      background: var(--rose);\n      color: #FFFFFF;\n      padding: 16px 20px;\n      font-family: inherit;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 1px;\n      cursor: pointer;\n      border-radius: 3px;\n      transition: background .25s;\n    }\n\n    #sharma-contact-booking .cb-submit:hover {\n      background: #AD244B;\n    }\n\n    #sharma-contact-booking .cb-note {\n      font-size: 11px;\n      line-height: 1.6;\n      margin-top: 13px;\n    }\n\n    #sharma-contact-booking .cb-bottom {\n      text-align: center;\n      background: #F7D8C7;\n      padding: 25px 20px;\n      margin-top: 30px;\n      border-radius: 4px;\n    }\n\n    #sharma-contact-booking .cb-bottom p {\n      margin: 0;\n      color: #573D35;\n    }\n\n    #sharma-contact-booking .cb-bottom strong {\n      color: var(--rose);\n    }\n\n    @media (max-width: 800px) {\n      #sharma-contact-booking {\n        padding: 55px 16px;\n      }\n\n      #sharma-contact-booking .cb-grid {\n        grid-template-columns: 1fr;\n      }\n\n      #sharma-contact-booking .cb-details,\n      #sharma-contact-booking .cb-form {\n        padding: 30px 23px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      #sharma-contact-booking .cb-form-grid {\n        grid-template-columns: 1fr;\n        gap: 0;\n      }\n\n      #sharma-contact-booking .cb-field-full {\n        grid-column: auto;\n      }\n    }\n  <\/style>\n\n  <div class=\"cb-container\">\n\n    <!-- SECTION HEADING -->\n    <div class=\"cb-heading\">\n      <span class=\"cb-label\">Sharma Salon<\/span>\n      <h2>Contact &amp; Book Your Visit<\/h2>\n      <p>\n        Ready for a little self-care? Contact us to enquire about our\n        hair, nail, skin, party makeup and bridal beauty services.\n        We look forward to hearing from you.\n      <\/p>\n    <\/div>\n\n    <div class=\"cb-grid\">\n\n      <!-- CONTACT DETAILS -->\n      <div class=\"cb-details\">\n        <h3>Get in Touch<\/h3>\n        <p>\n          Have a question or planning a special occasion?\n          Reach out to us using the details below.\n        <\/p>\n\n        <div class=\"cb-item\">\n          <div class=\"cb-icon\">&#9993;<\/div>\n          <div>\n            <h4>Email Address<\/h4>\n            <a href=\"mailto:simransh1829@gmail.com\">\n              simransh1829@gmail.com\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"cb-item\">\n          <div class=\"cb-icon\">&#9742;<\/div>\n          <div>\n            <h4>Phone Number<\/h4>\n            <a href=\"tel:123456789\">123456789<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"cb-item\">\n          <div class=\"cb-icon\">&#9906;<\/div>\n          <div>\n            <h4>Our Location<\/h4>\n            <span class=\"cb-value\">Patiala, Punjab, India<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"cb-item\">\n          <div class=\"cb-icon\">&#10024;<\/div>\n          <div>\n            <h4>Our Tagline<\/h4>\n            <span class=\"cb-value\">\n              Spark n Shine \u2014 Be beautiful, be you.\n            <\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- BOOKING ENQUIRY FORM -->\n      <div class=\"cb-form\">\n        <h3>Request an Appointment<\/h3>\n        <p class=\"cb-form-intro\">\n          Fill in your details and your email app will open with your\n          appointment enquiry ready to send.\n        <\/p>\n\n        <form\n          action=\"mailto:simransh1829@gmail.com\"\n          method=\"post\"\n          enctype=\"text\/plain\">\n\n          <div class=\"cb-form-grid\">\n\n            <div class=\"cb-field\">\n              <label for=\"cb-name\">Your Name *<\/label>\n              <input\n                type=\"text\"\n                id=\"cb-name\"\n                name=\"Customer Name\"\n                placeholder=\"Enter your name\"\n                autocomplete=\"name\"\n                required>\n            <\/div>\n\n            <div class=\"cb-field\">\n              <label for=\"cb-phone\">Phone Number *<\/label>\n              <input\n                type=\"tel\"\n                id=\"cb-phone\"\n                name=\"Customer Phone\"\n                placeholder=\"Enter your phone number\"\n                autocomplete=\"tel\"\n                required>\n            <\/div>\n\n            <div class=\"cb-field\">\n              <label for=\"cb-email\">Email Address<\/label>\n              <input\n                type=\"email\"\n                id=\"cb-email\"\n                name=\"Customer Email\"\n                placeholder=\"Enter your email\"\n                autocomplete=\"email\">\n            <\/div>\n\n            <div class=\"cb-field\">\n              <label for=\"cb-service\">Choose a Service *<\/label>\n              <select id=\"cb-service\" name=\"Requested Service\" required>\n                <option value=\"\">Select a service<\/option>\n                <option>Hair Services<\/option>\n                <option>Nail Services<\/option>\n                <option>Skin Care<\/option>\n                <option>Party Makeup<\/option>\n                <option>Bridal Makeup<\/option>\n                <option>Threading &amp; Grooming<\/option>\n                <option>Other Beauty Service<\/option>\n              <\/select>\n            <\/div>\n\n            <div class=\"cb-field\">\n              <label for=\"cb-date\">Preferred Date<\/label>\n              <input\n                type=\"date\"\n                id=\"cb-date\"\n                name=\"Preferred Date\">\n            <\/div>\n\n            <div class=\"cb-field\">\n              <label for=\"cb-time\">Preferred Time<\/label>\n              <select id=\"cb-time\" name=\"Preferred Time\">\n                <option value=\"\">Choose a time<\/option>\n                <option>Morning<\/option>\n                <option>Afternoon<\/option>\n                <option>Evening<\/option>\n              <\/select>\n            <\/div>\n\n            <div class=\"cb-field cb-field-full\">\n              <label for=\"cb-message\">Additional Details<\/label>\n              <textarea\n                id=\"cb-message\"\n                name=\"Additional Details\"\n                placeholder=\"Tell us about your preferred service or occasion...\"><\/textarea>\n            <\/div>\n\n            <div class=\"cb-field cb-field-full\">\n              <button type=\"submit\" class=\"cb-submit\">\n                SEND BOOKING ENQUIRY\n              <\/button>\n            <\/div>\n\n          <\/div>\n\n          <p class=\"cb-note\">\n            This form opens your default email application. Your appointment\n            is not confirmed until the salon responds.\n          <\/p>\n        <\/form>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"cb-bottom\">\n      <p>\n        <strong>Sharma Salon | Spark n Shine<\/strong><br>\n        Your beauty, your style, your special moment.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Sharma Salon Contact &amp; Book Your Visit Ready for a little self-care? Contact us to enquire about our hair, nail, skin, party makeup and bridal beauty services. We look forward to hearing from you. Get in Touch Have a question or planning a special occasion? Reach out to us using the details below. &#9993; Email [&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-26","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/sharmasalon.com\/index.php?rest_route=\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sharmasalon.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sharmasalon.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sharmasalon.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sharmasalon.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26"}],"version-history":[{"count":1,"href":"https:\/\/sharmasalon.com\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/sharmasalon.com\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/sharmasalon.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}