{"id":97,"date":"2024-11-23T10:08:31","date_gmt":"2024-11-23T10:08:31","guid":{"rendered":"https:\/\/demo2wpopal.b-cdn.net\/diteck\/?page_id=97"},"modified":"2026-02-11T14:25:19","modified_gmt":"2026-02-11T14:25:19","slug":"about-us","status":"publish","type":"page","link":"https:\/\/dermaonesparkle.com\/index.php\/about-us\/","title":{"rendered":"CONTACT"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nContact Sparkle Clinic<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<style>\n \/* ===== GLOBAL ===== *\/\n body {\n margin: 0;\n font-family: 'Poppins', sans-serif;\n background: linear-gradient(135deg, #f9f1e7, #f0c36d);\n color: #333;\n scroll-behavior: smooth;\n }\n\n h1,h2,h3,h4 { margin: 0; font-weight: 600; }\n h1 { font-size: 3rem; color: #B74C59; }\n h2,h3,h4 { color: #f0c36d; }\n p { color: #7b3f00; line-height: 1.6; }\n\n a { text-decoration: none; color: inherit; }\n\n \/* ===== HERO ===== *\/\n .hero {\n background: background: linear-gradient(135deg, #f9f1e7, #f0c36d);\n padding: 100px 20px 50px;\n text-align: center;\n }\n\n .hero h1 { font-size: 3.5rem; margin-bottom: 20px; }\n .hero p { font-size: 1.3rem; max-width: 800px; margin: 0 auto; color: #B74C59; }\n\n \/* ===== GRID ===== *\/\n .contact-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 40px;\n max-width: 1200px;\n margin: 60px auto 80px;\n padding: 0 20px;\n }\n\n @media(max-width:768px) { .contact-grid { grid-template-columns: 1fr; } }\n\n \/* ===== GLASS CARDS ===== *\/\n .glass-card {\n position: relative;\n background: rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(15px);\n border-radius: 25px;\n padding: 40px 30px;\n box-shadow: 0 15px 35px rgba(183,76,89,0.2);\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n overflow: hidden;\n }\n\n .glass-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 50px rgba(183,76,89,0.3);\n }\n\n \/* ===== INFO CARDS ===== *\/\n .contact-info { text-align: center; }\n .contact-info i {\n font-size: 3rem;\n color: #f0c36d;\n margin-bottom: 15px;\n transition: transform 0.4s ease;\n }\n .contact-info:hover i { transform: rotate(15deg) scale(1.2); }\n\n \/* ===== FORM ===== *\/\n .contact-form h3 { margin-bottom: 25px; color:#B74C59; text-align:center; }\n .contact-form input,\n .contact-form textarea {\n width: 100%;\n padding: 18px;\n margin-bottom: 20px;\n border-radius: 15px;\n border: 1px solid #f0c36d;\n font-size: 1rem;\n outline: none;\n background: rgba(255,255,255,0.2);\n color: #333;\n transition: border-color 0.3s ease, box-shadow 0.3s ease;\n }\n .contact-form input::placeholder,\n .contact-form textarea::placeholder { color: #7b3f00; }\n\n .contact-form input:focus,\n .contact-form textarea:focus {\n border-color: #B74C59;\n box-shadow: 0 0 15px rgba(183,76,89,0.3);\n background: rgba(255,255,255,0.3);\n }\n\n .contact-form button {\n background: linear-gradient(135deg, #f0c36d, #B74C59);\n color: #fff;\n padding: 18px 40px;\n border: none;\n border-radius: 50px;\n font-size: 1.1rem;\n cursor: pointer;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n font-weight: 600;\n width:100%;\n }\n .contact-form button:hover {\n transform: scale(1.05);\n box-shadow: 0 6px 25px rgba(183,76,89,0.4);\n }\n\n \/* ===== SOCIAL ICONS ===== *\/\n .social-links {\n display:flex;\n justify-content:center;\n gap:15px;\n margin-top:20px;\n }\n .social-links a {\n background: rgba(183,76,89,0.8);\n color:#fff;\n width:40px;\n height:40px;\n display:flex;\n align-items:center;\n justify-content:center;\n border-radius:50%;\n transition: all 0.3s ease;\n }\n .social-links a:hover {\n transform: scale(1.2);\n background:#B74C59;\n }\n\n \/* ===== MAP ===== *\/\n .contact-map {\n margin: 60px auto;\n border-radius: 25px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(183,76,89,0.2);\n max-width: 1200px;\n }\n .contact-map iframe {\n width:100%;\n height:450px;\n border:none;\n }\n\n \/* ===== NEWSLETTER ===== *\/\n .newsletter {\n text-align:center;\n margin:80px 20px;\n }\n .newsletter input {\n padding:18px 20px;\n border-radius:50px 0 0 50px;\n border:1px solid #f0c36d;\n outline:none;\n width:300px;\n }\n .newsletter button {\n padding:18px 30px;\n border:none;\n border-radius:0 50px 50px 0;\n background: linear-gradient(135deg,#f0c36d,#B74C59);\n color:#fff;\n cursor:pointer;\n }\n\n \/* ===== FAQ ===== *\/\n .faq { \n max-width:900px; \n margin:80px auto; \n text-align:center; \n}\n.faq-item { \n background: rgba(255,255,255,0.15); \n backdrop-filter: blur(15px); \n border-radius:20px; \n margin-bottom:15px; \n overflow:hidden; \n box-shadow:0 10px 25px rgba(183,76,89,0.15); \n transition: all 0.3s ease;\n}\n.faq-item:hover {\n transform: translateY(-3px);\n box-shadow:0 12px 30px rgba(183,76,89,0.25);\n}\n.faq-item button {\n background:none;\n border:none;\n padding:20px;\n width:100%;\n font-size:1.1rem;\n font-weight:600;\n color:#B74C59;\n cursor:pointer;\n outline:none;\n text-align:center;\n}\n.faq-item .answer {\n padding:10px 20px 20px 20px;\n display:none;\n color:#7b3f00;\n text-align:center;\n font-size:1rem;\n line-height:1.6;\n}\n\n \/* ===== TESTIMONIALS ===== *\/\n .testimonials { max-width:1000px; margin:80px auto; text-align:center; }\n .testimonial-slide { display:none; padding:40px; background: rgba(255,255,255,0.15); backdrop-filter: blur(15px); border-radius:25px; box-shadow:0 15px 35px rgba(183,76,89,0.2); margin-bottom:30px; }\n .testimonial-slide.active { display:block; }\n<\/style>\n<\/head>\n<body>\n\n<!-- HERO -->\n<section class=\"hero\">\n <h1>Contact Sparkle Clinic<\/h1>\n <p>Have questions or want to book an appointment? Reach out and experience our luxury care.<\/p>\n<\/section>\n\n<!-- CONTACT GRID -->\n<div class=\"contact-grid\">\n <a href=\"https:\/\/maps.app.goo.gl\/H4DqafBr2UqMu4TJ6\">\n \n <div class=\"glass-card contact-info\">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <h3>Address<\/h3>\n <p>Dubai, UAE<\/p>\n \n <\/div>\n <\/a>\n \n <div class=\"glass-card contact-info\">\n <a href=\"tel:+971522222758\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <h3>Phone<\/h3>\n <p>+971 52 222 2758<\/p>\n <\/a>\n <\/div>\n \n <div class=\"glass-card contact-info\">\n <i class=\"fas fa-envelope\"><\/i>\n <h3>Email<\/h3>\n <p>info@dermaonesparkle.com<\/p>\n <\/div>\n <div class=\"glass-card contact-form\">\n <h3>Send us a message<\/h3>\n <form action=\"https:\/\/formsubmit.co\/waelhanna20@gmail.com\" method=\"POST\">\n <input type=\"text\" name=\"name\" placeholder=\"Full Name\" required>\n <input type=\"email\" name=\"email\" placeholder=\"Email Address\" required>\n <input type=\"text\" name=\"subject\" placeholder=\"Subject\" required>\n <textarea name=\"message\" placeholder=\"Your Message\" required><\/textarea>\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n <input type=\"hidden\" name=\"_next\" value=\"https:\/\/dermaonesparkle.com\/index.php\/thank-you\/\">\n <button type=\"submit\">Send Message<\/button>\n <\/form>\n\n <div class=\"social-links\">\n <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- MAP -->\n<div class=\"contact-map\">\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d4280.9869525660915!2d55.4207348!3d25.236962699999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5f5f07ea8637ed%3A0x53e6e93a08db75db!2zRGVybWEgT25lIFNwYXJrbGUgTWVkaWNhbCBDZW50ZXIgLSDZhdix2YPYsiDYr9mK2LHZhdinINmI2KfZhiDYs9io2KfYsdmD2YQg2KfZhNi32KjZig!5e1!3m2!1sen!2suk!4v1760175379294!5m2!1sen!2suk\" width=\"400\" height=\"300\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n<\/div>\n\n\n\n<!-- FAQ -->\n<div class=\"faq\">\n <h2 style=\"text-align:center; color:#B74C59; margin-bottom:25px; font-size:2rem;\">FAQs<\/h2>\n\n <div class=\"faq-item\">\n <button onclick=\"toggleFAQ(this)\">What are your clinic hours?<\/button>\n <div class=\"answer\">Our clinic is open from 9am to 7pm, Sunday to Saturday.<\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button onclick=\"toggleFAQ(this)\">Do you accept walk-ins?<\/button>\n <div class=\"answer\">Yes, we accept walk-ins but appointments are recommended.<\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button onclick=\"toggleFAQ(this)\">What services do you provide?<\/button>\n <div class=\"answer\">at Derma one Sparkle Clinic, we specialize in enhancing your natural beauty through advanced injectables, rejuvenating skin treatments, cutting-edge laser services, and holistic wellness.<\/div>\n <\/div>\n<\/div>\n\n<script>\n function toggleFAQ(btn) {\n const answer = btn.nextElementSibling;\n const isVisible = answer.style.display === \"block\";\n document.querySelectorAll(\".faq .answer\").forEach(a => a.style.display = \"none\");\n answer.style.display = isVisible ? \"none\" : \"block\";\n }\n<\/script>\n\n\n<!-- TESTIMONIALS -->\n\n\n<script>\n \/\/ FAQ toggle\n function toggleFAQ(button){\n const answer = button.nextElementSibling;\n answer.style.display = answer.style.display === 'block' ? 'none' : 'block';\n }\n\n \/\/ Simple testimonial slider\n let slideIndex = 0;\n const slides = document.querySelectorAll('.testimonial-slide');\n setInterval(()=>{\n slides[slideIndex].classList.remove('active');\n slideIndex = (slideIndex+1) % slides.length;\n slides[slideIndex].classList.add('active');\n },5000);\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ef5479 elementor-widget elementor-widget-html\" data-id=\"6ef5479\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SOCIAL MEDIA WIDGET -->\r\n<section class=\"social-widget\">\r\n <h2>Follow Us on Social Media<\/h2>\r\n\r\n <div class=\"social-grid\">\r\n\r\n <!-- Instagram Post 1 -->\r\n <div class=\"social-card\">\r\n <blockquote class=\"instagram-media\"\r\n data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DPokmICkzkm\/?utm_source=ig_embed\"\r\n data-instgrm-version=\"14\"><\/blockquote>\r\n <\/div>\r\n \r\n <div class=\"social-card\">\r\n <blockquote class=\"instagram-media\"\r\n data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DT-dcC7jE6t\/?utm_source=ig_embed&utm_campaign=loading\"\r\n data-instgrm-version=\"14\"><\/blockquote>\r\n <\/div>\r\n\r\n <!-- Instagram Post 2 -->\r\n <div class=\"social-card\"\r\n style=\"display:none;\">\r\n <blockquote class=\"instagram-media\"\r\n data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DP3NTt-CYad\/?utm_source=ig_embed&utm_campaign=loading\"\r\n data-instgrm-version=\"14\"><\/blockquote>\r\n <\/div>\r\n\r\n <!-- Instagram Post 3 -->\r\n <div class=\"social-card\"\r\n style=\"display:none;\">\r\n <blockquote class=\"instagram-media\"\r\n data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DPBq80lE2s4\/?utm_source=ig_embed&utm_campaign=loading\"\r\n data-instgrm-version=\"14\"><\/blockquote>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Social Buttons -->\r\n <div class=\"social-buttons\">\r\n <a href=\"https:\/\/www.instagram.com\/dermaone.sparkle\" class=\"social-btn insta-btn\" target=\"_blank\">\r\n <i class=\"fab fa-instagram\"><\/i> Instagram\r\n <\/a>\r\n <a href=\"https:\/\/www.facebook.com\/share\/16DEu4bAjq\/?mibextid=wwXIfr\" class=\"social-btn fb-btn\" target=\"_blank\">\r\n <i class=\"fab fa-facebook-f\"><\/i> Facebook\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<script async src=\"\/\/www.instagram.com\/embed.js\"><\/script>\r\n\r\n<style>\r\n.social-widget {\r\n width: 100%;\r\n padding: 60px 20px;\r\n background: rgba(255,255,255,0.1);\r\n backdrop-filter: blur(15px);\r\n border-radius: 30px;\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\r\n max-width: 1200px;\r\n margin: 50px auto;\r\n text-align: center;\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.social-widget h2 {\r\n font-size: 2.5rem;\r\n margin-bottom: 40px;\r\n color: #B74C59;\r\n position: relative;\r\n}\r\n.social-widget h2::after {\r\n content:\"\";\r\n display:block;\r\n width:120px;\r\n height:4px;\r\n background: linear-gradient(135deg,#f0c36d,#7b3f00);\r\n margin:12px auto 0;\r\n border-radius:2px;\r\n}\r\n\r\n\/* Grid *\/\r\n.social-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px,1fr));\r\n gap: 25px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.social-card {\r\n background: rgba(255,255,255,0.15);\r\n backdrop-filter: blur(15px);\r\n border-radius: 25px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n}\r\n\r\n.social-card:hover {\r\n transform: translateY(-10px) scale(1.02);\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.2);\r\n}\r\n\r\n.social-card blockquote {\r\n margin:0 !important;\r\n border-radius: 25px !important;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Buttons *\/\r\n.social-buttons {\r\n display:flex;\r\n justify-content:center;\r\n gap:20px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.social-btn {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:14px 30px;\r\n border-radius:50px;\r\n font-weight:600;\r\n font-size:1rem;\r\n text-decoration:none;\r\n color:#fff;\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.insta-btn {\r\n background: linear-gradient(135deg,#f0c36d,#7b3f00);\r\n}\r\n.insta-btn:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 10px 30px rgba(123,63,0,0.4);\r\n}\r\n\r\n.fb-btn {\r\n background: linear-gradient(135deg,#3b5998,#2d4373);\r\n}\r\n.fb-btn:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.4);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:768px){\r\n .social-widget h2 { font-size:2rem; }\r\n .social-grid { grid-template-columns:1fr; }\r\n .social-buttons { flex-direction:column; }\r\n .social-buttons .social-btn { width:80%; justify-content:center; }\r\n}\r\n<\/style>\r\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 Sparkle Clinic Contact Sparkle Clinic Have questions or want to book an appointment? Reach out and experience our luxury care. Address Dubai, UAE Phone +971 52 222 2758 Email info@dermaonesparkle.com Send us a message Send Message FAQs What are your clinic hours? Our clinic is open from 9am to 7pm, Sunday to Saturday. Do […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-97","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/pages\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/comments?post=97"}],"version-history":[{"count":79,"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/pages\/97\/revisions"}],"predecessor-version":[{"id":11028,"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/pages\/97\/revisions\/11028"}],"wp:attachment":[{"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/media?parent=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}