Update src/app/page.tsx

src/app/page.tsx

@@ -33,26 +33,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Services", id: "services" },
-        },
+        { name: "Team", id: "team" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Team",
-          id: "team",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Gentleman's Cut"
     />
@@ -60,66 +45,26 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Timeless Style for Modern Gentlemen"
       description="Experience premium grooming services at the heart of the city. Expert cuts, hot towel shaves, and top-tier beard care."
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg", alt: "Barber 1" },
-          src: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg",
+        { src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-scissors-showing-tip-gesture-isolated-orange_141793-73489.jpg", alt: "Barber 2" },
-          alt: "Barber 1",
+        { src: "http://img.b2bpic.net/free-photo/male-gardener-making-suicide-gesture-t-shirt-apron-looking-irresolute-front-view_176474-92522.jpg", alt: "Barber 3" },
-        },
+        { src: "http://img.b2bpic.net/free-photo/cute-little-child-is-getting-trendy-haircut-from-barber-busy-barbershop_613910-20834.jpg", alt: "Barber 4" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/barber-cutting-beard-with-scissors_1153-1506.jpg", alt: "Barber 5" },
-          src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-scissors-showing-tip-gesture-isolated-orange_141793-73489.jpg",
-          alt: "Barber 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/male-gardener-making-suicide-gesture-t-shirt-apron-looking-irresolute-front-view_176474-92522.jpg",
-          alt: "Barber 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cute-little-child-is-getting-trendy-haircut-from-barber-busy-barbershop_613910-20834.jpg",
-          alt: "Barber 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/barber-cutting-beard-with-scissors_1153-1506.jpg",
-          alt: "Barber 5",
-        },
       ]}
       avatarText="Our Master Barbers"
       buttons={[
-        {
+        { text: "Book Appointment", href: "#contact" },
-          text: "Book Appointment",
-          href: "#contact",
-        },
       ]}
       marqueeItems={[
-        {
+        { type: "text-icon", text: "Precision Cuts", icon: Scissors },
-          type: "text-icon",
+        { type: "text-icon", text: "Hot Towel Shaves", icon: Waves },
-          text: "Precision Cuts",
+        { type: "text-icon", text: "Beard Grooming", icon: Smile },
-          icon: Scissors,
+        { type: "text-icon", text: "Premium Products", icon: Sparkles },
-        },
+        { type: "text-icon", text: "Modern Style", icon: Check },
-        {
-          type: "text-icon",
-          text: "Hot Towel Shaves",
-          icon: Waves,
-        },
-        {
-          type: "text-icon",
-          text: "Beard Grooming",
-          icon: Smile,
-        },
-        {
-          type: "text-icon",
-          text: "Premium Products",
-          icon: Sparkles,
-        },
-        {
-          type: "text-icon",
-          text: "Modern Style",
-          icon: Check,
-        },
       ]}
     />
   </div>
