3 Commits

Author SHA1 Message Date
b39ba72a56 Update src/app/page.tsx 2026-05-13 15:06:11 +00:00
0c95468009 Update src/app/page.tsx 2026-05-13 15:05:47 +00:00
8b182d3ded Merge version_3 into main
Merge version_3 into main
2026-05-13 15:01:38 +00:00

View File

@@ -47,21 +47,21 @@ export default function LandingPage() {
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
title="Crafting Legends, One Cut at a Time."
description="Welcome to Legends Barbershop, where traditional technique meets modern precision. Experience the ultimate grooming experience tailored to your style."
description="Welcome to Legends Barbershop in Alberton, South Africa, where traditional technique meets modern precision. Experience the ultimate grooming experience tailored to your style."
testimonials={[
{ name: "James R.", handle: "@jr_style", testimonial: "Best haircut I've had in years. Legends never misses.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg?_wi=1", imageAlt: "barber shop interior vintage style" },
{ name: "Mike T.", handle: "@miket", testimonial: "The classic shave experience here is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4205.jpg?_wi=1", imageAlt: "barber shop interior vintage style" },
{ name: "Chris B.", handle: "@chrisb", testimonial: "Super professional staff and great atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/using-towel-beard-aged-male-barbershop_23-2148181892.jpg?_wi=1", imageAlt: "barber shop interior vintage style" },
{ name: "David L.", handle: "@dl4life", testimonial: "Finally found my permanent barber spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-items-spa-therapy_23-2148290933.jpg?_wi=1", imageAlt: "barber shop interior vintage style" },
{ name: "Alex P.", handle: "@alexp", testimonial: "Exceptional attention to detail. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-trimming-moustache-client_23-2147778835.jpg?_wi=1", imageAlt: "barber shop interior vintage style" }
{ name: "James R.", handle: "@jr_style", testimonial: "Best haircut I've had in years. Legends never misses.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/handsome-barber-cutting-hair-customer-barbershop_158538-4205.jpg?_wi=1", imageAlt: "Barber cutting hair" },
{ name: "Mike T.", handle: "@miket", testimonial: "The classic shave experience here is unmatched.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/barber-using-razor-on-client_23-2148181892.jpg?_wi=1", imageAlt: "Barber shaving client" },
{ name: "Chris B.", handle: "@chrisb", testimonial: "Super professional staff and great atmosphere.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/modern-barbershop-interior_23-2148290933.jpg?_wi=1", imageAlt: "Barbershop interior" },
{ name: "David L.", handle: "@dl4life", testimonial: "Finally found my permanent barber spot.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/barber-tools-table_23-2148298338.jpg", imageAlt: "Barber tools" },
{ name: "Alex P.", handle: "@alexp", testimonial: "Exceptional attention to detail. Highly recommend.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/barber-trimming-beard_23-2147778835.jpg?_wi=1", imageAlt: "Barber trimming beard" }
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg?_wi=2"
imageSrc="https://img.b2bpic.net/free-photo/modern-barbershop-interior_23-2148290933.jpg?_wi=2"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506339.jpg", alt: "Front view of baber shop chiar" },
{ src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", alt: "Barbershop washbasin with professional chairs" },
{ src: "http://img.b2bpic.net/free-photo/close-up-expensive-barber-shop-chair_23-2148256916.jpg", alt: "Close-up expensive barber shop chair" },
{ src: "http://img.b2bpic.net/free-photo/comfortable-old-fashioned-chair-rustic-antique-elegance-indoors-generated-by-ai_188544-29043.jpg", alt: "Comfortable old fashioned chair" },
{ src: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-scissors-comb-making-stop-gesture-with-hands-standing-orange-background_141793-67572.jpg", alt: "Barber man in apron" }
{ src: "https://img.b2bpic.net/free-photo/handsome-barber-cutting-hair-customer-barbershop_158538-4205.jpg", alt: "Barber cutting hair" },
{ src: "https://img.b2bpic.net/free-photo/barber-using-razor-on-client_23-2148181892.jpg", alt: "Barber shaving client" },
{ src: "https://img.b2bpic.net/free-photo/modern-barbershop-interior_23-2148290933.jpg", alt: "Barbershop interior" },
{ src: "https://img.b2bpic.net/free-photo/barber-tools-table_23-2148298338.jpg", alt: "Barber tools" },
{ src: "https://img.b2bpic.net/free-photo/barber-trimming-beard_23-2147778835.jpg", alt: "Barber trimming beard" }
]}
avatarText="Join 5,000+ satisfied clients"
marqueeItems={[
@@ -92,10 +92,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{ title: "Precision Cuts", description: "Classic and modern styles customized to your hair texture.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4205.jpg?_wi=2", buttonIcon: Scissors },
{ title: "Classic Shaves", description: "Hot towel treatment and traditional straight razor shave.", imageSrc: "http://img.b2bpic.net/free-photo/using-towel-beard-aged-male-barbershop_23-2148181892.jpg?_wi=2", buttonIcon: Zap },
{ title: "Premium Products", description: "High-quality pomades, oils, and balms for home maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-items-spa-therapy_23-2148290933.jpg?_wi=2", buttonIcon: Star },
{ title: "Beard Sculpting", description: "Professional beard shape-up and grooming for refined looks.", imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-trimming-moustache-client_23-2147778835.jpg?_wi=2", buttonIcon: Award }
{ title: "Precision Cuts", description: "Classic and modern styles customized to your hair texture.", imageSrc: "https://img.b2bpic.net/free-photo/handsome-barber-cutting-hair-customer-barbershop_158538-4205.jpg?_wi=2", buttonIcon: Scissors },
{ title: "Classic Shaves", description: "Hot towel treatment and traditional straight razor shave.", imageSrc: "https://img.b2bpic.net/free-photo/barber-using-razor-on-client_23-2148181892.jpg?_wi=2", buttonIcon: Zap },
{ title: "Premium Products", description: "High-quality pomades, oils, and balms for home maintenance.", imageSrc: "https://img.b2bpic.net/free-photo/modern-barbershop-interior_23-2148290933.jpg?_wi=3", buttonIcon: Star },
{ title: "Beard Sculpting", description: "Professional beard shape-up and grooming for refined looks.", imageSrc: "https://img.b2bpic.net/free-photo/barber-trimming-beard_23-2147778835.jpg?_wi=2", buttonIcon: Award }
]}
title="Mastery in Every Service"
description="We specialize in precision grooming for the modern gentleman."
@@ -109,12 +109,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Signature Pomade", price: "R450", imageSrc: "http://img.b2bpic.net/free-photo/impressed-slavic-middle-aged-male-barber-uniform-holding-water-spray-bottle-isolated-orange-wall_141793-82847.jpg" },
{ id: "p2", name: "Beard Oil", price: "R320", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bottle-oils-with-pipette_23-2148317664.jpg" },
{ id: "p3", name: "Barber Scissors", price: "R1500", imageSrc: "http://img.b2bpic.net/free-photo/set-razors-table_23-2147736987.jpg" },
{ id: "p4", name: "Aftershave Balm", price: "R400", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-face-care-routine_23-2149288066.jpg" },
{ id: "p5", name: "Shaving Brush", price: "R550", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121997.jpg" },
{ id: "p6", name: "Styling Clay", price: "R400", imageSrc: "http://img.b2bpic.net/free-photo/containers-with-cosmetics_23-2147803536.jpg" }
{ id: "p1", name: "Signature Pomade", price: "R450", imageSrc: "https://img.b2bpic.net/free-photo/modern-barbershop-interior_23-2148290933.jpg?_wi=4" },
{ id: "p2", name: "Beard Oil", price: "R320", imageSrc: "https://img.b2bpic.net/free-photo/modern-barbershop-interior_23-2148290933.jpg?_wi=5" },
{ id: "p3", name: "Barber Scissors", price: "R450", imageSrc: "https://img.b2bpic.net/free-photo/modern-barbershop-interior_23-2148290933.jpg?_wi=6" },
{ id: "p4", name: "Aftershave Balm", price: "R400", imageSrc: "https://img.b2bpic.net/free-photo/modern-barbershop-interior_23-2148290933.jpg?_wi=7" },
{ id: "p5", name: "Shaving Brush", price: "R450", imageSrc: "https://img.b2bpic.net/free-photo/modern-barbershop-interior_23-2148290933.jpg?_wi=8" },
{ id: "p6", name: "Styling Clay", price: "R400", imageSrc: "https://img.b2bpic.net/free-photo/modern-barbershop-interior_23-2148290933.jpg?_wi=9" }
]}
title="Shop Our Essentials"
description="Professional products curated by our experts."
@@ -128,8 +128,8 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{ id: "basic", badge: "Essential", price: "R350", subtitle: "Precision Cut", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Consultation", "Haircut", "Style"] },
{ id: "pro", badge: "Most Popular", price: "R550", subtitle: "Legends Experience", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Haircut & Shave", "Beard Trim", "Hot Towel", "Premium Products"] },
{ id: "premium", badge: "VIP", price: "R750", subtitle: "Ultimate Grooming", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Full Grooming", "Scalp Massage", "Face Treatment", "Priority Booking"] }
{ id: "pro", badge: "Most Popular", price: "R450", subtitle: "Legends Experience", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Haircut & Shave", "Beard Trim", "Hot Towel", "Premium Products"] },
{ id: "premium", badge: "VIP", price: "R450", subtitle: "Ultimate Grooming", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Full Grooming", "Scalp Massage", "Face Treatment", "Priority Booking"] }
]}
title="Transparent Pricing"
description="Choose the service that fits your needs."
@@ -143,9 +143,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{ id: "m1", name: "Marcus V.", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-hair-clippers-isolated-crimson-background-with-copy-space_141793-31955.jpg" },
{ id: "m2", name: "Daniel S.", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg" },
{ id: "m3", name: "Leo C.", role: "Barber Expert", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg" }
{ id: "m1", name: "Marcus V.", role: "Master Barber", imageSrc: "https://img.b2bpic.net/free-photo/handsome-barber-cutting-hair-customer-barbershop_158538-4205.jpg?_wi=3" },
{ id: "m2", name: "Daniel S.", role: "Senior Stylist", imageSrc: "https://img.b2bpic.net/free-photo/barber-using-razor-on-client_23-2148181892.jpg?_wi=3" },
{ id: "m3", name: "Leo C.", role: "Barber Expert", imageSrc: "https://img.b2bpic.net/free-photo/modern-barbershop-interior_23-2148290933.jpg?_wi=10" }
]}
title="Our Experts"
description="Meet the artisans behind the chair."
@@ -158,11 +158,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Liam K.", role: "Architect", company: "DesignCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2831.jpg" },
{ id: "t2", name: "Ethan M.", role: "Consultant", company: "BizLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-half-his-face-wearing-different-clothes_23-2148784403.jpg" },
{ id: "t3", name: "Noah J.", role: "Designer", company: "CreativeStudio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-sitting-chair_329181-1673.jpg" },
{ id: "t4", name: "Mason T.", role: "Executive", company: "CorpGroup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2385.jpg" },
{ id: "t5", name: "Lucas P.", role: "Tech Lead", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg" }
{ id: "t1", name: "Liam K.", role: "Architect", company: "DesignCo", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/handsome-barber-cutting-hair-customer-barbershop_158538-4205.jpg?_wi=4" },
{ id: "t2", name: "Ethan M.", role: "Consultant", company: "BizLab", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/barber-using-razor-on-client_23-2148181892.jpg?_wi=4" },
{ id: "t3", name: "Noah J.", role: "Designer", company: "CreativeStudio", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/modern-barbershop-interior_23-2148290933.jpg?_wi=11" }
]}
kpiItems={[
{ value: "4.9/5", label: "Avg Rating" },
@@ -194,8 +192,8 @@ export default function LandingPage() {
background={{ variant: "plain" }}
tag="Visit Us in Alberton"
title="Book Your Appointment"
description="Ready for a legendary transformation? Visit us today in Alberton."
imageSrc="http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186493.jpg"
description="Ready for a legendary transformation? Visit us today in Alberton, South Africa."
imageSrc="https://img.b2bpic.net/free-photo/modern-barbershop-interior_23-2148290933.jpg?_wi=12"
mediaAnimation="slide-up"
/>
</div>