{"id":42220,"date":"2024-12-11T15:05:16","date_gmt":"2024-12-11T15:05:16","guid":{"rendered":"https:\/\/theme-dev.cmsmasters.net\/la-diva\/?page_id=42220"},"modified":"2026-07-28T18:03:38","modified_gmt":"2026-07-28T18:03:38","slug":"contacts","status":"publish","type":"page","link":"https:\/\/fablook.co.uk\/?page_id=42220","title":{"rendered":"Contacts"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"42220\" class=\"elementor elementor-42220\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90f1853 e-flex e-con-boxed cmsmasters-block-default e-con e-parent\" data-id=\"90f1853\" 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-7ca6d05 cmsmasters-block-default cmsmasters-sticky-default elementor-widget elementor-widget-html\" data-id=\"7ca6d05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');\r\n\r\n  * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  body {\r\n    font-family: Poppins, sans-serif;\r\n    background: #ffffff;\r\n    color: #333;\r\n  }\r\n\r\n\/* Info Cards Section *\/\r\n  .contact-info {\r\n    width: 100vw;\r\n    margin-left: calc(-50vw + 50%);\r\n    background: #fefdfb;\r\n    padding: 100px 60px;\r\n  }\r\n\r\n  .info-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr 1fr;\r\n    gap: 40px;\r\n  }\r\n\r\n  .info-card {\r\n    background: #ffffff;\r\n    padding: 50px 40px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    border: 1px solid #f0f0f0;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .info-card:hover {\r\n    box-shadow: 0 15px 40px rgba(254, 102, 203, 0.12);\r\n    transform: translateY(-8px);\r\n  }\r\n\r\n  .card-icon {\r\n    font-size: 48px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .card-title {\r\n    font-family: \"Cormorant Garamond\", sans-serif;\r\n    font-weight: 500;\r\n    font-size: 24px;\r\n    color: #98145f;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .card-content {\r\n    font-family: Poppins, sans-serif;\r\n    font-weight: 400;\r\n    font-size: 14px;\r\n    color: #666;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .card-link {\r\n    color: #d59999;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    transition: color 0.3s ease;\r\n    display: inline-block;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .card-link:hover {\r\n    color: #98145f;\r\n  }\r\n\r\n  \/* Contact Form Section *\/\r\n  .contact-form {\r\n    width: 100vw;\r\n    margin-left: calc(-50vw + 50%);\r\n    background: #ffffff;\r\n    padding: 100px 60px;\r\n  }\r\n\r\n  .form-wrapper {\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 80px;\r\n    align-items: center;\r\n  }\r\n\r\n  .form-image {\r\n    width: 100%;\r\n    height: 450px;\r\n    background: linear-gradient(135deg, #d5999915 0%, #d5999908 100%);\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .form-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .form-content h2 {\r\n    font-family: \"Cormorant Garamond\", sans-serif;\r\n    font-weight: 400;\r\n    font-size: 44px;\r\n    color: #1a1a1a;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .form-content h2 em {\r\n    font-style: italic;\r\n    color: #d59999;\r\n  }\r\n\r\n  .form-description {\r\n    font-family: Poppins, sans-serif;\r\n    font-weight: 400;\r\n    font-size: 15px;\r\n    color: #666;\r\n    line-height: 1.8;\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  .form-group {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .form-label {\r\n    font-family: Poppins, sans-serif;\r\n    font-weight: 600;\r\n    font-size: 12px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    color: #98145f;\r\n    display: block;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .form-input,\r\n  .form-textarea {\r\n    width: 100%;\r\n    padding: 14px 16px;\r\n    font-family: Poppins, sans-serif;\r\n    font-size: 14px;\r\n    border: 2px solid #f0f0f0;\r\n    border-radius: 6px;\r\n    background: #fefdfb;\r\n    color: #333;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .form-input::placeholder,\r\n  .form-textarea::placeholder {\r\n    color: #bbb;\r\n  }\r\n\r\n  .form-input:focus,\r\n  .form-textarea:focus {\r\n    outline: none;\r\n    border-color: #fe66cb;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .form-textarea {\r\n    resize: vertical;\r\n    min-height: 140px;\r\n  }\r\n\r\n\/* Map Section *\/\r\n  .contact-map {\r\n    width: 100vw;\r\n    margin-left: calc(-50vw + 50%);\r\n    background: #fefdfb;\r\n    padding: 80px 60px;\r\n  }\r\n\r\n  .map-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .map-title {\r\n    font-family: \"Cormorant Garamond\", sans-serif;\r\n    font-weight: 400;\r\n    font-size: 44px;\r\n    color: #1a1a1a;\r\n    text-align: center;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .map-subtitle {\r\n    font-family: Poppins, sans-serif;\r\n    font-weight: 400;\r\n    font-size: 15px;\r\n    color: #666;\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .map-wrapper {\r\n    width: 100%;\r\n    height: 450px;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 40px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  .map-wrapper iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    border: none;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 1024px) {\r\n    .info-container {\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .form-wrapper {\r\n      grid-template-columns: 1fr;\r\n      gap: 50px;\r\n    }\r\n\r\n    .form-content h2 {\r\n      font-size: 36px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .contact-info,\r\n    .contact-form,\r\n    .contact-map {\r\n      width: 100vw;\r\n      margin-left: calc(-50vw + 50%);\r\n      padding: 50px 20px;\r\n    }\r\n\r\n    .info-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 25px;\r\n    }\r\n\r\n    .form-wrapper {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .form-image {\r\n      height: 300px;\r\n    }\r\n\r\n    .form-content h2 {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .map-wrapper {\r\n      height: 300px;\r\n    }\r\n  }\r\n  .btn {\r\n    background: #d59999 !important;\r\n    background-color: #d59999 !important;\r\n    background-image: none !important;\r\n    color: #ffffff !important;\r\n    border: none !important;\r\n    border-radius: 0 !important;\r\n    box-shadow: none !important;\r\n    font-family: 'Poppins', sans-serif !important;\r\n    font-size: 0.85rem !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 1.5px !important;\r\n    text-transform: uppercase !important;\r\n    padding: 16px 50px !important;\r\n    cursor: pointer !important;\r\n    display: inline-block !important;\r\n  }\r\n\r\n  .btn::before,\r\n  .btn::after {\r\n    display: none !important;\r\n    content: none !important;\r\n    background: none !important;\r\n  }\r\n\r\n  .btn:hover,\r\n  .btn:focus,\r\n  .btn:active {\r\n    background: #fe66cb !important;\r\n    background-color: #fe66cb !important;\r\n    color: #ffffff !important;\r\n    border: none !important;\r\n  }\r\n\r\n<\/style>\r\n\r\n<!-- Info Cards Section -->\r\n<div class=\"contact-info\">\r\n  <div class=\"info-container\">\r\n    <!-- Hours Card -->\r\n    <div class=\"info-card\">\r\n      <div class=\"card-icon\">\ud83d\udd50<\/div>\r\n      <h3 class=\"card-title\">Open Hours<\/h3>\r\n      <div class=\"card-content\">\r\n        <strong>Mon to Sat:<\/strong><br>\r\n        9:00 AM to 7:00 PM<br><br>\r\n        <strong>Sunday:<\/strong><br>\r\n        9:00 AM to 5:00 PM<br><br>\r\n        <small>Closed on public holidays<\/small>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Phone Card -->\r\n    <div class=\"info-card\">\r\n      <div class=\"card-icon\">\ud83d\udcf1<\/div>\r\n      <h3 class=\"card-title\">Call Us<\/h3>\r\n      <div class=\"card-content\">\r\n        <strong>Main Line:<\/strong><br>\r\n        <a href=\"tel:01206700807\" class=\"card-link\">01206 700807<\/a><br><br>\r\n        <strong>WhatsApp:<\/strong><br>\r\n        <a href=\"https:\/\/wa.me\/447547844608\" class=\"card-link\">07547 844608<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Location Card -->\r\n    <div class=\"info-card\">\r\n      <div class=\"card-icon\">\ud83d\udccd<\/div>\r\n      <h3 class=\"card-title\">Visit Us<\/h3>\r\n      <div class=\"card-content\">\r\n        21 Kingswood Road<br>\r\n        Colchester<br>\r\n        CO4 5JX<br>\r\n        United Kingdom\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Contact Form Section -->\r\n<div class=\"contact-form\">\r\n  <div class=\"form-wrapper\">\r\n    <div class=\"form-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/img.magnific.com\/free-photo\/facial-treatment-concept-beautiful-cheerful-woman-poses-with-clay-facial-mask-smiles-broadly-shows-white-perfect-teeth-wears-protective-shower-headband-cares-about-good-appearance-has-manicure_273609-30989.jpg?semt=ais_hybrid&w=740&q=80 alt=\"Professional beauty services\">\r\n    <\/div>\r\n\r\n    <div class=\"form-content\">\r\n      <h2>Send us a <em>Message<\/em><\/h2>\r\n      <p class=\"form-description\">Drop us a line and we'll get back to you as soon as possible, usually within 24 hours on business days.<\/p>\r\n\r\n      <form action=\"mailto:info@fablook.co.uk\" method=\"POST\" enctype=\"text\/plain\">\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\">Full Name<\/label>\r\n          <input type=\"text\" class=\"form-input\" name=\"name\" placeholder=\"Your name\" required>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\">Email Address<\/label>\r\n          <input type=\"email\" class=\"form-input\" name=\"email\" placeholder=\"your@email.com\" required>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\">Phone Number<\/label>\r\n          <input type=\"tel\" class=\"form-input\" name=\"phone\" placeholder=\"Your phone number\">\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\">Message<\/label>\r\n          <textarea class=\"form-textarea\" name=\"message\" placeholder=\"Tell us how we can help...\" required><\/textarea>\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"btn\">Send Message<\/button>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Map Section -->\r\n<div class=\"contact-map\">\r\n  <div class=\"map-container\">\r\n    <h2 class=\"map-title\">Find Us<\/h2>\r\n    <p class=\"map-subtitle\">Located in the heart of Colchester. Easy to find and easy to access.<\/p>\r\n    \r\n    <div class=\"map-wrapper\">\r\n      <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2482.9047632644945!2d0.9163!3d51.9265!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47d8a1b5c7c7c7c7%3A0x7c7c7c7c7c7c7c7c!2s21%20Kingswood%20Road%2C%20Colchester%20CO4%205JX!5e0!3m2!1sen!2suk!4v1234567890\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\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>\ud83d\udd50 Open Hours Mon to Sat: 9:00 AM to 7:00 PM Sunday: 9:00 AM to 5:00 PM Closed on public holidays \ud83d\udcf1 Call Us Main Line: 01206 700807 WhatsApp: 07547 844608 \ud83d\udccd Visit Us 21 Kingswood Road Colchester CO4 5JX United Kingdom<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-42220","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/fablook.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/42220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fablook.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fablook.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fablook.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fablook.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=42220"}],"version-history":[{"count":7,"href":"https:\/\/fablook.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/42220\/revisions"}],"predecessor-version":[{"id":43622,"href":"https:\/\/fablook.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/42220\/revisions\/43622"}],"wp:attachment":[{"href":"https:\/\/fablook.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=42220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}