From e054c8f2d63dccc1f98a8886d6cd9d9dff32aec4 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 12 Jun 2026 01:20:27 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 329 ++++++++++------------------------------------- 1 file changed, 70 insertions(+), 259 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 4ed238a..8a458f6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,39 +34,23 @@ export default function LandingPage() { @@ -74,46 +58,29 @@ export default function LandingPage() {
@@ -125,17 +92,11 @@ export default function LandingPage() { description="Morgan's Barber Lounge is more than just a barbershop; it's a destination for modern men seeking exceptional grooming and a welcoming atmosphere. Located in the heart of Riverside, CA, we pride ourselves on skilled barbers, personalized service, and a vibrant environment with music and entertainment. We're dedicated to helping you look and feel your best." metrics={[ { - value: "4.6", - title: "Average Rating", - }, + value: "4.6", title: "Average Rating"}, { - value: "287+", - title: "Happy Clients", - }, + value: "287+", title: "Happy Clients"}, { - value: "10+", - title: "Years Experience", - }, + value: "10+", title: "Years Experience"}, ]} tag="Our Story" imageSrc="http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg" @@ -151,29 +112,11 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - tag: "Signature", - title: "Precision Haircuts", - subtitle: "Sharp fades, classic cuts, modern styles", - description: "Our barbers are masters of their craft, delivering sharp, precise haircuts tailored to your personal style and preferences. From classic fades to contemporary trends, we ensure every cut is a masterpiece.", - imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg", - imageAlt: "Barber giving a precision haircut", - }, + tag: "Signature", title: "Precision Haircuts", subtitle: "Sharp fades, classic cuts, modern styles", description: "Our barbers are masters of their craft, delivering sharp, precise haircuts tailored to your personal style and preferences. From classic fades to contemporary trends, we ensure every cut is a masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg", imageAlt: "Barber giving a precision haircut"}, { - tag: "Relaxing", - title: "Expert Shaves & Beard Trims", - subtitle: "Traditional shaves, beard conditioning, styling", - description: "Indulge in our luxurious hot towel shaves for an incredibly close and comfortable experience. Our expert barbers also specialize in detailed beard trims, shaping, and conditioning to perfect your facial hair.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-half-naked-man_171337-3023.jpg", - imageAlt: "Barber performing a straight razor shave", - }, + tag: "Relaxing", title: "Expert Shaves & Beard Trims", subtitle: "Traditional shaves, beard conditioning, styling", description: "Indulge in our luxurious hot towel shaves for an incredibly close and comfortable experience. Our expert barbers also specialize in detailed beard trims, shaping, and conditioning to perfect your facial hair.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-half-naked-man_171337-3023.jpg", imageAlt: "Barber performing a straight razor shave"}, { - tag: "Complete", - title: "Full Grooming Services", - subtitle: "Eyebrows, hair coloring, head shaves", - description: "Beyond cuts and shaves, we offer a full range of grooming services including eyebrow shaping, hair coloring for a fresh look, and precise head shaves. Experience a complete transformation at our lounge.", - imageSrc: "http://img.b2bpic.net/free-photo/pretty-black-girl-with-big-hair-posing-video-grey-background_633478-901.jpg", - imageAlt: "Barber applying hair product for styling", - }, + tag: "Complete", title: "Full Grooming Services", subtitle: "Eyebrows, hair coloring, head shaves", description: "Beyond cuts and shaves, we offer a full range of grooming services including eyebrow shaping, hair coloring for a fresh look, and precise head shaves. Experience a complete transformation at our lounge.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-black-girl-with-big-hair-posing-video-grey-background_633478-901.jpg", imageAlt: "Barber applying hair product for styling"}, ]} title="Our Signature Services" description="From classic cuts to modern styles, discover the range of expert grooming services tailored to your needs." @@ -189,47 +132,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "before-after-1", - name: "Fade & Beard Line-up", - price: "Before/After", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-with-long-hair-dressed-denim-jacket-isolated-grey-background_613910-8903.jpg", - imageAlt: "Man with unkempt hair and beard before grooming", - }, + id: "before-after-1", name: "Fade & Beard Line-up", price: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-with-long-hair-dressed-denim-jacket-isolated-grey-background_613910-8903.jpg", imageAlt: "Man with unkempt hair and beard before grooming"}, { - id: "before-after-2", - name: "Classic Haircut", - price: "Before/After", - imageSrc: "http://img.b2bpic.net/free-photo/serious-woman-with-blonde-hair-looking-camera-indoor-shot-glamorous-caucasian-girl-with-bright-makeup_197531-25604.jpg", - imageAlt: "Man with sharp fade haircut and clean beard after grooming", - }, + id: "before-after-2", name: "Classic Haircut", price: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/serious-woman-with-blonde-hair-looking-camera-indoor-shot-glamorous-caucasian-girl-with-bright-makeup_197531-25604.jpg", imageAlt: "Man with sharp fade haircut and clean beard after grooming"}, { - id: "before-after-3", - name: "Curly Hair Trim", - price: "Before/After", - imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-bearded-young-man-looking-camera_23-2148176555.jpg", - imageAlt: "Man with unruly curly hair before haircut", - }, + id: "before-after-3", name: "Curly Hair Trim", price: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-bearded-young-man-looking-camera_23-2148176555.jpg", imageAlt: "Man with unruly curly hair before haircut"}, { - id: "before-after-4", - name: "Head Shave", - price: "Before/After", - imageSrc: "http://img.b2bpic.net/free-photo/men-with-beards-posing-front-view_23-2149615794.jpg", - imageAlt: "Man with neatly trimmed and styled curly hair", - }, + id: "before-after-4", name: "Head Shave", price: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/men-with-beards-posing-front-view_23-2149615794.jpg", imageAlt: "Man with neatly trimmed and styled curly hair"}, { - id: "before-after-5", - name: "Kids Haircut", - price: "Before/After", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut_23-2149870359.jpg", - imageAlt: "Young boy with messy, overgrown hair before a haircut", - }, + id: "before-after-5", name: "Kids Haircut", price: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut_23-2149870359.jpg", imageAlt: "Young boy with messy, overgrown hair before a haircut"}, { - id: "before-after-6", - name: "Long Hair Style", - price: "Before/After", - imageSrc: "http://img.b2bpic.net/free-photo/boy-posing-outside-city-while-riding-his-bike_23-2148817329.jpg", - imageAlt: "Young boy with a stylish, clean haircut and smile", - }, + id: "before-after-6", name: "Long Hair Style", price: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/boy-posing-outside-city-while-riding-his-bike_23-2148817329.jpg", imageAlt: "Young boy with a stylish, clean haircut and smile"}, ]} title="Our Transformation Gallery" description="Witness the artistry of our barbers. Explore a selection of our before-and-after transformations, showcasing precise cuts and expert grooming." @@ -242,40 +155,20 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Felipe P.", - imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-beard-trimmer-trophy-smiling-showing-thumbs-up-smiling-standing-orange-wall_141793-61329.jpg", - imageAlt: "Client Felipe P.", - content: "Hands down the best barbershop in Riverside. Felipe always leaves me looking fresh and feeling confident. The attention to detail is unmatched, and the atmosphere is always welcoming. Highly recommend!", + id: "1", name: "Felipe P.", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-beard-trimmer-trophy-smiling-showing-thumbs-up-smiling-standing-orange-wall_141793-61329.jpg", imageAlt: "Client Felipe P.", quote: "Hands down the best barbershop in Riverside. Felipe always leaves me looking fresh and feeling confident. The attention to detail is unmatched, and the atmosphere is always welcoming. Highly recommend!" }, { - id: "2", - name: "Michael S.", - imageSrc: "http://img.b2bpic.net/free-photo/man-looking-mirror-medium-shot_23-2149141782.jpg", - imageAlt: "Client Michael S.", - content: "Came in for a beard trim and hot towel shave, and it was an incredible experience. Michael took his time to perfect every detail, making sure I was comfortable. My beard has never looked better. Fantastic service!", + id: "2", name: "Michael S.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-mirror-medium-shot_23-2149141782.jpg", imageAlt: "Client Michael S.", quote: "Came in for a beard trim and hot towel shave, and it was an incredible experience. Michael took his time to perfect every detail, making sure I was comfortable. My beard has never looked better. Fantastic service!" }, { - id: "3", - name: "Carlos R.", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-muscular-male-sunglasses-dressed-white-t-shirt-brown-leather-jacket_613910-1239.jpg", - imageAlt: "Client Carlos R.", - content: "Morgan's Barber Lounge consistently delivers top-notch haircuts. Carlos is a true professional; he listens to exactly what you want and executes flawlessly every time. It's my go-to spot now.", + id: "3", name: "Carlos R.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-muscular-male-sunglasses-dressed-white-t-shirt-brown-leather-jacket_613910-1239.jpg", imageAlt: "Client Carlos R.", quote: "Morgan's Barber Lounge consistently delivers top-notch haircuts. Carlos is a true professional; he listens to exactly what you want and executes flawlessly every time. It's my go-to spot now." }, { - id: "4", - name: "David K.", - imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg", - imageAlt: "Client David K.", - content: "Finally found a barber who understands modern styles! David gave me a sharp fade that exceeded my expectations. The vibe in the lounge is great, and the staff are super friendly. Worth every penny.", + id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg", imageAlt: "Client David K.", quote: "Finally found a barber who understands modern styles! David gave me a sharp fade that exceeded my expectations. The vibe in the lounge is great, and the staff are super friendly. Worth every penny." }, { - id: "5", - name: "Juan M.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelman-dressed-jacket-jeans-fashion-male-posing-near-blue-wall-studio_158538-23689.jpg", - imageAlt: "Client Juan M.", - content: "From the moment I walked in, I felt right at home. Juan provided an excellent haircut and made sure I was happy with the result. It's clear they care about their clients. A gem in Riverside!", - }, + id: "5", name: "Juan M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelman-dressed-jacket-jeans-fashion-male-posing-near-blue-wall-studio_158538-23689.jpg", imageAlt: "Client Juan M.", quote: "From the moment I walked in, I felt right at home. Juan provided an excellent haircut and made sure I was happy with the result. It's clear they care about their clients. A gem in Riverside!" + } ]} cardTitle="What Our Clients Say" cardTag="Rave Reviews" @@ -288,14 +181,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} names={[ - "Award-Winning Service", - "Top-Rated Riverside Barber", - "Customer Favorite", - "5-Star Grooming", - "Local Business Excellence", - "Trusted Professionals", - "Community's Choice", - ]} + "Award-Winning Service", "Top-Rated Riverside Barber", "Customer Favorite", "5-Star Grooming", "Local Business Excellence", "Trusted Professionals", "Community's Choice"]} title="Trusted by the Riverside Community" description="Our commitment to excellence has earned us top ratings and the trust of countless clients in Riverside. Join our growing family of satisfied customers." tag="Why Choose Us" @@ -309,61 +195,25 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "classic-cut", - tag: "Classic", - tagIcon: Scissors, - price: "$30", - period: "Haircut", - description: "Our signature precision haircut, tailored to your style. Includes wash and style.", - button: { - text: "Book Haircut", - href: "#contact", - }, - featuresTitle: "Includes:", - features: [ - "Consultation", - "Precision Cut", - "Wash & Style", - "Hot Lather Neck Shave", - ], + id: "classic-cut", tag: "Classic", tagIcon: Scissors, + price: "$30", period: "Haircut", description: "Our signature precision haircut, tailored to your style. Includes wash and style.", button: { + text: "Book Haircut", href: "#contact"}, + featuresTitle: "Includes:", features: [ + "Consultation", "Precision Cut", "Wash & Style", "Hot Lather Neck Shave"], }, { - id: "royal-shave", - tag: "Premium", - tagIcon: Feather, - price: "$40", - period: "Shave", - description: "Experience the ultimate hot towel shave. Close, comfortable, and invigorating.", - button: { - text: "Book Shave", - href: "#contact", - }, - featuresTitle: "Includes:", - features: [ - "Hot Towel Prep", - "Straight Razor Shave", - "Post-Shave Treatment", - "Facial Massage", - ], + id: "royal-shave", tag: "Premium", tagIcon: Feather, + price: "$40", period: "Shave", description: "Experience the ultimate hot towel shave. Close, comfortable, and invigorating.", button: { + text: "Book Shave", href: "#contact"}, + featuresTitle: "Includes:", features: [ + "Hot Towel Prep", "Straight Razor Shave", "Post-Shave Treatment", "Facial Massage"], }, { - id: "full-package", - tag: "Ultimate", - tagIcon: Crown, - price: "$65", - period: "Combo", - description: "The complete grooming experience: haircut, hot towel shave, and beard trim.", - button: { - text: "Book Package", - href: "#contact", - }, - featuresTitle: "Includes:", - features: [ - "Classic Haircut", - "Royal Shave", - "Beard Shaping & Trim", - "Eyebrow Clean-up", - ], + id: "full-package", tag: "Ultimate", tagIcon: Crown, + price: "$65", period: "Combo", description: "The complete grooming experience: haircut, hot towel shave, and beard trim.", button: { + text: "Book Package", href: "#contact"}, + featuresTitle: "Includes:", features: [ + "Classic Haircut", "Royal Shave", "Beard Shaping & Trim", "Eyebrow Clean-up"], }, ]} title="Pricing & Services" @@ -378,30 +228,15 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "1", - title: "Do I need an appointment or do you accept walk-ins?", - content: "While appointments are recommended to ensure availability, we proudly accept walk-ins based on barber availability. Feel free to stop by!", - }, + id: "1", title: "Do I need an appointment or do you accept walk-ins?", content: "While appointments are recommended to ensure availability, we proudly accept walk-ins based on barber availability. Feel free to stop by!"}, { - id: "2", - title: "What payment methods do you accept?", - content: "We accept cash, all major credit cards, and mobile payment options for your convenience.", - }, + id: "2", title: "What payment methods do you accept?", content: "We accept cash, all major credit cards, and mobile payment options for your convenience."}, { - id: "3", - title: "Are your services suitable for children?", - content: "Absolutely! We're good for kids and our barbers are experienced in providing comfortable and stylish haircuts for all ages.", - }, + id: "3", title: "Are your services suitable for children?", content: "Absolutely! We're good for kids and our barbers are experienced in providing comfortable and stylish haircuts for all ages."}, { - id: "4", - title: "Where are you located in Riverside?", - content: "You can find us at 178 Iowa Ave, Riverside, CA 92507. We're easily accessible with ample parking.", - }, + id: "4", title: "Where are you located in Riverside?", content: "You can find us at 178 Iowa Ave, Riverside, CA 92507. We're easily accessible with ample parking."}, { - id: "5", - title: "What are your operating hours?", - content: "We are open Monday through Saturday, from 9 AM to 8 PM. Please check our Google profile for holiday hours.", - }, + id: "5", title: "What are your operating hours?", content: "We are open Monday through Saturday, from 9 AM to 8 PM. Please check our Google profile for holiday hours."}, ]} imageSrc="http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-phone-man_273609-6373.jpg" imageAlt="Barber explaining a service to a client" @@ -418,8 +253,7 @@ export default function LandingPage() {