From 684f76bb51aa79d358e12d21e33dd4dda4ab25ee Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 20:35:22 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 270 +++++++----------------------------------------
 1 file changed, 40 insertions(+), 230 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2110e21..4982020 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Gallery",
-          id: "gallery",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Gallery", id: "gallery" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="NAB2 Barbershop"
     />
@@ -61,37 +46,14 @@ export default function LandingPage() {
       <HeroCarouselLogo
       logoText="NAB2 Barbershop"
       description="Experience the premium grooming standard. Your destination for style, precision, and excellence."
-      buttons={[
-        {
-          text: "Book Your Appointment",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Book Your Appointment", href: "#contact" }]}
       slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-razor-attachments_23-2147711620.jpg",
-          imageAlt: "Barber Shop Interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-trimmed-with-trimmer_107420-94786.jpg",
-          imageAlt: "Hairstyle Focus",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg",
-          imageAlt: "Shop Workspace",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326534.jpg",
-          imageAlt: "Barber Tools",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-afleece-shirt-grey-background_613910-10258.jpg",
-          imageAlt: "Client Styling",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdressers-scissors-lying-dark-cloth_23-2148181907.jpg",
-          imageAlt: "Service Detail",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-razor-attachments_23-2147711620.jpg", imageAlt: "Barber Shop Interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-trimmed-with-trimmer_107420-94786.jpg", imageAlt: "Hairstyle Focus" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg", imageAlt: "Shop Workspace" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326534.jpg", imageAlt: "Barber Tools" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-afleece-shirt-grey-background_613910-10258.jpg", imageAlt: "Client Styling" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/hairdressers-scissors-lying-dark-cloth_23-2148181907.jpg", imageAlt: "Service Detail" },
       ]}
     />
   </div>
@@ -100,19 +62,9 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        {
-          type: "text",
-          content: "Mastering the Art of ",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg",
-          alt: "Barber shop interior",
-        },
-        {
-          type: "text",
-          content: " Precision Grooming.",
-        },
+        { type: "text", content: "Mastering the Art of " },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg", alt: "Barber shop interior" },
+        { type: "text", content: " Precision Grooming." },
       ]}
     />
   </div>
@@ -124,21 +76,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Precision Haircuts",
-          description: "Classic cuts to modern fades, crafted to fit you perfectly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg",
-        },
-        {
-          title: "Royal Shaves",
-          description: "Classic straight-razor shaves for a smooth, clean, and sharp look.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-grooming-man-s-beard-professional-barber-shop-close-up_23-2148353420.jpg",
-        },
-        {
-          title: "Beard Grooming",
-          description: "Taming and trimming your beard with surgical precision.",
-          imageSrc: "http://img.b2bpic.net/free-photo/shampoo_187299-47477.jpg",
-        },
+        { title: "Precision Haircuts", description: "Classic cuts to modern fades, crafted to fit you perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg" },
+        { title: "Royal Shaves", description: "Classic straight-razor shaves for a smooth, clean, and sharp look.", imageSrc: "http://img.b2bpic.net/free-photo/woman-grooming-man-s-beard-professional-barber-shop-close-up_23-2148353420.jpg" },
+        { title: "Beard Grooming", description: "Taming and trimming your beard with surgical precision.", imageSrc: "http://img.b2bpic.net/free-photo/shampoo_187299-47477.jpg" },
       ]}
       title="Our Professional Services"
       description="Expert grooming tailored to your unique style. We deliver excellence in every cut and shave."
@@ -152,27 +92,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "10+",
-          title: "Years Experience",
-          description: "Professional history.",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          value: "5000+",
-          title: "Clients Served",
-          description: "Happy customers.",
-          icon: Users,
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Satisfaction Rate",
-          description: "Always top notch.",
-          icon: ThumbsUp,
-        },
+        { id: "m1", value: "10+", title: "Years Experience", description: "Professional history.", icon: Award },
+        { id: "m2", value: "5000+", title: "Clients Served", description: "Happy customers.", icon: Users },
+        { id: "m3", value: "100%", title: "Satisfaction Rate", description: "Always top notch.", icon: ThumbsUp },
       ]}
       title="Why Choose NAB2?"
       description="Excellence in service, atmosphere, and technique."
