From 266d787320ee493fba60f98afefcb564fc9bf253 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 7 Jun 2026 14:33:13 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 270 ++++++++++------------------------------------- 1 file changed, 57 insertions(+), 213 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 81d248c..11d9e6a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,38 +33,22 @@ export default function LandingPage() { @@ -125,23 +98,11 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Precision Haircuts", - description: "Experience a bespoke haircut tailored to your style and preference, finished with a meticulous neck shave and hot towel.", - imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg", - imageAlt: "Man receiving a precision haircut in a barbershop.", - }, + title: "Precision Haircuts", description: "Experience a bespoke haircut tailored to your style and preference, finished with a meticulous neck shave and hot towel.", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg", imageAlt: "Man receiving a precision haircut in a barbershop."}, { - title: "Traditional Hot Shave", - description: "Indulge in the ultimate relaxation with a luxurious hot lather shave, performed with a straight razor for an incredibly close and smooth finish.", - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205881.jpg", - imageAlt: "Close up of a barber performing a traditional hot shave.", - }, + title: "Traditional Hot Shave", description: "Indulge in the ultimate relaxation with a luxurious hot lather shave, performed with a straight razor for an incredibly close and smooth finish.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205881.jpg", imageAlt: "Close up of a barber performing a traditional hot shave."}, { - title: "Beard & Moustache Trim", - description: "Keep your facial hair impeccably groomed with our expert trimming and shaping services, ensuring a sharp and refined look.", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-man-with-white-facial-mask-relaxing-treatment-beauty-spa_637285-1733.jpg", - imageAlt: "Man getting his beard trimmed and styled.", - }, + title: "Beard & Moustache Trim", description: "Keep your facial hair impeccably groomed with our expert trimming and shaping services, ensuring a sharp and refined look.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-man-with-white-facial-mask-relaxing-treatment-beauty-spa_637285-1733.jpg", imageAlt: "Man getting his beard trimmed and styled."}, ]} title="Our Signature Services" description="From classic cuts to modern styles, our expert barbers are dedicated to perfecting your look with precision and care." @@ -156,47 +117,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - name: "Classic Pomade", - price: "$25.00", - imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle-butterfly-pea-flower-put-white-marble-background_1150-28099.jpg", - imageAlt: "Jar of classic men's hair pomade.", - }, + id: "p1", name: "Classic Pomade", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle-butterfly-pea-flower-put-white-marble-background_1150-28099.jpg", imageAlt: "Jar of classic men's hair pomade."}, { - id: "p2", - name: "Hydrating Shampoo", - price: "$20.00", - imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965810.jpg", - imageAlt: "Bottle of men's hydrating shampoo.", - }, + id: "p2", name: "Hydrating Shampoo", price: "$20.00", imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965810.jpg", imageAlt: "Bottle of men's hydrating shampoo."}, { - id: "p3", - name: "Luxury Beard Oil", - price: "$30.00", - imageSrc: "http://img.b2bpic.net/free-photo/man-with-shave-foam_23-2147638134.jpg", - imageAlt: "Bottle of luxury beard oil.", - }, + id: "p3", name: "Luxury Beard Oil", price: "$30.00", imageSrc: "http://img.b2bpic.net/free-photo/man-with-shave-foam_23-2147638134.jpg", imageAlt: "Bottle of luxury beard oil."}, { - id: "p4", - name: "Soothing Aftershave", - price: "$22.00", - imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121951.jpg", - imageAlt: "Bottle of soothing aftershave balm.", - }, + id: "p4", name: "Soothing Aftershave", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121951.jpg", imageAlt: "Bottle of soothing aftershave balm."}, { - id: "p5", - name: "Gentleman's Grooming Kit", - price: "$99.00", - imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668467.jpg", - imageAlt: "A complete gentleman's grooming kit.", - }, + id: "p5", name: "Gentleman's Grooming Kit", price: "$99.00", imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668467.jpg", imageAlt: "A complete gentleman's grooming kit."}, { - id: "p6", - name: "Premium Beard Brush", - price: "$18.00", - imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hygiene-products-arrangement_23-2148743093.jpg", - imageAlt: "Wooden handle beard brush.", - }, + id: "p6", name: "Premium Beard Brush", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hygiene-products-arrangement_23-2148743093.jpg", imageAlt: "Wooden handle beard brush."}, ]} title="Premium Grooming Products" description="Maintain your refined look at home with our curated selection of high-quality grooming products, handpicked by our experts." @@ -210,26 +141,11 @@ export default function LandingPage() { useInvertedBackground={false} team={[ { - id: "t1", - name: "Ethan Reed", - role: "Lead Barber & Founder", - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg", - imageAlt: "Portrait of Ethan Reed, Lead Barber.", - }, + id: "t1", name: "Ethan Reed", role: "Lead Barber & Founder", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg", imageAlt: "Portrait of Ethan Reed, Lead Barber."}, { - id: "t2", - name: "Sophia Clarke", - role: "Senior Stylist", - imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-doing-hairstyle-with-hair-dryer-bearded-men-client-saloon_613910-13352.jpg", - imageAlt: "Portrait of Sophia Clarke, Senior Stylist.", - }, + id: "t2", name: "Sophia Clarke", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-doing-hairstyle-with-hair-dryer-bearded-men-client-saloon_613910-13352.jpg", imageAlt: "Portrait of Sophia Clarke, Senior Stylist."}, { - id: "t3", - name: "Liam Jones", - role: "Grooming Specialist", - imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-hair-clipper-with-comb-around-head-isolated-green-background_141793-119286.jpg", - imageAlt: "Portrait of Liam Jones, Grooming Specialist.", - }, + id: "t3", name: "Liam Jones", role: "Grooming Specialist", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-hair-clipper-with-comb-around-head-isolated-green-background_141793-119286.jpg", imageAlt: "Portrait of Liam Jones, Grooming Specialist."}, ]} title="Meet Our Master Barbers" description="Our team of skilled professionals is passionate about the art of grooming, bringing years of experience and a keen eye for detail to every client." @@ -243,64 +159,28 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - name: "Mark R.", - role: "CEO", - company: "Tech Innovations", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/queer-couple-celebrating-birthday-together_23-2149570980.jpg", - imageAlt: "Portrait of Mark R.", - }, + id: "1", name: "Mark R.", role: "CEO", company: "Tech Innovations", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/queer-couple-celebrating-birthday-together_23-2149570980.jpg", imageAlt: "Portrait of Mark R."}, { - id: "2", - name: "David L.", - role: "Architect", - company: "Urban Designs", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1654.jpg", - imageAlt: "Portrait of David L.", - }, + id: "2", name: "David L.", role: "Architect", company: "Urban Designs", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1654.jpg", imageAlt: "Portrait of David L."}, { - id: "3", - name: "James K.", - role: "Marketing Manager", - company: "Growth Strategies", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-while-sitting-cafe_273609-13276.jpg", - imageAlt: "Portrait of James K.", - }, + id: "3", name: "James K.", role: "Marketing Manager", company: "Growth Strategies", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-while-sitting-cafe_273609-13276.jpg", imageAlt: "Portrait of James K."}, { - id: "4", - name: "Robert S.", - role: "Writer", - company: "Literary Guild", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-making-haircut_23-2149220581.jpg", - imageAlt: "Portrait of Robert S.", - }, + id: "4", name: "Robert S.", role: "Writer", company: "Literary Guild", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-making-haircut_23-2149220581.jpg", imageAlt: "Portrait of Robert S."}, { - id: "5", - name: "Chris B.", - role: "Entrepreneur", - company: "Startup Ventures", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-smiling-casual-african-american-man-joyfully-looking-camera-coffee-break-modern-co-working-space_574295-1872.jpg", - imageAlt: "Portrait of Chris B.", - }, + id: "5", name: "Chris B.", role: "Entrepreneur", company: "Startup Ventures", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-smiling-casual-african-american-man-joyfully-looking-camera-coffee-break-modern-co-working-space_574295-1872.jpg", imageAlt: "Portrait of Chris B."}, ]} kpiItems={[ { - value: "99%", - label: "Client Satisfaction", - }, + value: "99%", label: "Client Satisfaction"}, { - value: "5+", - label: "Years in Business", - }, + value: "5+", label: "Years in Business"}, { - value: "Top Rated", - label: "Service Excellence", - }, + value: "Top Rated", label: "Service Excellence"}, ]} title="What Our Gentlemen Say" description="Hear directly from our satisfied clients about their unparalleled experience at The Men's Den Grooming Lounge." @@ -312,25 +192,13 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "f1", - title: "How do I book an appointment?", - content: "You can easily book an appointment through our website by clicking the 'Book Now' button, or by calling us directly during business hours.", - }, + id: "f1", title: "How do I book an appointment?", content: "You can easily book an appointment through our website by clicking the 'Book Now' button, or by calling us directly during business hours."}, { - id: "f2", - title: "What grooming services do you offer?", - content: "We offer a full range of services including precision haircuts, traditional hot shaves, beard & moustache trims, and facial treatments.", - }, + id: "f2", title: "What grooming services do you offer?", content: "We offer a full range of services including precision haircuts, traditional hot shaves, beard & moustache trims, and facial treatments."}, { - id: "f3", - title: "Do you accept walk-ins?", - content: "While we do accept walk-ins based on availability, we highly recommend booking an appointment to ensure your preferred time and barber.", - }, + id: "f3", title: "Do you accept walk-ins?", content: "While we do accept walk-ins based on availability, we highly recommend booking an appointment to ensure your preferred time and barber."}, { - id: "f4", - title: "What products do you use and sell?", - content: "We use and sell a curated selection of premium grooming products from trusted brands, including our own exclusive line. Ask your barber for recommendations!", - }, + id: "f4", title: "What products do you use and sell?", content: "We use and sell a curated selection of premium grooming products from trusted brands, including our own exclusive line. Ask your barber for recommendations!"}, ]} sideTitle="Frequently Asked Questions" sideDescription="Find answers to common questions about our services, booking, and lounge policies." @@ -343,16 +211,13 @@ export default function LandingPage() { @@ -364,54 +229,33 @@ export default function LandingPage() { logoText="The Men's Den" columns={[ { - title: "Services", - items: [ + title: "Services", items: [ { - label: "Haircuts", - href: "#services", - }, + label: "Haircuts", href: "#services"}, { - label: "Hot Shaves", - href: "#services", - }, + label: "Hot Shaves", href: "#services"}, { - label: "Beard Trims", - href: "#services", - }, + label: "Beard Trims", href: "#services"}, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { - label: "About Us", - href: "#about", - }, + label: "About Us", href: "#about"}, { - label: "Our Team", - href: "#team", - }, + label: "Our Team", href: "#team"}, { - label: "Careers", - href: "#", - }, + label: "Careers", href: "#"}, ], }, { - title: "Support", - items: [ + title: "Support", items: [ { - label: "FAQ", - href: "#faq", - }, + label: "FAQ", href: "#faq"}, { - label: "Contact Us", - href: "#contact", - }, + label: "Contact Us", href: "#contact"}, { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, ], }, ]}