diff --git a/src/app/page.tsx b/src/app/page.tsx index 6e5168e..5431e4e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -51,16 +51,20 @@ export default function LandingPage() { background={{ variant: "plain" }} mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/rock-band-drummer-performing-repetition-recording-studio_53876-132100.jpg?_wi=1", imageAlt: "Professional barbershop interior"}, + imageSrc: "http://img.b2bpic.net/free-photo/rock-band-drummer-performing-repetition-recording-studio_53876-132100.jpg", imageAlt: "Professional barbershop interior" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-sprinkling-young-mans-hair_23-2148298335.jpg", imageAlt: "Expert haircut service"}, + imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-sprinkling-young-mans-hair_23-2148298335.jpg", imageAlt: "Expert haircut service" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairstylist-customer_23-2149220559.jpg", imageAlt: "Precision fade cutting"}, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairstylist-customer_23-2149220559.jpg", imageAlt: "Precision fade cutting" + }, ]} buttons={[ { text: "Book Your Appointment", href: "#contact" }, { text: "Learn More", href: "#services" }, ]} + mediaAnimation="none" /> @@ -72,8 +76,8 @@ export default function LandingPage() { description="Celebrity Images Barbershop" subdescription="Est. 2010 | Downtown Location" icon={Heart} - imageSrc="http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286079.jpg" - imageAlt="Barbershop owner portrait" + videoSrc="/videos/placeholder.mp4" + videoAriaLabel="About Celebrity Images Barbershop" useInvertedBackground={false} /> @@ -84,20 +88,25 @@ export default function LandingPage() { description="We specialize in classic barbering techniques combined with modern styling expertise. Every service is tailored to your unique style and needs." tag="What We Offer" tagIcon={Zap} - imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg" - imageAlt="Professional beard grooming" + videoSrc="/videos/placeholder.mp4" + videoAriaLabel="Premium barbering services demonstration" accordionItems={[ { - id: "haircuts", title: "Classic & Modern Haircuts", content: "From timeless classics to contemporary cuts, our expert barbers deliver precision haircuts that complement your face shape and personal style. Each cut includes a complimentary shampoo and styling."}, + id: "haircuts", title: "Classic & Modern Haircuts", content: "From timeless classics to contemporary cuts, our expert barbers deliver precision haircuts that complement your face shape and personal style. Each cut includes a complimentary shampoo and styling." + }, { - id: "fades", title: "Precision Fades & Edges", content: "Master the art of clean fades and sharp edges. Our barbers execute everything from skin fades to high fades with surgical precision, ensuring crisp lines and professional results every time."}, + id: "fades", title: "Precision Fades & Edges", content: "Master the art of clean fades and sharp edges. Our barbers execute everything from skin fades to high fades with surgical precision, ensuring crisp lines and professional results every time." + }, { - id: "beard", title: "Beard Grooming & Design", content: "Maintain your beard with expert trimming, shaping, and conditioning treatments. We offer beard sculpting, line work, and premium beard care products for optimal grooming results."}, + id: "beard", title: "Beard Grooming & Design", content: "Maintain your beard with expert trimming, shaping, and conditioning treatments. We offer beard sculpting, line work, and premium beard care products for optimal grooming results." + }, { - id: "shaves", title: "Traditional Straight Razor Shaves", content: "Experience the luxury of a traditional hot lather shave performed with a straight razor by our experienced barbers. Includes face massage and premium aftershave balm."}, + id: "shaves", title: "Traditional Straight Razor Shaves", content: "Experience the luxury of a traditional hot lather shave performed with a straight razor by our experienced barbers. Includes face massage and premium aftershave balm." + }, ]} useInvertedBackground={false} mediaPosition="left" + mediaAnimation="none" /> @@ -108,13 +117,17 @@ export default function LandingPage() { author="Marcus Johnson" avatars={[ { - src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1641.jpg", alt: "Customer Marcus"}, + src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1641.jpg", alt: "Customer Marcus" + }, { - src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-man_23-2149271089.jpg", alt: "Customer David"}, + src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-man_23-2149271089.jpg", alt: "Customer David" + }, { - src: "http://img.b2bpic.net/free-photo/closeup-handsome-man-with-beard-looking-thoughtful-upper-left-corner-imaging-smiling-white_1258-111693.jpg", alt: "Customer James"}, + src: "http://img.b2bpic.net/free-photo/closeup-handsome-man-with-beard-looking-thoughtful-upper-left-corner-imaging-smiling-white_1258-111693.jpg", alt: "Customer James" + }, { - src: "http://img.b2bpic.net/free-photo/smiling-happily-with-hand-hip-confident-positive-proud-friendly-attitude_1194-633391.jpg", alt: "Customer Robert"}, + src: "http://img.b2bpic.net/free-photo/smiling-happily-with-hand-hip-confident-positive-proud-friendly-attitude_1194-633391.jpg", alt: "Customer Robert" + }, ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -147,11 +160,14 @@ export default function LandingPage() { membersAnimation="slide-up" members={[ { - id: "1", name: "Carlos Rivera", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-showing-beard-trimmer-hair-brush-begging-with-hope-expression-standing-orange-wall_141793-61641.jpg", imageAlt: "Master Barber Carlos"}, + id: "1", name: "Carlos Rivera", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-showing-beard-trimmer-hair-brush-begging-with-hope-expression-standing-orange-wall_141793-61641.jpg", imageAlt: "Master Barber Carlos" + }, { - id: "2", name: "DeShawn Williams", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-portrait-close-up-calls-phone-street-romantic-guy-white-shirt-cap-suspenders-peaky-blinders-old-fashioned-retro_1321-2053.jpg", imageAlt: "Master Barber DeShawn"}, + id: "2", name: "DeShawn Williams", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-portrait-close-up-calls-phone-street-romantic-guy-white-shirt-cap-suspenders-peaky-blinders-old-fashioned-retro_1321-2053.jpg", imageAlt: "Master Barber DeShawn" + }, { - id: "3", name: "Anthony Martinez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg", imageAlt: "Master Barber Anthony"}, + id: "3", name: "Anthony Martinez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg", imageAlt: "Master Barber Anthony" + }, ]} memberVariant="card" useInvertedBackground={false} @@ -173,7 +189,7 @@ export default function LandingPage() {