From 1f88a091647540bc65ca374bd4e5aac596f4cf55 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 30 May 2026 19:26:22 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 287 +++++++++++------------------------------------ 1 file changed, 63 insertions(+), 224 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 3db89f3..a1be647 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,38 +32,22 @@ export default function LandingPage() { @@ -74,39 +58,23 @@ export default function LandingPage() { description="Experience expert haircuts, precision shaves, and classic grooming in Calgary. We blend tradition with a modern touch for your perfect style." buttons={[ { - text: "Book an Appointment", - href: "#contact", - }, + text: "Book an Appointment", href: "#contact"}, { - text: "Our Services", - href: "#services", - }, + text: "Our Services", href: "#services"}, ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg?_wi=1", - imageAlt: "Classic barber shop interior", - }, + imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg", imageAlt: "Classic barber shop interior"}, { - imageSrc: "http://img.b2bpic.net/free-photo/attractive-barber-shaving-hair-client_23-2147778750.jpg?_wi=1", - imageAlt: "Barber cutting a client's hair", - }, + imageSrc: "http://img.b2bpic.net/free-photo/attractive-barber-shaving-hair-client_23-2147778750.jpg", imageAlt: "Barber cutting a client's hair"}, { - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205895.jpg?_wi=1", - imageAlt: "Client receiving a hot towel shave", - }, + imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205895.jpg", imageAlt: "Client receiving a hot towel shave"}, { - imageSrc: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg", - imageAlt: "Village Square Barber Shop storefront", - }, + imageSrc: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg", imageAlt: "Village Square Barber Shop storefront"}, { - imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sitting-near-dark-studio_158538-11298.jpg", - imageAlt: "Man with a stylish new haircut", - }, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sitting-near-dark-studio_158538-11298.jpg", imageAlt: "Man with a stylish new haircut"}, { - imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-wooden-background_23-2147711598.jpg", - imageAlt: "Professional barber tools", - }, + imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-wooden-background_23-2147711598.jpg", imageAlt: "Professional barber tools"}, ]} autoplayDelay={4000} /> @@ -119,17 +87,11 @@ export default function LandingPage() { description="At Village Square Barber Shop, we uphold the timeless art of barbering while embracing modern trends. Our passionate team is dedicated to precision, comfort, and creating a welcoming space where every client feels their best. We're proud to be a staple in the Calgary community." metrics={[ { - value: "15+", - title: "Years in Service", - }, + value: "15+", title: "Years in Service"}, { - value: "4.6", - title: "Average Rating (127 Reviews)", - }, + value: "4.6", title: "Average Rating (127 Reviews)"}, { - value: "5", - title: "Skilled Barbers", - }, + value: "5", title: "Skilled Barbers"}, ]} imageSrc="http://img.b2bpic.net/free-photo/pleased-looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106088.jpg" imageAlt="Experienced barber working on a client" @@ -145,46 +107,22 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "The Classic Cut", - description: "Timeless style meets modern precision. Our barbers deliver sharp, clean haircuts tailored to your preferences.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-white-blazer-smiling-secretly_114579-18682.jpg", - imageAlt: "Finished classic haircut", - }, + title: "The Classic Cut", description: "Timeless style meets modern precision. Our barbers deliver sharp, clean haircuts tailored to your preferences.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-white-blazer-smiling-secretly_114579-18682.jpg", imageAlt: "Finished classic haircut"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hair-dryer-client-salon_23-2147737037.jpg", - imageAlt: "Barber detailing a haircut", - }, - imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg?_wi=2", - imageAlt: "fresh haircut side view", + imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hair-dryer-client-salon_23-2147737037.jpg", imageAlt: "Barber detailing a haircut"} }, { - title: "The Royal Shave", - description: "Indulge in a relaxing hot towel shave experience. Precision razor work, soothing balms, and pure comfort.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-shaving-front-mirror_23-2147787848.jpg", - imageAlt: "Man with well-groomed facial hair", - }, + title: "The Royal Shave", description: "Indulge in a relaxing hot towel shave experience. Precision razor work, soothing balms, and pure comfort.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-shaving-front-mirror_23-2147787848.jpg", imageAlt: "Man with well-groomed facial hair"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-washing-head-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6369.jpg", - imageAlt: "Barber applying shaving cream", - }, - imageSrc: "http://img.b2bpic.net/free-photo/attractive-barber-shaving-hair-client_23-2147778750.jpg?_wi=2", - imageAlt: "fresh haircut side view", + imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-washing-head-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6369.jpg", imageAlt: "Barber applying shaving cream"} }, { - title: "Beard & Moustache Trim", - description: "Keep your facial hair looking its best. Our experts will shape, trim, and style your beard or moustache to perfection.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18583.jpg", - imageAlt: "Man with a perfectly shaped beard", - }, + title: "Beard & Moustache Trim", description: "Keep your facial hair looking its best. Our experts will shape, trim, and style your beard or moustache to perfection.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18583.jpg", imageAlt: "Man with a perfectly shaped beard"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-grooming-beard_23-2149137908.jpg", - imageAlt: "Barber trimming a beard with clippers", - }, - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205895.jpg?_wi=2", - imageAlt: "fresh haircut side view", + imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-grooming-beard_23-2149137908.jpg", imageAlt: "Barber trimming a beard with clippers"} }, ]} showStepNumbers={true} @@ -200,59 +138,31 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "basic-cut", - badge: "Popular", - badgeIcon: Sparkles, - price: "$30", - subtitle: "Sharp Haircut", - buttons: [ + id: "basic-cut", badge: "Popular", badgeIcon: Sparkles, + price: "$30", subtitle: "Sharp Haircut", buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], features: [ - "Precision Haircut", - "Wash & Style", - "Neck Shave", - ], + "Precision Haircut", "Wash & Style", "Neck Shave"], }, { - id: "royal-shave", - badge: "Deluxe", - badgeIcon: Shield, - price: "$45", - subtitle: "Ultimate Relaxation", - buttons: [ + id: "royal-shave", badge: "Deluxe", badgeIcon: Shield, + price: "$45", subtitle: "Ultimate Relaxation", buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], features: [ - "Hot Towel Treatment", - "Traditional Razor Shave", - "Post-Shave Balm", - ], + "Hot Towel Treatment", "Traditional Razor Shave", "Post-Shave Balm"], }, { - id: "full-groom", - badge: "Best Value", - badgeIcon: Award, - price: "$70", - subtitle: "Complete Transformation", - buttons: [ + id: "full-groom", badge: "Best Value", badgeIcon: Award, + price: "$70", subtitle: "Complete Transformation", buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], features: [ - "Precision Haircut", - "Full Beard Trim", - "Royal Shave Experience", - "Hair Styling Products", - ], + "Precision Haircut", "Full Beard Trim", "Royal Shave Experience", "Hair Styling Products"], }, ]} title="Transparent Pricing for Premium Grooming" @@ -266,50 +176,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - title: "Highly Recommended!", - quote: "I have no hesitation in recommending this place for a nice haircut. The barbers are skilled and friendly.", - name: "John D.", - role: "Satisfied Customer", - imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", - imageAlt: "John D.", - }, + id: "1", title: "Highly Recommended!", quote: "I have no hesitation in recommending this place for a nice haircut. The barbers are skilled and friendly.", name: "John D.", role: "Satisfied Customer", imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", imageAlt: "John D."}, { - id: "2", - title: "Great Service & Value", - quote: "Friendly barbers, great service, affordable pricing. I always leave feeling fresh and looking sharp.", - name: "Michael S.", - role: "Loyal Client", - imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", - imageAlt: "Michael S.", - }, + id: "2", title: "Great Service & Value", quote: "Friendly barbers, great service, affordable pricing. I always leave feeling fresh and looking sharp.", name: "Michael S.", role: "Loyal Client", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", imageAlt: "Michael S."}, { - id: "3", - title: "Super Friendly & Good Prices", - quote: "Super friendly, really good prices, and great haircuts. This is my go-to spot in Calgary!", - name: "Emily R.", - role: "Regular Patron", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-model-wearing-casual-summer-pink-clothes-fashion-stylish-man-posing_158538-5336.jpg", - imageAlt: "Emily R.", - }, + id: "3", title: "Super Friendly & Good Prices", quote: "Super friendly, really good prices, and great haircuts. This is my go-to spot in Calgary!", name: "Emily R.", role: "Regular Patron", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-model-wearing-casual-summer-pink-clothes-fashion-stylish-man-posing_158538-5336.jpg", imageAlt: "Emily R."}, { - id: "4", - title: "Best Haircut in Town", - quote: "The best haircut I've had in years! The attention to detail is amazing, and the atmosphere is welcoming.", - name: "David K.", - role: "New Customer", - imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg", - imageAlt: "David K.", - }, + id: "4", title: "Best Haircut in Town", quote: "The best haircut I've had in years! The attention to detail is amazing, and the atmosphere is welcoming.", name: "David K.", role: "New Customer", imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg", imageAlt: "David K."}, { - id: "5", - title: "Excellent Experience Every Time", - quote: "Always an excellent experience from start to finish. The barbers are truly masters of their craft.", - name: "Sarah P.", - role: "Happy Client", - imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-service-agent_23-2151933143.jpg", - imageAlt: "Sarah P.", - }, + id: "5", title: "Excellent Experience Every Time", quote: "Always an excellent experience from start to finish. The barbers are truly masters of their craft.", name: "Sarah P.", role: "Happy Client", imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-service-agent_23-2151933143.jpg", imageAlt: "Sarah P."}, ]} title="What Our Valued Clients Say" description="Don't just take our word for it. Our customers consistently rate us highly for exceptional service, skilled barbers, and a fantastic atmosphere." @@ -322,25 +197,13 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq-1", - title: "Do I need an appointment?", - content: "While walk-ins are always welcome, we recommend booking an appointment to ensure minimal wait times and your preferred barber.", - }, + id: "faq-1", title: "Do I need an appointment?", content: "While walk-ins are always welcome, we recommend booking an appointment to ensure minimal wait times and your preferred barber."}, { - id: "faq-2", - title: "What payment methods do you accept?", - content: "We accept cash, debit, and all major credit cards (Visa, MasterCard, American Express).", - }, + id: "faq-2", title: "What payment methods do you accept?", content: "We accept cash, debit, and all major credit cards (Visa, MasterCard, American Express)."}, { - id: "faq-3", - title: "Do you offer services for children?", - content: "Yes, we offer haircuts for children of all ages. Please specify when booking if it's for a child.", - }, + id: "faq-3", title: "Do you offer services for children?", content: "Yes, we offer haircuts for children of all ages. Please specify when booking if it's for a child."}, { - id: "faq-4", - title: "Where are you located?", - content: "We are conveniently located at 2640 52 St NE #111, Calgary, AB T1Y 3R6, within Village Square.", - }, + id: "faq-4", title: "Where are you located?", content: "We are conveniently located at 2640 52 St NE #111, Calgary, AB T1Y 3R6, within Village Square."}, ]} imageSrc="http://img.b2bpic.net/free-photo/pack-father-s-day-elements_23-2147631306.jpg" imageAlt="Barber tools and shop interior" @@ -356,8 +219,7 @@ export default function LandingPage() {