Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
@@ -30,48 +30,41 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Bilas Studio"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroOverlay
+      <HeroSplitDualMedia
       title="Look Sharp. Feel Confident."
       description="Professional haircuts and grooming at prices you'll love — right here in Port Moresby."
-      buttons={[
+      tag="Bilas Studio"
+      rating={5}
+      ratingText="5-star grooming experience"
+      mediaItems={[
         {
-          text: "Call Now",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcRU0SlRy3Wprc1UIO0jJFq37v/uploaded-1774788891681-hd3p8cgz.jpg",          imageAlt: "Precision haircut"
-          href: "tel:+67500000000",
         },
         {
-          text: "Book Appointment",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcRU0SlRy3Wprc1UIO0jJFq37v/uploaded-1774788923615-nqun09uf.jpg",          imageAlt: "Beard styling"
-          href: "#contact",
+        }
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/anonymous-woman-trimming-beard-man_23-2147778907.jpg?_wi=1"
+      mediaAnimation="blur-reveal"
-      imageAlt="Professional grooming at Bilas Studio"
+      buttons={[
-      textPosition="center"
+        { text: "Call Now", href: "tel:+67500000000" },
-      showDimOverlay={true}
+        { text: "Book Appointment", href: "#contact" }
+      ]}
+      background={{ variant: "rotated-rays-animated" }}
     />
   </div>
 
@@ -82,26 +75,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Men's Haircuts",          description: "Professional precision cuts tailored to your style.",          tag: "Popular",          imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4661.jpg?_wi=1"},
-          title: "Men's Haircuts",
-          description: "Professional precision cuts tailored to your style.",
-          tag: "Popular",
-          imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4661.jpg?_wi=1",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Beard & Grooming",          description: "Refined beard trims and hot towel shaves for that sharp look.",          tag: "Expert",          imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg?_wi=1"},
-          title: "Beard & Grooming",
-          description: "Refined beard trims and hot towel shaves for that sharp look.",
-          tag: "Expert",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg?_wi=1",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Eyebrow Styling",          description: "Clean, defined brow shaping by our experienced stylists.",          tag: "Precision",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bride-getting-ready-wedding_23-2149860805.jpg?_wi=1"},
-          title: "Eyebrow Styling",
-          description: "Clean, defined brow shaping by our experienced stylists.",
-          tag: "Precision",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bride-getting-ready-wedding_23-2149860805.jpg?_wi=1",
-        },
       ]}
       title="Our Grooming Services"
       description="Expert care for every look, from precision cuts to refined beard grooming."
@@ -127,60 +105,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "John D.",          date: "Oct 2023",          title: "Very satisfied",          quote: "I just got a haircut and beard shave here for K30… thoroughly satisfied and will be back.",          tag: "Regular",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-dark-hair-smiles-happily-expresses-positive-emotions-dressed-casual-turtleneck-hears-good-nes-isolated-brown-background-glad-meet-old-best-friend_273609-61400.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-trimming-beard-man_23-2147778907.jpg?_wi=2",          imageAlt: "barber professional haircutting"},
-          name: "John D.",
-          date: "Oct 2023",
-          title: "Very satisfied",
-          quote: "I just got a haircut and beard shave here for K30… thoroughly satisfied and will be back.",
-          tag: "Regular",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-dark-hair-smiles-happily-expresses-positive-emotions-dressed-casual-turtleneck-hears-good-nes-isolated-brown-background-glad-meet-old-best-friend_273609-61400.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-trimming-beard-man_23-2147778907.jpg?_wi=2",
-          imageAlt: "barber professional haircutting",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Mark P.",          date: "Sept 2023",          title: "Sharp look",          quote: "Best barber in Port Moresby. Always clean, fast, and exactly what I asked for.",          tag: "Haircut",          avatarSrc: "http://img.b2bpic.net/free-photo/hairdresser-customer-talking-hair-salon_329181-1940.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4661.jpg?_wi=2",          imageAlt: "men haircut barber style"},
-          name: "Mark P.",
-          date: "Sept 2023",
-          title: "Sharp look",
-          quote: "Best barber in Port Moresby. Always clean, fast, and exactly what I asked for.",
-          tag: "Haircut",
-          avatarSrc: "http://img.b2bpic.net/free-photo/hairdresser-customer-talking-hair-salon_329181-1940.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4661.jpg?_wi=2",
-          imageAlt: "men haircut barber style",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Sarah L.",          date: "Aug 2023",          title: "Friendly service",          quote: "My eyebrows were done perfectly. Professional staff and really good vibes in the shop.",          tag: "Styling",          avatarSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg?_wi=2",          imageAlt: "beard trim grooming service"},
-          name: "Sarah L.",
-          date: "Aug 2023",
-          title: "Friendly service",
-          quote: "My eyebrows were done perfectly. Professional staff and really good vibes in the shop.",
-          tag: "Styling",
-          avatarSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg?_wi=2",
-          imageAlt: "beard trim grooming service",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Chris B.",          date: "Aug 2023",          title: "Great price",          quote: "Affordable and reliable service. My go-to studio now for regular grooming.",          tag: "Beard",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-dinner_23-2148060527.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bride-getting-ready-wedding_23-2149860805.jpg?_wi=2",          imageAlt: "eyebrow styling beauty service"},
-          name: "Chris B.",
-          date: "Aug 2023",
-          title: "Great price",
-          quote: "Affordable and reliable service. My go-to studio now for regular grooming.",
-          tag: "Beard",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-dinner_23-2148060527.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bride-getting-ready-wedding_23-2149860805.jpg?_wi=2",
-          imageAlt: "eyebrow styling beauty service",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "David M.",          date: "Nov 2023",          title: "Top tier",          quote: "Excellent attention to detail. This is the only place I trust with my beard in the city.",          tag: "Grooming",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-dark-hair-smiles-happily-expresses-positive-emotions-dressed-casual-turtleneck-hears-good-nes-isolated-brown-background-glad-meet-old-best-friend_273609-61400.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-barber-standing-with-arm-crossed_107420-94783.jpg?_wi=2",          imageAlt: "barber staff portrait"},
-          name: "David M.",
-          date: "Nov 2023",
-          title: "Top tier",
-          quote: "Excellent attention to detail. This is the only place I trust with my beard in the city.",
-          tag: "Grooming",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-dark-hair-smiles-happily-expresses-positive-emotions-dressed-casual-turtleneck-hears-good-nes-isolated-brown-background-glad-meet-old-best-friend_273609-61400.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-barber-standing-with-arm-crossed_107420-94783.jpg?_wi=2",
-          imageAlt: "barber staff portrait",
-        },
       ]}
       title="What Our Clients Say"
       description="Don't just take our word for it—join our community of satisfied customers."
@@ -190,21 +123,13 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "radial-gradient" }}
-        variant: "radial-gradient",
-      }}
       tag="Get in Touch"
       title="Ready for your next look?"
       description="Book an appointment today and experience the Bilas difference. We’re open Mon–Sat."
       buttons={[
-        {
+        { text: "Call Now", href: "tel:+67500000000" },
-          text: "Call Now",
+        { text: "Book Now", href: "#" },
-          href: "tel:+67500000000",
-        },
-        {
-          text: "Book Now",
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -212,17 +137,11 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Bilas Studio"
-      leftLink={{
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-        text: "Privacy Policy",
+      rightLink={{ text: "© 2023 Bilas Studio", href: "#" }}
-        href: "#",
-      }}
-      rightLink={{
-        text: "© 2023 Bilas Studio",
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}