From d1b8a77690b8b9c7c80ce4e9a6ff285fd66b51de Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 04:54:36 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 369 +++++++++++------------------------------------ 1 file changed, 82 insertions(+), 287 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9e72cf6..9ac329b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -31,33 +31,19 @@ export default function LandingPage() { @@ -190,19 +127,13 @@ export default function LandingPage() { useInvertedBackground={true} heading={[ { - type: "text", - content: "About Gina & Nam Barbershop", - }, + type: "text", content: "About Gina & Nam Barbershop"}, { - type: "text", - content: "Founded on a passion for timeless grooming and modern aesthetics, Gina & Nam Barbershop offers a unique experience where classic techniques meet contemporary styles. We pride ourselves on creating a welcoming atmosphere where every client receives personalized attention and leaves feeling confident and refreshed. Our commitment to quality and community makes us more than just a barbershop – we're a place where traditions are honored and new looks are born.", - }, + type: "text", content: "Founded on a passion for timeless grooming and modern aesthetics, Gina & Nam Barbershop offers a unique experience where classic techniques meet contemporary styles. We pride ourselves on creating a welcoming atmosphere where every client receives personalized attention and leaves feeling confident and refreshed. Our commitment to quality and community makes us more than just a barbershop – we're a place where traditions are honored and new looks are born."}, ]} buttons={[ { - text: "Meet the Team", - href: "#team", - }, + text: "Meet the Team", href: "#team"}, ]} buttonAnimation="slide-up" /> @@ -215,46 +146,22 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Precision Haircuts", - description: "Expert stylists craft personalized haircuts, from sharp fades to classic scissor cuts, enhancing your unique style.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/barber-makes-haircut-with-cutting-machine_140725-7666.jpg", - imageAlt: "Classic men's haircut", - }, + title: "Precision Haircuts", description: "Expert stylists craft personalized haircuts, from sharp fades to classic scissor cuts, enhancing your unique style.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/barber-makes-haircut-with-cutting-machine_140725-7666.jpg", imageAlt: "Classic men's haircut"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/vibrant-blue-streamers-hanging-outdoor-art-installation-libourne_1308-189342.jpg", - imageAlt: "Modern fade haircut", - }, - imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-logo-design_79603-2145.jpg", - imageAlt: "classic men's haircut side view", + imageSrc: "http://img.b2bpic.net/free-photo/vibrant-blue-streamers-hanging-outdoor-art-installation-libourne_1308-189342.jpg", imageAlt: "Modern fade haircut"} }, { - title: "Traditional Hot Shaves", - description: "Indulge in a luxurious hot towel shave, performed with a straight razor for the closest, smoothest finish.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg", - imageAlt: "Barber applying shaving cream", - }, + title: "Traditional Hot Shaves", description: "Indulge in a luxurious hot towel shave, performed with a straight razor for the closest, smoothest finish.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg", imageAlt: "Barber applying shaving cream"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-touching-his-cheeks-with-hand-against-white-backdrop_23-2148088232.jpg", - imageAlt: "Man with a freshly shaven face", - }, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2149220556.jpg?_wi=2", - imageAlt: "classic men's haircut side view", + imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-touching-his-cheeks-with-hand-against-white-backdrop_23-2148088232.jpg", imageAlt: "Man with a freshly shaven face"} }, { - title: "Beard & Mustache Trims", - description: "Keep your facial hair perfectly groomed with our precise trimming, shaping, and conditioning services.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985727.jpg", - imageAlt: "Barber trimming a man's beard", - }, + title: "Beard & Mustache Trims", description: "Keep your facial hair perfectly groomed with our precise trimming, shaping, and conditioning services.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985727.jpg", imageAlt: "Barber trimming a man's beard"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/braid-beard-sketch-blackboard_1379-313.jpg", - imageAlt: "Man with a perfectly styled beard", - }, - imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-close-up_23-2148353407.jpg?_wi=2", - imageAlt: "classic men's haircut side view", + imageSrc: "http://img.b2bpic.net/free-photo/braid-beard-sketch-blackboard_1379-313.jpg", imageAlt: "Man with a perfectly styled beard"} }, ]} showStepNumbers={true} @@ -271,65 +178,23 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - brand: "Gentleman's Choice", - name: "Hydrating Hair & Scalp Shampoo", - price: "$22.00", - rating: 5, - reviewCount: "89 Reviews", - imageSrc: "http://img.b2bpic.net/free-photo/man-giving-himself-scalp-massage_23-2151307418.jpg", - imageAlt: "Hydrating Hair & Scalp Shampoo", - }, + id: "p1", brand: "Gentleman's Choice", name: "Hydrating Hair & Scalp Shampoo", price: "$22.00", rating: 5, + reviewCount: "89 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/man-giving-himself-scalp-massage_23-2151307418.jpg", imageAlt: "Hydrating Hair & Scalp Shampoo"}, { - id: "p2", - brand: "Dapper Blend", - name: "Classic Hold Pomade", - price: "$18.00", - rating: 5, - reviewCount: "120 Reviews", - imageSrc: "http://img.b2bpic.net/free-photo/jars-cosmetics-closeup-white-concept-beauty-care_169016-3853.jpg", - imageAlt: "Classic Hold Pomade", - }, + id: "p2", brand: "Dapper Blend", name: "Classic Hold Pomade", price: "$18.00", rating: 5, + reviewCount: "120 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/jars-cosmetics-closeup-white-concept-beauty-care_169016-3853.jpg", imageAlt: "Classic Hold Pomade"}, { - id: "p3", - brand: "Beard & Co.", - name: "Nourishing Beard Oil", - price: "$25.00", - rating: 5, - reviewCount: "75 Reviews", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-elder-bearded-man-using-cleanser_23-2148621194.jpg", - imageAlt: "Nourishing Beard Oil", - }, + id: "p3", brand: "Beard & Co.", name: "Nourishing Beard Oil", price: "$25.00", rating: 5, + reviewCount: "75 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/front-view-elder-bearded-man-using-cleanser_23-2148621194.jpg", imageAlt: "Nourishing Beard Oil"}, { - id: "p4", - brand: "Smooth Glide", - name: "Rich Lather Shaving Cream", - price: "$15.00", - rating: 5, - reviewCount: "95 Reviews", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313075.jpg", - imageAlt: "Rich Lather Shaving Cream", - }, + id: "p4", brand: "Smooth Glide", name: "Rich Lather Shaving Cream", price: "$15.00", rating: 5, + reviewCount: "95 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313075.jpg", imageAlt: "Rich Lather Shaving Cream"}, { - id: "p5", - brand: "Refined Man", - name: "Invigorating Aftershave Balm", - price: "$20.00", - rating: 5, - reviewCount: "60 Reviews", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-shaving-accessories-with-napkin-wooden-table_23-2148088555.jpg", - imageAlt: "Invigorating Aftershave Balm", - }, + id: "p5", brand: "Refined Man", name: "Invigorating Aftershave Balm", price: "$20.00", rating: 5, + reviewCount: "60 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-shaving-accessories-with-napkin-wooden-table_23-2148088555.jpg", imageAlt: "Invigorating Aftershave Balm"}, { - id: "p6", - brand: "Elite Grooming", - name: "Daily Revitalizing Conditioner", - price: "$22.00", - rating: 5, - reviewCount: "70 Reviews", - imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-getting-hair-wash_23-2148256873.jpg", - imageAlt: "Daily Revitalizing Conditioner", - }, + id: "p6", brand: "Elite Grooming", name: "Daily Revitalizing Conditioner", price: "$22.00", rating: 5, + reviewCount: "70 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-getting-hair-wash_23-2148256873.jpg", imageAlt: "Daily Revitalizing Conditioner"}, ]} title="Premium Grooming Products" description="Maintain your sharp look at home with our curated selection of high-quality grooming products endorsed by our barbers." @@ -344,26 +209,11 @@ export default function LandingPage() { useInvertedBackground={false} members={[ { - id: "m1", - name: "Gina Rodriguez", - role: "Master Barber & Co-Founder", - imageSrc: "http://img.b2bpic.net/free-photo/young-annoyed-blonde-male-barber-uniform-puts-comb-temple-rolling-eyes-isolated-violet-space-with-copy-space_141793-60233.jpg", - imageAlt: "Gina Rodriguez, Master Barber", - }, + id: "m1", name: "Gina Rodriguez", role: "Master Barber & Co-Founder", imageSrc: "http://img.b2bpic.net/free-photo/young-annoyed-blonde-male-barber-uniform-puts-comb-temple-rolling-eyes-isolated-violet-space-with-copy-space_141793-60233.jpg", imageAlt: "Gina Rodriguez, Master Barber"}, { - id: "m2", - name: "Nam Lee", - role: "Senior Stylist & Co-Founder", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665389.jpg", - imageAlt: "Nam Lee, Senior Stylist", - }, + id: "m2", name: "Nam Lee", role: "Senior Stylist & Co-Founder", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665389.jpg", imageAlt: "Nam Lee, Senior Stylist"}, { - id: "m3", - name: "Alex Chen", - role: "Apprentice Barber", - imageSrc: "http://img.b2bpic.net/free-photo/young-confident-blonde-male-barber-uniform-cuts-hair-with-scissors-isolated-green-space-with-copy-space_141793-60161.jpg", - imageAlt: "Alex Chen, Apprentice Barber", - }, + id: "m3", name: "Alex Chen", role: "Apprentice Barber", imageSrc: "http://img.b2bpic.net/free-photo/young-confident-blonde-male-barber-uniform-cuts-hair-with-scissors-isolated-green-space-with-copy-space_141793-60161.jpg", imageAlt: "Alex Chen, Apprentice Barber"}, ]} title="Meet Our Talented Barbers" description="Our skilled team is passionate about the art of barbering, dedicated to providing you with an exceptional and personalized grooming experience." @@ -377,64 +227,28 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "t1", - name: "Mark J.", - role: "Regular Client", - company: "Local Business Owner", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12676.jpg", - imageAlt: "Mark J.", - }, + id: "t1", name: "Mark J.", role: "Regular Client", company: "Local Business Owner", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12676.jpg", imageAlt: "Mark J."}, { - id: "t2", - name: "Sarah L.", - role: "New Customer", - company: "Marketing Professional", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-plus-size-woman-holding-shopping-bags-looking-excited-outdoors-street_58466-16106.jpg", - imageAlt: "Sarah L.", - }, + id: "t2", name: "Sarah L.", role: "New Customer", company: "Marketing Professional", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-plus-size-woman-holding-shopping-bags-looking-excited-outdoors-street_58466-16106.jpg", imageAlt: "Sarah L."}, { - id: "t3", - name: "David R.", - role: "Beard Enthusiast", - company: "Freelancer", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-16011.jpg", - imageAlt: "David R.", - }, + id: "t3", name: "David R.", role: "Beard Enthusiast", company: "Freelancer", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-16011.jpg", imageAlt: "David R."}, { - id: "t4", - name: "Emily P.", - role: "Student", - company: "University Student", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-young-man-model-dressed-blue-shirt-clothes-fashion-man-posing_158538-4971.jpg", - imageAlt: "Emily P.", - }, + id: "t4", name: "Emily P.", role: "Student", company: "University Student", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-young-man-model-dressed-blue-shirt-clothes-fashion-man-posing_158538-4971.jpg", imageAlt: "Emily P."}, { - id: "t5", - name: "Robert S.", - role: "Long-time Patron", - company: "Retired Gentleman", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-combing-beard_23-2149137904.jpg", - imageAlt: "Robert S.", - }, + id: "t5", name: "Robert S.", role: "Long-time Patron", company: "Retired Gentleman", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-combing-beard_23-2149137904.jpg", imageAlt: "Robert S."}, ]} kpiItems={[ { - value: "10+", - label: "Years of Expertise", - }, + value: "10+", label: "Years of Expertise"}, { - value: "99%", - label: "Client Satisfaction", - }, + value: "99%", label: "Client Satisfaction"}, { - value: "5.0", - label: "Average Rating", - }, + value: "5.0", label: "Average Rating"}, ]} title="What Our Clients Say" description="Hear from our satisfied customers who trust Gina & Nam for their exceptional grooming needs and friendly service." @@ -445,8 +259,7 @@ export default function LandingPage() {