diff --git a/src/app/page.tsx b/src/app/page.tsx index 00d637d..9ff7d91 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,37 +33,21 @@ export default function LandingPage() { @@ -72,41 +56,26 @@ export default function LandingPage() {
@@ -128,46 +97,22 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Precision Haircuts", - description: "Experience a meticulously crafted haircut, tailored to your style and preference. Includes a refreshing wash and expert styling.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-smartphone-having-video-call-showing-scissors-front-smiling-standing-orange-wall_141793-96894.jpg", - imageAlt: "Phone displaying haircut styles", - }, + title: "Precision Haircuts", description: "Experience a meticulously crafted haircut, tailored to your style and preference. Includes a refreshing wash and expert styling.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-smartphone-having-video-call-showing-scissors-front-smiling-standing-orange-wall_141793-96894.jpg", imageAlt: "Phone displaying haircut styles"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/man-showing-high-photograph-smart-phone-screen_23-2148176658.jpg", - imageAlt: "Phone showing haircut process", - }, - imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167440.jpg?_wi=2", - imageAlt: "man getting haircut barbershop phone perspective", + imageSrc: "http://img.b2bpic.net/free-photo/man-showing-high-photograph-smart-phone-screen_23-2148176658.jpg", imageAlt: "Phone showing haircut process"} }, { - title: "Luxury Hot Shaves", - description: "Indulge in our traditional hot lather shave experience. A multi-step process for ultimate relaxation and a perfectly smooth finish.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-hipster-sits-table-roadside-cafe-talking-phone-holds-tablet_613910-4843.jpg", - imageAlt: "Phone displaying luxury shave service", - }, + title: "Luxury Hot Shaves", description: "Indulge in our traditional hot lather shave experience. A multi-step process for ultimate relaxation and a perfectly smooth finish.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-hipster-sits-table-roadside-cafe-talking-phone-holds-tablet_613910-4843.jpg", imageAlt: "Phone displaying luxury shave service"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/unpleased-slavic-middle-aged-male-barber-uniform-holding-scissors-looking-phone-his-hand-isolated-orange-wall_141793-87176.jpg", - imageAlt: "Phone showing hot towel application", - }, - imageSrc: "http://img.b2bpic.net/free-photo/two-straight-razors_23-2147778743.jpg?_wi=2", - imageAlt: "man getting haircut barbershop phone perspective", + imageSrc: "http://img.b2bpic.net/free-photo/unpleased-slavic-middle-aged-male-barber-uniform-holding-scissors-looking-phone-his-hand-isolated-orange-wall_141793-87176.jpg", imageAlt: "Phone showing hot towel application"} }, { - title: "Expert Beard Grooming", - description: "Maintain your beard with precision trimming, shaping, and conditioning. Our barbers will help you achieve the perfect beard style.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-handsome-barber-wearing-uniform-holding-looking-mobile-phone-with-scissors-hand-isolated-white-background_141793-84808.jpg", - imageAlt: "Phone displaying beard styles", - }, + title: "Expert Beard Grooming", description: "Maintain your beard with precision trimming, shaping, and conditioning. Our barbers will help you achieve the perfect beard style.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-handsome-barber-wearing-uniform-holding-looking-mobile-phone-with-scissors-hand-isolated-white-background_141793-84808.jpg", imageAlt: "Phone displaying beard styles"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-spray-bottle-hair-clippers-isolated-orange-background-with-copy-space_141793-31770.jpg", - imageAlt: "Phone showing beard trimming tools", - }, - imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-label-font-sample-label-design-with-decoration-ribbon_1284-36423.jpg?_wi=2", - imageAlt: "man getting haircut barbershop phone perspective", + imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-spray-bottle-hair-clippers-isolated-orange-background-with-copy-space_141793-31770.jpg", imageAlt: "Phone showing beard trimming tools"} }, ]} showStepNumbers={false} @@ -184,29 +129,11 @@ export default function LandingPage() { useInvertedBackground={true} members={[ { - id: "barber-1", - name: "Alex 'The Razor' Stone", - role: "Master Barber", - description: "With over 15 years of experience, Alex is a true artisan, specializing in classic cuts and straight razor shaves.", - imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-beard-trimmer-looking-with-confident-expression-standing-pink-wall_141793-61347.jpg", - imageAlt: "Alex 'The Razor' Stone, Master Barber", - }, + id: "barber-1", name: "Alex 'The Razor' Stone", role: "Master Barber", description: "With over 15 years of experience, Alex is a true artisan, specializing in classic cuts and straight razor shaves.", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-beard-trimmer-looking-with-confident-expression-standing-pink-wall_141793-61347.jpg", imageAlt: "Alex 'The Razor' Stone, Master Barber"}, { - id: "barber-2", - name: "Maria 'The Stylist' Lee", - role: "Senior Stylist", - description: "Maria brings a modern touch to every style, excelling in contemporary fades, textured crops, and personalized beard designs.", - imageSrc: "http://img.b2bpic.net/free-photo/pink-school-supplies-alphabets-dual-color-background_23-2148050742.jpg", - imageAlt: "Maria 'The Stylist' Lee, Senior Stylist", - }, + id: "barber-2", name: "Maria 'The Stylist' Lee", role: "Senior Stylist", description: "Maria brings a modern touch to every style, excelling in contemporary fades, textured crops, and personalized beard designs.", imageSrc: "http://img.b2bpic.net/free-photo/pink-school-supplies-alphabets-dual-color-background_23-2148050742.jpg", imageAlt: "Maria 'The Stylist' Lee, Senior Stylist"}, { - id: "barber-3", - name: "David 'The Apprentice' Kim", - role: "Junior Barber", - description: "David is our rising star, passionate about learning and delivering fresh, sharp looks with meticulous attention to detail.", - imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg", - imageAlt: "David 'The Apprentice' Kim, Junior Barber", - }, + id: "barber-3", name: "David 'The Apprentice' Kim", role: "Junior Barber", description: "David is our rising star, passionate about learning and delivering fresh, sharp looks with meticulous attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg", imageAlt: "David 'The Apprentice' Kim, Junior Barber"}, ]} title="Meet Our Expert Barbers" description="Our team of highly skilled and passionate barbers are dedicated to mastering their craft and providing you with an exceptional grooming experience." @@ -220,61 +147,31 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "classic-cut", - badge: "Popular", - badgeIcon: Sparkles, - price: "$35", - subtitle: "Sharp and timeless look", - buttons: [ + id: "classic-cut", badge: "Popular", badgeIcon: Sparkles, + price: "$35", subtitle: "Sharp and timeless look", buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], features: [ - "Precision Haircut", - "Relaxing Hair Wash", - "Expert Styling", - "Neck Shave Finish", - ], + "Precision Haircut", "Relaxing Hair Wash", "Expert Styling", "Neck Shave Finish"], }, { - id: "hot-shave", - badge: "Luxury", - badgeIcon: Star, - price: "$45", - subtitle: "Ultimate relaxation experience", - buttons: [ + id: "hot-shave", badge: "Luxury", badgeIcon: Star, + price: "$45", subtitle: "Ultimate relaxation experience", buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], features: [ - "Hot Towel Prep", - "Close Straight Razor Shave", - "Post-Shave Balm", - "Face Massage", - ], + "Hot Towel Prep", "Close Straight Razor Shave", "Post-Shave Balm", "Face Massage"], }, { - id: "beard-trim", - badge: "Define", - badgeIcon: Scissors, - price: "$25", - subtitle: "Shape and perfect your beard", - buttons: [ + id: "beard-trim", badge: "Define", badgeIcon: Scissors, + price: "$25", subtitle: "Shape and perfect your beard", buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], features: [ - "Beard Shaping & Trim", - "Line-Up with Razor", - "Beard Oil Application", - "Styling Advice", - ], + "Beard Shaping & Trim", "Line-Up with Razor", "Beard Oil Application", "Styling Advice"], }, ]} title="Our Service Menu" @@ -289,45 +186,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - name: "Jason S.", - handle: "@jasonscuts", - testimonial: "Best barbershop in San Jose! Always leave feeling fresh and confident. The attention to detail is unmatched.", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", - imageAlt: "Happy client Jason S.", - }, + id: "1", name: "Jason S.", handle: "@jasonscuts", testimonial: "Best barbershop in San Jose! Always leave feeling fresh and confident. The attention to detail is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", imageAlt: "Happy client Jason S."}, { - id: "2", - name: "Mark D.", - handle: "@markd_groom", - testimonial: "The hot shave is an absolute game-changer. Pure relaxation and my skin has never felt smoother. Highly recommend!", - imageSrc: "http://img.b2bpic.net/free-photo/man-with-bathtowel_23-2147638128.jpg", - imageAlt: "Satisfied client Mark D.", - }, + id: "2", name: "Mark D.", handle: "@markd_groom", testimonial: "The hot shave is an absolute game-changer. Pure relaxation and my skin has never felt smoother. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/man-with-bathtowel_23-2147638128.jpg", imageAlt: "Satisfied client Mark D."}, { - id: "3", - name: "Chris P.", - handle: "@chrisp_fresh", - testimonial: "My beard has never looked this good. The barbers here truly understand how to shape and maintain a perfect beard.", - imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-blond-male-dressed-waistcoat_613910-11225.jpg", - imageAlt: "Client Chris P. with a well-groomed beard", - }, + id: "3", name: "Chris P.", handle: "@chrisp_fresh", testimonial: "My beard has never looked this good. The barbers here truly understand how to shape and maintain a perfect beard.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-blond-male-dressed-waistcoat_613910-11225.jpg", imageAlt: "Client Chris P. with a well-groomed beard"}, { - id: "4", - name: "Michael L.", - handle: "@michaell_sj", - testimonial: "A fantastic experience every time. The atmosphere is great, and the team is incredibly skilled and friendly.", - imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg", - imageAlt: "Professional client Michael L.", - }, + id: "4", name: "Michael L.", handle: "@michaell_sj", testimonial: "A fantastic experience every time. The atmosphere is great, and the team is incredibly skilled and friendly.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg", imageAlt: "Professional client Michael L."}, { - id: "5", - name: "Robert B.", - handle: "@robertb_classic", - testimonial: "I've been coming here for years. Consistent quality, great conversation, and I always walk out with a perfect classic cut.", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-getting-groomed_23-2149220518.jpg", - imageAlt: "Loyal client Robert B.", - }, + id: "5", name: "Robert B.", handle: "@robertb_classic", testimonial: "I've been coming here for years. Consistent quality, great conversation, and I always walk out with a perfect classic cut.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-getting-groomed_23-2149220518.jpg", imageAlt: "Loyal client Robert B."}, ]} title="What Our Clients Say" description="Hear directly from our satisfied customers about their experience at The San Jose Barber. Your satisfaction is our priority!" @@ -340,30 +207,15 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq-1", - title: "How do I book an appointment?", - content: "You can easily book your appointment online through our website's 'Book Now' button, or by calling us directly during business hours.", - }, + id: "faq-1", title: "How do I book an appointment?", content: "You can easily book your appointment online through our website's 'Book Now' button, or by calling us directly during business hours."}, { - id: "faq-2", - title: "What payment methods do you accept?", - content: "We accept all major credit cards, debit cards, and cash. Digital payments like Apple Pay and Google Pay are also available.", - }, + id: "faq-2", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, and cash. Digital payments like Apple Pay and Google Pay are also available."}, { - id: "faq-3", - title: "Do you offer walk-in services?", - content: "While appointments are preferred to ensure availability, we do accept walk-ins based on our barbers' schedules. We recommend calling ahead.", - }, + id: "faq-3", title: "Do you offer walk-in services?", content: "While appointments are preferred to ensure availability, we do accept walk-ins based on our barbers' schedules. We recommend calling ahead."}, { - id: "faq-4", - title: "What products do you use/sell?", - content: "We use premium grooming products from trusted brands and also offer a selection for purchase to help you maintain your look at home.", - }, + id: "faq-4", title: "What products do you use/sell?", content: "We use premium grooming products from trusted brands and also offer a selection for purchase to help you maintain your look at home."}, { - id: "faq-5", - title: "Can I request a specific barber?", - content: "Absolutely! During the booking process, you can select your preferred barber based on their availability and specialties.", - }, + id: "faq-5", title: "Can I request a specific barber?", content: "Absolutely! During the booking process, you can select your preferred barber based on their availability and specialties."}, ]} imageSrc="http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121947.jpg" imageAlt="Barber tools neatly arranged on a wooden surface" @@ -378,8 +230,7 @@ export default function LandingPage() {