From b26d5aaa554c9dbacd666e3ad13aaf901649f841 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 21:38:36 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 282 +++++++----------------------------------------
 1 file changed, 38 insertions(+), 244 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 96f54af..1d72d2e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Gallery",
-          id: "gallery",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "About", id: "about" },
+        { name: "Gallery", id: "gallery" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Pure Fades"
     />
@@ -58,52 +43,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Precision Cuts. Clean Fades. Pure Confidence."
       description="Premium barbering in the heart of Altrincham."
-      buttons={[
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
-        {
-          text: "Call Now",
-          href: "tel:07856518666",
-        },
-      ]}
+      buttons={[{ text: "Book Appointment", href: "#contact" }, { text: "Call Now", href: "tel:07856518666" }]}
       carouselItems={[
-        {
-          id: "slide1",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg",
-          imageAlt: "Barber session",
-        },
-        {
-          id: "slide2",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg",
-          imageAlt: "Shop interior",
-        },
-        {
-          id: "slide3",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-client-having-his-beard-groomed-close-up_23-2148353416.jpg",
-          imageAlt: "Fade detail",
-        },
-        {
-          id: "slide4",
-          imageSrc: "http://img.b2bpic.net/free-photo/chairs-green-male-barbershop-retro-style_627829-8284.jpg",
-          imageAlt: "Street view",
-        },
-        {
-          id: "slide5",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-poodle-posing-director-s-chair-makeup-studio_23-2151987175.jpg",
-          imageAlt: "Barber tools",
-        },
-        {
-          id: "slide6",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-499.jpg",
-          imageAlt: "Mens hairstyle",
-        },
+        { id: "slide1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg", imageAlt: "Barber session" },
+        { id: "slide2", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg", imageAlt: "Shop interior" },
+        { id: "slide3", imageSrc: "http://img.b2bpic.net/free-photo/side-view-client-having-his-beard-groomed-close-up_23-2148353416.jpg", imageAlt: "Fade detail" },
+        { id: "slide4", imageSrc: "http://img.b2bpic.net/free-photo/chairs-green-male-barbershop-retro-style_627829-8284.jpg", imageAlt: "Street view" },
+        { id: "slide5", imageSrc: "http://img.b2bpic.net/free-photo/happy-poodle-posing-director-s-chair-makeup-studio_23-2151987175.jpg", imageAlt: "Barber tools" },
+        { id: "slide6", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-499.jpg", imageAlt: "Mens hairstyle" },
       ]}
     />
   </div>
@@ -115,34 +65,10 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Skin Fade",
-          description: "Expert blending and precision lining for the perfect fade.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11902.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/man-crosswalk_1098-14105.jpg",
-          buttonText: "Book Now",
-        },
-        {
-          title: "Haircut & Style",
-          description: "Tailored cuts to suit your style and hair type.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-with-trimmer_23-2148257009.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg",
-          buttonText: "Book Now",
-        },
-        {
-          title: "Beard Trim & Shape",
-          description: "Keep your beard looking sharp and well-groomed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18406.jpg",
-          buttonText: "Book Now",
-        },
-        {
-          title: "Kids Haircuts",
-          description: "Friendly, patient service for our younger clients.",
-          imageSrc: "http://img.b2bpic.net/free-photo/children-hairdresser-with-trimmer-is-cutting-little-boy-against-dark-background-cute-preschooler-boy-getting-haircut_613910-5796.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-children-hairdresser-with-scissors-comb-is-cutting-little-boy-room-with-loft-interior_613910-5696.jpg",
-          buttonText: "Book Now",
-        },
+        { title: "Skin Fade", description: "Expert blending and precision lining for the perfect fade.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11902.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/man-crosswalk_1098-14105.jpg", buttonText: "Book Now" },
+        { title: "Haircut & Style", description: "Tailored cuts to suit your style and hair type.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-with-trimmer_23-2148257009.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg", buttonText: "Book Now" },
+        { title: "Beard Trim & Shape", description: "Keep your beard looking sharp and well-groomed.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18406.jpg", buttonText: "Book Now" },
+        { title: "Kids Haircuts", description: "Friendly, patient service for our younger clients.", imageSrc: "http://img.b2bpic.net/free-photo/children-hairdresser-with-trimmer-is-cutting-little-boy-against-dark-background-cute-preschooler-boy-getting-haircut_613910-5796.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-children-hairdresser-with-scissors-comb-is-cutting-little-boy-room-with-loft-interior_613910-5696.jpg", buttonText: "Book Now" },
       ]}
       title="Our Services"
       description="Excellence in every cut."
@@ -154,14 +80,7 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="inline-image"
       useInvertedBackground={false}
