From 8f91b7ba6e9213dad957b67e6d923ac2055c1a03 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 01:33:09 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 138 +++++++++--------------------------------------
 1 file changed, 25 insertions(+), 113 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a321dad..c52f5ba 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -51,7 +51,7 @@ export default function HomePage() {
       borderRadius="soft"
       contentWidth="small"
       sizing="mediumLargeSizeLargeTitles"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="layered"
@@ -66,9 +66,7 @@ export default function HomePage() {
             id: item.id.startsWith("/") ? item.id : `#${item.id}`,
           }))}
           button={{
-            text: "Book Appointment",
-            href: "/contact",
-          }}
+            text: "Book Appointment",            href: "/contact"}}
           animateOnLoad={true}
         />
       </div>
@@ -78,19 +76,15 @@ export default function HomePage() {
         <HeroBillboard
           title="Professional Facial Treatments in Tlemcen"
           description="Experience luxury skincare and rejuvenating facial treatments at Mesoestetic Tlemcen. Expert-led services using advanced techniques and premium products. Trusted by locals for 5-star results."
-          background={{ variant: "noiseDiagonalGradient" }}
+          background={{ variant: "sparkles-gradient" }}
           tag="5-Star Rated"
           tagIcon={Star}
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Call Now",
-              href: "tel:0659705764",
-            },
+              text: "Call Now",              href: "tel:0659705764"},
             {
-              text: "Book Appointment",
-              href: "/contact",
-            },
+              text: "Book Appointment",              href: "/contact"},
           ]}
           buttonAnimation="slide-up"
           imageSrc="http://img.b2bpic.net/free-photo/beautician-spa-beauty-salon-applies-cream-client-s-face-girl-lies-cosmetology-table_343596-4276.jpg"
@@ -109,16 +103,12 @@ export default function HomePage() {
           description="Mesoestetic Tlemcen is dedicated to providing professional facial treatments using the latest skincare technologies and premium products. Our team of experienced specialists focuses on delivering personalized treatments that rejuvenate, heal, and enhance your natural beauty. We combine advanced techniques with a relaxing, welcoming atmosphere to ensure every client leaves feeling refreshed and confident."
           metrics={[
             {
-              value: "5.0★",
-              title: "Google Rating",
-            },
+              value: "5.0★",              title: "Google Rating"},
             {
-              value: "500+",
-              title: "Happy Clients",
-            },
+              value: "500+",              title: "Happy Clients"},
           ]}
           metricsAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_74190-4976.jpg?_wi=1"
+          imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_74190-4976.jpg"
           imageAlt="Mesoestetic Tlemcen spa interior"
           useInvertedBackground={false}
           mediaAnimation="blur-reveal"
