diff --git a/src/app/page.tsx b/src/app/page.tsx index 545f3a6..f444338 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -49,11 +49,14 @@ export default function BarberStudio() { ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-groomed_23-2150668462.jpg", imageAlt: "Professional barber cutting hair"}, + imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-groomed_23-2150668462.jpg", imageAlt: "Professional barber cutting hair" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-senior-client-evaluating-work_23-2148181903.jpg", imageAlt: "Classic barbershop interior"}, + imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-senior-client-evaluating-work_23-2148181903.jpg", imageAlt: "Classic barbershop interior" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/back-view-barber-trimming-hair_23-2148298297.jpg", imageAlt: "Barber using professional tools"}, + imageSrc: "http://img.b2bpic.net/free-photo/back-view-barber-trimming-hair_23-2148298297.jpg", imageAlt: "Barber using professional tools" + }, ]} autoplayDelay={5000} showDimOverlay={true} @@ -74,6 +77,7 @@ export default function BarberStudio() { imageAlt="Barber Studio interior with vintage aesthetic" useInvertedBackground={false} mediaAnimation="slide-up" + metricsAnimation="slide-up" /> @@ -86,7 +90,8 @@ export default function BarberStudio() { features={[ { id: "1", title: "Classic Haircut", description: "Our signature haircut featuring expert fading, precise lines, and personalized styling advice. Perfect for those seeking timeless grooming.", media: { - imageSrc: "http://img.b2bpic.net/free-photo/view-scissors-hair-salon_23-2150462460.jpg", imageAlt: "Classic haircut service"}, + imageSrc: "http://img.b2bpic.net/free-photo/view-scissors-hair-salon_23-2150462460.jpg", imageAlt: "Classic haircut service" + }, items: [ { icon: CheckCircle, text: "Precision fade techniques" }, { icon: CheckCircle, text: "Professional consultation" }, @@ -96,7 +101,8 @@ export default function BarberStudio() { }, { id: "2", title: "Beard Grooming", description: "Professional beard trimming, shaping, and conditioning. Includes hot towel treatment and beard oil application for optimal health and appearance.", media: { - imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-beard-man_23-2147737053.jpg", imageAlt: "Beard grooming service"}, + imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-beard-man_23-2147737053.jpg", imageAlt: "Beard grooming service" + }, items: [ { icon: CheckCircle, text: "Expert beard shaping" }, { icon: CheckCircle, text: "Hot towel treatment" }, @@ -106,7 +112,8 @@ export default function BarberStudio() { }, { id: "3", title: "Hot Shave", description: "Traditional hot lather shave using premium creams and straight razors. A relaxing experience combining classic technique with modern comfort.", media: { - imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-washing-old-man-hair-backwash_23-2148181935.jpg", imageAlt: "Hot shave service"}, + imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-washing-old-man-hair-backwash_23-2148181935.jpg", imageAlt: "Hot shave service" + }, items: [ { icon: CheckCircle, text: "Traditional techniques" }, { icon: CheckCircle, text: "Premium lather creams" }, @@ -134,22 +141,28 @@ export default function BarberStudio() { products={[ { id: "1", brand: "Classic Cut", name: "Precision Fade", price: "From $35", rating: 5, - reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/barber-styling-hair-customer-with-mousse_23-2147778801.jpg", imageAlt: "Professional fade haircut"}, + reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/barber-styling-hair-customer-with-mousse_23-2147778801.jpg", imageAlt: "Professional fade haircut" + }, { id: "2", brand: "Styling Expert", name: "Modern Textured", price: "From $40", rating: 5, - reviewCount: "285", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hairstyle-done_23-2148465240.jpg", imageAlt: "Modern textured hairstyle"}, + reviewCount: "285", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hairstyle-done_23-2148465240.jpg", imageAlt: "Modern textured hairstyle" + }, { id: "3", brand: "Beard Master", name: "Full Beard Design", price: "From $45", rating: 5, - reviewCount: "198", imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7904.jpg", imageAlt: "Professional beard styling"}, + reviewCount: "198", imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7904.jpg", imageAlt: "Professional beard styling" + }, { id: "4", brand: "Classic Cut", name: "Undercut Style", price: "From $38", rating: 5, - reviewCount: "267", imageSrc: "http://img.b2bpic.net/free-photo/man-chef-standing-kitchen_1303-32141.jpg", imageAlt: "Trendy undercut hairstyle"}, + reviewCount: "267", imageSrc: "http://img.b2bpic.net/free-photo/man-chef-standing-kitchen_1303-32141.jpg", imageAlt: "Trendy undercut hairstyle" + }, { id: "5", brand: "Styling Expert", name: "Sleek Pomade", price: "From $35", rating: 5, - reviewCount: "412", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-shaving-home_23-2150226091.jpg", imageAlt: "Sleek pomaded hairstyle"}, + reviewCount: "412", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-shaving-home_23-2150226091.jpg", imageAlt: "Sleek pomaded hairstyle" + }, { id: "6", brand: "Hair Specialist", name: "Volume Boost", price: "From $40", rating: 5, - reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/girl-fur-coat-woman-winter-portrait-style-girl-fur-coat-luxury-accessory-make-up-close-up-model-new-year-hairstyle_343629-90.jpg", imageAlt: "Voluminous hairstyle"}, + reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/girl-fur-coat-woman-winter-portrait-style-girl-fur-coat-luxury-accessory-make-up-close-up-model-new-year-hairstyle_343629-90.jpg", imageAlt: "Voluminous hairstyle" + }, ]} /> @@ -165,13 +178,17 @@ export default function BarberStudio() { useInvertedBackground={false} team={[ { - id: "1", name: "Marcus Johnson", role: "Head Barber", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", imageAlt: "Marcus Johnson Head Barber"}, + id: "1", name: "Marcus Johnson", role: "Head Barber", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", imageAlt: "Marcus Johnson Head Barber" + }, { - id: "2", name: "David Chen", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-wearing-suit_23-2148831124.jpg", imageAlt: "David Chen Senior Stylist"}, + id: "2", name: "David Chen", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-wearing-suit_23-2148831124.jpg", imageAlt: "David Chen Senior Stylist" + }, { - id: "3", name: "James Wilson", role: "Beard Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-scissors_23-2147839778.jpg", imageAlt: "James Wilson Beard Specialist"}, + id: "3", name: "James Wilson", role: "Beard Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-scissors_23-2147839778.jpg", imageAlt: "James Wilson Beard Specialist" + }, { - id: "4", name: "Alex Rodriguez", role: "Master Craftsman", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-young-businessman-white-sleeveless-shirt-dark-grey-background_613910-115.jpg", imageAlt: "Alex Rodriguez Master Craftsman"}, + id: "4", name: "Alex Rodriguez", role: "Master Craftsman", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-young-businessman-white-sleeveless-shirt-dark-grey-background_613910-115.jpg", imageAlt: "Alex Rodriguez Master Craftsman" + }, ]} /> @@ -188,16 +205,20 @@ export default function BarberStudio() { testimonials={[ { id: "1", name: "Robert Thompson", role: "Executive", company: "Tech Innovators Inc", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1576.jpg", imageAlt: "Robert Thompson testimonial"}, + imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1576.jpg", imageAlt: "Robert Thompson testimonial" + }, { id: "2", name: "Michael Santos", role: "Entrepreneur", company: "Santos Design Co", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg", imageAlt: "Michael Santos testimonial"}, + imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg", imageAlt: "Michael Santos testimonial" + }, { id: "3", name: "Christopher Lee", role: "Manager", company: "Finance Experts Group", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10527.jpg", imageAlt: "Christopher Lee testimonial"}, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10527.jpg", imageAlt: "Christopher Lee testimonial" + }, { id: "4", name: "Daniel Martinez", role: "Creative Director", company: "Brand Solutions Ltd", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-haired-young-man_23-2148892091.jpg", imageAlt: "Daniel Martinez testimonial"}, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-haired-young-man_23-2148892091.jpg", imageAlt: "Daniel Martinez testimonial" + }, ]} kpiItems={[ { value: "2000+", label: "Regular Clients" },