-      team={[
-        {
-          id: "avraz",
-          name: "Avraz",
-          role: "Lead Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-getting-haircut_23-2149220536.jpg",
-        },
-      ]}
+      team={[{ id: "avraz", name: "Avraz", role: "Lead Barber", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-getting-haircut_23-2149220536.jpg" }]}
       title="Meet Your Barber"
       description="Pure Fades is a trusted local barber shop in Altrincham, known for friendly service and high-quality cuts. Skilled barbers delivering consistent results in a welcoming atmosphere for all ages."
     />
@@ -169,50 +88,16 @@ export default function LandingPage() {
 
   <div id="reviews" data-section="reviews">
       <TestimonialCardOne
+      animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Client A",
-          role: "Customer",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg",
-        },
-        {
-          id: "2",
-          name: "Client B",
-          role: "Customer",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506369.jpg",
-        },
-        {
-          id: "3",
-          name: "Client C",
-          role: "Customer",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/back-view-barber-trimming-hair_23-2148298297.jpg",
-        },
-        {
-          id: "4",
-          name: "Client D",
-          role: "Customer",
-          company: "Local",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg",
-        },
-        {
-          id: "5",
-          name: "Client E",
-          role: "Customer",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20132.jpg",
-        },
+        { id: "1", name: "Client A", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg" },
+        { id: "2", name: "Client B", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506369.jpg" },
+        { id: "3", name: "Client C", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/back-view-barber-trimming-hair_23-2148298297.jpg" },
+        { id: "4", name: "Client D", role: "Customer", company: "Local", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg" },
+        { id: "5", name: "Client E", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20132.jpg" },
       ]}
       title="What Our Clients Say"
       description="Trusted by the Altrincham community (4.7 stars, 21 reviews)."
@@ -226,48 +111,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Fade 1",
-          price: "",
-          variant: "Lookbook",
-          imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg",
-        },
-        {
-          id: "p2",
-          name: "Fade 2",
-          price: "",
-          variant: "Lookbook",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg",
-        },
-        {
-          id: "p3",
-          name: "Fade 3",
-          price: "",
-          variant: "Lookbook",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-shaving-hair-client-near-mirror_23-2147778751.jpg",
-        },
-        {
-          id: "p4",
-          name: "Interior",
-          price: "",
-          variant: "Shop",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg",
-        },
-        {
-          id: "p5",
-          name: "Fade 4",
-          price: "",
-          variant: "Lookbook",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg",
-        },
-        {
-          id: "p6",
-          name: "Shop Front",
-          price: "",
-          variant: "Exterior",
-          imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg",
-        },
+        { id: "p1", name: "Fade 1", price: "", variant: "Lookbook", imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg" },
+        { id: "p2", name: "Fade 2", price: "", variant: "Lookbook", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg" },
+        { id: "p3", name: "Fade 3", price: "", variant: "Lookbook", imageSrc: "http://img.b2bpic.net/free-photo/barber-shaving-hair-client-near-mirror_23-2147778751.jpg" },
+        { id: "p4", name: "Interior", price: "", variant: "Shop", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg" },
+        { id: "p5", name: "Fade 4", price: "", variant: "Lookbook", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg" },
+        { id: "p6", name: "Shop Front", price: "", variant: "Exterior", imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg" },
       ]}
       title="Our Work"
       description="View our latest styles."
@@ -278,21 +127,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Do I need to book in advance?",
-          content: "We recommend booking online, but walk-ins are welcome based on availability.",
-        },
-        {
-          id: "q2",
-          title: "Where is the shop?",
-          content: "18 Church St, Altrincham WA14 4DW.",
-        },
-        {
-          id: "q3",
-          title: "What are your opening hours?",
-          content: "We open at 9 AM on Friday and close periodically. Check our social media for updates.",
-        },
+        { id: "q1", title: "Do I need to book in advance?", content: "We recommend booking online, but walk-ins are welcome based on availability." },
+        { id: "q2", title: "Where is the shop?", content: "18 Church St, Altrincham WA14 4DW." },
+        { id: "q3", title: "What are your opening hours?", content: "We open at 9 AM on Friday and close periodically. Check our social media for updates." },
       ]}
       sideTitle="Common Questions"
       faqsAnimation="slide-up"
@@ -303,15 +140,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="split"
       useInvertedBackground={false}
-      names={[
-        "Facebook",
-        "Instagram",
-        "Google Maps",
-        "Yelp",
-        "Treatwell",
-        "Local Guide",
-        "Barber Network",
-      ]}
+      names={["Facebook", "Instagram", "Google Maps", "Yelp", "Treatwell", "Local Guide", "Barber Network"]}
       title="Join Our Community"
       description="Follow us on Facebook for latest styles."
     />
@@ -320,54 +149,19 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Visit Us"
       title="Pure Fades Altrincham"
       description="18 Church St, Altrincham WA14 4DW. Call: 07856 518666. Opening soon Friday 9 AM."
-      buttons={[
-        {
-          text: "Get Directions",
-          href: "https://maps.google.com",
-        },
-        {
-          text: "Call Now",
-          href: "tel:07856518666",
-        },
-      ]}
+      buttons={[{ text: "Get Directions", href: "https://maps.google.com" }, { text: "Call Now", href: "tel:07856518666" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Pure Fades",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "18 Church St, Altrincham",
-              href: "#",
-            },
-            {
-              label: "07856 518666",
-              href: "tel:07856518666",
-            },
-          ],
-        },
+        { title: "Pure Fades", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
+        { title: "Contact", items: [{ label: "18 Church St, Altrincham", href: "#" }, { label: "07856 518666", href: "tel:07856518666" }] },
       ]}
       bottomLeftText="© 2024 Pure Fades Altrincham"
       bottomRightText="All rights reserved"