From 84f978f3588521bfaba06ff40c4dc8f05bc48589 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 30 May 2026 20:23:20 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 406 ++++++++++------------------------------------- 1 file changed, 87 insertions(+), 319 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 54f8f1b..5f83439 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,37 +33,21 @@ export default function LandingPage() { @@ -72,51 +56,28 @@ export default function LandingPage() {
@@ -127,24 +88,15 @@ export default function LandingPage() { useInvertedBackground={true} heading={[ { - type: "text", - content: "Crafting Sharp Looks & Lasting Impressions at ", - }, + type: "text", content: "Crafting Sharp Looks & Lasting Impressions at "}, { - type: "image", - src: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", - alt: "Moon Barber Shop interior", - }, + type: "image", src: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", alt: "Moon Barber Shop interior"}, { - type: "text", - content: " Moon Barber Shop", - }, + type: "text", content: " Moon Barber Shop"}, ]} buttons={[ { - text: "Our Story", - href: "#", - }, + text: "Our Story", href: "#"}, ]} />
@@ -156,41 +108,21 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "haircut", - title: "Precision Haircuts", - descriptions: [ - "Expert cuts tailored to your style, from traditional to trendy fades.", - ], - imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg", - imageAlt: "Barber giving a precision haircut", - }, + id: "haircut", title: "Precision Haircuts", descriptions: [ + "Expert cuts tailored to your style, from traditional to trendy fades."], + imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg", imageAlt: "Barber giving a precision haircut"}, { - id: "shave", - title: "Classic Hot Shave", - descriptions: [ - "Experience the luxury of a traditional hot towel shave with a straight razor.", - ], - imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg", - imageAlt: "Man receiving a classic hot towel shave", - }, + id: "shave", title: "Classic Hot Shave", descriptions: [ + "Experience the luxury of a traditional hot towel shave with a straight razor."], + imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg", imageAlt: "Man receiving a classic hot towel shave"}, { - id: "beard-trim", - title: "Beard Trim & Grooming", - descriptions: [ - "Shape and style your beard to perfection with our expert barbers.", - ], - imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg", - imageAlt: "Barber trimming a man's beard", - }, + id: "beard-trim", title: "Beard Trim & Grooming", descriptions: [ + "Shape and style your beard to perfection with our expert barbers."], + imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg", imageAlt: "Barber trimming a man's beard"}, { - id: "kids-cut", - title: "Kids Haircuts", - descriptions: [ - "Gentle and stylish cuts for our younger clients, making every visit fun.", - ], - imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462512.jpg", - imageAlt: "Child getting a haircut at a barber shop", - }, + id: "kids-cut", title: "Kids Haircuts", descriptions: [ + "Gentle and stylish cuts for our younger clients, making every visit fun."], + imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462512.jpg", imageAlt: "Child getting a haircut at a barber shop"}, ]} title="Our Signature Services" description="From classic cuts to modern fades, hot shaves, and beard trims, our skilled barbers deliver exceptional grooming experiences." @@ -205,65 +137,23 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "fade", - brand: "Moon Style", - name: "Modern Fade", - price: "Starting at $30", - rating: 5, - reviewCount: "250", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-outside_23-2149028823.jpg", - imageAlt: "Man with a modern fade haircut", - }, + id: "fade", brand: "Moon Style", name: "Modern Fade", price: "Starting at $30", rating: 5, + reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-outside_23-2149028823.jpg", imageAlt: "Man with a modern fade haircut"}, { - id: "pompadour", - brand: "Moon Classic", - name: "Classic Pompadour", - price: "Starting at $35", - rating: 4.5, - reviewCount: "180", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-wearing-make-up-stylish-clothes_23-2148931655.jpg", - imageAlt: "Man with a classic pompadour hairstyle", - }, + id: "pompadour", brand: "Moon Classic", name: "Classic Pompadour", price: "Starting at $35", rating: 4.5, + reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-wearing-make-up-stylish-clothes_23-2148931655.jpg", imageAlt: "Man with a classic pompadour hairstyle"}, { - id: "beard-style", - brand: "Moon Groom", - name: "Stylish Beard Trim", - price: "Starting at $20", - rating: 4.8, - reviewCount: "300", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2376.jpg", - imageAlt: "Man with a well-groomed beard", - }, + id: "beard-style", brand: "Moon Groom", name: "Stylish Beard Trim", price: "Starting at $20", rating: 4.8, + reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2376.jpg", imageAlt: "Man with a well-groomed beard"}, { - id: "crew-cut", - brand: "Moon Pro", - name: "Crisp Crew Cut", - price: "Starting at $25", - rating: 4.7, - reviewCount: "150", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-tattoos-outsode_23-2149028712.jpg", - imageAlt: "Man with a crisp crew cut", - }, + id: "crew-cut", brand: "Moon Pro", name: "Crisp Crew Cut", price: "Starting at $25", rating: 4.7, + reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-tattoos-outsode_23-2149028712.jpg", imageAlt: "Man with a crisp crew cut"}, { - id: "curly-fade", - brand: "Moon Texture", - name: "Textured Curly Fade", - price: "Starting at $35", - rating: 4.6, - reviewCount: "120", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-curly-man-standing-isolated-blue-wall_231208-1253.jpg", - imageAlt: "Man with a textured curly fade haircut", - }, + id: "curly-fade", brand: "Moon Texture", name: "Textured Curly Fade", price: "Starting at $35", rating: 4.6, + reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/side-view-curly-man-standing-isolated-blue-wall_231208-1253.jpg", imageAlt: "Man with a textured curly fade haircut"}, { - id: "buzz-cut", - brand: "Moon Minimal", - name: "Clean Buzz Cut", - price: "Starting at $20", - rating: 4.9, - reviewCount: "90", - imageSrc: "http://img.b2bpic.net/free-photo/young-soldier-affected-by-ptsd-effect_23-2149235532.jpg", - imageAlt: "Man with a clean buzz cut", - }, + id: "buzz-cut", brand: "Moon Minimal", name: "Clean Buzz Cut", price: "Starting at $20", rating: 4.9, + reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/young-soldier-affected-by-ptsd-effect_23-2149235532.jpg", imageAlt: "Man with a clean buzz cut"}, ]} title="Popular Haircuts & Styles" description="Get inspired by some of the most popular and trending haircuts our clients love." @@ -277,57 +167,23 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "basic", - tag: "Standard", - price: "$30", - period: "per service", - description: "Essential grooming for a fresh look.", - button: { - text: "Book Basic", - href: "#contact", - }, - featuresTitle: "Includes:", - features: [ - "Haircut", - "Hot Towel Finish", - "Style Consultation", - ], + id: "basic", tag: "Standard", price: "$30", period: "per service", description: "Essential grooming for a fresh look.", button: { + text: "Book Basic", href: "#contact"}, + featuresTitle: "Includes:", features: [ + "Haircut", "Hot Towel Finish", "Style Consultation"], }, { - id: "premium", - tag: "Most Popular", - tagIcon: Star, - price: "$55", - period: "per service", - description: "Complete grooming package for the ultimate refresh.", - button: { - text: "Book Premium", - href: "#contact", - }, - featuresTitle: "Includes:", - features: [ - "Precision Haircut", - "Classic Hot Shave / Beard Trim", - "Facial Treatment", - "Styling Product Application", - ], + id: "premium", tag: "Most Popular", tagIcon: Star, + price: "$55", period: "per service", description: "Complete grooming package for the ultimate refresh.", button: { + text: "Book Premium", href: "#contact"}, + featuresTitle: "Includes:", features: [ + "Precision Haircut", "Classic Hot Shave / Beard Trim", "Facial Treatment", "Styling Product Application"], }, { - id: "kids", - tag: "For Kids", - price: "$25", - period: "per service", - description: "Stylish and comfortable cuts for our younger clients.", - button: { - text: "Book for Kids", - href: "#contact", - }, - featuresTitle: "Includes:", - features: [ - "Kids Haircut", - "Gentle Styling", - "Fun Experience", - ], + id: "kids", tag: "For Kids", price: "$25", period: "per service", description: "Stylish and comfortable cuts for our younger clients.", button: { + text: "Book for Kids", href: "#contact"}, + featuresTitle: "Includes:", features: [ + "Kids Haircut", "Gentle Styling", "Fun Experience"], }, ]} title="Our Pricing Plans" @@ -342,44 +198,16 @@ export default function LandingPage() { useInvertedBackground={true} groups={[ { - id: "barber-team", - groupTitle: "The Moon Barber Crew", - members: [ + id: "barber-team", groupTitle: "The Moon Barber Crew", members: [ { - id: "barber-1", - title: "John Doe", - subtitle: "Master Barber", - detail: "With over 15 years of experience, John specializes in classic cuts and intricate fades.", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", - imageAlt: "Portrait of Master Barber John Doe", - }, + id: "barber-1", title: "John Doe", subtitle: "Master Barber", detail: "With over 15 years of experience, John specializes in classic cuts and intricate fades.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", imageAlt: "Portrait of Master Barber John Doe"}, { - id: "barber-2", - title: "Jane Smith", - subtitle: "Style Specialist", - detail: "Jane is known for her creative styling and expertise in modern beard sculpting.", - imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg", - imageAlt: "Portrait of Style Specialist Jane Smith", - }, + id: "barber-2", title: "Jane Smith", subtitle: "Style Specialist", detail: "Jane is known for her creative styling and expertise in modern beard sculpting.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg", imageAlt: "Portrait of Style Specialist Jane Smith"}, { - id: "barber-3", - title: "Mike Johnson", - subtitle: "Apprentice Barber", - detail: "A rising star, Mike brings fresh energy and a keen eye for the latest trends.", - imageSrc: "http://img.b2bpic.net/free-photo/thinking-middle-aged-male-barber-uniform-holding-looking-shaving-brush-isolated-purple-wall_141793-103137.jpg", - imageAlt: "Portrait of Apprentice Barber Mike Johnson", - }, + id: "barber-3", title: "Mike Johnson", subtitle: "Apprentice Barber", detail: "A rising star, Mike brings fresh energy and a keen eye for the latest trends.", imageSrc: "http://img.b2bpic.net/free-photo/thinking-middle-aged-male-barber-uniform-holding-looking-shaving-brush-isolated-purple-wall_141793-103137.jpg", imageAlt: "Portrait of Apprentice Barber Mike Johnson"}, { - id: "barber-4", - title: "Sarah Lee", - subtitle: "Grooming Expert", - detail: "Sarah excels in hot shaves and ensures every client leaves feeling refreshed and sharp.", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-wondering-young-hairdesser-wearing-gray-apron-holding-comb-his-head-showing-scissor-pastel-blue-color-background_140725-155327.jpg", - imageAlt: "Portrait of Grooming Expert Sarah Lee", - }, + id: "barber-4", title: "Sarah Lee", subtitle: "Grooming Expert", detail: "Sarah excels in hot shaves and ensures every client leaves feeling refreshed and sharp.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wondering-young-hairdesser-wearing-gray-apron-holding-comb-his-head-showing-scissor-pastel-blue-color-background_140725-155327.jpg", imageAlt: "Portrait of Grooming Expert Sarah Lee"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/bearded-client-just-got-good-beardcare-from-talanted-trendy-barber_613910-21575.jpg?_wi=2", - imageAlt: "professional male barber portrait smiling", }, ]} title="Meet Our Talented Barbers" @@ -392,35 +220,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Sarah Johnson", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-cheerful-middleaged-man-smiling-happy-satisfied-showing-thumbsup-expressing-approval_1258-130648.jpg", - imageAlt: "Happy client Sarah Johnson", - }, + id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/closeup-cheerful-middleaged-man-smiling-happy-satisfied-showing-thumbsup-expressing-approval_1258-130648.jpg", imageAlt: "Happy client Sarah Johnson"}, { - id: "2", - name: "Michael Chen", - imageSrc: "http://img.b2bpic.net/free-photo/outdoor-picture-cheerful-fashionable-young-european-male-with-long-ginger-beard_343059-3626.jpg", - imageAlt: "Satisfied client Michael Chen", - }, + id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-picture-cheerful-fashionable-young-european-male-with-long-ginger-beard_343059-3626.jpg", imageAlt: "Satisfied client Michael Chen"}, { - id: "3", - name: "Emily Rodriguez", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-mobile-phone_329181-15792.jpg", - imageAlt: "Positive feedback from Emily Rodriguez", - }, + id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-mobile-phone_329181-15792.jpg", imageAlt: "Positive feedback from Emily Rodriguez"}, { - id: "4", - name: "David Kim", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-black-jacket-holds-whiskey-glass_197531-23909.jpg", - imageAlt: "Great service according to David Kim", - }, + id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-black-jacket-holds-whiskey-glass_197531-23909.jpg", imageAlt: "Great service according to David Kim"}, { - id: "5", - name: "Jessica Brown", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg", - imageAlt: "Friendly staff praised by Jessica Brown", - }, + id: "5", name: "Jessica Brown", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg", imageAlt: "Friendly staff praised by Jessica Brown"}, ]} cardTitle="What Our Clients Say" cardTag="Trusted Reviews" @@ -435,40 +243,23 @@ export default function LandingPage() { description="Ready for a fresh cut or a classic shave? Fill out the form below or call us directly at (450) 510-9993 to schedule your visit. We're open until 7 p.m. daily." inputs={[ { - name: "name", - type: "text", - placeholder: "Your Name", - required: true, + name: "name", type: "text", placeholder: "Your Name", required: true, }, { - name: "phone", - type: "tel", - placeholder: "Phone Number", - required: true, + name: "phone", type: "tel", placeholder: "Phone Number", required: true, }, { - name: "email", - type: "email", - placeholder: "Email Address", - required: false, + name: "email", type: "email", placeholder: "Email Address", required: false, }, { - name: "date", - type: "date", - placeholder: "Preferred Date", - required: true, + name: "date", type: "date", placeholder: "Preferred Date", required: true, }, { - name: "time", - type: "time", - placeholder: "Preferred Time", - required: true, + name: "time", type: "time", placeholder: "Preferred Time", required: true, }, ]} textarea={{ - name: "message", - placeholder: "Any special requests or notes?", - rows: 4, + name: "message", placeholder: "Any special requests or notes?", rows: 4, required: false, }} imageSrc="http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" @@ -483,58 +274,35 @@ export default function LandingPage() {