@@ -131,18 +76,9 @@ export default function LandingPage() {
       title="A Legacy of Grooming Excellence"
       description="At Gentleman's Cut, we believe that a haircut is more than just a maintenance task—it's an experience. Established in 2012, our shop combines traditional techniques with modern style."
       bulletPoints={[
-        {
+        { title: "Master Artisans", description: "Trained professionals with 10+ years of experience." },
-          title: "Master Artisans",
+        { title: "Premium Products", description: "We only use high-grade, natural grooming products." },
-          description: "Trained professionals with 10+ years of experience.",
+        { title: "Relaxed Vibe", description: "Sit back, enjoy a coffee, and get the best fade in town." },
-        },
-        {
-          title: "Premium Products",
-          description: "We only use high-grade, natural grooming products.",
-        },
-        {
-          title: "Relaxed Vibe",
-          description: "Sit back, enjoy a coffee, and get the best fade in town.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/counter-floral-shop_23-2147761021.jpg"
       mediaAnimation="slide-up"
@@ -154,24 +90,8 @@ export default function LandingPage() {
       animationType="depth-3d"
       textboxLayout="default"
       useInvertedBackground={false}
-      negativeCard={{
+      negativeCard={{ items: ["Bad haircuts", "Long wait times", "Generic styles", "Lack of sanitation", "Unqualified staff"] }}
-        items: [
+      positiveCard={{ items: ["Precision fades", "Luxury beard trims", "Hot towel shaves", "Professional atmosphere", "Premium aftercare"] }}
-          "Bad haircuts",
-          "Long wait times",
-          "Generic styles",
-          "Lack of sanitation",
-          "Unqualified staff",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Precision fades",
-          "Luxury beard trims",
-          "Hot towel shaves",
-          "Professional atmosphere",
-          "Premium aftercare",
-        ],
-      }}
       title="Why Choose Our Service?"
       description="We don't just cut hair; we curate your look."
     />
@@ -184,42 +104,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "1", name: "Strong Hold Pomade", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-caucasian-male-barber-wearing-glasses-uniform-shaving-his-beard-with-straight-razor-with-shaving-cream-put-his-face-putting-finger-neck_141793-98622.jpg" },
-          id: "1",
+        { id: "2", name: "Cedar Beard Oil", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bottle-oils-with-copy-space_23-2148317663.jpg" },
-          name: "Strong Hold Pomade",
+        { id: "3", name: "Cooling Aftershave", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122072.jpg" },
-          price: "$22.00",
+        { id: "4", name: "Hair Clipper Set", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313040.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-caucasian-male-barber-wearing-glasses-uniform-shaving-his-beard-with-straight-razor-with-shaving-cream-put-his-face-putting-finger-neck_141793-98622.jpg",
+        { id: "5", name: "Luxury Shave Brush", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-shaving-synthetic-brush-with-defocused-foam-napkin-razor-wooden-desk_23-2148088547.jpg" },
-        },
+        { id: "6", name: "Razor Blade Pack", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-trimmer-dressing-table_107420-94802.jpg" },
-        {
-          id: "2",
-          name: "Cedar Beard Oil",
-          price: "$18.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-bottle-oils-with-copy-space_23-2148317663.jpg",
-        },
-        {
-          id: "3",
-          name: "Cooling Aftershave",
-          price: "$25.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122072.jpg",
-        },
-        {
-          id: "4",
-          name: "Hair Clipper Set",
-          price: "$120.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313040.jpg",
-        },
-        {
-          id: "5",
-          name: "Luxury Shave Brush",
-          price: "$45.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-shaving-synthetic-brush-with-defocused-foam-napkin-razor-wooden-desk_23-2148088547.jpg",
-        },
-        {
-          id: "6",
-          name: "Razor Blade Pack",
-          price: "$10.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-trimmer-dressing-table_107420-94802.jpg",
-        },
       ]}
       title="Shop Grooming Essentials"
       description="Maintain your look at home with our professional range."
@@ -233,56 +123,19 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "1",
+          id: "1", badge: "Standard", price: "$30", subtitle: "Essential maintenance", 
-          badge: "Standard",
+          features: ["Haircut", "Neck trim", "Styling"], 
-          price: "$30",
+          buttons: [{ text: "Select", href: "#contact" }]
-          subtitle: "Essential maintenance",
-          features: [
-            "Haircut",
-            "Neck trim",
-            "Styling",
-          ],
-          buttons: [
-            {
-              text: "Select",
-              href: "#contact",
-            },
-          ],
         },
         {
-          id: "2",
+          id: "2", badge: "Premium", price: "$55", subtitle: "Full experience", 
-          badge: "Premium",
+          features: ["Haircut", "Beard trim", "Hot towel shave"], 
-          price: "$55",
+          buttons: [{ text: "Select", href: "#contact" }]
-          subtitle: "Full experience",
-          features: [
-            "Haircut",
-            "Beard trim",
-            "Hot towel shave",
-          ],
-          buttons: [
-            {
-              text: "Select",
-              href: "#contact",
-            },
-          ],
         },
         {
-          id: "3",
+          id: "3", badge: "Ultimate", price: "$80", subtitle: "Total grooming package", 
-          badge: "Ultimate",
+          features: ["Haircut", "Beard trim", "Scalp massage", "Face mask"], 
-          price: "$80",
+          buttons: [{ text: "Select", href: "#contact" }]
-          subtitle: "Total grooming package",
-          features: [
-            "Haircut",
-            "Beard trim",
-            "Scalp massage",
-            "Face mask",
-          ],
-          buttons: [
-            {
-              text: "Select",
-              href: "#contact",
-            },
-          ],
         },
       ]}
       title="Fair Prices, Superior Service"
@@ -292,37 +145,16 @@ export default function LandingPage() {
 
   <div id="team" data-section="team">
       <TeamCardEleven
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={true}
       groups={[
         {
-          id: "group-1",
+          id: "group-1", groupTitle: "Professional Team", members: [
-          groupTitle: "Professional Team",
+            { id: "t1", title: "John Smith", subtitle: "Master Barber", detail: "Expert in fades.", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-comb-scissors-looking-front-with-confident-expression-standing-green-wall_141793-50527.jpg" },
-          members: [
+            { id: "t2", title: "Mike Ross", subtitle: "Senior Stylist", detail: "Razor specialist.", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-hair-clippers-isolated-crimson-background-with-copy-space_141793-31955.jpg" },
-            {
+            { id: "t3", title: "Leo Vance", subtitle: "Barber", detail: "Beard art specialist.", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg" },
-              id: "t1",
+          ]
-              title: "John Smith",
-              subtitle: "Master Barber",
-              detail: "Expert in fades.",
-              imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-comb-scissors-looking-front-with-confident-expression-standing-green-wall_141793-50527.jpg",
-            },
-            {
-              id: "t2",
-              title: "Mike Ross",
-              subtitle: "Senior Stylist",
-              detail: "Razor specialist.",
-              imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-hair-clippers-isolated-crimson-background-with-copy-space_141793-31955.jpg",
-            },
-            {
-              id: "t3",
-              title: "Leo Vance",
-              subtitle: "Barber",
-              detail: "Beard art specialist.",
-              imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-trimmed-with-trimmer_107420-94786.jpg",
-          imageAlt: "barber smiling portrait",
         },
       ]}
       title="Meet Our Master Barbers"
@@ -336,41 +168,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Adam S.", handle: "@adam", testimonial: "Best haircut in the city!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg" },
-          id: "1",
+        { id: "2", name: "Mark D.", handle: "@mark", testimonial: "Very professional and friendly.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2385.jpg" },
-          name: "Adam S.",
+        { id: "3", name: "Kevin L.", handle: "@kevin", testimonial: "The hot towel shave is legendary.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg" },
-          handle: "@adam",
+        { id: "4", name: "Steve P.", handle: "@steve", testimonial: "Consistent, reliable, and sharp.", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg" },
-          testimonial: "Best haircut in the city!",
+        { id: "5", name: "James O.", handle: "@james", testimonial: "I never go anywhere else.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-white-dress-holding-small-chihuahua-dog-isolated-white-background_613910-13473.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark D.",
-          handle: "@mark",
-          testimonial: "Very professional and friendly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2385.jpg",
-        },
-        {
-          id: "3",
-          name: "Kevin L.",
-          handle: "@kevin",
-          testimonial: "The hot towel shave is legendary.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg",
-        },
-        {
-          id: "4",
-          name: "Steve P.",
-          handle: "@steve",
-          testimonial: "Consistent, reliable, and sharp.",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg",
-        },
-        {
-          id: "5",
-          name: "James O.",
-          handle: "@james",
-          testimonial: "I never go anywhere else.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-white-dress-holding-small-chihuahua-dog-isolated-white-background_613910-13473.jpg",
-        },
       ]}
       title="What Our Clients Say"
       description="Join 500+ happy gentlemen."
@@ -381,21 +183,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "q1", title: "Do I need an appointment?", content: "Yes, we recommend booking online." },
-          id: "q1",
+        { id: "q2", title: "Do you accept walk-ins?", content: "Walk-ins are subject to availability." },
-          title: "Do I need an appointment?",
+        { id: "q3", title: "What payment methods do you accept?", content: "We accept cash and all major credit cards." },
-          content: "Yes, we recommend booking online.",
-        },
-        {
-          id: "q2",
-          title: "Do you accept walk-ins?",
-          content: "Walk-ins are subject to availability.",
-        },
-        {
-          id: "q3",
-          title: "What payment methods do you accept?",
-          content: "We accept cash and all major credit cards.",
-        },
       ]}
       sideTitle="Common Questions"
       sideDescription="Get quick answers about our shop."
@@ -406,53 +196,24 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "rotated-rays-animated" }}
-        variant: "rotated-rays-animated",
-      }}
       text="Ready for a fresh look? Book your slot today at Gentleman's Cut."
-      buttons={[
+      buttons={[{ text: "Book Now", href: "#booking" }]}
-        {
-          text: "Book Now",
-          href: "#booking",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
+        { title: "Shop", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
-          title: "Shop",
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
-          items: [
+        { title: "Legal", items: [{ label: "Terms of Service", href: "#terms" }, { label: "Privacy Policy", href: "#privacy" }] },
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
       ]}
       logoText="Gentleman's Cut"
+      copyrightText="© 2025 Gentleman's Cut | All Rights Reserved"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}