From b89cb80f7e61d360263a644aafe72e10a2f1e134 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 26 May 2026 15:48:47 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 288 +++++++++++------------------------------------ 1 file changed, 63 insertions(+), 225 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 5845366..acfb379 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,37 +33,21 @@ export default function LandingPage() { @@ -148,23 +109,11 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Precision Haircut", - description: "Our signature cut, tailored to your head shape and style preferences. Includes consultation, wash, cut, and finish.", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506217.jpg", - imageAlt: "Man getting a precision haircut", - }, + title: "Precision Haircut", description: "Our signature cut, tailored to your head shape and style preferences. Includes consultation, wash, cut, and finish.", imageSrc: "https://source.unsplash.com/random/600x400?precision,haircut", imageAlt: "Man getting a precision haircut"}, { - title: "Classic Hot Shave", - description: "Indulge in the luxurious hot towel shave experience, complete with essential oils, a straight razor, and soothing aftershave.", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-barbershop-concept_23-2148506264.jpg", - imageAlt: "Barber performing a classic hot towel shave", - }, + title: "Classic Hot Shave", description: "Indulge in the luxurious hot towel shave experience, complete with essential oils, a straight razor, and soothing aftershave.", imageSrc: "https://source.unsplash.com/random/600x400?hot,towel,shave", imageAlt: "Barber performing a classic hot towel shave"}, { - title: "Beard Trim & Styling", - description: "From a simple tidy-up to a complete beard transformation, we'll sculpt your beard to perfection, enhancing your facial features.", - imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg", - imageAlt: "Man getting his beard trimmed and styled", - }, + title: "Beard Trim & Styling", description: "From a simple tidy-up to a complete beard transformation, we'll sculpt your beard to perfection, enhancing your facial features.", imageSrc: "https://source.unsplash.com/random/600x400?beard,trim,style", imageAlt: "Man getting his beard trimmed and styled"}, ]} title="Signature Services" description="Discover our range of expert grooming services designed to refine your look and rejuvenate your spirit." @@ -180,29 +129,11 @@ export default function LandingPage() { useInvertedBackground={true} members={[ { - id: "1", - name: "Oleksandr Lypsʹkyy", - role: "Founder & Lead Barber", - description: "With over 15 years of experience, Oleksandr is a true artist with clippers and a razor. His passion for classic styles and modern trends shines through every cut.", - imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg", - imageAlt: "Portrait of Oleksandr Lypsʹkyy", - }, + id: "1", name: "Oleksandr Lypsʹkyy", role: "Founder & Lead Barber", description: "With over 15 years of experience, Oleksandr is a true artist with clippers and a razor. His passion for classic styles and modern trends shines through every cut.", imageSrc: "https://source.unsplash.com/random/400x400?male,barber,portrait,confident", imageAlt: "Portrait of Oleksandr Lypsʹkyy"}, { - id: "2", - name: "Kateryna Ivanova", - role: "Senior Stylist", - description: "Kateryna brings a fresh perspective to traditional grooming. Specializing in intricate fades and beard artistry, she ensures every client leaves feeling confident.", - imageSrc: "http://img.b2bpic.net/free-photo/tired-with-closed-eyes-young-beautiful-female-barber-uniform-holding-winner-cup-with-hair-clippers-isolated-blue-background_141793-119364.jpg", - imageAlt: "Portrait of Kateryna Ivanova", - }, + id: "2", name: "Kateryna Ivanova", role: "Senior Stylist", description: "Kateryna brings a fresh perspective to traditional grooming. Specializing in intricate fades and beard artistry, she ensures every client leaves feeling confident.", imageSrc: "https://source.unsplash.com/random/400x400?female,stylist,portrait,professional", imageAlt: "Portrait of Kateryna Ivanova"}, { - id: "3", - name: "Dmytro Volkov", - role: "Grooming Specialist", - description: "Dmytro is our meticulous grooming expert, known for his attention to detail in shaves and facials. He’s dedicated to providing a relaxing and rejuvenating experience.", - imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-clenching-fist-happy-excited-shouting_141793-37149.jpg", - imageAlt: "Portrait of Dmytro Volkov", - }, + id: "3", name: "Dmytro Volkov", role: "Grooming Specialist", description: "Dmytro is our meticulous grooming expert, known for his attention to detail in shaves and facials. He’s dedicated to providing a relaxing and rejuvenating experience.", imageSrc: "https://source.unsplash.com/random/400x400?grooming,specialist,portrait,focused", imageAlt: "Portrait of Dmytro Volkov"}, ]} title="Meet Our Master Barbers" description="Our team of highly skilled and passionate barbers are here to provide you with an exceptional grooming experience." @@ -215,43 +146,21 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Mark R.", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506285.jpg", - imageAlt: "Client Mark R. smiling", - }, + id: "1", name: "Mark R.", imageSrc: "https://source.unsplash.com/random/200x200?client,man,happy", imageAlt: "Client Mark R. smiling"}, { - id: "2", - name: "Alex B.", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", - imageAlt: "Client Alex B. with a groomed beard", - }, + id: "2", name: "Alex B.", imageSrc: "https://source.unsplash.com/random/200x200?customer,male,satisfied", imageAlt: "Client Alex B. with a groomed beard"}, { - id: "3", - name: "John S.", - imageSrc: "http://img.b2bpic.net/free-photo/fashion-stylish-model-dressed-elegant-light-pink-suit-posing-near-white-wall_158538-13439.jpg", - imageAlt: "Client John S. smiling confidently", - }, + id: "3", name: "John S.", imageSrc: "https://source.unsplash.com/random/200x200?guy,fresh,look", imageAlt: "Client John S. smiling confidently"}, { - id: "4", - name: "David L.", - imageSrc: "http://img.b2bpic.net/free-photo/man-crosswalk_1098-14105.jpg", - imageAlt: "Client David L. with a neat haircut", - }, + id: "4", name: "David L.", imageSrc: "https://source.unsplash.com/random/200x200?gentleman,groomed", imageAlt: "Client David L. with a neat haircut"}, { - id: "5", - name: "Ivan K.", - imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-wearing-barber-apron-holding-razor-scissors-afraid-shocked-with-surprise-amazed-expression-fear-excited-face_839833-10378.jpg", - imageAlt: "Client Ivan K. with a fresh modern haircut", - }, + id: "5", name: "Ivan K.", imageSrc: "https://source.unsplash.com/random/200x200?man,smiling,barbershop", imageAlt: "Client Ivan K. with a fresh modern haircut"}, ]} cardTitle="What Our Clients Say" cardTag="Rave Reviews" buttons={[ { - text: "See All Reviews", - href: "#", - }, + text: "See All Reviews", href: "#"}, ]} cardAnimation="slide-up" /> @@ -264,61 +173,31 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "basic-cut", - badge: "Classic", - badgeIcon: Scissors, - price: "$40", - subtitle: "Precision Haircut", - buttons: [ + id: "basic-cut", badge: "Classic", badgeIcon: Scissors, + price: "$40", subtitle: "Precision Haircut", buttons: [ { - text: "Book Haircut", - href: "#contact", - }, + text: "Book Haircut", href: "#contact"}, ], features: [ - "Consultation", - "Wash & Cut", - "Basic Styling", - "Hot Towel Finish", - ], + "Consultation", "Wash & Cut", "Basic Styling", "Hot Towel Finish"], }, { - id: "deluxe-shave", - badge: "Premium", - badgeIcon: Cog, - price: "$55", - subtitle: "Classic Hot Shave", - buttons: [ + id: "deluxe-shave", badge: "Premium", badgeIcon: Cog, + price: "$55", subtitle: "Classic Hot Shave", buttons: [ { - text: "Book Shave", - href: "#contact", - }, + text: "Book Shave", href: "#contact"}, ], features: [ - "Pre-Shave Prep", - "Hot Lather & Straight Razor", - "Soothing Aftershave", - "Face Massage", - ], + "Pre-Shave Prep", "Hot Lather & Straight Razor", "Soothing Aftershave", "Face Massage"], }, { - id: "full-package", - badge: "Signature", - badgeIcon: Crown, - price: "$90", - subtitle: "Haircut & Hot Shave", - buttons: [ + id: "full-package", badge: "Signature", badgeIcon: Crown, + price: "$90", subtitle: "Haircut & Hot Shave", buttons: [ { - text: "Book Package", - href: "#contact", - }, + text: "Book Package", href: "#contact"}, ], features: [ - "Precision Haircut", - "Hot Lather & Straight Razor Shave", - "Beard Trim (if applicable)", - "Face Massage & Styling", - ], + "Precision Haircut", "Hot Lather & Straight Razor Shave", "Beard Trim (if applicable)", "Face Massage & Styling"], }, ]} title="Our Pricing" @@ -333,20 +212,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "Do I need an appointment?", - content: "While walk-ins are welcome, we highly recommend booking an appointment to ensure you get your preferred barber and avoid waiting times. You can book online or call us directly.", - }, + id: "q1", title: "Do I need an appointment?", content: "While walk-ins are welcome, we highly recommend booking an appointment to ensure you get your preferred barber and avoid waiting times. You can book online or call us directly."}, { - id: "q2", - title: "What products do you use?", - content: "We use a curated selection of high-quality grooming products from trusted brands, chosen for their effectiveness and natural ingredients to protect your hair and skin.", - }, + id: "q2", title: "What products do you use?", content: "We use a curated selection of high-quality grooming products from trusted brands, chosen for their effectiveness and natural ingredients to protect your hair and skin."}, { - id: "q3", - title: "Do you offer gift cards?", - content: "Yes, gift cards are available for purchase in-store or online. They make the perfect gift for any gentleman looking to refine their style.", - }, + id: "q3", title: "Do you offer gift cards?", content: "Yes, gift cards are available for purchase in-store or online. They make the perfect gift for any gentleman looking to refine their style."}, ]} title="Frequently Asked Questions" description="Have questions? We've got answers. Check out our most common inquiries below." @@ -359,20 +229,15 @@ export default function LandingPage() { @@ -385,66 +250,39 @@ export default function LandingPage() { logoText="Lypsʹkyy Barbershop" columns={[ { - title: "Services", - items: [ + title: "Services", items: [ { - label: "Haircuts", - href: "#services", - }, + label: "Haircuts", href: "#services"}, { - label: "Shaves", - href: "#services", - }, + label: "Shaves", href: "#services"}, { - label: "Beard Trims", - href: "#services", - }, + label: "Beard Trims", href: "#services"}, { - label: "Pricing", - href: "#pricing", - }, + label: "Pricing", href: "#pricing"}, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { - label: "About Us", - href: "#about", - }, + label: "About Us", href: "#about"}, { - label: "Our Team", - href: "#team", - }, + label: "Our Team", href: "#team"}, { - label: "Testimonials", - href: "#testimonials", - }, + label: "Testimonials", href: "#testimonials"}, { - label: "FAQ", - href: "#faq", - }, + label: "FAQ", href: "#faq"}, ], }, { - title: "Connect", - items: [ + title: "Connect", items: [ { - label: "Book Now", - href: "#contact", - }, + label: "Book Now", href: "#contact"}, { - label: "Contact Us", - href: "#contact", - }, + label: "Contact Us", href: "#contact"}, { - label: "Instagram", - href: "https://instagram.com/lypskyybarbershop", - }, + label: "Instagram", href: "https://instagram.com/lypskyybarbershop"}, { - label: "Facebook", - href: "https://facebook.com/lypskyybarbershop", - }, + label: "Facebook", href: "https://facebook.com/lypskyybarbershop"}, ], }, ]} -- 2.49.1