diff --git a/src/app/page.tsx b/src/app/page.tsx index fcb768a..8e44743 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="mediumSmall" sizing="largeSmall" - background="blurBottom" + background="circleGradient" cardStyle="gradient-radial" primaryButtonStyle="double-inset" secondaryButtonStyle="glass" @@ -46,18 +46,23 @@ export default function LandingPage() { description="Experience expert barbering services tailored to your style. From classic fades to modern cuts, we've got you covered at Barbershop 89." tag="Est. 2015" tagIcon={Scissors} - background={{ variant: "blurBottom" }} + background={{ variant: "plain" }} mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed_23-2148256924.jpg", imageAlt: "professional barber cutting hair with precision"}, + imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed_23-2148256924.jpg", imageAlt: "professional barber cutting hair with precision" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/long-bearded-man-looking-clothes-hanging-rail-shop_23-2148175632.jpg", imageAlt: "vintage barbershop interior with classic decor"}, + imageSrc: "http://img.b2bpic.net/free-photo/long-bearded-man-looking-clothes-hanging-rail-shop_23-2148175632.jpg", imageAlt: "vintage barbershop interior with classic decor" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-shaving-cream_23-2149141772.jpg", imageAlt: "barber trimming beard with precision tools"}, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-shaving-cream_23-2149141772.jpg", imageAlt: "barber trimming beard with precision tools" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg", imageAlt: "male customer in barber chair smiling"}, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg", imageAlt: "male customer in barber chair smiling" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15051.jpg", imageAlt: "fresh fade haircut result professional"}, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15051.jpg", imageAlt: "fresh fade haircut result professional" + }, ]} buttons={[ { text: "Book Appointment", href: "contact" }, @@ -75,25 +80,32 @@ export default function LandingPage() { features={[ { id: "1", title: "Senior Haircut", tags: ["Classic", "30 min"], - imageSrc: "http://img.b2bpic.net/free-photo/aged-man-with-long-gray-beard-barbershop-trimming_23-2148181937.jpg", imageAlt: "senior haircut professional barbershop"}, + imageSrc: "http://img.b2bpic.net/free-photo/aged-man-with-long-gray-beard-barbershop-trimming_23-2148181937.jpg", imageAlt: "senior haircut professional barbershop" + }, { id: "2", title: "Kids Haircut", tags: ["Family Friendly", "25 min"], - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-helping-child-with-lices_23-2149617269.jpg", imageAlt: "kids haircut barbershop friendly environment"}, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-helping-child-with-lices_23-2149617269.jpg", imageAlt: "kids haircut barbershop friendly environment" + }, { id: "3", title: "Beard Trim", tags: ["Grooming", "20 min"], - imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-trimming-beard-man_23-2147778859.jpg", imageAlt: "professional beard trim grooming service"}, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-trimming-beard-man_23-2147778859.jpg", imageAlt: "professional beard trim grooming service" + }, { id: "4", title: "Gentlemen Haircut", tags: ["Modern", "35 min"], - imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg", imageAlt: "modern gentlemen haircut professional"}, + imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg", imageAlt: "modern gentlemen haircut professional" + }, { id: "5", title: "Fade Haircut", tags: ["Precision", "40 min"], - imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7911.jpg", imageAlt: "precision fade haircut barber professional"}, + imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7911.jpg", imageAlt: "precision fade haircut barber professional" + }, { id: "6", title: "Haircut & Beard", tags: ["Complete", "50 min"], - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-senior-client-evaluating-work_23-2148181903.jpg", imageAlt: "complete grooming haircut beard trim service"}, + imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-senior-client-evaluating-work_23-2148181903.jpg", imageAlt: "complete grooming haircut beard trim service" + }, { id: "7", title: "The 89 Full VIP Service", tags: ["Premium", "90 min"], - imageSrc: "http://img.b2bpic.net/free-photo/towel-pool_74190-2029.jpg", imageAlt: "premium VIP barbershop service luxury"}, + imageSrc: "http://img.b2bpic.net/free-photo/towel-pool_74190-2029.jpg", imageAlt: "premium VIP barbershop service luxury" + }, ]} animationType="slide-up" textboxLayout="default" @@ -109,17 +121,23 @@ export default function LandingPage() { tagIcon={MessageCircle} testimonials={[ { - id: "1", name: "James Mitchell", role: "Regular Customer", testimonial: "Best haircut I've had in years. The barbers really know their craft and attention to detail is impeccable.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-business-clothes-with-crossed-arms_171337-11402.jpg", imageAlt: "satisfied male customer portrait headshot"}, + id: "1", name: "James Mitchell", role: "Regular Customer", testimonial: "Best haircut I've had in years. The barbers really know their craft and attention to detail is impeccable.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-business-clothes-with-crossed-arms_171337-11402.jpg", imageAlt: "satisfied male customer portrait headshot" + }, { - id: "2", name: "David Chen", role: "Business Owner", testimonial: "Always professional, always on time. The VIP service is absolutely worth it. Highly recommend to anyone.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg", imageAlt: "business owner portrait headshot professional"}, + id: "2", name: "David Chen", role: "Business Owner", testimonial: "Always professional, always on time. The VIP service is absolutely worth it. Highly recommend to anyone.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg", imageAlt: "business owner portrait headshot professional" + }, { - id: "3", name: "Marcus Williams", role: "Weekly Client", testimonial: "The fade work is exceptional. You can see the precision and skill in every cut. Best barbershop in the area.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-1886.jpg", imageAlt: "satisfied customer portrait headshot"}, + id: "3", name: "Marcus Williams", role: "Weekly Client", testimonial: "The fade work is exceptional. You can see the precision and skill in every cut. Best barbershop in the area.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-1886.jpg", imageAlt: "satisfied customer portrait headshot" + }, { - id: "4", name: "Robert Thompson", role: "Returning Customer", testimonial: "Great atmosphere, skilled barbers, fair pricing. This is my go-to place for all my grooming needs.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man_329181-12123.jpg", imageAlt: "professional male portrait headshot"}, + id: "4", name: "Robert Thompson", role: "Returning Customer", testimonial: "Great atmosphere, skilled barbers, fair pricing. This is my go-to place for all my grooming needs.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man_329181-12123.jpg", imageAlt: "professional male portrait headshot" + }, { - id: "5", name: "Christopher Davis", role: "Long-time Customer", testimonial: "Been coming here for 5 years. Never disappointed. The team treats you like family.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-blazer-beauty-blonde_1139-773.jpg", imageAlt: "long-time customer portrait happy"}, + id: "5", name: "Christopher Davis", role: "Long-time Customer", testimonial: "Been coming here for 5 years. Never disappointed. The team treats you like family.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-blazer-beauty-blonde_1139-773.jpg", imageAlt: "long-time customer portrait happy" + }, { - id: "6", name: "Kevin Rodriguez", role: "Loyal Client", testimonial: "Outstanding service every single time. The VIP package with hot towel treatment is incredible.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-teenage-girl-with-no-make-up-pinkish-bob-hairdo-ring-her-nose-posing-indoors_343059-124.jpg", imageAlt: "loyal customer portrait headshot"}, + id: "6", name: "Kevin Rodriguez", role: "Loyal Client", testimonial: "Outstanding service every single time. The VIP package with hot towel treatment is incredible.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-teenage-girl-with-no-make-up-pinkish-bob-hairdo-ring-her-nose-posing-indoors_343059-124.jpg", imageAlt: "loyal customer portrait headshot" + }, ]} animationType="slide-up" textboxLayout="default" @@ -180,7 +198,8 @@ export default function LandingPage() { id: "7", price: "$95", name: "The 89 Full VIP", badge: "Premium Experience", badgeIcon: Crown, buttons: [{ text: "Book Now", href: "contact" }], features: [ - "Hot towel treatment", "Full grooming service", "Complimentary beverage", "90 minutes"], + "Hot towel treatment", "Full grooming service", "Complimentary beverage", "90 minutes" + ], }, ]} /> @@ -198,13 +217,17 @@ export default function LandingPage() { useInvertedBackground={false} members={[ { - id: "1", name: "Marcus Johnson", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/side-view-sensitive-man-studio_23-2149518224.jpg", imageAlt: "master barber portrait professional headshot"}, + id: "1", name: "Marcus Johnson", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/side-view-sensitive-man-studio_23-2149518224.jpg", imageAlt: "master barber portrait professional headshot" + }, { - id: "2", name: "Tony Rossi", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-grinning-old-fashioned-man-grandfather-with-clock_1157-39164.jpg", imageAlt: "senior barber portrait professional headshot"}, + id: "2", name: "Tony Rossi", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-grinning-old-fashioned-man-grandfather-with-clock_1157-39164.jpg", imageAlt: "senior barber portrait professional headshot" + }, { - id: "3", name: "Lee Chen", role: "Specialist Barber", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2149220533.jpg", imageAlt: "specialist barber portrait professional"}, + id: "3", name: "Lee Chen", role: "Specialist Barber", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2149220533.jpg", imageAlt: "specialist barber portrait professional" + }, { - id: "4", name: "Brandon Smith", role: "Fade Specialist", imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg", imageAlt: "fade specialist barber portrait professional"}, + id: "4", name: "Brandon Smith", role: "Fade Specialist", imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg", imageAlt: "fade specialist barber portrait professional" + }, ]} />