diff --git a/src/app/page.tsx b/src/app/page.tsx index 0d65fb3..ba4be21 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,6 +2,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; +import { Scissors, ShieldCheck, Sparkles, Coffee } from "lucide-react"; import ContactCTA from '@/components/sections/contact/ContactCTA'; import FaqDouble from '@/components/sections/faq/FaqDouble'; import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix'; @@ -32,27 +33,17 @@ export default function LandingPage() { @@ -62,75 +53,38 @@ export default function LandingPage() { description="Experience superior grooming at The Barber's Visit. Where tradition meets modern style." testimonials={[ { - name: "James R.", - handle: "@jamesr", - testimonial: "Best haircut I've had in years. Professional and precise.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-using-hair-dryer_627829-7301.jpg?_wi=1", - imageAlt: "barber shop interior modern style", - }, + name: "James R.", handle: "@jamesr", testimonial: "Best haircut I've had in years. Professional and precise.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-using-hair-dryer_627829-7301.jpg", imageAlt: "barber shop interior modern style"}, { - name: "Mark D.", - handle: "@mdgroom", - testimonial: "Great atmosphere and even better service. Highly recommended.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg?_wi=1", - imageAlt: "barber shop interior modern style", - }, + name: "Mark D.", handle: "@mdgroom", testimonial: "Great atmosphere and even better service. Highly recommended.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg", imageAlt: "barber shop interior modern style"}, { - name: "Sarah P.", - handle: "@sarahp", - testimonial: "Took my brother here, he loved the look. Very skilled barbers.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102209.jpg?_wi=1", - imageAlt: "barber shop interior modern style", - }, + name: "Sarah P.", handle: "@sarahp", testimonial: "Took my brother here, he loved the look. Very skilled barbers.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102209.jpg", imageAlt: "barber shop interior modern style"}, { - name: "Alex K.", - handle: "@alexk", - testimonial: "Excellent service and attention to detail. Will be back.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-s-items-table-with-brush_23-2148817206.jpg?_wi=1", - imageAlt: "barber shop interior modern style", - }, + name: "Alex K.", handle: "@alexk", testimonial: "Excellent service and attention to detail. Will be back.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-s-items-table-with-brush_23-2148817206.jpg", imageAlt: "barber shop interior modern style"}, { - name: "David L.", - handle: "@davegroom", - testimonial: "The classic hot towel shave is a game changer. Exceptional.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-styling-hair-man_23-2147778737.jpg?_wi=1", - imageAlt: "barber shop interior modern style", - }, + name: "David L.", handle: "@davegroom", testimonial: "The classic hot towel shave is a game changer. Exceptional.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-styling-hair-man_23-2147778737.jpg", imageAlt: "barber shop interior modern style"}, ]} buttons={[ { - text: "Book Appointment", - href: "#contact", - }, + text: "Book Appointment", href: "#contact"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-using-hair-dryer_627829-7301.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-using-hair-dryer_627829-7301.jpg" imageAlt="Barber shop interior" avatars={[ { - src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-elegant-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22402.jpg", - alt: "Portrait of handsome confident stylish man", - }, + src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-elegant-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22402.jpg", alt: "Portrait of handsome confident stylish man"}, { - src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-model-wearing-casual-summer-pink-clothes-fashion-stylish-man-posing-round-sunglasses_158538-5341.jpg", - alt: "Portrait of handsome smiling young man", - }, + src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-model-wearing-casual-summer-pink-clothes-fashion-stylish-man-posing-round-sunglasses_158538-5341.jpg", alt: "Portrait of handsome smiling young man"}, { - src: "http://img.b2bpic.net/free-photo/handsome-businessman-formal-clothes-posing-street-sunglasses_158538-8305.jpg", - alt: "Businessman wearing a suit", - }, + src: "http://img.b2bpic.net/free-photo/handsome-businessman-formal-clothes-posing-street-sunglasses_158538-8305.jpg", alt: "Businessman wearing a suit"}, { - src: "http://img.b2bpic.net/free-photo/businessman-wearing-suit-street-sunglasses_158538-10281.jpg", - alt: "Stylish male in sunglasses", - }, + src: "http://img.b2bpic.net/free-photo/businessman-wearing-suit-street-sunglasses_158538-10281.jpg", alt: "Stylish male in sunglasses"}, { - src: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2900.jpg", - alt: "Blond man with happy expression", - }, + src: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2900.jpg", alt: "Blond man with happy expression"}, ]} avatarText="Trusted by 10,000+ local clients" /> @@ -144,19 +98,13 @@ export default function LandingPage() { description="With years of expertise, we offer more than just a haircut. We provide an experience crafted for the modern gentleman who values quality and time." bulletPoints={[ { - title: "Precision Cuts", - description: "Tailored styling that complements your features.", - }, + title: "Precision Cuts", description: "Tailored styling that complements your features."}, { - title: "Traditional Shaves", - description: "Classic hot towel shaves for a smooth finish.", - }, + title: "Traditional Shaves", description: "Classic hot towel shaves for a smooth finish."}, { - title: "Premium Products", - description: "Only the finest grooming goods used in every visit.", - }, + title: "Premium Products", description: "Only the finest grooming goods used in every visit."}, ]} - imageSrc="http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg" imageAlt="Barber chair and mirror" mediaAnimation="slide-up" /> @@ -168,28 +116,16 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Signature Haircut", - description: "Customized cut and styling.", - imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102209.jpg?_wi=2", - buttonIcon: "Scissors", + title: "Signature Haircut", description: "Customized cut and styling.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102209.jpg", buttonIcon: Scissors, }, { - title: "Hygiene First", - description: "Strict sanitary standards for every client.", - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-s-items-table-with-brush_23-2148817206.jpg?_wi=2", - buttonIcon: "ShieldCheck", + title: "Hygiene First", description: "Strict sanitary standards for every client.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-s-items-table-with-brush_23-2148817206.jpg", buttonIcon: ShieldCheck, }, { - title: "Beard Sculpting", - description: "Detailed beard shaping and maintenance.", - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-styling-hair-man_23-2147778737.jpg?_wi=2", - buttonIcon: "Sparkles", + title: "Beard Sculpting", description: "Detailed beard shaping and maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-styling-hair-man_23-2147778737.jpg", buttonIcon: Sparkles, }, { - title: "Luxury Lounge", - description: "Relax in our comfortable waiting area.", - imageSrc: "http://img.b2bpic.net/free-photo/vet-with-brush-animals-woman-black-t-shirt-cat-couch_1157-46550.jpg", - buttonIcon: "Coffee", + title: "Luxury Lounge", description: "Relax in our comfortable waiting area.", imageSrc: "http://img.b2bpic.net/free-photo/vet-with-brush-animals-woman-black-t-shirt-cat-couch_1157-46550.jpg", buttonIcon: Coffee, }, ]} title="Our Services" @@ -204,26 +140,11 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "m1", - value: "10k+", - title: "Happy Clients", - description: "Served with pride.", - imageSrc: "http://img.b2bpic.net/free-photo/hair-brush-box-with-hairdressing-supplies_23-2147711527.jpg", - }, + id: "m1", value: "10k+", title: "Happy Clients", description: "Served with pride.", imageSrc: "http://img.b2bpic.net/free-photo/hair-brush-box-with-hairdressing-supplies_23-2147711527.jpg"}, { - id: "m2", - value: "500+", - title: "Expert Styles", - description: "Crafted over years.", - imageSrc: "http://img.b2bpic.net/free-photo/shaving-process-small-dog-sits-table-dog-shaved-by-professional_1157-48808.jpg", - }, + id: "m2", value: "500+", title: "Expert Styles", description: "Crafted over years.", imageSrc: "http://img.b2bpic.net/free-photo/shaving-process-small-dog-sits-table-dog-shaved-by-professional_1157-48808.jpg"}, { - id: "m3", - value: "100%", - title: "Satisfaction", - description: "Our core promise.", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg", - }, + id: "m3", value: "100%", title: "Satisfaction", description: "Our core promise.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg"}, ]} title="Quality by Numbers" description="Our commitment to excellence speaks for itself." @@ -238,29 +159,13 @@ export default function LandingPage() { useInvertedBackground={false} members={[ { - id: "t1", - name: "John Doe", - role: "Master Barber", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-electric-trimmer_23-2147839779.jpg", - }, + id: "t1", name: "John Doe", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-electric-trimmer_23-2147839779.jpg"}, { - id: "t2", - name: "Jane Smith", - role: "Lead Stylist", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg", - }, + id: "t2", name: "Jane Smith", role: "Lead Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg"}, { - id: "t3", - name: "Robert Lee", - role: "Senior Barber", - imageSrc: "http://img.b2bpic.net/free-photo/senior-client-estimating-work-barber-mirror_23-2148181883.jpg", - }, + id: "t3", name: "Robert Lee", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/senior-client-estimating-work-barber-mirror_23-2148181883.jpg"}, { - id: "t4", - name: "Anna Wong", - role: "Barber", - imageSrc: "http://img.b2bpic.net/free-photo/modern-arrangement-barber-shop-desk_23-2148256952.jpg", - }, + id: "t4", name: "Anna Wong", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/modern-arrangement-barber-shop-desk_23-2148256952.jpg"}, ]} title="Meet the Barbers" description="Our team of seasoned professionals dedicated to your style." @@ -274,40 +179,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "tr1", - name: "Client One", - handle: "@one", - testimonial: "Excellent experience.", - imageSrc: "http://img.b2bpic.net/free-photo/cute-dog-consultation_23-2149314334.jpg", - }, + id: "tr1", name: "Client One", handle: "@one", testimonial: "Excellent experience.", imageSrc: "http://img.b2bpic.net/free-photo/cute-dog-consultation_23-2149314334.jpg"}, { - id: "tr2", - name: "Client Two", - handle: "@two", - testimonial: "Best service in town.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg", - }, + id: "tr2", name: "Client Two", handle: "@two", testimonial: "Best service in town.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg"}, { - id: "tr3", - name: "Client Three", - handle: "@three", - testimonial: "Incredible attention to detail.", - imageSrc: "http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335455.jpg", - }, + id: "tr3", name: "Client Three", handle: "@three", testimonial: "Incredible attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335455.jpg"}, { - id: "tr4", - name: "Client Four", - handle: "@four", - testimonial: "Professional and fast.", - imageSrc: "http://img.b2bpic.net/free-photo/excited-middle-aged-male-barber-uniform-holding-hair-clippers-showing-yes-gesture-isolated-pink-wall_141793-103401.jpg", - }, + id: "tr4", name: "Client Four", handle: "@four", testimonial: "Professional and fast.", imageSrc: "http://img.b2bpic.net/free-photo/excited-middle-aged-male-barber-uniform-holding-hair-clippers-showing-yes-gesture-isolated-pink-wall_141793-103401.jpg"}, { - id: "tr5", - name: "Client Five", - handle: "@five", - testimonial: "Highly recommended to all.", - imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-hipster-handsome-man-stylish-summer-white-suit-posing-street-sunglasses_158538-7916.jpg", - }, + id: "tr5", name: "Client Five", handle: "@five", testimonial: "Highly recommended to all.", imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-hipster-handsome-man-stylish-summer-white-suit-posing-street-sunglasses_158538-7916.jpg"}, ]} title="What Our Clients Say" description="Real stories from our satisfied customers." @@ -320,20 +200,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "Do I need to book in advance?", - content: "Yes, we recommend booking online.", - }, + id: "q1", title: "Do I need to book in advance?", content: "Yes, we recommend booking online."}, { - id: "q2", - title: "What payment methods are accepted?", - content: "We accept cards and digital payments.", - }, + id: "q2", title: "What payment methods are accepted?", content: "We accept cards and digital payments."}, { - id: "q3", - title: "How long is a session?", - content: "Standard sessions take 30-45 minutes.", - }, + id: "q3", title: "How long is a session?", content: "Standard sessions take 30-45 minutes."}, ]} title="Common Questions" description="Answers to help you book your visit." @@ -345,16 +216,13 @@ export default function LandingPage() { @@ -365,29 +233,19 @@ export default function LandingPage() { logoText="The Barber's Visit" columns={[ { - title: "Quick Links", - items: [ + title: "Quick Links", items: [ { - label: "About", - href: "#about", - }, + label: "About", href: "#about"}, { - label: "Services", - href: "#features", - }, + label: "Services", href: "#features"}, ], }, { - title: "Support", - items: [ + title: "Support", items: [ { - label: "FAQs", - href: "#faq", - }, + label: "FAQs", href: "#faq"}, { - label: "Contact", - href: "#contact", - }, + label: "Contact", href: "#contact"}, ], }, ]}