From 9f6d2d27e7d4667d207181070fb02fb1d5054bc0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 03:33:50 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 310 ++++++++---------------------------------------
 1 file changed, 52 insertions(+), 258 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 332f641..d90d595 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Award, Scissors, Users } from "lucide-react";
+import { Award, Scissors, Users, Zap, Shield, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Iron & Oak Barbers"
     />
@@ -55,61 +43,24 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Mastery in Every Cut"
       description="Experience timeless grooming and precision styling at Iron & Oak. Where traditional service meets modern style."
-      buttons={[
-        {
-          text: "Book Your Chair",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Book Your Chair", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/combs-scissors-skull_23-2147736976.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg",
-          alt: "Classic barber chair setup",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg",
-          alt: "Barber shop interior view",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/tall-bar-stool-wooden-background_181624-30147.jpg",
-          alt: "Wooden stool detail",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/comfortable-old-fashioned-chair-rustic-antique-elegance-indoors-generated-by-ai_188544-29043.jpg",
-          alt: "Antique chair elegance",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/barber-preparing-tools-work-beauty-salon_23-2148182009.jpg",
-          alt: "Professional tools prepared",
-        },
+        { src: "http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg", alt: "Classic barber chair setup" },
+        { src: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg", alt: "Barber shop interior view" },
+        { src: "http://img.b2bpic.net/free-photo/tall-bar-stool-wooden-background_181624-30147.jpg", alt: "Wooden stool detail" },
+        { src: "http://img.b2bpic.net/free-photo/comfortable-old-fashioned-chair-rustic-antique-elegance-indoors-generated-by-ai_188544-29043.jpg", alt: "Antique chair elegance" },
+        { src: "http://img.b2bpic.net/free-photo/barber-preparing-tools-work-beauty-salon_23-2148182009.jpg", alt: "Professional tools prepared" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Precision",
-        },
-        {
-          type: "text",
-          text: "Tradition",
-        },
-        {
-          type: "text",
-          text: "Craftsmanship",
-        },
-        {
-          type: "text",
-          text: "Style",
-        },
-        {
-          type: "text",
-          text: "Expertise",
-        },
+        { type: "text", text: "Precision" },
+        { type: "text", text: "Tradition" },
+        { type: "text", text: "Craftsmanship" },
+        { type: "text", text: "Style" },
+        { type: "text", text: "Expertise" },
       ]}
     />
   </div>
@@ -119,21 +70,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Our Craftsmanship"
       metrics={[
-        {
-          icon: Scissors,
-          label: "Years Experience",
-          value: "15+",
-        },
-        {
-          icon: Users,
-          label: "Happy Clients",
-          value: "10k+",
-        },
-        {
-          icon: Award,
-          label: "Awards Won",
-          value: "24",
-        },
+        { icon: Scissors, label: "Years Experience", value: "15+" },
+        { icon: Users, label: "Happy Clients", value: "10k+" },
+        { icon: Award, label: "Awards Won", value: "24" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -144,30 +83,10 @@ export default function LandingPage() {
       textboxLayout="inline-image"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Precision Cuts",
-          description: "Customized haircuts tailored to your facial structure and hair type.",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-scissors-pointing-with-index-finger-camera-being-confused_141793-37606.jpg",
-          buttonIcon: "Scissors",
-        },
-        {
-          title: "Beard Sculpting",
-          description: "Expert trimming and grooming to maintain the perfect look and feel.",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg",
-          buttonIcon: "Zap",
-        },
-        {
-          title: "Traditional Shave",
-          description: "Classic hot towel treatment with premium razor blades for ultimate comfort.",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg",
-          buttonIcon: "Shield",
-        },
-        {
-          title: "Style Refresh",
-          description: "Quick maintenance trims to keep you looking sharp between visits.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-kitten-relaxing-bathroom_23-2150752882.jpg",
-          buttonIcon: "Star",
-        },
+        { title: "Precision Cuts", description: "Customized haircuts tailored to your facial structure and hair type.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-scissors-pointing-with-index-finger-camera-being-confused_141793-37606.jpg", buttonIcon: Scissors },
+        { title: "Beard Sculpting", description: "Expert trimming and grooming to maintain the perfect look and feel.", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg", buttonIcon: Zap },
+        { title: "Traditional Shave", description: "Classic hot towel treatment with premium razor blades for ultimate comfort.", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg", buttonIcon: Shield },
+        { title: "Style Refresh", description: "Quick maintenance trims to keep you looking sharp between visits.", imageSrc: "http://img.b2bpic.net/free-photo/cute-kitten-relaxing-bathroom_23-2150752882.jpg", buttonIcon: Star },
       ]}
       title="Expert Grooming Services"
       description="From precision cuts to traditional hot towel shaves, we offer a comprehensive suite of grooming services designed for the modern gentleman."
@@ -181,52 +100,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "basic",
-          name: "Classic Cut",
-          price: "$45",
-          features: [
-            "Consultation",
-            "Precision Haircut",
-            "Style Finish",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
+          id: "basic",          name: "Classic Cut",          price: "$45",          features: ["Consultation", "Precision Haircut", "Style Finish"],
+          buttons: [{ text: "Book Now", href: "#contact" }],
         },
         {
-          id: "pro",
-          name: "Signature Grooming",
-          price: "$65",
-          features: [
-            "Classic Cut",
-            "Beard Sculpting",
-            "Hot Towel",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
+          id: "pro",          name: "Signature Grooming",          price: "$65",          features: ["Classic Cut", "Beard Sculpting", "Hot Towel"],
+          buttons: [{ text: "Book Now", href: "#contact" }],
         },
         {
-          id: "elite",
-          name: "Iron & Oak Elite",
-          price: "$90",
-          features: [
-            "Signature Grooming",
-            "Face Treatment",
-            "Premium Products",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
+          id: "elite",          name: "Iron & Oak Elite",          price: "$90",          features: ["Signature Grooming", "Face Treatment", "Premium Products"],
+          buttons: [{ text: "Book Now", href: "#contact" }],
         },
       ]}
       title="Transparent Pricing"
@@ -239,46 +122,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          title: "Great Experience",
-          quote: "The best fade I've ever had. Highly recommend this spot to anyone.",
-          name: "Alex R.",
-          role: "Finance",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-smiling-male-hairdesser-wearing-gray-apron-holding-scissor-making-victory-gesture-blue-soft-color-background_140725-155283.jpg",
-        },
-        {
-          id: "2",
-          title: "Professionalism",
-          quote: "Iron & Oak never disappoints. Always professional and consistent results.",
-          name: "James B.",
-          role: "Architect",
-          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: "3",
-          title: "Classic Vibe",
-          quote: "Love the atmosphere here. It feels like a real barbershop should.",
-          name: "Mark D.",
-          role: "Student",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-outside-cafe-with-his-bicycle_23-2148176434.jpg",
-        },
-        {
-          id: "4",
-          title: "Perfect Cut",
-          quote: "I've been coming here for years and wouldn't go anywhere else.",
-          name: "Sean W.",
-          role: "Tech",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
-        },
-        {
-          id: "5",
-          title: "Top Notch",
-          quote: "Excellence in every detail. My beard looks better than ever.",
-          name: "Liam K.",
-          role: "Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-barber-wearing-uniform-glasses-holding-shaving-razors-looking-one-them-isolated-blue-background_141793-134401.jpg",
-        },
+        { id: "1", title: "Great Experience", quote: "The best fade I've ever had. Highly recommend this spot to anyone.", name: "Alex R.", role: "Finance", imageSrc: "http://img.b2bpic.net/free-photo/top-view-smiling-male-hairdesser-wearing-gray-apron-holding-scissor-making-victory-gesture-blue-soft-color-background_140725-155283.jpg" },
+        { id: "2", title: "Professionalism", quote: "Iron & Oak never disappoints. Always professional and consistent results.", name: "James B.", role: "Architect", 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: "3", title: "Classic Vibe", quote: "Love the atmosphere here. It feels like a real barbershop should.", name: "Mark D.", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-outside-cafe-with-his-bicycle_23-2148176434.jpg" },
+        { id: "4", title: "Perfect Cut", quote: "I've been coming here for years and wouldn't go anywhere else.", name: "Sean W.", role: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg" },
+        { id: "5", title: "Top Notch", quote: "Excellence in every detail. My beard looks better than ever.", name: "Liam K.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-barber-wearing-uniform-glasses-holding-shaving-razors-looking-one-them-isolated-blue-background_141793-134401.jpg" },
       ]}
       title="Client Reviews"
       description="Trusted by our local community to provide the finest grooming services in the city."
@@ -292,24 +140,9 @@ export default function LandingPage() {
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={true}
       members={[
-        {
-          id: "1",
-          name: "Jack Thorne",
-          role: "Lead Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-showing-v-sign-symbol-near-eye_141793-114985.jpg",
-        },
-        {
-          id: "2",
-          name: "Sam Miller",
-          role: "Master Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2149220533.jpg",
-        },
-        {
-          id: "3",
-          name: "David Cole",
-          role: "Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-salon_23-2148353457.jpg",
-        },
+        { id: "1", name: "Jack Thorne", role: "Lead Barber", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-showing-v-sign-symbol-near-eye_141793-114985.jpg" },
+        { id: "2", name: "Sam Miller", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2149220533.jpg" },
+        { id: "3", name: "David Cole", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-salon_23-2148353457.jpg" },
       ]}
       title="Meet Your Barbers"
       description="Expert hands dedicated to the art of grooming."
@@ -320,26 +153,10 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "Do I need an appointment?",
-          content: "Yes, we highly recommend booking in advance to ensure your preferred time slot.",
-        },
-        {
-          id: "2",
-          title: "What payment methods do you take?",
-          content: "We accept major credit cards, digital payments, and cash.",
-        },
-        {
-          id: "3",
-          title: "Do you offer beard grooming?",
-          content: "Yes, our grooming services include full beard sculpting and maintenance.",
-        },
-        {
-          id: "4",
-          title: "How long are the sessions?",
-          content: "Most haircuts take between 30 and 45 minutes depending on the service.",
-        },
+        { id: "1", title: "Do I need an appointment?", content: "Yes, we highly recommend booking in advance to ensure your preferred time slot." },
+        { id: "2", title: "What payment methods do you take?", content: "We accept major credit cards, digital payments, and cash." },
+        { id: "3", title: "Do you offer beard grooming?", content: "Yes, our grooming services include full beard sculpting and maintenance." },
+        { id: "4", title: "How long are the sessions?", content: "Most haircuts take between 30 and 45 minutes depending on the service." },
       ]}
       sideTitle="Common Questions"
       faqsAnimation="slide-up"
@@ -349,9 +166,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Visit Us"
       title="Book Your Appointment"
       description="Contact us today to secure your chair at the best shop in town."
@@ -362,42 +177,21 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Contact",
-          items: [
-            {
-              label: "123 Grooming Lane, City",
-              href: "#",
-            },
-            {
-              label: "info@ironandoak.com",
-              href: "#",
-            },
+          title: "Contact",          items: [
+            { label: "123 Grooming Lane, City", href: "#" },
+            { label: "info@ironandoak.com", href: "#" },
           ],
         },
         {
-          title: "Hours",
-          items: [
-            {
-              label: "Mon-Fri: 9am-7pm",
-              href: "#",
-            },
-            {
-              label: "Sat-Sun: 10am-4pm",
-              href: "#",
-            },
+          title: "Hours",          items: [
+            { label: "Mon-Fri: 9am-7pm", href: "#" },
+            { label: "Sat-Sun: 10am-4pm", href: "#" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}
-- 
2.49.1