diff --git a/src/app/page.tsx b/src/app/page.tsx index 85d647a..29a096d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,21 +32,13 @@ export default function LandingPage() { @@ -55,59 +47,36 @@ export default function LandingPage() {
@@ -119,19 +88,13 @@ export default function LandingPage() { metrics={[ { icon: Award, - label: "Years Experience", - value: "15+", - }, + label: "Years Experience", value: "15+"}, { icon: Smile, - label: "Happy Clients", - value: "10k+", - }, + label: "Happy Clients", value: "10k+"}, { icon: Scissors, - label: "Cuts Per Month", - value: "800+", - }, + label: "Cuts Per Month", value: "800+"}, ]} metricsAnimation="slide-up" /> @@ -144,55 +107,31 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Precision Haircut", - description: "Customized cuts that elevate your everyday look.", - icon: Scissors, + title: "Precision Haircut", description: "Customized cuts that elevate your everyday look.", icon: Scissors, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/beard-care_1098-14681.jpg", - imageAlt: "Haircut", - }, + imageSrc: "http://img.b2bpic.net/free-photo/beard-care_1098-14681.jpg", imageAlt: "Haircut"}, { - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-learning-how-shave_23-2149450891.jpg", - imageAlt: "Barber", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987173.jpg", - imageAlt: "classic haircut style", + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-learning-how-shave_23-2149450891.jpg", imageAlt: "Barber"}, + ] }, { - title: "Classic Hot Shave", - description: "A relaxing, traditional shave experience.", - icon: Sparkles, + title: "Classic Hot Shave", description: "A relaxing, traditional shave experience.", icon: Sparkles, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg", - imageAlt: "Shave", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg", imageAlt: "Shave"}, { - imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18406.jpg", - imageAlt: "Shave", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/close-up-back-view-man-getting-haircut_23-2148224307.jpg", - imageAlt: "classic haircut style", + imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18406.jpg", imageAlt: "Shave"}, + ] }, { - title: "Beard Sculpting", - description: "Expert grooming for the perfect beard shape.", - icon: Shield, + title: "Beard Sculpting", description: "Expert grooming for the perfect beard shape.", icon: Shield, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-traveler-male-dressed-fleece-shirt-wild-park-background_613910-12816.jpg", - imageAlt: "Beard", - }, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-traveler-male-dressed-fleece-shirt-wild-park-background_613910-12816.jpg", imageAlt: "Beard"}, { - imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-simple-electric-razor-ice-blue-beard-foam-shaving-male_140725-33155.jpg", - imageAlt: "Beard", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg?_wi=1", - imageAlt: "classic haircut style", + imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-simple-electric-razor-ice-blue-beard-foam-shaving-male_140725-33155.jpg", imageAlt: "Beard"}, + ] }, ]} title="Our Signature Services" @@ -208,23 +147,11 @@ export default function LandingPage() { useInvertedBackground={true} members={[ { - id: "m1", - name: "Roman", - role: "Master Barber", - imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg?_wi=2", - }, + id: "m1", name: "Roman", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg"}, { - id: "m2", - name: "Leo", - role: "Senior Stylist", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-male-with-tattoo-his-arms-before-hair-wash-hairdressers-salon_613910-14526.jpg", - }, + id: "m2", name: "Leo", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-male-with-tattoo-his-arms-before-hair-wash-hairdressers-salon_613910-14526.jpg"}, { - id: "m3", - name: "Sam", - role: "Grooming Specialist", - imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-hairdresser-apron-holding-hair-comb-spray-bottle-looking-front-with-serious-face-standing-green-wall_141793-71788.jpg", - }, + id: "m3", name: "Sam", role: "Grooming Specialist", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-hairdresser-apron-holding-hair-comb-spray-bottle-looking-front-with-serious-face-standing-green-wall_141793-71788.jpg"}, ]} title="Meet the Artists" description="Our team of seasoned barbers is dedicated to perfection in every cut." @@ -239,25 +166,15 @@ export default function LandingPage() { author="James Anderson" avatars={[ { - src: "http://img.b2bpic.net/free-photo/couple-party_23-2148115738.jpg", - alt: "James", - }, + src: "http://img.b2bpic.net/free-photo/couple-party_23-2148115738.jpg", alt: "James"}, { - src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg", - alt: "Client profile", - }, + src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg", alt: "Client profile"}, { - src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg", - alt: "Client profile", - }, + src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg", alt: "Client profile"}, { - src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286080.jpg", - alt: "Client profile", - }, + src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286080.jpg", alt: "Client profile"}, { - src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286015.jpg", - alt: "Client profile", - }, + src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286015.jpg", alt: "Client profile"}, ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -270,20 +187,11 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "f1", - title: "Do I need an appointment?", - content: "Yes, we recommend booking online to guarantee your spot.", - }, + id: "f1", title: "Do I need an appointment?", content: "Yes, we recommend booking online to guarantee your spot."}, { - id: "f2", - title: "Do you offer walk-ins?", - content: "Walk-ins are subject to availability; appointments take priority.", - }, + id: "f2", title: "Do you offer walk-ins?", content: "Walk-ins are subject to availability; appointments take priority."}, { - id: "f3", - title: "What products do you use?", - content: "We use premium, barber-grade products sourced for quality.", - }, + id: "f3", title: "What products do you use?", content: "We use premium, barber-grade products sourced for quality."}, ]} title="Frequently Asked Questions" description="Everything you need to know about our services." @@ -295,16 +203,13 @@ export default function LandingPage() { @@ -314,29 +219,19 @@ export default function LandingPage() { logoText="Roman's Barber Shop" columns={[ { - title: "Services", - items: [ + title: "Services", items: [ { - label: "Haircuts", - href: "#features", - }, + label: "Haircuts", href: "#features"}, { - label: "Shaves", - href: "#features", - }, + label: "Shaves", href: "#features"}, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { - label: "About", - href: "#about", - }, + label: "About", href: "#about"}, { - label: "Contact", - href: "#contact", - }, + label: "Contact", href: "#contact"}, ], }, ]}