Our Services - Sparkle Clinic<\/title>\r\n<style>\r\n\/* ===== GLOBAL ===== *\/\r\nbody {\r\n font-family: \"Poppins\", sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background: linear-gradient(180deg, #fdfaf6 0%, #f7f2ea 100%);\r\n color: #333;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* ===== BANNER ===== *\/\r\n.sparkle-services-banner {\r\n position: relative;\r\n width: 100%;\r\n height: 70vh;\r\n background: url('https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/DERMA-ONE-SPARKLE-BY-AMENA.png') center\/cover no-repeat;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n color: #fff;\r\n overflow: hidden;\r\n}\r\n.services-banner-overlay {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: linear-gradient(180deg, rgba(123,63,0,0.6), rgba(240,195,109,0.2));\r\n z-index: 1;\r\n}\r\n.services-banner-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 700px;\r\n padding: 0 20px;\r\n animation: fadeUp 1.2s ease forwards;\r\n}\r\n.services-banner-content h1 {\r\n font-size: 3rem;\r\n font-weight: 600;\r\n color: #f0c36d;\r\n margin-bottom: 15px;\r\n}\r\n.services-banner-content p {\r\n font-size: 1.2rem;\r\n color: #fff;\r\n opacity: 0.95;\r\n margin-bottom: 30px;\r\n line-height: 1.6;\r\n}\r\n.banner-btn {\r\n background: linear-gradient(135deg, #f0c36d, #7b3f00);\r\n padding: 12px 32px;\r\n border-radius: 30px;\r\n color: #fff;\r\n text-decoration: none;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n}\r\n.banner-btn:hover {\r\n transform: scale(1.08);\r\n background: linear-gradient(135deg, #7b3f00, #f0c36d);\r\n}\r\n\r\n@keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* ===== SERVICES HEADER ===== *\/\r\n.services-header {\r\n text-align: center;\r\n padding: 100px 20px 60px;\r\n}\r\n.services-header h1 {\r\n font-size: 3rem;\r\n color: #7b3f00;\r\n margin-bottom: 10px;\r\n}\r\n.services-header p {\r\n font-size: 1.2rem;\r\n color: #a1784c;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ===== GRID ===== *\/\r\n.services-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 50px;\r\n padding: 20px;\r\n}\r\n.service-card {\r\n position: relative;\r\n background: rgba(255, 255, 255, 0.6);\r\n backdrop-filter: blur(8px);\r\n border-radius: 20px;\r\n padding: 40px 30px;\r\n max-width: 320px;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n overflow: hidden;\r\n}\r\n.service-card:hover {\r\n transform: translateY(-12px);\r\n box-shadow: 0 18px 50px rgba(123,63,0,0.15);\r\n}\r\n.service-card img {\r\n display: block;\r\n margin: 0 auto 20px; \/* centers horizontally, with space below *\/\r\n width: 100px;\r\n height: 100px;\r\n object-fit: cover;\r\n border-radius: 50%;\r\n border: 3px solid rgba(240,195,109,0.8);\r\n transition: transform 0.4s ease, border-color 0.4s ease;\r\n position: relative;\r\n top: 0;\r\n}\r\n\r\n.service-card:hover img {\r\n transform: scale(1.1);\r\n border-color: #7b3f00;\r\n}\r\n.service-card h3 {\r\n color: #7b3f00;\r\n font-size: 1.5rem;\r\n margin-bottom: 10px;\r\n}\r\n.service-card p {\r\n color: #b38b6d;\r\n font-size: 1rem;\r\n}\r\n\r\n\/* ===== OVERLAY ===== *\/\r\n.service-overlay {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: rgba(123,63,0,0.9);\r\n color: #fff;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 20px;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: all 0.4s ease;\r\n}\r\n.service-card:hover .service-overlay {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n.overlay-btn, .overlay-link {\r\n display: block;\r\n margin: 8px 0;\r\n background: linear-gradient(135deg, #f0c36d, #7b3f00);\r\n border-radius: 25px;\r\n padding: 10px 25px;\r\n color: #fff;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n.overlay-btn:hover, .overlay-link:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 5px 15px rgba(240,195,109,0.5);\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media(max-width: 768px){\r\n .services-header h1 { font-size: 2.2rem; }\r\n .services-header p { font-size: 1rem; }\r\n .service-card { max-width: 90%; padding: 30px 20px; }\r\n}\r\n\r\n\/* ===== RESPONSIVE BANNER IMAGE ===== *\/\r\n@media (max-width: 768px) {\r\n .sparkle-services-banner {\r\n background: url('https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/Untitled-design.png') center\/cover no-repeat;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"sparkle-services-banner\">\r\n <div class=\"services-banner-overlay\"><\/div>\r\n <div class=\"services-banner-content\">\r\n <h1>Our Services<\/h1>\r\n <p>Experience world-class aesthetic and wellness care designed to enhance your natural beauty with confidence.<\/p>\r\n <a href=\"#services\" class=\"banner-btn\">Explore Treatments<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"services-header\">\r\n <h1>Explore Our Treatments<\/h1>\r\n <p>Discover our specialized treatments designed to enhance your natural beauty, health, and confidence.<\/p>\r\n<\/section>\r\n\r\n\r\n<section id=\"services\" class=\"services-grid\"><\/section>\r\n\r\n<script>\r\nconst services = [\r\n \/\/ ===== LASER TREATMENTS =====\r\n { title: \"Laser Hair Removal\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/lumina-ipl-650-advance-1330x887-1.jpg\", desc: \"Experience smooth, hair-free skin with advanced laser technology for safe and effective long-term hair reduction on any skin type.\" },\r\n { title: \"Hair Bleaching\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/11\/Beige-Neutral-Beauty-Skincare-Benefits-Tips-Instagram-Story-1.png\", desc: \"Brighten and even out your skin tone with gentle hair bleaching that softens fine facial hair for a radiant, smooth finish.\" },\r\n { title: \"Carbon Laser\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2024\/11\/Carbon-laser-facial.jpg\", desc: \"A powerful skin detox treatment using activated carbon and laser light to purify pores, remove oil buildup, and enhance skin clarity.\" },\r\n\r\n \/\/ ===== INJECTABLES AND AESTHETICS =====\r\n { title: \"Wrinkle Treatment\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_n9hk7hn9hk7hn9hk-300x300.png\", desc: \"Smooth fine lines and wrinkles with precision Wrinkles Treatment injections that leave your skin looking youthful and refreshed.\" },\r\n { title: \"Filler\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/sparkle-treatmnets-box-5.png\", desc: \"Add natural volume and contour with premium dermal fillers that restore facial balance and enhance your natural features.\" },\r\n { title: \"Filler Dissolving\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/filler-dissolver.webp\", desc: \"Safely reverse or correct unwanted filler results with our gentle dissolving procedure for refined, natural-looking outcomes.\" },\r\n { title: \"Skin Rejuvenation and Tightening Injections\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2026\/03\/wrinkle-treatment-treatment.jpg\", desc: \"Revitalize your skin from within through advanced rejuvenation injections that improve elasticity, tone, and hydration.\" },\r\n\r\n \/\/ ===== SKIN CARE =====\r\n { title: \"Facial\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/chemical-peel.jpg\", desc: \"Deeply cleanse, exfoliate, and nourish your skin with customized facial treatments tailored to your skin\u2019s unique needs.\" },\r\n { title: \"Mesotherapy and Dermapen\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/facial.jpg\", desc: \"Stimulate collagen and deliver nutrients deep into the skin to restore firmness, brightness, and texture with precision.\" },\r\n { title: \"Acne and Scar Treatment\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/sparkle-treatmnets-box-2.png\", desc: \"Reduce acne scars, blemishes, and uneven texture through targeted medical treatments that renew and smooth the skin.\" },\r\n { title: \"Pigmentation Treatment\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/Acne_Treatment_Sharjah_ea52407704.jpg\", desc: \"Even out discoloration and dark spots with specialized treatments that promote bright, glowing, and radiant skin.\" },\r\n { title: \"PRP (Platelet-Rich Plasma)\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/11\/prp-img-1.jpg\", desc: \"Harness your body\u2019s natural healing power with PRP therapy to rejuvenate the skin, boost collagen, and enhance radiance.\" },\r\n { title: \"Stretch Marks Treatment\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/11\/Stretch-Marks-Treatment-cover.jpg\", desc: \"Fade and smooth the appearance of stretch marks using advanced regenerative therapies that restore your skin\u2019s uniformity.\" },\r\n { title: \"Vascular Veins Treatment\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-03-29-at-1.49.48-PM.jpeg\", desc: \"Minimize visible veins and improve circulation with safe laser or injection-based vascular treatments for clearer skin.\" },\r\n\r\n \/\/ ===== NUTRITION AND WELLNESS =====\r\n { title: \"Personalized Diet Plans\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/11\/healthy-menu-recipe-food-diet_53876-122837.avif\", desc: \"Get a customized nutrition plan tailored to your goals and body type, designed to boost wellness and sustain healthy results.\" },\r\n { title: \"IV Vitamin Therapy (IV Drip)\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/11\/iv-drip-vitamin-infusion-therapy-iv-drip-vitamin-infusion-therapy-saline-bag-211493332-1024x597-1.webp\", desc: \"Revitalize your body with essential vitamins and minerals delivered directly through IV for maximum absorption and energy.\" },\r\n { title: \"Obesity Management\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/shutterstock_348926726-obesity-1024x683-1.jpg\", desc: \"Achieve a healthy weight with guided medical programs that combine nutrition, lifestyle, and professional supervision.\" },\r\n { title: \"Body Slimming & Tightening\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/sparkle-treatmnets-box-4-1.png\", desc: \"Tone and sculpt your body with advanced non-surgical technologies for fat reduction and firm, contoured results.\" }\r\n];\r\n\r\n\/\/ Generate service cards\r\nconst grid = document.querySelector('.services-grid');\r\nconst whatsappNumber = \"971522222794\"; \/\/ your number (remove leading zero if any)\r\n\r\nservices.forEach(service => {\r\n const message = encodeURIComponent(\r\n `Hi Sparkle Clinic! \ud83c\udf38\\nI'm interested in booking a session for ${service.title}.\\nCould you please share more details and available schedules?`\r\n );\r\n const whatsappLink = `https:\/\/wa.me\/${whatsappNumber}?text=${message}`;\r\n\r\n const card = document.createElement('div');\r\n card.classList.add('service-card');\r\n card.innerHTML = `\r\n <img decoding=\"async\" src=\"${service.img}\" alt=\"${service.title}\">\r\n <h3>${service.title}<\/h3>\r\n <p>${service.desc}<\/p>\r\n <div class=\"service-overlay\">\r\n <a class=\"overlay-link\" href=\"${whatsappLink}\" target=\"_blank\">Book Now<\/a>\r\n <\/div>\r\n `;\r\n grid.appendChild(card);\r\n});\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef21708 elementor-widget elementor-widget-html\" data-id=\"ef21708\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"clinic-tech\">\r\n <div class=\"tech-header\">\r\n <h2>Cutting-Edge Technology<\/h2>\r\n <p>We use the latest medical-grade devices to ensure safe, precise, and effective treatments.<\/p>\r\n <\/div>\r\n\r\n <div class=\"tech-carousel\">\r\n <div class=\"tech-item\">\r\n <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/FW8A1948-scaled.jpg\" alt=\"Laser Machine\">\r\n <h4>Secret RF<\/h4>\r\n <\/div>\r\n <div class=\"tech-item\">\r\n <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/FW8A1952-scaled.jpg\" alt=\"Facial Device\">\r\n <h4> BTL<\/h4>\r\n <\/div>\r\n <div class=\"tech-item\">\r\n <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/FW8A1965-scaled.jpg\" alt=\"Body Sculpting\">\r\n <h4>HydraFacial<\/h4>\r\n <\/div>\r\n <div class=\"tech-item\">\r\n <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-02-at-7.34.12-PM.jpeg\" alt=\"Body Sculpting\">\r\n <h4>Cynosure<\/h4>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.clinic-tech {\r\n background: linear-gradient(180deg, #fdfaf6 0%, #f7f2ea 100%);\r\n text-align: center;\r\n padding: 100px 20px;\r\n}\r\n.tech-header h2 {\r\n font-size: 2.6rem;\r\n color: #7b3f00;\r\n margin-bottom: 15px;\r\n}\r\n.tech-header p {\r\n color: #a1784c;\r\n margin-bottom: 50px;\r\n}\r\n.tech-carousel {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 40px;\r\n}\r\n.tech-item {\r\n background: white;\r\n border-radius: 16px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n max-width: 280px;\r\n padding: 30px;\r\n transition: all 0.4s ease;\r\n}\r\n.tech-item:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 18px 50px rgba(123,63,0,0.15);\r\n}\r\n.tech-item img {\r\n width: 100%;\r\n border-radius: 12px;\r\n margin-bottom: 15px;\r\n}\r\n.tech-item h4 {\r\n color: #7b3f00;\r\n font-size: 1.2rem;\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<div class=\"elementor-element elementor-element-78307ff e-flex e-con-boxed e-con e-parent\" data-id=\"78307ff\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>Our Services – Sparkle Clinic Our Services Experience world-class aesthetic and wellness care designed to enhance your natural beauty with confidence. Explore Treatments Explore Our Treatments Discover our specialized treatments designed to enhance your natural beauty, health, and confidence. Cutting-Edge Technology We use the latest medical-grade devices to ensure safe, precise, and effective treatments. Secret […]<\/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-4037","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/pages\/4037","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=4037"}],"version-history":[{"count":454,"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/pages\/4037\/revisions"}],"predecessor-version":[{"id":11073,"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/pages\/4037\/revisions\/11073"}],"wp:attachment":[{"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/media?parent=4037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nOur Services - Sparkle Clinic<\/title>\r\n<style>\r\n\/* ===== GLOBAL ===== *\/\r\nbody {\r\n font-family: \"Poppins\", sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background: linear-gradient(180deg, #fdfaf6 0%, #f7f2ea 100%);\r\n color: #333;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* ===== BANNER ===== *\/\r\n.sparkle-services-banner {\r\n position: relative;\r\n width: 100%;\r\n height: 70vh;\r\n background: url('https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/DERMA-ONE-SPARKLE-BY-AMENA.png') center\/cover no-repeat;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n color: #fff;\r\n overflow: hidden;\r\n}\r\n.services-banner-overlay {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: linear-gradient(180deg, rgba(123,63,0,0.6), rgba(240,195,109,0.2));\r\n z-index: 1;\r\n}\r\n.services-banner-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 700px;\r\n padding: 0 20px;\r\n animation: fadeUp 1.2s ease forwards;\r\n}\r\n.services-banner-content h1 {\r\n font-size: 3rem;\r\n font-weight: 600;\r\n color: #f0c36d;\r\n margin-bottom: 15px;\r\n}\r\n.services-banner-content p {\r\n font-size: 1.2rem;\r\n color: #fff;\r\n opacity: 0.95;\r\n margin-bottom: 30px;\r\n line-height: 1.6;\r\n}\r\n.banner-btn {\r\n background: linear-gradient(135deg, #f0c36d, #7b3f00);\r\n padding: 12px 32px;\r\n border-radius: 30px;\r\n color: #fff;\r\n text-decoration: none;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n}\r\n.banner-btn:hover {\r\n transform: scale(1.08);\r\n background: linear-gradient(135deg, #7b3f00, #f0c36d);\r\n}\r\n\r\n@keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* ===== SERVICES HEADER ===== *\/\r\n.services-header {\r\n text-align: center;\r\n padding: 100px 20px 60px;\r\n}\r\n.services-header h1 {\r\n font-size: 3rem;\r\n color: #7b3f00;\r\n margin-bottom: 10px;\r\n}\r\n.services-header p {\r\n font-size: 1.2rem;\r\n color: #a1784c;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ===== GRID ===== *\/\r\n.services-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 50px;\r\n padding: 20px;\r\n}\r\n.service-card {\r\n position: relative;\r\n background: rgba(255, 255, 255, 0.6);\r\n backdrop-filter: blur(8px);\r\n border-radius: 20px;\r\n padding: 40px 30px;\r\n max-width: 320px;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n overflow: hidden;\r\n}\r\n.service-card:hover {\r\n transform: translateY(-12px);\r\n box-shadow: 0 18px 50px rgba(123,63,0,0.15);\r\n}\r\n.service-card img {\r\n display: block;\r\n margin: 0 auto 20px; \/* centers horizontally, with space below *\/\r\n width: 100px;\r\n height: 100px;\r\n object-fit: cover;\r\n border-radius: 50%;\r\n border: 3px solid rgba(240,195,109,0.8);\r\n transition: transform 0.4s ease, border-color 0.4s ease;\r\n position: relative;\r\n top: 0;\r\n}\r\n\r\n.service-card:hover img {\r\n transform: scale(1.1);\r\n border-color: #7b3f00;\r\n}\r\n.service-card h3 {\r\n color: #7b3f00;\r\n font-size: 1.5rem;\r\n margin-bottom: 10px;\r\n}\r\n.service-card p {\r\n color: #b38b6d;\r\n font-size: 1rem;\r\n}\r\n\r\n\/* ===== OVERLAY ===== *\/\r\n.service-overlay {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: rgba(123,63,0,0.9);\r\n color: #fff;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 20px;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: all 0.4s ease;\r\n}\r\n.service-card:hover .service-overlay {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n.overlay-btn, .overlay-link {\r\n display: block;\r\n margin: 8px 0;\r\n background: linear-gradient(135deg, #f0c36d, #7b3f00);\r\n border-radius: 25px;\r\n padding: 10px 25px;\r\n color: #fff;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n.overlay-btn:hover, .overlay-link:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 5px 15px rgba(240,195,109,0.5);\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media(max-width: 768px){\r\n .services-header h1 { font-size: 2.2rem; }\r\n .services-header p { font-size: 1rem; }\r\n .service-card { max-width: 90%; padding: 30px 20px; }\r\n}\r\n\r\n\/* ===== RESPONSIVE BANNER IMAGE ===== *\/\r\n@media (max-width: 768px) {\r\n .sparkle-services-banner {\r\n background: url('https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/Untitled-design.png') center\/cover no-repeat;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"sparkle-services-banner\">\r\n <div class=\"services-banner-overlay\"><\/div>\r\n <div class=\"services-banner-content\">\r\n <h1>Our Services<\/h1>\r\n <p>Experience world-class aesthetic and wellness care designed to enhance your natural beauty with confidence.<\/p>\r\n <a href=\"#services\" class=\"banner-btn\">Explore Treatments<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"services-header\">\r\n <h1>Explore Our Treatments<\/h1>\r\n <p>Discover our specialized treatments designed to enhance your natural beauty, health, and confidence.<\/p>\r\n<\/section>\r\n\r\n\r\n<section id=\"services\" class=\"services-grid\"><\/section>\r\n\r\n<script>\r\nconst services = [\r\n \/\/ ===== LASER TREATMENTS =====\r\n { title: \"Laser Hair Removal\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/lumina-ipl-650-advance-1330x887-1.jpg\", desc: \"Experience smooth, hair-free skin with advanced laser technology for safe and effective long-term hair reduction on any skin type.\" },\r\n { title: \"Hair Bleaching\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/11\/Beige-Neutral-Beauty-Skincare-Benefits-Tips-Instagram-Story-1.png\", desc: \"Brighten and even out your skin tone with gentle hair bleaching that softens fine facial hair for a radiant, smooth finish.\" },\r\n { title: \"Carbon Laser\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2024\/11\/Carbon-laser-facial.jpg\", desc: \"A powerful skin detox treatment using activated carbon and laser light to purify pores, remove oil buildup, and enhance skin clarity.\" },\r\n\r\n \/\/ ===== INJECTABLES AND AESTHETICS =====\r\n { title: \"Wrinkle Treatment\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_n9hk7hn9hk7hn9hk-300x300.png\", desc: \"Smooth fine lines and wrinkles with precision Wrinkles Treatment injections that leave your skin looking youthful and refreshed.\" },\r\n { title: \"Filler\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/sparkle-treatmnets-box-5.png\", desc: \"Add natural volume and contour with premium dermal fillers that restore facial balance and enhance your natural features.\" },\r\n { title: \"Filler Dissolving\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/filler-dissolver.webp\", desc: \"Safely reverse or correct unwanted filler results with our gentle dissolving procedure for refined, natural-looking outcomes.\" },\r\n { title: \"Skin Rejuvenation and Tightening Injections\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2026\/03\/wrinkle-treatment-treatment.jpg\", desc: \"Revitalize your skin from within through advanced rejuvenation injections that improve elasticity, tone, and hydration.\" },\r\n\r\n \/\/ ===== SKIN CARE =====\r\n { title: \"Facial\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/chemical-peel.jpg\", desc: \"Deeply cleanse, exfoliate, and nourish your skin with customized facial treatments tailored to your skin\u2019s unique needs.\" },\r\n { title: \"Mesotherapy and Dermapen\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/facial.jpg\", desc: \"Stimulate collagen and deliver nutrients deep into the skin to restore firmness, brightness, and texture with precision.\" },\r\n { title: \"Acne and Scar Treatment\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/sparkle-treatmnets-box-2.png\", desc: \"Reduce acne scars, blemishes, and uneven texture through targeted medical treatments that renew and smooth the skin.\" },\r\n { title: \"Pigmentation Treatment\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/Acne_Treatment_Sharjah_ea52407704.jpg\", desc: \"Even out discoloration and dark spots with specialized treatments that promote bright, glowing, and radiant skin.\" },\r\n { title: \"PRP (Platelet-Rich Plasma)\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/11\/prp-img-1.jpg\", desc: \"Harness your body\u2019s natural healing power with PRP therapy to rejuvenate the skin, boost collagen, and enhance radiance.\" },\r\n { title: \"Stretch Marks Treatment\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/11\/Stretch-Marks-Treatment-cover.jpg\", desc: \"Fade and smooth the appearance of stretch marks using advanced regenerative therapies that restore your skin\u2019s uniformity.\" },\r\n { title: \"Vascular Veins Treatment\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-03-29-at-1.49.48-PM.jpeg\", desc: \"Minimize visible veins and improve circulation with safe laser or injection-based vascular treatments for clearer skin.\" },\r\n\r\n \/\/ ===== NUTRITION AND WELLNESS =====\r\n { title: \"Personalized Diet Plans\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/11\/healthy-menu-recipe-food-diet_53876-122837.avif\", desc: \"Get a customized nutrition plan tailored to your goals and body type, designed to boost wellness and sustain healthy results.\" },\r\n { title: \"IV Vitamin Therapy (IV Drip)\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/11\/iv-drip-vitamin-infusion-therapy-iv-drip-vitamin-infusion-therapy-saline-bag-211493332-1024x597-1.webp\", desc: \"Revitalize your body with essential vitamins and minerals delivered directly through IV for maximum absorption and energy.\" },\r\n { title: \"Obesity Management\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/shutterstock_348926726-obesity-1024x683-1.jpg\", desc: \"Achieve a healthy weight with guided medical programs that combine nutrition, lifestyle, and professional supervision.\" },\r\n { title: \"Body Slimming & Tightening\", img: \"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/sparkle-treatmnets-box-4-1.png\", desc: \"Tone and sculpt your body with advanced non-surgical technologies for fat reduction and firm, contoured results.\" }\r\n];\r\n\r\n\/\/ Generate service cards\r\nconst grid = document.querySelector('.services-grid');\r\nconst whatsappNumber = \"971522222794\"; \/\/ your number (remove leading zero if any)\r\n\r\nservices.forEach(service => {\r\n const message = encodeURIComponent(\r\n `Hi Sparkle Clinic! \ud83c\udf38\\nI'm interested in booking a session for ${service.title}.\\nCould you please share more details and available schedules?`\r\n );\r\n const whatsappLink = `https:\/\/wa.me\/${whatsappNumber}?text=${message}`;\r\n\r\n const card = document.createElement('div');\r\n card.classList.add('service-card');\r\n card.innerHTML = `\r\n <img decoding=\"async\" src=\"${service.img}\" alt=\"${service.title}\">\r\n <h3>${service.title}<\/h3>\r\n <p>${service.desc}<\/p>\r\n <div class=\"service-overlay\">\r\n <a class=\"overlay-link\" href=\"${whatsappLink}\" target=\"_blank\">Book Now<\/a>\r\n <\/div>\r\n `;\r\n grid.appendChild(card);\r\n});\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef21708 elementor-widget elementor-widget-html\" data-id=\"ef21708\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"clinic-tech\">\r\n <div class=\"tech-header\">\r\n <h2>Cutting-Edge Technology<\/h2>\r\n <p>We use the latest medical-grade devices to ensure safe, precise, and effective treatments.<\/p>\r\n <\/div>\r\n\r\n <div class=\"tech-carousel\">\r\n <div class=\"tech-item\">\r\n <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/FW8A1948-scaled.jpg\" alt=\"Laser Machine\">\r\n <h4>Secret RF<\/h4>\r\n <\/div>\r\n <div class=\"tech-item\">\r\n <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/FW8A1952-scaled.jpg\" alt=\"Facial Device\">\r\n <h4> BTL<\/h4>\r\n <\/div>\r\n <div class=\"tech-item\">\r\n <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/FW8A1965-scaled.jpg\" alt=\"Body Sculpting\">\r\n <h4>HydraFacial<\/h4>\r\n <\/div>\r\n <div class=\"tech-item\">\r\n <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-02-at-7.34.12-PM.jpeg\" alt=\"Body Sculpting\">\r\n <h4>Cynosure<\/h4>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.clinic-tech {\r\n background: linear-gradient(180deg, #fdfaf6 0%, #f7f2ea 100%);\r\n text-align: center;\r\n padding: 100px 20px;\r\n}\r\n.tech-header h2 {\r\n font-size: 2.6rem;\r\n color: #7b3f00;\r\n margin-bottom: 15px;\r\n}\r\n.tech-header p {\r\n color: #a1784c;\r\n margin-bottom: 50px;\r\n}\r\n.tech-carousel {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 40px;\r\n}\r\n.tech-item {\r\n background: white;\r\n border-radius: 16px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n max-width: 280px;\r\n padding: 30px;\r\n transition: all 0.4s ease;\r\n}\r\n.tech-item:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 18px 50px rgba(123,63,0,0.15);\r\n}\r\n.tech-item img {\r\n width: 100%;\r\n border-radius: 12px;\r\n margin-bottom: 15px;\r\n}\r\n.tech-item h4 {\r\n color: #7b3f00;\r\n font-size: 1.2rem;\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<div class=\"elementor-element elementor-element-78307ff e-flex e-con-boxed e-con e-parent\" data-id=\"78307ff\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>Our Services – Sparkle Clinic Our Services Experience world-class aesthetic and wellness care designed to enhance your natural beauty with confidence. Explore Treatments Explore Our Treatments Discover our specialized treatments designed to enhance your natural beauty, health, and confidence. Cutting-Edge Technology We use the latest medical-grade devices to ensure safe, precise, and effective treatments. Secret […]<\/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-4037","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/pages\/4037","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=4037"}],"version-history":[{"count":454,"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/pages\/4037\/revisions"}],"predecessor-version":[{"id":11073,"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/pages\/4037\/revisions\/11073"}],"wp:attachment":[{"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/media?parent=4037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}