From 1a060c42f64288f6d7003d5c3c3b4e434bb04b2b Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 11 Jun 2026 15:59:13 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 423 +++++++++++------------------------------------ 1 file changed, 96 insertions(+), 327 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 8590431..62325e5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,33 +34,19 @@ export default function LandingPage() { @@ -72,70 +58,38 @@ export default function LandingPage() { description="Joeyz Hair Cutz delivers precision cuts, straightrazor finishes, and honest prices. Walk in or book your appointment now—no long waits, just great results." testimonials={[ { - name: "Sarah J.", - handle: "@sarah_j", - testimonial: "Always a fantastic cut! The attention to detail here is unmatched. Highly recommend Joeyz to anyone in Chicago.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg", - }, + name: "Sarah J.", handle: "@sarah_j", testimonial: "Always a fantastic cut! The attention to detail here is unmatched. Highly recommend Joeyz to anyone in Chicago.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg"}, { - name: "Michael C.", - handle: "@mikey_cuts", - testimonial: "Best shave I've had in years. The hot lather treatment is pure relaxation. I'm a regular now!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg", - }, + name: "Michael C.", handle: "@mikey_cuts", testimonial: "Best shave I've had in years. The hot lather treatment is pure relaxation. I'm a regular now!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg"}, { - name: "David K.", - handle: "@dk_grooming", - testimonial: "Bringing my son here for his cuts. The barbers are great with kids, making it a stress-free experience every time.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg", - }, + name: "David K.", handle: "@dk_grooming", testimonial: "Bringing my son here for his cuts. The barbers are great with kids, making it a stress-free experience every time.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg"}, { - name: "Emily R.", - handle: "@emily_reviews", - testimonial: "Walked in on a whim and got an amazing cut. The wait was minimal and the service was top-notch. Impressed!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg", - }, + name: "Emily R.", handle: "@emily_reviews", testimonial: "Walked in on a whim and got an amazing cut. The wait was minimal and the service was top-notch. Impressed!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg"}, { - name: "Chris B.", - handle: "@chris_barber", - testimonial: "Precision and professionalism every visit. Joeyz is my go-to for keeping my fade fresh. Worth every penny.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-holds-hair-clipper-raises-fist-up-isolated-olive-green-space-with-copy-space_141793-60317.jpg", - }, + name: "Chris B.", handle: "@chris_barber", testimonial: "Precision and professionalism every visit. Joeyz is my go-to for keeping my fade fresh. Worth every penny.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-holds-hair-clipper-raises-fist-up-isolated-olive-green-space-with-copy-space_141793-60317.jpg"}, ]} buttons={[ { - text: "Book Your Cut Today", - href: "#contact", - }, + text: "Book Your Cut Today", href: "#contact"}, ]} avatars={[ { - src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-grey-vignette-background_613910-7140.jpg", - alt: "Customer 1", - }, + src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-grey-vignette-background_613910-7140.jpg", alt: "Customer 1"}, { - src: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg", - alt: "Customer 2", - }, + src: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg", alt: "Customer 2"}, { - src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg", - alt: "Customer 3", - }, + src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg", alt: "Customer 3"}, { - src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", - alt: "Customer 4", - }, + src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", alt: "Customer 4"}, { - src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-grey-background_613910-16144.jpg", - alt: "Close up portrait of bearded male over grey background.", - }, + src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-grey-background_613910-16144.jpg", alt: "Close up portrait of bearded male over grey background."}, ]} - imageSrc="http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326534.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326534.jpg" imageAlt="Modern barbershop interior with a barber cutting a client's hair" showBlur={true} textPosition="bottom" @@ -147,26 +101,16 @@ export default function LandingPage() { useInvertedBackground={false} heading={[ { - type: "text", - content: "Experience the Difference at ", - }, + type: "text", content: "Experience the Difference at "}, { - type: "image", - src: "http://img.b2bpic.net/free-photo/adolescent-girl-counseling-discuss-behavioral-issues-personal-challenges_482257-107973.jpg", - alt: "Joeyz Hair Cutz Shop Logo", - }, + type: "image", src: "http://img.b2bpic.net/free-photo/adolescent-girl-counseling-discuss-behavioral-issues-personal-challenges_482257-107973.jpg", alt: "Joeyz Hair Cutz Shop Logo"}, { - type: "text", - content: "Joeyz Hair Cutz", - }, + type: "text", content: "Joeyz Hair Cutz"}, ]} buttons={[ { - text: "Our Story", - href: "#about", - }, + text: "Our Story", href: "#about"}, ]} - description="At Joeyz Hair Cutz, we're more than just a barbershop; we're a Chicago institution. With years of experience and a passion for perfection, our skilled barbers deliver not just haircuts, but confidence. From classic styles to the latest trends, we ensure every client leaves looking and feeling their absolute best." /> @@ -177,55 +121,31 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Precision Fades", - description: "Our barbers are masters of the fade, delivering sharp, seamless transitions that are always on point. Get the cleanest look.", - icon: Scissors, + title: "Precision Fades", description: "Our barbers are masters of the fade, delivering sharp, seamless transitions that are always on point. Get the cleanest look.", icon: Scissors, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg", - imageAlt: "Barber giving a precision fade haircut", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg", imageAlt: "Barber giving a precision fade haircut"}, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148256866.jpg", - imageAlt: "Close up of straight razor finish on a client's neck", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326534.jpg?_wi=2", - imageAlt: "barber giving precision fade haircut", + imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148256866.jpg", imageAlt: "Close up of straight razor finish on a client's neck"}, + ] }, { - title: "Straightrazor Shaves", - description: "Experience the ultimate in traditional grooming with our luxurious hot lather straightrazor shaves for a smooth finish.", - icon: Feather, + title: "Straightrazor Shaves", description: "Experience the ultimate in traditional grooming with our luxurious hot lather straightrazor shaves for a smooth finish.", icon: Feather, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg", - imageAlt: "Man receiving a hot lather shave with a straight razor", - }, + imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg", imageAlt: "Man receiving a hot lather shave with a straight razor"}, { - imageSrc: "http://img.b2bpic.net/free-photo/stylist-trimming-beard-client_23-2147778819.jpg", - imageAlt: "Barber performing a precise beard trim with a straight razor", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-grey-vignette-background_613910-7140.jpg", - imageAlt: "barber giving precision fade haircut", + imageSrc: "http://img.b2bpic.net/free-photo/stylist-trimming-beard-client_23-2147778819.jpg", imageAlt: "Barber performing a precise beard trim with a straight razor"}, + ] }, { - title: "Kid-Friendly Cuts", - description: "We welcome our younger clients with a fun and comfortable environment, ensuring a great haircut experience for kids of all ages.", - icon: Crown, + title: "Kid-Friendly Cuts", description: "We welcome our younger clients with a fun and comfortable environment, ensuring a great haircut experience for kids of all ages.", icon: Crown, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/back-view-hairstyling-giving-haircut_23-2148506367.jpg", - imageAlt: "Happy child getting a haircut at Joeyz Hair Cutz", - }, + imageSrc: "http://img.b2bpic.net/free-photo/back-view-hairstyling-giving-haircut_23-2148506367.jpg", imageAlt: "Happy child getting a haircut at Joeyz Hair Cutz"}, { - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-teaching-kid-shave_23-2149450928.jpg", - imageAlt: "Barber interacting with a young client during a haircut", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg", - imageAlt: "barber giving precision fade haircut", + imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-teaching-kid-shave_23-2149450928.jpg", imageAlt: "Barber interacting with a young client during a haircut"}, + ] }, ]} title="Our Signature Services" @@ -241,65 +161,23 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "1", - brand: "Classic", - name: "Men's Haircut", - price: "$35", - rating: 5, - reviewCount: "49", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4205.jpg", - imageAlt: "Classic Men's Haircut", - }, + id: "1", brand: "Classic", name: "Men's Haircut", price: "$35", rating: 5, + reviewCount: "49", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4205.jpg", imageAlt: "Classic Men's Haircut"}, { - id: "2", - brand: "Sharp", - name: "Beard Trim", - price: "$20", - rating: 5, - reviewCount: "40", - imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-afleece-shirt-grey-background_613910-10258.jpg", - imageAlt: "Detailed Beard Trim", - }, + id: "2", brand: "Sharp", name: "Beard Trim", price: "$20", rating: 5, + reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-afleece-shirt-grey-background_613910-10258.jpg", imageAlt: "Detailed Beard Trim"}, { - id: "3", - brand: "Luxurious", - name: "Hot Lather Shave", - price: "$45", - rating: 5, - reviewCount: "35", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668472.jpg", - imageAlt: "Hot Lather Shave", - }, + id: "3", brand: "Luxurious", name: "Hot Lather Shave", price: "$45", rating: 5, + reviewCount: "35", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668472.jpg", imageAlt: "Hot Lather Shave"}, { - id: "4", - brand: "Fun", - name: "Kids Cut (Under 12)", - price: "$25", - rating: 5, - reviewCount: "28", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-getting-haircut-salon_23-2149870407.jpg", - imageAlt: "Kid's Haircut", - }, + id: "4", brand: "Fun", name: "Kids Cut (Under 12)", price: "$25", rating: 5, + reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-getting-haircut-salon_23-2149870407.jpg", imageAlt: "Kid's Haircut"}, { - id: "5", - brand: "Refreshing", - name: "Shampoo & Style", - price: "$15", - rating: 5, - reviewCount: "20", - imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-washing-head-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6369.jpg", - imageAlt: "Hair Wash & Style", - }, + id: "5", brand: "Refreshing", name: "Shampoo & Style", price: "$15", rating: 5, + reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-washing-head-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6369.jpg", imageAlt: "Hair Wash & Style"}, { - id: "6", - brand: "Respectful", - name: "Senior Cut (65+)", - price: "$28", - rating: 5, - reviewCount: "18", - imageSrc: "http://img.b2bpic.net/free-photo/beauty-concept-with-mother-daughter_23-2147791543.jpg", - imageAlt: "Senior Haircut", - }, + id: "6", brand: "Respectful", name: "Senior Cut (65+)", price: "$28", rating: 5, + reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/beauty-concept-with-mother-daughter_23-2147791543.jpg", imageAlt: "Senior Haircut"}, ]} title="Our Service Menu" description="Explore our full range of grooming services designed for the modern gentleman, family, and everyone in between. Quality guaranteed." @@ -310,61 +188,26 @@ export default function LandingPage() { @@ -398,50 +234,20 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - name: "Mark D.", - role: "Marketing Professional", - company: "Local Agency", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-shirtless-man-smiling_23-2148696669.jpg", - imageAlt: "Client Mark D.", - }, + id: "1", name: "Mark D.", role: "Marketing Professional", company: "Local Agency", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-shirtless-man-smiling_23-2148696669.jpg", imageAlt: "Client Mark D."}, { - id: "2", - name: "Jessica L.", - role: "Parent", - company: "Community Member", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/man-with-dreads-smiling_23-2148628903.jpg", - imageAlt: "Client Jessica L.", - }, + id: "2", name: "Jessica L.", role: "Parent", company: "Community Member", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/man-with-dreads-smiling_23-2148628903.jpg", imageAlt: "Client Jessica L."}, { - id: "3", - name: "Tom H.", - role: "Finance Analyst", - company: "Downtown Firm", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2994.jpg", - imageAlt: "Client Tom H.", - }, + id: "3", name: "Tom H.", role: "Finance Analyst", company: "Downtown Firm", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2994.jpg", imageAlt: "Client Tom H."}, { - id: "4", - name: "Carlos M.", - role: "College Student", - company: "UIC", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-using-his-smartphone_1153-411.jpg", - imageAlt: "Client Carlos M.", - }, + id: "4", name: "Carlos M.", role: "College Student", company: "UIC", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-using-his-smartphone_1153-411.jpg", imageAlt: "Client Carlos M."}, { - id: "5", - name: "Robert G.", - role: "Small Business Owner", - company: "Local Eatery", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-chair_23-2149220526.jpg", - imageAlt: "Client Robert G.", - }, + id: "5", name: "Robert G.", role: "Small Business Owner", company: "Local Eatery", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-chair_23-2149220526.jpg", imageAlt: "Client Robert G."}, ]} title="What Our Clients Say" description="Hear from our satisfied customers about their Joeyz Hair Cutz experience. Their words speak volumes about our commitment to excellence." @@ -454,20 +260,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "1", - title: "Do I need an appointment?", - content: "While walk-ins are always welcome, we highly recommend booking an appointment to minimize wait times, especially during peak hours. You can book directly on our website or by calling us.", - }, + id: "1", title: "Do I need an appointment?", content: "While walk-ins are always welcome, we highly recommend booking an appointment to minimize wait times, especially during peak hours. You can book directly on our website or by calling us."}, { - id: "2", - title: "What services do you offer?", - content: "We offer a full range of barber services including men's haircuts, precision fades, beard trims, hot lather straightrazor shaves, kid's cuts, and shampoo & styles. Check our full service menu above.", - }, + id: "2", title: "What services do you offer?", content: "We offer a full range of barber services including men's haircuts, precision fades, beard trims, hot lather straightrazor shaves, kid's cuts, and shampoo & styles. Check our full service menu above."}, { - id: "3", - title: "What are your hours of operation?", - content: "Our hours are Monday-Friday: 9 AM - 7 PM, Saturday: 9 AM - 5 PM, and Sunday: Closed. Holiday hours may vary, please check our social media for updates.", - }, + id: "3", title: "What are your hours of operation?", content: "Our hours are Monday-Friday: 9 AM - 7 PM, Saturday: 9 AM - 5 PM, and Sunday: Closed. Holiday hours may vary, please check our social media for updates."}, ]} imageSrc="http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg" imageAlt="Barber talking to a client in a friendly manner" @@ -483,8 +280,7 @@ export default function LandingPage() {