diff --git a/src/app/page.tsx b/src/app/page.tsx index 93805b4..13a72a0 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,34 +34,20 @@ export default function LandingPage() { @@ -69,16 +55,13 @@ export default function LandingPage() {
@@ -141,37 +104,13 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - tag: "Classic", - title: "Precision Haircuts", - subtitle: "Sharp fades, classic styles, and modern trends.", - description: "Our skilled barbers master the art of every cut, from a fresh fade to a timeless pompadour. We consult with you to achieve your desired look with precision and flair.", - imageSrc: "http://img.b2bpic.net/free-photo/silver-machine-haircut_140725-8078.jpg", - imageAlt: "Barber cutting hair with clippers", - }, + tag: "Classic", title: "Precision Haircuts", subtitle: "Sharp fades, classic styles, and modern trends.", description: "Our skilled barbers master the art of every cut, from a fresh fade to a timeless pompadour. We consult with you to achieve your desired look with precision and flair.", imageSrc: "http://img.b2bpic.net/free-photo/silver-machine-haircut_140725-8078.jpg", imageAlt: "Barber cutting hair with clippers"}, { - tag: "Luxury", - title: "Traditional Hot Shaves", - subtitle: "Experience the ultimate in facial grooming.", - description: "Relax with a hot towel, rich lather, and a professional straight razor shave. Our barbers ensure a smooth, irritation-free finish that leaves your skin feeling refreshed and revitalized.", - imageSrc: "http://img.b2bpic.net/free-photo/blue-razor-foam-shaving-brush-white-folded-napkin-against-wooden-surface_23-2148088540.jpg", - imageAlt: "Barber shaving a man with a straight razor", - }, + tag: "Luxury", title: "Traditional Hot Shaves", subtitle: "Experience the ultimate in facial grooming.", description: "Relax with a hot towel, rich lather, and a professional straight razor shave. Our barbers ensure a smooth, irritation-free finish that leaves your skin feeling refreshed and revitalized.", imageSrc: "http://img.b2bpic.net/free-photo/blue-razor-foam-shaving-brush-white-folded-napkin-against-wooden-surface_23-2148088540.jpg", imageAlt: "Barber shaving a man with a straight razor"}, { - tag: "Refine", - title: "Expert Beard Trims", - subtitle: "Shape and sculpt your beard to perfection.", - description: "Maintain a well-groomed beard with our expert trimming and shaping services. We'll help you define your look, ensuring your beard complements your face shape and personal style.", - imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg", - imageAlt: "Barber trimming a man's beard with scissors and comb", - }, + tag: "Refine", title: "Expert Beard Trims", subtitle: "Shape and sculpt your beard to perfection.", description: "Maintain a well-groomed beard with our expert trimming and shaping services. We'll help you define your look, ensuring your beard complements your face shape and personal style.", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg", imageAlt: "Barber trimming a man's beard with scissors and comb"}, { - tag: "Family", - title: "Kids Haircuts", - subtitle: "Great cuts for the next generation of gentlemen.", - description: "Bring your little ones in for a fun and comfortable haircut experience. Our barbers are great with kids, delivering stylish cuts that parents and children will love.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cute-preschooler-boy-getting-haircut-dark-background_613910-19731.jpg", - imageAlt: "Kid getting a haircut in a barber chair", - }, + tag: "Family", title: "Kids Haircuts", subtitle: "Great cuts for the next generation of gentlemen.", description: "Bring your little ones in for a fun and comfortable haircut experience. Our barbers are great with kids, delivering stylish cuts that parents and children will love.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cute-preschooler-boy-getting-haircut-dark-background_613910-19731.jpg", imageAlt: "Kid getting a haircut in a barber chair"}, ]} title="Our Signature Services" description="From sharp fades to classic shaves, we've got you covered. Discover a comprehensive range of grooming services tailored to your unique style." @@ -197,29 +136,11 @@ export default function LandingPage() { carouselMode="buttons" members={[ { - id: "barber-1", - name: "Marcus 'The Maestro' Green", - role: "Lead Barber & Owner", - description: "With over 15 years of experience, Marcus is known for his unparalleled precision and artistic eye. He specializes in fades and intricate beard designs, ensuring every client leaves feeling sharp and confident.", - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cleaning-electric-trimmer-with-brush_23-2147839780.jpg", - imageAlt: "Portrait of Marcus, a professional male barber", - }, + id: "barber-1", name: "Marcus 'The Maestro' Green", role: "Lead Barber & Owner", description: "With over 15 years of experience, Marcus is known for his unparalleled precision and artistic eye. He specializes in fades and intricate beard designs, ensuring every client leaves feeling sharp and confident.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cleaning-electric-trimmer-with-brush_23-2147839780.jpg", imageAlt: "Portrait of Marcus, a professional male barber"}, { - id: "barber-2", - name: "Samantha 'The Stylist' Lee", - role: "Senior Stylist", - description: "Samantha brings a fresh, contemporary touch to classic cuts. Her expertise lies in creating modern, textured styles and maintaining healthy hair. She's also our go-to for vibrant hair colorings.", - imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-pink-wall_141793-106045.jpg", - imageAlt: "Portrait of Samantha, a skilled female barber", - }, + id: "barber-2", name: "Samantha 'The Stylist' Lee", role: "Senior Stylist", description: "Samantha brings a fresh, contemporary touch to classic cuts. Her expertise lies in creating modern, textured styles and maintaining healthy hair. She's also our go-to for vibrant hair colorings.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-pink-wall_141793-106045.jpg", imageAlt: "Portrait of Samantha, a skilled female barber"}, { - id: "barber-3", - name: "David 'The Legend' Johnson", - role: "Master Barber", - description: "A true veteran of the craft, David's hands have perfected countless classic shaves and traditional haircuts. His wisdom and steady hand guarantee a timeless look and a relaxing experience.", - imageSrc: "http://img.b2bpic.net/free-photo/mature-smiling-shoemaker-workshop-making-shoes_171337-12267.jpg", - imageAlt: "Portrait of David, an experienced senior barber", - }, + id: "barber-3", name: "David 'The Legend' Johnson", role: "Master Barber", description: "A true veteran of the craft, David's hands have perfected countless classic shaves and traditional haircuts. His wisdom and steady hand guarantee a timeless look and a relaxing experience.", imageSrc: "http://img.b2bpic.net/free-photo/mature-smiling-shoemaker-workshop-making-shoes_171337-12267.jpg", imageAlt: "Portrait of David, an experienced senior barber"}, ]} title="Meet Our Master Barbers" description="Our talented team is dedicated to providing you with the best grooming experience. Each barber brings their unique expertise and passion to the chair, ensuring a perfect cut every time." @@ -231,55 +152,20 @@ export default function LandingPage() { textboxLayout="default" gridVariant="bento-grid" useInvertedBackground={false} + animationType="slide-up" products={[ { - id: "style-1", - name: "Slick Back Fade", - price: "by Marcus", - variant: "Classic", - imageSrc: "http://img.b2bpic.net/free-photo/lateral-view-man-with-vintage-haircut_23-2148328597.jpg", - imageAlt: "Man with a slick back fade haircut", - }, + id: "style-1", name: "Slick Back Fade", price: "by Marcus", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/lateral-view-man-with-vintage-haircut_23-2148328597.jpg", imageAlt: "Man with a slick back fade haircut"}, { - id: "style-2", - name: "Sharp Taper Design", - price: "by Samantha", - variant: "Modern", - imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-man-with-shirtless-tattooed-body-grey-background_613910-165.jpg", - imageAlt: "Man with a sharp taper haircut design", - }, + id: "style-2", name: "Sharp Taper Design", price: "by Samantha", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-man-with-shirtless-tattooed-body-grey-background_613910-165.jpg", imageAlt: "Man with a sharp taper haircut design"}, { - id: "style-3", - name: "Textured Quiff", - price: "by David", - variant: "Casual", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4243.jpg", - imageAlt: "Man with a textured quiff hairstyle", - }, + id: "style-3", name: "Textured Quiff", price: "by David", variant: "Casual", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4243.jpg", imageAlt: "Man with a textured quiff hairstyle"}, { - id: "style-4", - name: "Curly Drop Fade", - price: "by Marcus", - variant: "Textured", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-getting-groomed_23-2149220566.jpg", - imageAlt: "Man with a curly drop fade haircut", - }, + id: "style-4", name: "Curly Drop Fade", price: "by Marcus", variant: "Textured", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-getting-groomed_23-2149220566.jpg", imageAlt: "Man with a curly drop fade haircut"}, { - id: "style-5", - name: "Clean Buzz Cut", - price: "by Samantha", - variant: "Minimalist", - imageSrc: "http://img.b2bpic.net/free-photo/confident-young-sporty-man-wearing-wristband-crossing-hands-isolated-orange-background_141793-63377.jpg", - imageAlt: "Man with a classic buzz cut", - }, + id: "style-5", name: "Clean Buzz Cut", price: "by Samantha", variant: "Minimalist", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-sporty-man-wearing-wristband-crossing-hands-isolated-orange-background_141793-63377.jpg", imageAlt: "Man with a classic buzz cut"}, { - id: "style-6", - name: "Long Hair Undercut", - price: "by David", - variant: "Bold", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-serious-dark-skinned-hipster-with-drealocks-has-full-lips-beard-mustache-wears-striped-jumper-yellow-raincoat-listens-attentively-interlocutor-isolated-blue-wall_273609-32415.jpg", - imageAlt: "Man with long hair in an undercut style", - }, + id: "style-6", name: "Long Hair Undercut", price: "by David", variant: "Bold", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-serious-dark-skinned-hipster-with-drealocks-has-full-lips-beard-mustache-wears-striped-jumper-yellow-raincoat-listens-attentively-interlocutor-isolated-blue-wall_273609-32415.jpg", imageAlt: "Man with long hair in an undercut style"}, ]} title="Our Work: Gallery of Fresh Cuts" description="Explore a selection of our latest styles and see the quality, creativity, and precision our barbers bring to every client. Your next look starts here." @@ -293,61 +179,25 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "cut", - tag: "Essential", - tagIcon: Scissors, - price: "$35", - period: "Haircut", - description: "Our signature haircut service including consultation, wash, cut, and style.", - button: { - text: "Book Haircut", - href: "#contact", - }, - featuresTitle: "Includes:", - features: [ - "Personalized Consultation", - "Precision Cut & Style", - "Hot Lather Neck Shave", - "Hair Wash & Rinse", - ], + id: "cut", tag: "Essential", tagIcon: Scissors, + price: "$35", period: "Haircut", description: "Our signature haircut service including consultation, wash, cut, and style.", button: { + text: "Book Haircut", href: "#contact"}, + featuresTitle: "Includes:", features: [ + "Personalized Consultation", "Precision Cut & Style", "Hot Lather Neck Shave", "Hair Wash & Rinse"], }, { - id: "shave", - tag: "Signature", - tagIcon: Feather, - price: "$25", - period: "Shave", - description: "Experience the classic hot towel shave, leaving your skin incredibly smooth.", - button: { - text: "Book Shave", - href: "#contact", - }, - featuresTitle: "Includes:", - features: [ - "Pre-Shave Prep", - "Hot Towel Treatment", - "Straight Razor Shave", - "Post-Shave Balm", - ], + id: "shave", tag: "Signature", tagIcon: Feather, + price: "$25", period: "Shave", description: "Experience the classic hot towel shave, leaving your skin incredibly smooth.", button: { + text: "Book Shave", href: "#contact"}, + featuresTitle: "Includes:", features: [ + "Pre-Shave Prep", "Hot Towel Treatment", "Straight Razor Shave", "Post-Shave Balm"], }, { - id: "combo", - tag: "Premium", - tagIcon: Sparkles, - price: "$55", - period: "Cut & Shave", - description: "The ultimate grooming package: a precision haircut paired with a luxurious hot shave.", - button: { - text: "Book Combo", - href: "#contact", - }, - featuresTitle: "Includes:", - features: [ - "Full Haircut Service", - "Classic Hot Shave", - "Beard Trim & Shape", - "Face Massage", - ], + id: "combo", tag: "Premium", tagIcon: Sparkles, + price: "$55", period: "Cut & Shave", description: "The ultimate grooming package: a precision haircut paired with a luxurious hot shave.", button: { + text: "Book Combo", href: "#contact"}, + featuresTitle: "Includes:", features: [ + "Full Haircut Service", "Classic Hot Shave", "Beard Trim & Shape", "Face Massage"], }, ]} title="Transparent Pricing, Premium Value" @@ -361,65 +211,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Michael S.", - date: "May 10, 2024", - title: "Best Cut in Town!", - quote: "I've been coming to Universal Barber for years, and they never disappoint. Marcus always gives me the perfect fade, and the atmosphere is always great. Highly recommend!", - tag: "Loyal Customer", - avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg", - avatarAlt: "Michael S. avatar", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-barbershop_23-2148506244.jpg", - imageAlt: "Man getting haircut", - }, + id: "1", name: "Michael S.", date: "May 10, 2024", title: "Best Cut in Town!", quote: "I've been coming to Universal Barber for years, and they never disappoint. Marcus always gives me the perfect fade, and the atmosphere is always great. Highly recommend!", tag: "Loyal Customer", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg", avatarAlt: "Michael S. avatar", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-barbershop_23-2148506244.jpg", imageAlt: "Man getting haircut"}, { - id: "2", - name: "David R.", - date: "April 28, 2024", - title: "Incredible Shave Experience", - quote: "Samantha gave me the best hot shave I've ever had. So relaxing and my skin felt amazing afterwards. Truly a luxurious experience!", - tag: "New Client", - avatarSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804651.jpg", - avatarAlt: "David R. avatar", - imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20127.jpg", - imageAlt: "Barber giving shave", - }, + id: "2", name: "David R.", date: "April 28, 2024", title: "Incredible Shave Experience", quote: "Samantha gave me the best hot shave I've ever had. So relaxing and my skin felt amazing afterwards. Truly a luxurious experience!", tag: "New Client", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804651.jpg", avatarAlt: "David R. avatar", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20127.jpg", imageAlt: "Barber giving shave"}, { - id: "3", - name: "Chris P.", - date: "May 5, 2024", - title: "Always a Fresh Look", - quote: "David is a master! He knows exactly what I want even when I don't. Always leave here feeling confident and looking sharp. Fantastic service every time.", - tag: "Regular", - avatarSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-suit-sunglasses_613910-11932.jpg", - avatarAlt: "Chris P. avatar", - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg", - imageAlt: "Client looking in mirror", - }, + id: "3", name: "Chris P.", date: "May 5, 2024", title: "Always a Fresh Look", quote: "David is a master! He knows exactly what I want even when I don't. Always leave here feeling confident and looking sharp. Fantastic service every time.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-suit-sunglasses_613910-11932.jpg", avatarAlt: "Chris P. avatar", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg", imageAlt: "Client looking in mirror"}, { - id: "4", - name: "Jason K.", - date: "April 15, 2024", - title: "Professional & Welcoming", - quote: "The team at Universal Barber is top-notch. From the moment you walk in, you feel welcomed. Great cuts, great conversations, and a truly professional environment.", - tag: "Satisfied Client", - avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", - avatarAlt: "Jason K. avatar", - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205869.jpg", - imageAlt: "Busy barber shop interior", - }, + id: "4", name: "Jason K.", date: "April 15, 2024", title: "Professional & Welcoming", quote: "The team at Universal Barber is top-notch. From the moment you walk in, you feel welcomed. Great cuts, great conversations, and a truly professional environment.", tag: "Satisfied Client", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", avatarAlt: "Jason K. avatar", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205869.jpg", imageAlt: "Busy barber shop interior"}, { - id: "5", - name: "Robert L.", - date: "March 20, 2024", - title: "The Only Place I Go!", - quote: "After trying many barbers, Universal Barber is the only place I trust with my beard. Samantha's precision trimming is unmatched. My beard has never looked better.", - tag: "Beard Enthusiast", - avatarSrc: "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-listening-music-room-with-loft-interior_613910-4423.jpg", - avatarAlt: "Robert L. avatar", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg", - imageAlt: "Client getting beard trimmed", - }, + id: "5", name: "Robert L.", date: "March 20, 2024", title: "The Only Place I Go!", quote: "After trying many barbers, Universal Barber is the only place I trust with my beard. Samantha's precision trimming is unmatched. My beard has never looked better.", tag: "Beard Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-listening-music-room-with-loft-interior_613910-4423.jpg", avatarAlt: "Robert L. avatar", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg", imageAlt: "Client getting beard trimmed"}, ]} title="What Our Clients Say" description="Don't just take our word for it – hear from our satisfied customers who consistently receive premium cuts and exceptional service at Universal Barber." @@ -432,20 +232,11 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "q1", - title: "How do I book an appointment?", - content: "You can easily book an appointment through our website's 'Book Now' button, or by calling us directly. We recommend booking in advance, especially for weekend slots.", - }, + id: "q1", title: "How do I book an appointment?", content: "You can easily book an appointment through our website's 'Book Now' button, or by calling us directly. We recommend booking in advance, especially for weekend slots."}, { - id: "q2", - title: "Do you accept walk-ins?", - content: "While walk-ins are welcome, appointments are highly recommended to ensure you get your preferred barber and avoid long wait times. Our schedule fills up fast!", - }, + id: "q2", title: "Do you accept walk-ins?", content: "While walk-ins are welcome, appointments are highly recommended to ensure you get your preferred barber and avoid long wait times. Our schedule fills up fast!"}, { - id: "q3", - title: "What payment methods do you accept?", - content: "We accept all major credit cards, debit cards, and cash. Digital payment options like Apple Pay and Google Pay are also available for your convenience.", - }, + id: "q3", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, and cash. Digital payment options like Apple Pay and Google Pay are also available for your convenience."}, ]} title="Frequently Asked Questions" description="Everything you need to know about booking, our services, and what to expect during your visit to Universal Barber. If you have any other questions, feel free to contact us!" @@ -457,8 +248,7 @@ export default function LandingPage() {