From bd2f959bd390b9831ff4bd3d4c8ae930fd18abab Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 1 Jun 2026 07:22:52 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 382 ++++++++++------------------------------------- 1 file changed, 81 insertions(+), 301 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 4cba2af..87024d1 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,108 +34,67 @@ export default function LandingPage() {
@@ -148,72 +107,44 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Skilled Barbers", - description: "Experienced professionals who consistently deliver clean, stylish cuts.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg", - imageAlt: "Skilled barber focusing on a haircut", - }, + title: "Skilled Barbers", description: "Experienced professionals who consistently deliver clean, stylish cuts.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg", imageAlt: "Skilled barber focusing on a haircut"}, items: [ { icon: CheckCircle, - text: "Expertise", - }, + text: "Expertise"}, ], reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-client_23-2148506193.jpg", - imageAlt: "barber focusing on haircut precision", }, { - title: "Affordable Excellence", - description: "Premium results without premium pricing, ensuring great value for every client.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/unpleased-slavic-middle-aged-male-barber-uniform-holding-looking-clipboard-isolated-orange-wall_141793-87120.jpg", - imageAlt: "Hand holding money for payment", - }, + title: "Affordable Excellence", description: "Premium results without premium pricing, ensuring great value for every client.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/unpleased-slavic-middle-aged-male-barber-uniform-holding-looking-clipboard-isolated-orange-wall_141793-87120.jpg", imageAlt: "Hand holding money for payment"}, items: [ { icon: DollarSign, - text: "Great Value", - }, + text: "Great Value"}, ], reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/successful-smiling-blond-bearded-man-happily-posing-camera-white-background-happy-expression_574295-5469.jpg", - imageAlt: "barber focusing on haircut precision", }, { - title: "Family Friendly", - description: "Kids, students, professionals, and families are always welcome, ensuring comfort for everyone.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-putting-shaving-foam-face-satisfied-client-orange-wall_141793-61620.jpg", - imageAlt: "Father and son getting haircuts", - }, + title: "Family Friendly", description: "Kids, students, professionals, and families are always welcome, ensuring comfort for everyone.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-putting-shaving-foam-face-satisfied-client-orange-wall_141793-61620.jpg", imageAlt: "Father and son getting haircuts"}, items: [ { - icon: Family, - text: "Welcoming Atmosphere", - }, + icon: Users, + text: "Welcoming Atmosphere"}, ], reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-businessman-turn-face-camera-smiling-selfassured-standing-white-backgro_1258-113227.jpg", - imageAlt: "barber focusing on haircut precision", }, { - title: "Consistent Quality", - description: "Customers return because they know they'll leave looking their absolute best, every single time.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-eyeglasses-giving-thumbs-up_114579-81482.jpg", - imageAlt: "Satisfied customer after haircut", - }, + title: "Consistent Quality", description: "Customers return because they know they'll leave looking their absolute best, every single time.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-eyeglasses-giving-thumbs-up_114579-81482.jpg", imageAlt: "Satisfied customer after haircut"}, items: [ { icon: Star, - text: "Reliable Results", - }, + text: "Reliable Results"}, ], reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg", - imageAlt: "barber focusing on haircut precision", }, ]} title="A Cut Designed Around You" @@ -229,25 +160,15 @@ export default function LandingPage() { author="Regular Customer" avatars={[ { - src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", - alt: "Customer 1", - }, + src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer 1"}, { - src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg", - alt: "Customer 2", - }, + src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg", alt: "Customer 2"}, { - src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", - alt: "Customer 3", - }, + src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Customer 3"}, { - src: "http://img.b2bpic.net/free-photo/young-woman-showing-thumbs-up_176474-95524.jpg", - alt: "Customer 4", - }, + src: "http://img.b2bpic.net/free-photo/young-woman-showing-thumbs-up_176474-95524.jpg", alt: "Customer 4"}, { - src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-smiling-redhead-bearded-man-white-shirt-tolking-mobile-phone_171337-10024.jpg", - alt: "Close-up portrait of handsome smiling redhead bearded man in white shirt tolking on mobile phone", - }, + src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-smiling-redhead-bearded-man-white-shirt-tolking-mobile-phone_171337-10024.jpg", alt: "Close-up portrait of handsome smiling redhead bearded man in white shirt tolking on mobile phone"}, ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -262,47 +183,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "classic-haircut", - name: "Classic Haircut", - price: "Affordable", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4215.jpg", - imageAlt: "Classic men's haircut", - }, + id: "classic-haircut", name: "Classic Haircut", price: "Affordable", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4215.jpg", imageAlt: "Classic men's haircut"}, { - id: "skin-fade", - name: "Skin Fade", - price: "Affordable", - imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122054.jpg", - imageAlt: "Modern skin fade haircut", - }, + id: "skin-fade", name: "Skin Fade", price: "Affordable", imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122054.jpg", imageAlt: "Modern skin fade haircut"}, { - id: "student-haircuts", - name: "Student Haircuts", - price: "Affordable", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-getting-her-hair-brushed-salon_23-2148817181.jpg", - imageAlt: "Student getting a neat haircut", - }, + id: "student-haircuts", name: "Student Haircuts", price: "Affordable", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-getting-her-hair-brushed-salon_23-2148817181.jpg", imageAlt: "Student getting a neat haircut"}, { - id: "kids-haircuts", - name: "Kids Haircuts", - price: "Affordable", - imageSrc: "http://img.b2bpic.net/free-photo/children-hairdresser-with-trimmer-is-cutting-little-boy-against-dark-background-cute-preschooler-boy-getting-haircut_613910-5796.jpg", - imageAlt: "Child getting a comfortable haircut", - }, + id: "kids-haircuts", name: "Kids Haircuts", price: "Affordable", imageSrc: "http://img.b2bpic.net/free-photo/children-hairdresser-with-trimmer-is-cutting-little-boy-against-dark-background-cute-preschooler-boy-getting-haircut_613910-5796.jpg", imageAlt: "Child getting a comfortable haircut"}, { - id: "beard-grooming", - name: "Beard Grooming", - price: "Affordable", - imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg", - imageAlt: "Professional beard grooming", - }, + id: "beard-grooming", name: "Beard Grooming", price: "Affordable", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg", imageAlt: "Professional beard grooming"}, { - id: "hair-styling", - name: "Hair Styling", - price: "Affordable", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg", - imageAlt: "Barber giving hair styling advice", - }, + id: "hair-styling", name: "Hair Styling", price: "Affordable", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg", imageAlt: "Barber giving hair styling advice"}, ]} title="Professional Grooming Services" description="Explore our range of expert barbering services, crafted to keep you looking sharp and feeling your best, all at honest prices." @@ -318,65 +209,17 @@ export default function LandingPage() { description="Browse our gallery of precision cuts, modern fades, and classic styles showcasing our skill and attention to detail." blogs={[ { - id: "fade-transformation", - category: "Modern Cuts", - title: "Modern Fades", - excerpt: "Precision fades executed with sharp lines and smooth transitions.", - imageSrc: "http://img.b2bpic.net/free-photo/indian-stylish-man-black-traditional-clothes-with-white-scarf-posed-outdoor-sitting-bench_627829-12682.jpg", - imageAlt: "Before and after modern fade haircut", - authorName: "Uncle Ali Team", - date: "2023-10-26", - }, + id: "fade-transformation", category: "Modern Cuts", title: "Modern Fades", excerpt: "Precision fades executed with sharp lines and smooth transitions.", imageSrc: "http://img.b2bpic.net/free-photo/indian-stylish-man-black-traditional-clothes-with-white-scarf-posed-outdoor-sitting-bench_627829-12682.jpg", imageAlt: "Before and after modern fade haircut", authorName: "Uncle Ali Team", date: "2023-10-26"}, { - id: "crop-transformation", - category: "Textured Styles", - title: "Textured Crops", - excerpt: "Contemporary textured crops for a stylish and effortless look.", - imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg", - imageAlt: "Before and after textured crop haircut", - authorName: "Uncle Ali Team", - date: "2023-11-01", - }, + id: "crop-transformation", category: "Textured Styles", title: "Textured Crops", excerpt: "Contemporary textured crops for a stylish and effortless look.", imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg", imageAlt: "Before and after textured crop haircut", authorName: "Uncle Ali Team", date: "2023-11-01"}, { - id: "side-comb-transformation", - category: "Classic Styles", - title: "Side Comb Styles", - excerpt: "Elegant side comb styles, perfect for a professional and polished appearance.", - imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-male-purple-suit-isolated-grey-vignette-background_613910-2989.jpg", - imageAlt: "Before and after side comb haircut", - authorName: "Uncle Ali Team", - date: "2023-11-08", - }, + id: "side-comb-transformation", category: "Classic Styles", title: "Side Comb Styles", excerpt: "Elegant side comb styles, perfect for a professional and polished appearance.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-male-purple-suit-isolated-grey-vignette-background_613910-2989.jpg", imageAlt: "Before and after side comb haircut", authorName: "Uncle Ali Team", date: "2023-11-08"}, { - id: "professional-transformation", - category: "Executive Cuts", - title: "Professional Cuts", - excerpt: "Sharp and clean cuts tailored for the modern professional.", - imageSrc: "http://img.b2bpic.net/free-photo/man-crosswalk_1098-14105.jpg", - imageAlt: "Before and after professional haircut", - authorName: "Uncle Ali Team", - date: "2023-11-15", - }, + id: "professional-transformation", category: "Executive Cuts", title: "Professional Cuts", excerpt: "Sharp and clean cuts tailored for the modern professional.", imageSrc: "http://img.b2bpic.net/free-photo/man-crosswalk_1098-14105.jpg", imageAlt: "Before and after professional haircut", authorName: "Uncle Ali Team", date: "2023-11-15"}, { - id: "kids-style-transformation", - category: "Kids Styles", - title: "Kids Styles", - excerpt: "Fun and neat haircuts designed for our younger customers.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-blond-teenage-boy-dressed-plaid-shirt_613910-9193.jpg", - imageAlt: "Before and after kids haircut", - authorName: "Uncle Ali Team", - date: "2023-11-22", - }, + id: "kids-style-transformation", category: "Kids Styles", title: "Kids Styles", excerpt: "Fun and neat haircuts designed for our younger customers.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-blond-teenage-boy-dressed-plaid-shirt_613910-9193.jpg", imageAlt: "Before and after kids haircut", authorName: "Uncle Ali Team", date: "2023-11-22"}, { - id: "beard-transformation", - category: "Beard Grooming", - title: "Beard Transformations", - excerpt: "Expert beard shaping and styling for a well-groomed look.", - imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8203.jpg", - imageAlt: "Before and after beard trim", - authorName: "Uncle Ali Team", - date: "2023-11-29", - }, + id: "beard-transformation", category: "Beard Grooming", title: "Beard Transformations", excerpt: "Expert beard shaping and styling for a well-groomed look.", imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8203.jpg", imageAlt: "Before and after beard trim", authorName: "Uncle Ali Team", date: "2023-11-29"}, ]} />
@@ -388,36 +231,20 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "step-1", - value: "1.", - title: "Consultation", - items: [ - "We listen to your preferences and goals, ensuring we understand your desired look.", - ], + id: "step-1", value: "1.", title: "Consultation", items: [ + "We listen to your preferences and goals, ensuring we understand your desired look."], }, { - id: "step-2", - value: "2.", - title: "Precision Cut", - items: [ - "Our barbers use professional techniques tailored precisely to your style.", - ], + id: "step-2", value: "2.", title: "Precision Cut", items: [ + "Our barbers use professional techniques tailored precisely to your style."], }, { - id: "step-3", - value: "3.", - title: "Styling", - items: [ - "Finishing touches and expert recommendations to maintain your new look.", - ], + id: "step-3", value: "3.", title: "Styling", items: [ + "Finishing touches and expert recommendations to maintain your new look."], }, { - id: "step-4", - value: "4.", - title: "Confidence", - items: [ - "Walk out looking sharp and feeling your best, ready to impress.", - ], + id: "step-4", value: "4.", title: "Confidence", items: [ + "Walk out looking sharp and feeling your best, ready to impress."], }, ]} title="Looking Great Is Simple" @@ -432,24 +259,16 @@ export default function LandingPage() { metrics={[ { icon: Users, - label: "Happy Customers", - value: "500+", - }, + label: "Happy Customers", value: "500+"}, { icon: Star, - label: "Local Rating", - value: "4.8★", - }, + label: "Local Rating", value: "4.8★"}, { icon: DollarSign, - label: "Pricing", - value: "Affordable", - }, + label: "Pricing", value: "Affordable"}, { icon: Users, - label: "Service", - value: "Family Friendly", - }, + label: "Service", value: "Family Friendly"}, ]} metricsAnimation="slide-up" /> @@ -460,25 +279,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq-1", - title: "Do I need an appointment?", - content: "Walk-ins are always welcome at Uncle Ali Barbershop, but we highly recommend booking an appointment during peak hours to guarantee your preferred time slot and minimize wait times.", - }, + id: "faq-1", title: "Do I need an appointment?", content: "Walk-ins are always welcome at Uncle Ali Barbershop, but we highly recommend booking an appointment during peak hours to guarantee your preferred time slot and minimize wait times."}, { - id: "faq-2", - title: "How much does a haircut cost?", - content: "We are committed to offering professional barbering services at affordable local prices. Our pricing reflects our dedication to unbeatable value without compromising on quality.", - }, + id: "faq-2", title: "How much does a haircut cost?", content: "We are committed to offering professional barbering services at affordable local prices. Our pricing reflects our dedication to unbeatable value without compromising on quality."}, { - id: "faq-3", - title: "Do you cut children's hair?", - content: "Absolutely! Our barbers are experienced and patient with children and families. We ensure a comfortable and friendly service for younger customers, making their haircut experience enjoyable.", - }, + id: "faq-3", title: "Do you cut children's hair?", content: "Absolutely! Our barbers are experienced and patient with children and families. We ensure a comfortable and friendly service for younger customers, making their haircut experience enjoyable."}, { - id: "faq-4", - title: "Can I request a specific style?", - content: "Yes, of course! We encourage you to bring a reference photo or clearly explain your preferred look during the consultation. Our barbers take the time to listen and advise to deliver the exact style you desire.", - }, + id: "faq-4", title: "Can I request a specific style?", content: "Yes, of course! We encourage you to bring a reference photo or clearly explain your preferred look during the consultation. Our barbers take the time to listen and advise to deliver the exact style you desire."}, ]} sideTitle="Frequently Asked Questions" sideDescription="Find answers to common questions about our services, appointments, and what makes Uncle Ali Barbershop the local favourite." @@ -495,22 +302,14 @@ export default function LandingPage() { description="Join the growing community of customers who trust Uncle Ali Barbershop for quality cuts, friendly service, and great value. Book your appointment with us today!" inputs={[ { - name: "name", - type: "text", - placeholder: "Your Name", - required: true, + name: "name", type: "text", placeholder: "Your Name", required: true, }, { - name: "email", - type: "email", - placeholder: "Your Email", - required: true, + name: "email", type: "email", placeholder: "Your Email", required: true, }, ]} textarea={{ - name: "message", - placeholder: "Your Message (e.g., preferred date/time, special requests)", - rows: 4, + name: "message", placeholder: "Your Message (e.g., preferred date/time, special requests)", rows: 4, required: false, }} imageSrc="http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg" @@ -528,50 +327,31 @@ export default function LandingPage() { logoText="UNCLE ALI BARBERSHOP" columns={[ { - title: "Contact Us", - items: [ + title: "Contact Us", items: [ { - label: "Phone Number", - href: "tel:+1234567890", - }, + label: "Phone Number", href: "tel:+1234567890"}, { - label: "WhatsApp", - href: "https://wa.me/1234567890", - }, + label: "WhatsApp", href: "https://wa.me/1234567890"}, { - label: "Google Maps", - href: "https://maps.app.goo.gl/YourLocationLink", - }, + label: "Google Maps", href: "https://maps.app.goo.gl/YourLocationLink"}, ], }, { - title: "Business Info", - items: [ + title: "Business Info", items: [ { - label: "Business Hours", - href: "#", - }, + label: "Business Hours", href: "#"}, { - label: "Location", - href: "#", - }, + label: "Location", href: "#"}, ], }, { - title: "Follow Us", - items: [ + title: "Follow Us", items: [ { - label: "Instagram", - href: "https://instagram.com/unclealibarbershop", - }, + label: "Instagram", href: "https://instagram.com/unclealibarbershop"}, { - label: "Facebook", - href: "https://facebook.com/unclealibarbershop", - }, + label: "Facebook", href: "https://facebook.com/unclealibarbershop"}, { - label: "TikTok", - href: "https://tiktok.com/@unclealibarbershop", - }, + label: "TikTok", href: "https://tiktok.com/@unclealibarbershop"}, ], }, ]} -- 2.49.1