Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -8,7 +8,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import TextAbout from '@/components/sections/about/TextAbout';
 import { CheckCircle, Scissors, Shield, Smile, Users } from "lucide-react";
 
@@ -31,25 +31,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Allen Barber Shop"
     />
@@ -58,37 +48,24 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Classic Cuts. Real Barbershop Experience."
       description="Serving the Allen community with traditional barbering, precision cuts, and friendly conversation. First come. First served."
       buttons={[
         {
-          text: "Get Directions",
-          href: "#contact",
-        },
+          text: "Get Directions",          href: "#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=1",
-          imageAlt: "Barber cutting hair",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=1",          imageAlt: "Barber cutting hair"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=2",
-          imageAlt: "Barber shop interior",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=2",          imageAlt: "Barber shop interior"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=3",
-          imageAlt: "Vintage barbershop chair",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=3",          imageAlt: "Vintage barbershop chair"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=4",
-          imageAlt: "Barber tools and gear",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=4",          imageAlt: "Barber tools and gear"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=5",
-          imageAlt: "Friendly community barber",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=5",          imageAlt: "Friendly community barber"},
       ]}
       mediaAnimation="slide-up"
     />
@@ -110,29 +87,19 @@ export default function LandingPage() {
       features={[
         {
           icon: Scissors,
-          title: "Old School Barbershop",
-          description: "No rushed chain haircuts. Just real barbering the way it used to be.",
-        },
+          title: "Old School Barbershop",          description: "No rushed chain haircuts. Just real barbering the way it used to be."},
         {
           icon: CheckCircle,
-          title: "Precision Haircuts",
-          description: "Roy takes his time and makes sure every haircut is done right.",
-        },
+          title: "Precision Haircuts",          description: "Roy takes his time and makes sure every haircut is done right."},
         {
           icon: Users,
-          title: "Community Atmosphere",
-          description: "Customers say the shop feels like family.",
-        },
+          title: "Community Atmosphere",          description: "Customers say the shop feels like family."},
         {
           icon: Shield,
-          title: "Military Friendly",
-          description: "Veterans and active military are always welcome.",
-        },
+          title: "Military Friendly",          description: "Veterans and active military are always welcome."},
         {
           icon: Smile,
-          title: "Great With Kids",
-          description: "Roy is known for being patient and calm with younger customers.",
-        },
+          title: "Great With Kids",          description: "Roy is known for being patient and calm with younger customers."},
       ]}
       title="Why Customers Love Allen Barber Shop"
       description="Roy has been cutting hair for decades and has built a loyal community of customers who have trusted him for years."
@@ -147,41 +114,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          name: "Classic Haircut",
-          price: "$25",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7904.jpg?_wi=1",
-        },
+          id: "1",          name: "Classic Haircut",          price: "$25",          imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7904.jpg?_wi=1"},
         {
-          id: "2",
-          name: "Beard Trim",
-          price: "$15",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94800.jpg?_wi=1",
-        },
+          id: "2",          name: "Beard Trim",          price: "$15",          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94800.jpg?_wi=1"},
         {
-          id: "3",
-          name: "Military High & Tight",
-          price: "$22",
-          imageSrc: "http://img.b2bpic.net/free-photo/indian-stylish-man-black-traditional-clothes-with-white-scarf-posed-outdoor-against-old-gates_627829-2537.jpg?_wi=1",
-        },
+          id: "3",          name: "Military High & Tight",          price: "$22",          imageSrc: "http://img.b2bpic.net/free-photo/indian-stylish-man-black-traditional-clothes-with-white-scarf-posed-outdoor-against-old-gates_627829-2537.jpg?_wi=1"},
         {
-          id: "4",
-          name: "Kids Cut",
-          price: "$20",
-          imageSrc: "http://img.b2bpic.net/free-photo/boy-getting-haircut-salon-front-view_23-2149870409.jpg?_wi=1",
-        },
+          id: "4",          name: "Kids Cut",          price: "$20",          imageSrc: "http://img.b2bpic.net/free-photo/boy-getting-haircut-salon-front-view_23-2149870409.jpg?_wi=1"},
         {
-          id: "5",
-          name: "Hot Towel Shave",
-          price: "$30",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7904.jpg?_wi=2",
-        },
+          id: "5",          name: "Hot Towel Shave",          price: "$30",          imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7904.jpg?_wi=2"},
         {
-          id: "6",
-          name: "Line Up",
-          price: "$12",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94800.jpg?_wi=2",
-        },
+          id: "6",          name: "Line Up",          price: "$12",          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94800.jpg?_wi=2"},
       ]}
       title="Our Services"
       description="Precision grooming and traditional barbering techniques to keep you looking your best."
