Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -29,26 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "#hero" },
-          name: "Home",
+        { name: "About", id: "#about" },
-          id: "#hero",
+        { name: "Services", id: "#services" },
-        },
+        { name: "Reviews", id: "#reviews" },
-        {
+        { name: "Contact", id: "#contact" },
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Reviews",
-          id: "#reviews",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
       ]}
       brandName="Saifin Sakset"
     />
@@ -56,104 +41,32 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Sharp Cuts. Real Craft."
       description="Premium grooming in the heart of Imatra. Experience precision, style, and a welcoming atmosphere built on mastery."
       kpis={[
-        {
+        { value: "4.9", label: "Google Rating" },
-          value: "4.9",
+        { value: "294", label: "Google Reviews" },
-          label: "Google Rating",
+        { value: "LGBTI+", label: "Inclusive Shop" },
-        },
-        {
-          value: "294",
-          label: "Google Reviews",
-        },
-        {
-          value: "LGBTI+",
-          label: "Inclusive Shop",
-        },
       ]}
       enableKpiAnimation={true}
-      buttons={[
+      buttons={[{ text: "Book Now", href: "tel:+358452511787" }]}
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/hairdresser-cutting-hair-blurred-man_23-2147778921.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-trousers-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22382.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg",
-          alt: "Client 5",
-        },
-      ]}
       avatarText="Join 500+ satisfied clients"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Classic Cuts",
-        },
-        {
-          type: "text",
-          text: "Beard Grooming",
-        },
-        {
-          type: "text",
-          text: "Hot Towel",
-        },
-        {
-          type: "text",
-          text: "Premium Products",
-        },
-        {
-          type: "text",
-          text: "Expert Styling",
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <AboutMetric
-      useInvertedBackground={false}
       title="More Than Just A Trim"
       metrics={[
-        {
+        { icon: Scissors, label: "Precision", value: "Mastery" },
-          icon: Scissors,
+        { icon: Music, label: "Atmosphere", value: "Soul" },
-          label: "Precision",
+        { icon: Users, label: "Welcome", value: "Inclusive" },
-          value: "Mastery",
-        },
-        {
-          icon: Music,
-          label: "Atmosphere",
-          value: "Soul",
-        },
-        {
-          icon: Users,
-          label: "Welcome",
-          value: "Inclusive",
-        },
       ]}
       metricsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
@@ -163,21 +76,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Classic Haircut", description: "Precision haircutting with professional tools and styling products.", imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-hairdresser-s-hand-with-electric-trimmer_23-2147839811.jpg?_wi=1" },
-          title: "Classic Haircut",
+        { title: "Beard Trim", description: "Hot towel treatment and meticulous beard shaping.", imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-hairdresser-s-hand-with-electric-trimmer_23-2147839811.jpg?_wi=2" },
-          description: "Precision haircutting with professional tools and styling products.",
+        { title: "Full Service", description: "A complete groom combining haircut, beard work, and facial treatment.", imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-hairdresser-s-hand-with-electric-trimmer_23-2147839811.jpg?_wi=3" },
-          imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-hairdresser-s-hand-with-electric-trimmer_23-2147839811.jpg?_wi=1",
-        },
-        {
-          title: "Beard Trim",
-          description: "Hot towel treatment and meticulous beard shaping.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-hairdresser-s-hand-with-electric-trimmer_23-2147839811.jpg?_wi=2",
-        },
-        {
-          title: "Full Service",
-          description: "A complete groom combining haircut, beard work, and facial treatment.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-hairdresser-s-hand-with-electric-trimmer_23-2147839811.jpg?_wi=3",
-        },
       ]}
       title="Services"
       description="Tailored grooming for the modern gentleman."
@@ -187,69 +88,29 @@ export default function LandingPage() {
   <div id="reviews" data-section="reviews">
       <TestimonialCardOne
       animationType="slide-up"
-      textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Ben Perera", role: "Customer", company: "Google Review", rating: 5 },
-          id: "1",
+        { id: "2", name: "Emils Trumpekojs", role: "Customer", company: "Google Review", rating: 5 },
-          name: "Ben Perera",
+        { id: "3", name: "Ilya Duisberg", role: "Customer", company: "Google Review", rating: 5 },
-          role: "Customer",
-          company: "Google Review",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Emils Trumpekojs",
-          role: "Customer",
-          company: "Google Review",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          name: "Ilya Duisberg",
-          role: "Customer",
-          company: "Google Review",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-trousers-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22382.jpg",
-        },
-        {
-          id: "4",
-          name: "Satisfied Patron",
-          role: "Regular",
-          company: "Local Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Happy Guest",
-          role: "Visitor",
-          company: "Reviewer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg?_wi=2",
-        },
       ]}
       title="Client Feedback"
       description="Join our community of satisfied customers in Imatra."
+      textboxLayout="default"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
-      useInvertedBackground={false}
+      tag="Contact Us"
-      background={{
+      title="Book Your Appointment"
-        variant: "plain",
+      description="Find us at Jukankatu, 55100 Imatra. Call +358 45 251 1787 to book your time. Open Mon-Fri."
-      }}
-      tag="Visit Us"
-      title="Ready for a fresh look?"
-      description="Find us at Jukankatu, 55100 Imatra. Call 045 3465559 to book your appointment. Mon-Fri opening hours."
       imageSrc="http://img.b2bpic.net/free-photo/japan-street-with-man-bicycle_23-2148942936.jpg"
-      mediaAnimation="slide-up"
+      buttonText="Call to Book"
-      mediaPosition="left"
+      onSubmit={(email) => window.location.href = 'tel:+358452511787'}
-      buttonText="Book Now"
+      background={{ variant: "gradient-bars" }}
+      useInvertedBackground={false}
     />
   </div>