{"id":10747,"date":"2025-10-31T15:37:47","date_gmt":"2025-10-31T15:37:47","guid":{"rendered":"https:\/\/remedial.ae\/sparkle\/?page_id=10747"},"modified":"2026-02-11T14:07:29","modified_gmt":"2026-02-11T14:07:29","slug":"beforeafter","status":"publish","type":"page","link":"https:\/\/dermaonesparkle.com\/index.php\/beforeafter\/","title":{"rendered":"Before&amp;after"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10747\" class=\"elementor elementor-10747\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4876b9c e-flex e-con-boxed e-con e-parent\" data-id=\"4876b9c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d3851a elementor-widget elementor-widget-html\" data-id=\"8d3851a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== BEFORE & AFTER SECTION ========== -->\n<section class=\"before-after-section\">\n  <h2 class=\"ba-heading\">Before & After Transformations<\/h2>\n  <p class=\"ba-subheading\">See the difference \u2014 real transformations crafted with precision and care.<\/p>\n\n  <div class=\"ba-grid\">\n\n    <!-- ===== Card 1 ===== -->\n    <div class=\"ba-card\">\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/lips-1-\u0628\u0639\u062f.jpg\" alt=\"After\" class=\"after-img\" \/>\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/lips-1-\u0642\u0628\u0644-scaled.jpg\" alt=\"Before\" class=\"before-img\" \/>\n      <div class=\"ba-content\">\n        <h3>Lip Enhancement<\/h3>\n        <p>discription here .<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- ===== Card 2 ===== -->\n    <div class=\"ba-card\">\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/lips-\u062d\u0627\u0644\u0627\u062a-05-scaled.jpg\" alt=\"After\" class=\"after-img\" \/>\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/lips-\u062d\u0627\u0644\u0627\u062a-04-scaled.jpg\" alt=\"Before\" class=\"before-img\" \/>\n      <div class=\"ba-content\">\n        <h3>Lip Enhancement<\/h3>\n        <p>discription here ..<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- ===== Card 3 ===== -->\n    <div class=\"ba-card\">\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/\u0628\u0627\u0637-\u0628\u0639\u062f-scaled.jpg\" alt=\"After\" class=\"after-img\" \/>\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/\u0628\u0627\u0637-\u0642\u0628\u0644.jpg\" alt=\"Before\" class=\"before-img\" \/>\n      <div class=\"ba-content\">\n        <h3>Laser<\/h3>\n        <p>discription here .<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- ===== Card 4 ===== -->\n    <div class=\"ba-card\">\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/\u0627\u0644\u0634\u0639\u0631-\u0628\u0639\u062f-2-scaled.jpg\" alt=\"After\" class=\"after-img\" \/>\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/FW8A0022-scaled.jpg\" alt=\"Before\" class=\"before-img\" \/>\n      <div class=\"ba-content\">\n        <h3>PRP<\/h3>\n        <p>discription here .<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- ===== Card 5 ===== -->\n    <div class=\"ba-card\">\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/2-scaled.jpg\" alt=\"After\" class=\"after-img\" \/>\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/eee-scaled.jpg\" alt=\"Before\" class=\"before-img\" \/>\n      <div class=\"ba-content\">\n        <h3>Alopecia Areata <\/h3>\n        <p>discription here .<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- ===== Card 6 ===== -->\n     <div class=\"ba-card\">\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-31-at-8.17.27-PM.jpeg\" alt=\"After\" class=\"after-img\" \/>\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-31-at-8.17.27-PM-1.jpeg\" alt=\"Before\" class=\"before-img\" \/>\n      <div class=\"ba-content\">\n        <h3>Lip Enhancement<\/h3>\n        <p>discription here ..<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- ===== Card 7 ===== -->\n     <div class=\"ba-card\">\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-31-at-8.16.52-PM.jpeg\" alt=\"After\" class=\"after-img\" \/>\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-31-at-8.16.51-PM.jpeg\" alt=\"Before\" class=\"before-img\" \/>\n      <div class=\"ba-content\">\n        <h3>Lip Enhancement<\/h3>\n        <p>discription here ..<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- ===== Card 8 ===== -->\n     <div class=\"ba-card\">\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-31-at-8.16.51-PM-1.jpeg\" alt=\"After\" class=\"after-img\" \/>\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-31-at-8.16.51-PM-2.jpeg\" alt=\"Before\" class=\"before-img\" \/>\n      <div class=\"ba-content\">\n        <h3>Lip Enhancement<\/h3>\n        <p>discription here ..<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- ===== Card 9 ===== -->\n    <div class=\"ba-card\">\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-31-at-8.32.59-PM.jpeg\" alt=\"After\" class=\"after-img\" \/>\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-31-at-8.32.58-PM.jpeg\" alt=\"Before\" class=\"before-img\" \/>\n      <div class=\"ba-content\">\n        <h3>Softlight<\/h3>\n        <p>discription here ..<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- ===== Card 10 ===== -->\n    <div class=\"ba-card\">\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-31-at-8.33.00-PM.jpeg\" alt=\"After\" class=\"after-img\" \/>\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-31-at-8.33.00-PM-1.jpeg\" alt=\"Before\" class=\"before-img\" \/>\n      <div class=\"ba-content\">\n        <h3>Comedone Extraction<\/h3>\n        <p>discription here ..<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- ===== Card 11 ===== -->\n    <div class=\"ba-card\">\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/IMG_0586-scaled.jpg\" alt=\"After\" class=\"after-img\" \/>\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/FW8A1530-scaled.jpg\" alt=\"Before\" class=\"before-img\" \/>\n      <div class=\"ba-content\">\n        <h3>Full Face Filler + Wrinkle Treatment <\/h3>\n        <p>discription here ..<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- ===== Card 12 ===== -->\n    <div class=\"ba-card\">\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/lips-\u0628\u0639\u062f-scaled.jpg\" alt=\"After\" class=\"after-img\" \/>\n      <img decoding=\"async\" src=\"https:\/\/dermaonesparkle.com\/wp-content\/uploads\/2025\/10\/lips-\u0642\u0628\u0644-scaled.jpg\" class=\"before-img\" \/>\n      <div class=\"ba-content\">\n        <h3>Lip Enhancement<\/h3>\n        <p>discription here ..<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ====== SECTION ====== *\/\n.before-after-section {\n  background: linear-gradient(180deg, #fdfaf6 0%, #f7f2ea 100%);\n  padding: 100px 60px;\n  text-align: center;\n  font-family: \"Poppins\", sans-serif;\n  color: #333;\n}\n\n.ba-heading {\n  font-family: \"Playfair Display\", serif;\n  font-size: 2.8rem;\n  color: #B74C59;\n  margin-bottom: 15px;\n  letter-spacing: 0.5px;\n}\n\n.ba-subheading {\n  font-size: 1.15rem;\n  color: #555;\n  margin-bottom: 70px;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.6;\n}\n\n\/* ====== GRID ====== *\/\n.ba-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 40px;\n  max-width: 1300px;\n  margin: 0 auto;\n}\n\n\/* ====== CARD ====== *\/\n.ba-card {\n  position: relative;\n  border-radius: 20px;\n  overflow: hidden;\n  cursor: pointer;\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n  height: 450px;\n  transition: transform 0.4s ease;\n}\n\n.ba-card:hover {\n  transform: translateY(-5px);\n}\n\n\/* ====== IMAGES ====== *\/\n.ba-card img {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n\/* Default = After *\/\n.after-img { opacity: 1; }\n\n\/* Hover = Before *\/\n.before-img { opacity: 0; }\n\n.ba-card:hover .before-img {\n  opacity: 1;\n  transform: scale(1.05);\n}\n\n.ba-card:hover .after-img {\n  opacity: 0;\n  transform: scale(1.05);\n}\n\n\/* ====== OVERLAY TEXT ====== *\/\n.ba-content {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  padding: 30px 25px;\n  background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 100%);\n  color: #fff;\n  transform: translateY(40%);\n  transition: all 0.4s ease;\n  opacity: 0;\n}\n\n.ba-card:hover .ba-content {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n.ba-content h3 {\n  font-family: \"Playfair Display\", serif;\n  font-size: 1.4rem;\n  color: #F9D8C2; \/* soft rose-gold tone for contrast *\/\n  margin-bottom: 8px;\n  text-shadow: 0 1px 2px rgba(0,0,0,0.4);\n}\n\n.ba-content p {\n  font-size: 1rem;\n  color: #f5f5f5;\n  line-height: 1.5;\n  text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n}\n\n\/* ====== RESPONSIVE ====== *\/\n@media (max-width: 1024px) {\n  .ba-card { height: 400px; }\n}\n\n@media (max-width: 768px) {\n  .ba-heading { font-size: 2.2rem; }\n  .ba-subheading { font-size: 1rem; }\n  .ba-card { height: 360px; }\n  .before-after-section { padding: 80px 25px; }\n}\n<\/style>\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>Before &#038; After Transformations See the difference \u2014 real transformations crafted with precision and care. Lip Enhancement discription here . Lip Enhancement discription here .. Laser discription here . PRP discription here . Alopecia Areata discription here . Lip Enhancement discription here .. Lip Enhancement discription here .. Lip Enhancement discription here .. Softlight discription [&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-10747","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/pages\/10747","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=10747"}],"version-history":[{"count":22,"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/pages\/10747\/revisions"}],"predecessor-version":[{"id":11021,"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/pages\/10747\/revisions\/11021"}],"wp:attachment":[{"href":"https:\/\/dermaonesparkle.com\/index.php\/wp-json\/wp\/v2\/media?parent=10747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}