@@ -189,60 +132,19 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
+      <TestimonialCardTwelve
+      cardAnimation="slide-up"
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Mark S.",
-          handle: "Regular",
-          testimonial: "Roy has been my barber for almost two decades. Always a great experience.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=6",
-          imageAlt: "barber cutting hair professional style",
-        },
+          id: "1",          name: "Mark S. (Verified Google Review)",          imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=6"},
         {
-          id: "2",
-          name: "John D.",
-          handle: "Traveler",
-          testimonial: "I travel over 25 miles just to get my haircut here. Worth it every time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7904.jpg?_wi=3",
-          imageAlt: "classic men haircut barber service",
-        },
+          id: "2",          name: "John D. (Verified Google Review)",          imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7904.jpg?_wi=3"},
         {
-          id: "3",
-          name: "David W.",
-          handle: "Local",
-          testimonial: "Roy takes his time and makes sure your haircut is perfect.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94800.jpg?_wi=3",
-          imageAlt: "professional beard shaping trim",
-        },
-        {
-          id: "4",
-          name: "Susan P.",
-          handle: "Mom",
-          testimonial: "My son was afraid of clippers and Roy was incredibly patient.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/indian-stylish-man-black-traditional-clothes-with-white-scarf-posed-outdoor-against-old-gates_627829-2537.jpg?_wi=2",
-          imageAlt: "traditional high and tight haircut",
-        },
-        {
-          id: "5",
-          name: "Robert L.",
-          handle: "Veteran",
-          testimonial: "The only barber I know who can do a perfect high & tight military cut.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/boy-getting-haircut-salon-front-view_23-2149870409.jpg?_wi=2",
-          imageAlt: "kids barber haircut experience",
-        },
+          id: "3",          name: "David W. (Verified Google Review)",          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94800.jpg?_wi=3"},
       ]}
-      showRating={true}
-      title="What Customers Say"
-      description="Join the many loyal patrons who choose Allen Barber Shop for their grooming needs."
+      cardTitle="What Customers Say on Google"
+      cardTag="Google Reviews"
     />
   </div>
 
@@ -250,16 +152,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Visit Us"
       title="Looking for a real barber?"
       description="Stop by Allen Barber Shop today and see why customers have trusted Roy for years. First Come, First Served. Cash Only."
       buttons={[
         {
-          text: "Get Directions",
-          href: "#",
-        },
+          text: "Get Directions",          href: "#"},
       ]}
     />
   </div>
@@ -270,29 +169,19 @@ export default function LandingPage() {
       logoText="Allen Barber Shop"
       columns={[
         {
-          title: "About",
-          items: [
+          title: "About",          items: [
             {
-              label: "Our History",
-              href: "#about",
-            },
+              label: "Our History",              href: "#about"},
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
           ],
         },
         {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
             {
-              label: "Main Street, Allen",
-              href: "#",
-            },
+              label: "Main Street, Allen",              href: "#"},
             {
-              label: "First Come, First Served",
-              href: "#",
-            },
+              label: "First Come, First Served",              href: "#"},
           ],
         },
       ]}