@@ -134,32 +124,16 @@ export default function HomePage() {
           tagIcon={Sparkles}
           features={[
             {
-              title: "Deep Facial Cleansing",
-              description: "Professional pore cleansing and extraction for clear, refined skin",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-hotel-maid-putting-bath-accessories-bathroom_171337-12730.jpg?_wi=1",
-              imageAlt: "Deep facial cleansing treatment",
-              buttonIcon: ArrowRight,
+              title: "Deep Facial Cleansing",              description: "Professional pore cleansing and extraction for clear, refined skin",              imageSrc: "http://img.b2bpic.net/free-photo/young-hotel-maid-putting-bath-accessories-bathroom_171337-12730.jpg",              imageAlt: "Deep facial cleansing treatment",              buttonIcon: ArrowRight,
             },
             {
-              title: "Anti-Aging Treatments",
-              description: "Advanced facial procedures to reduce wrinkles and restore youthful radiance",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-ongoing-gua-sha-face-procedure_23-2149401423.jpg?_wi=1",
-              imageAlt: "Anti-aging facial treatment",
-              buttonIcon: ArrowRight,
+              title: "Anti-Aging Treatments",              description: "Advanced facial procedures to reduce wrinkles and restore youthful radiance",              imageSrc: "http://img.b2bpic.net/free-photo/woman-ongoing-gua-sha-face-procedure_23-2149401423.jpg",              imageAlt: "Anti-aging facial treatment",              buttonIcon: ArrowRight,
             },
             {
-              title: "Hydrating Facials",
-              description: "Deep moisturizing treatments for glowing, nourished, radiant skin",
-              imageSrc: "http://img.b2bpic.net/free-photo/wellness-concept-with-woman-with-creme-face_23-2147816990.jpg?_wi=1",
-              imageAlt: "Hydrating facial treatment",
-              buttonIcon: ArrowRight,
+              title: "Hydrating Facials",              description: "Deep moisturizing treatments for glowing, nourished, radiant skin",              imageSrc: "http://img.b2bpic.net/free-photo/wellness-concept-with-woman-with-creme-face_23-2147816990.jpg",              imageAlt: "Hydrating facial treatment",              buttonIcon: ArrowRight,
             },
             {
-              title: "Acne Treatment Facials",
-              description: "Specialized treatments targeting acne and blemishes for clearer skin",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-treatment-beauty-salon_23-2148906443.jpg?_wi=1",
-              imageAlt: "Acne treatment facial",
-              buttonIcon: ArrowRight,
+              title: "Acne Treatment Facials",              description: "Specialized treatments targeting acne and blemishes for clearer skin",              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-treatment-beauty-salon_23-2148906443.jpg",              imageAlt: "Acne treatment facial",              buttonIcon: ArrowRight,
             },
           ]}
           textboxLayout="default"
@@ -175,21 +149,9 @@ export default function HomePage() {
           description="Proven results and trusted expertise in professional skincare."
           metrics={[
             {
-              id: "1",
-              value: "5.0",
-              title: "Star Rating",
-              description: "Consistently excellent feedback from clients",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-models-posing-together_23-2148313376.jpg?_wi=1",
-              imageAlt: "Skincare transformation results",
-            },
+              id: "1",              value: "5.0",              title: "Star Rating",              description: "Consistently excellent feedback from clients",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-models-posing-together_23-2148313376.jpg",              imageAlt: "Skincare transformation results"},
             {
-              id: "2",
-              value: "10+",
-              title: "Years Experience",
-              description: "Dedicated expertise in professional skincare",
-              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-doctor-explaining-anatomy_23-2149389043.jpg?_wi=1",
-              imageAlt: "Professional skincare consultation",
-            },
+              id: "2",              value: "10+",              title: "Years Experience",              description: "Dedicated expertise in professional skincare",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-doctor-explaining-anatomy_23-2149389043.jpg",              imageAlt: "Professional skincare consultation"},
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -204,53 +166,17 @@ export default function HomePage() {
           description="Real testimonials from satisfied customers who've experienced our professional treatments."
           testimonials={[
             {
-              id: "1",
-              name: "Amira D.",
-              handle: "Regular Client",
-              testimonial: "The facial treatment at Mesoestetic was absolutely wonderful. My skin feels incredibly smooth and rejuvenated. The staff is so professional and caring!",
-              imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-city-girl-shows-thumbs-up-approval-looking-upbeat-say-yes-approves-agrees-stands_1258-193004.jpg",
-              imageAlt: "Amira testimonial",
-            },
+              id: "1",              name: "Amira D.",              handle: "Regular Client",              testimonial: "The facial treatment at Mesoestetic was absolutely wonderful. My skin feels incredibly smooth and rejuvenated. The staff is so professional and caring!",              imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-city-girl-shows-thumbs-up-approval-looking-upbeat-say-yes-approves-agrees-stands_1258-193004.jpg",              imageAlt: "Amira testimonial"},
             {
-              id: "2",
-              name: "Fatima L.",
-              handle: "Beauty Enthusiast",
-              testimonial: "Best facial spa experience in Tlemcen! The results are visible immediately. I recommend this to all my friends and family.",
-              imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg",
-              imageAlt: "Fatima testimonial",
-            },
+              id: "2",              name: "Fatima L.",              handle: "Beauty Enthusiast",              testimonial: "Best facial spa experience in Tlemcen! The results are visible immediately. I recommend this to all my friends and family.",              imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg",              imageAlt: "Fatima testimonial"},
             {
-              id: "3",
-              name: "Noor M.",
-              handle: "Verified Customer",
-              testimonial: "Professional, clean, and results-oriented. The anti-aging facial has truly made a difference in my skin texture and appearance.",
-              imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-gesturing-ok_23-2147767531.jpg",
-              imageAlt: "Noor testimonial",
-            },
+              id: "3",              name: "Noor M.",              handle: "Verified Customer",              testimonial: "Professional, clean, and results-oriented. The anti-aging facial has truly made a difference in my skin texture and appearance.",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-gesturing-ok_23-2147767531.jpg",              imageAlt: "Noor testimonial"},
             {
-              id: "4",
-              name: "Leila H.",
-              handle: "Happy Client",
-              testimonial: "I came with severe acne issues and after the acne treatment facial, my skin cleared up beautifully. Highly recommended!",
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12688.jpg",
-              imageAlt: "Leila testimonial",
-            },
+              id: "4",              name: "Leila H.",              handle: "Happy Client",              testimonial: "I came with severe acne issues and after the acne treatment facial, my skin cleared up beautifully. Highly recommended!",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12688.jpg",              imageAlt: "Leila testimonial"},
             {
-              id: "5",
-              name: "Zainab K.",
-              handle: "Loyal Customer",
-              testimonial: "The hydrating facial left my skin glowing and refreshed. I visit every month now. Mesoestetic is my go-to beauty destination.",
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
-              imageAlt: "Zainab testimonial",
-            },
+              id: "5",              name: "Zainab K.",              handle: "Loyal Customer",              testimonial: "The hydrating facial left my skin glowing and refreshed. I visit every month now. Mesoestetic is my go-to beauty destination.",              imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Zainab testimonial"},
             {
-              id: "6",
-              name: "Hana R.",
-              handle: "5-Star Review",
-              testimonial: "Exceptional service and incredible results. The team genuinely cares about your skin health. A must-visit spa in Tlemcen!",
-              imageSrc: "http://img.b2bpic.net/free-photo/emotional-female-portrait-closeup-outdoors_1321-4437.jpg",
-              imageAlt: "Hana testimonial",
-            },
+              id: "6",              name: "Hana R.",              handle: "5-Star Review",              testimonial: "Exceptional service and incredible results. The team genuinely cares about your skin health. A must-visit spa in Tlemcen!",              imageSrc: "http://img.b2bpic.net/free-photo/emotional-female-portrait-closeup-outdoors_1321-4437.jpg",              imageAlt: "Hana testimonial"},
           ]}
           textboxLayout="default"
           useInvertedBackground={true}
@@ -265,31 +191,17 @@ export default function HomePage() {
           ctaTitle="Ready to Transform Your Skin?"
           ctaDescription="Book your appointment today and experience professional skincare excellence."
           ctaButton={{
-            text: "Book Appointment",
-            href: "tel:0659705764",
-          }}
+            text: "Book Appointment",            href: "tel:0659705764"}}
           ctaIcon={Phone}
           faqs={[
             {
-              id: "1",
-              title: "How long does a facial treatment take?",
-              content: "Most facial treatments at Mesoestetic Tlemcen take between 60-90 minutes, including consultation and aftercare advice.",
-            },
+              id: "1",              title: "How long does a facial treatment take?",              content: "Most facial treatments at Mesoestetic Tlemcen take between 60-90 minutes, including consultation and aftercare advice."},
             {
-              id: "2",
-              title: "How often should I get facials?",
-              content: "We recommend professional facials every 4-6 weeks for optimal skin health. However, this can vary based on your skin type and specific concerns.",
-            },
+              id: "2",              title: "How often should I get facials?",              content: "We recommend professional facials every 4-6 weeks for optimal skin health. However, this can vary based on your skin type and specific concerns."},
             {
-              id: "3",
-              title: "Are the treatments suitable for sensitive skin?",
-              content: "Yes! We offer customized treatments for all skin types, including sensitive skin. Our professionals will perform a patch test during your consultation.",
-            },
+              id: "3",              title: "Are the treatments suitable for sensitive skin?",              content: "Yes! We offer customized treatments for all skin types, including sensitive skin. Our professionals will perform a patch test during your consultation."},
             {
-              id: "4",
-              title: "What products do you use?",
-              content: "We use premium, professional-grade skincare products that are dermatologically tested and safe for all skin types.",
-            },
+              id: "4",              title: "What products do you use?",              content: "We use premium, professional-grade skincare products that are dermatologically tested and safe for all skin types."},
           ]}
           useInvertedBackground={false}
           animationType="slide-up"
-- 
2.49.1