@@ -186,54 +108,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          brand: "Style",
-          name: "Fade Cut",
-          price: "Featured",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-with-brown-eyes_23-2148257025.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Workspace",
-          name: "Barber Chair",
-          price: "Featured",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/haircut-machine-scissors_23-2147736989.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Tools",
-          name: "Scissors",
-          price: "Featured",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Style",
-          name: "Beard Groom",
-          price: "Featured",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205928.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Tools",
-          name: "Razors",
-          price: "Featured",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121970.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Shop",
-          name: "Full Detail",
-          price: "Featured",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205862.jpg",
-        },
+        { id: "p1", brand: "Style", name: "Fade Cut", price: "Featured", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-with-brown-eyes_23-2148257025.jpg" },
+        { id: "p2", brand: "Workspace", name: "Barber Chair", price: "Featured", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/haircut-machine-scissors_23-2147736989.jpg" },
+        { id: "p3", brand: "Tools", name: "Scissors", price: "Featured", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg" },
+        { id: "p4", brand: "Style", name: "Beard Groom", price: "Featured", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205928.jpg" },
+        { id: "p5", brand: "Tools", name: "Razors", price: "Featured", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121970.jpg" },
+        { id: "p6", brand: "Shop", name: "Full Detail", price: "Featured", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205862.jpg" },
       ]}
       title="Gallery"
       description="See the results of our dedication."
@@ -244,31 +124,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg",
-        },
-        {
-          id: "t2",
-          name: "Michael B.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-shaving-foam-his-cheeks-holding-brush-razor-against-gray-backdrop_23-2148088230.jpg",
-        },
-        {
-          id: "t3",
-          name: "David L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg",
-        },
-        {
-          id: "t4",
-          name: "Kevin M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-cheerful-young-unshaven-man-with-confident-broad-smile-making-thumbs-up-gesture-refreshing-himself-after-training-gym_343059-1189.jpg",
-        },
-        {
-          id: "t5",
-          name: "Anna P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-woman-kissing-her-boyfriend_1153-757.jpg",
-        },
+        { id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg" },
+        { id: "t2", name: "Michael B.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-shaving-foam-his-cheeks-holding-brush-razor-against-gray-backdrop_23-2148088230.jpg" },
+        { id: "t3", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg" },
+        { id: "t4", name: "Kevin M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-cheerful-young-unshaven-man-with-confident-broad-smile-making-thumbs-up-gesture-refreshing-himself-after-training-gym_343059-1189.jpg" },
+        { id: "t5", name: "Anna P.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-woman-kissing-her-boyfriend_1153-757.jpg" },
       ]}
       cardTitle="What Our Clients Say"
       cardTag="Testimonials"
@@ -281,21 +141,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "Do I need to book in advance?",
-          content: "We recommend booking in advance, but walk-ins are sometimes possible.",
-        },
-        {
-          id: "2",
-          title: "What payment methods do you accept?",
-          content: "We accept all major credit cards and mobile payments.",
-        },
-        {
-          id: "3",
-          title: "Are you open on weekends?",
-          content: "Yes, we are open on weekends to serve your grooming needs.",
-        },
+        { id: "1", title: "Do I need to book in advance?", content: "We recommend booking in advance, but walk-ins are sometimes possible." },
+        { id: "2", title: "What payment methods do you accept?", content: "We accept all major credit cards and mobile payments." },
+        { id: "3", title: "Are you open on weekends?", content: "Yes, we are open on weekends to serve your grooming needs." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/stylish-businesswoman-with-clipboard-city_23-2147989617.jpg"
       mediaAnimation="slide-up"
@@ -311,24 +159,10 @@ export default function LandingPage() {
       title="Ready for a Fresh Look?"
       description="Book your session with us today."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Your Email", required: true },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Let us know your requirements",
-        rows: 4,
-      }}
+      textarea={{ name: "message", placeholder: "Let us know your requirements", rows: 4 }}
       imageSrc="http://img.b2bpic.net/free-photo/full-shot-happy-business-owner_23-2149434489.jpg"
     />
   </div>
@@ -336,32 +170,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "NAB2 Barbershop",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "NAB2 Barbershop", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "#services" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
       ]}
       bottomLeftText="© 2024 NAB2 Barbershop"
       bottomRightText="All rights reserved."
-- 
2.49.1