Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import { Award, ShieldCheck, Sparkles } from "lucide-react";
@@ -30,60 +30,39 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Treatments",
+          name: "Treatments",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Book Now",
+          name: "Book Now",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="ReGlow"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
+      <HeroBillboardRotatedCarousel
       background={{
-        variant: "gradient-bars",
+        variant: "rotated-rays-animated"}}
-      }}
       title="ReGlow"
       description="Reveal your natural glow. Professional skin treatments designed to transform your complexion and restore confidence."
       buttons={[
         {
-          text: "Book Your Session",
+          text: "Book Your Session",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
-      mediaItems={[
+      carouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=1",
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=1",          imageAlt: "ReGlow Skincare"},
-          imageAlt: "ReGlow Skincare",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=2",
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=2",          imageAlt: "Skincare Treatment"},
-          imageAlt: "Skincare Treatment",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=3",
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=3",          imageAlt: "Glow Analysis"},
-          imageAlt: "Glow Analysis",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=4",
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=4",          imageAlt: "Spa Atmosphere"},
-          imageAlt: "Spa Atmosphere",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=5",
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=5",          imageAlt: "Expert Care"},
-          imageAlt: "Expert Care",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=6",
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=6",          imageAlt: "Results"},
-          imageAlt: "Results",
-        },
       ]}
     />
   </div>
@@ -94,23 +73,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Facial Treatments",
+          title: "Facial Treatments",          description: "Deep cleansing and rejuvenation customized for every skin type.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-process-doing-makeup-with-brushes_169016-19737.jpg",          imageAlt: "Facial"},
-          description: "Deep cleansing and rejuvenation customized for every skin type.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-process-doing-makeup-with-brushes_169016-19737.jpg",
-          imageAlt: "Facial",
-        },
         {
-          title: "Skin Rejuvenation",
+          title: "Skin Rejuvenation",          description: "Advanced techniques to restore your natural vibrancy and smoothness.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-reading-magazine_23-2148879298.jpg",          imageAlt: "Rejuvenation"},
-          description: "Advanced techniques to restore your natural vibrancy and smoothness.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-reading-magazine_23-2148879298.jpg",
-          imageAlt: "Rejuvenation",
-        },
         {
-          title: "Deep Cleansing",
+          title: "Deep Cleansing",          description: "Thorough pore care that leaves your skin feeling refreshed and clear.",          imageSrc: "http://img.b2bpic.net/free-photo/female-researcher-laboratory-holding-vaccine-bottle-light_23-2148816404.jpg",          imageAlt: "Cleansing"},
-          description: "Thorough pore care that leaves your skin feeling refreshed and clear.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-researcher-laboratory-holding-vaccine-bottle-light_23-2148816404.jpg",
-          imageAlt: "Cleansing",
-        },
       ]}
       title="Our Treatments"
       description="Personalized sessions tailored to your skin's needs for optimal results."
@@ -124,19 +91,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Sparkles,
-          label: "Client Satisfaction",
+          label: "Client Satisfaction",          value: "98%"},
-          value: "98%",
-        },
         {
           icon: ShieldCheck,
-          label: "Certified Pros",
+          label: "Certified Pros",          value: "15+"},
-          value: "15+",
-        },
         {
           icon: Award,
-          label: "Sessions Completed",
+          label: "Sessions Completed",          value: "5k+"},
-          value: "5k+",
-        },
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -149,40 +110,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah J.",          role: "Client",          testimonial: "My complexion changed a lot after a few sessions. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-face-treatment_23-2149168544.jpg"},
-          name: "Sarah J.",
-          role: "Client",
-          testimonial: "My complexion changed a lot after a few sessions. Highly recommend!",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-face-treatment_23-2149168544.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Mark D.",          role: "Client",          testimonial: "A space where you feel safe. I highly recommend it!",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-cute-caucasian-young-girl-with-snowwhite-smile-dark-hair-white-background-people-free-time-concept_197531-31402.jpg"},
-          name: "Mark D.",
-          role: "Client",
-          testimonial: "A space where you feel safe. I highly recommend it!",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-cute-caucasian-young-girl-with-snowwhite-smile-dark-hair-white-background-people-free-time-concept_197531-31402.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Elena K.",          role: "Client",          testimonial: "Good results, I highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-skincare-portrait_624325-3443.jpg"},
-          name: "Elena K.",
-          role: "Client",
-          testimonial: "Good results, I highly recommend!",
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-skincare-portrait_624325-3443.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "James L.",          role: "Client",          testimonial: "Transformative experience for my skin.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-patient-dentist_23-2149164277.jpg"},
-          name: "James L.",
-          role: "Client",
-          testimonial: "Transformative experience for my skin.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-patient-dentist_23-2149164277.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Maria V.",          role: "Client",          testimonial: "The best clinic I have ever been to.",          imageSrc: "http://img.b2bpic.net/free-photo/surprised-beautiful-young-woman-after-bath-with-towel-her-head-isolated-white-background-ski_1258-138052.jpg"},
-          name: "Maria V.",
-          role: "Client",
-          testimonial: "The best clinic I have ever been to.",
-          imageSrc: "http://img.b2bpic.net/free-photo/surprised-beautiful-young-woman-after-bath-with-towel-her-head-isolated-white-background-ski_1258-138052.jpg",
-        },
       ]}
       title="What Clients Say"
       description="Trusted by clients who want real results, in a space where they feel safe."
@@ -193,8 +129,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "rotated-rays-animated",
+        variant: "rotated-rays-animated"}}
-      }}
       tag="Booking"
       title="Your skin transformation starts here"
       description="Book your first session and experience the ReGlow difference."
@@ -208,25 +143,17 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Services",
+              label: "Services",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Testimonials",
+              label: "Testimonials",              href: "#testimonials"},
-              href: "#testimonials",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Terms",
+              label: "Terms",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}