From 7eda33a63a5010db5bd940e5dc66752f41e93efa Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 7 Jun 2026 14:33:38 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 416 +++++++++++------------------------------------ 1 file changed, 97 insertions(+), 319 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 062b262..f0c2ab2 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,41 +34,23 @@ export default function LandingPage() { @@ -77,64 +59,41 @@ export default function LandingPage() {
@@ -146,19 +105,13 @@ export default function LandingPage() { description="At Arden Spa & Barbershop, we blend traditional techniques with contemporary trends. Our expert barbers and therapists are dedicated to providing an unparalleled grooming experience, ensuring every visit leaves you feeling refreshed and looking sharp." metrics={[ { - value: "15+", - title: "Years of Expertise", - }, + value: "15+", title: "Years of Expertise"}, { - value: "2000+", - title: "Happy Clients", - }, + value: "2000+", title: "Happy Clients"}, { - value: "100%", - title: "Satisfaction", - }, + value: "100%", title: "Satisfaction"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg" imageAlt="Barber's station with vintage chair and tools" mediaAnimation="blur-reveal" metricsAnimation="slide-up" @@ -172,56 +125,32 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Precision Haircuts", - description: "Expert stylists crafting modern and classic cuts tailored to your unique style.", - icon: Scissors, + title: "Precision Haircuts", description: "Expert stylists crafting modern and classic cuts tailored to your unique style.", icon: Scissors, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14570.jpg", - imageAlt: "Barber giving a precision haircut", - }, + imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14570.jpg", imageAlt: "Barber giving a precision haircut"}, { - imageSrc: "http://img.b2bpic.net/free-photo/male-model-having-massage_23-2147638152.jpg", - imageAlt: "Close-up of a hot towel shave", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-accessories-barber-shop_23-2148256980.jpg?_wi=2", - imageAlt: "precision haircut men", + imageSrc: "http://img.b2bpic.net/free-photo/male-model-having-massage_23-2147638152.jpg", imageAlt: "Close-up of a hot towel shave"}, + ] }, { - title: "Luxury Shaves & Beard Trims", - description: "Experience the ultimate hot towel shave or a perfectly sculpted beard trim.", - icon: Feather, + title: "Luxury Shaves & Beard Trims", description: "Experience the ultimate hot towel shave or a perfectly sculpted beard trim.", icon: Feather, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/energized-happy-woman-wears-clay-mask-face-wrapped-towel-hair-smiles-broadly-clenches-fists-from-pleasure-isolated-pink-wall_273609-33545.jpg", - imageAlt: "Man receiving a facial treatment", - }, + imageSrc: "http://img.b2bpic.net/free-photo/energized-happy-woman-wears-clay-mask-face-wrapped-towel-hair-smiles-broadly-clenches-fists-from-pleasure-isolated-pink-wall_273609-33545.jpg", imageAlt: "Man receiving a facial treatment"}, { - imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg", - imageAlt: "Barber trimming a man's beard", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg?_wi=2", - imageAlt: "precision haircut men", + imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg", imageAlt: "Barber trimming a man's beard"}, + ] }, { - title: "Rejuvenating Spa Treatments", - description: "Relax and unwind with our selection of therapeutic facials and invigorating massages.", - icon: Sparkles, + title: "Rejuvenating Spa Treatments", description: "Relax and unwind with our selection of therapeutic facials and invigorating massages.", icon: Sparkles, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435203.jpg", - imageAlt: "Display of men's hair styling products", - }, + imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435203.jpg", imageAlt: "Display of men's hair styling products"}, { - imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-scalp-massage-spa_23-2151454795.jpg", - imageAlt: "Man receiving a head massage", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-spa-stones-brush-clay-mask-pumice-stone-white-background_23-2147940477.jpg?_wi=1", - imageAlt: "precision haircut men", - }, + imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-scalp-massage-spa_23-2151454795.jpg", imageAlt: "Man receiving a head massage"}, + ] + } ]} title="Our Signature Services" description="From precision haircuts to luxurious shaves and relaxing spa treatments, discover the full range of services tailored just for you. Our experts use only the finest products and techniques." @@ -236,65 +165,23 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "product-1", - brand: "Arden Essentials", - name: "Styling Clay Pomade", - price: "$25.00", - rating: 5, - reviewCount: "120", - imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-spa-stones-brush-clay-mask-pumice-stone-white-background_23-2147940477.jpg?_wi=2", - imageAlt: "Hair styling clay pomade", - }, + id: "product-1", brand: "Arden Essentials", name: "Styling Clay Pomade", price: "$25.00", rating: 5, + reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-spa-stones-brush-clay-mask-pumice-stone-white-background_23-2147940477.jpg", imageAlt: "Hair styling clay pomade"}, { - id: "product-2", - brand: "Arden Luxury", - name: "Signature Beard Oil", - price: "$30.00", - rating: 5, - reviewCount: "85", - imageSrc: "http://img.b2bpic.net/free-photo/man-holding-shaving-cream-bottle_23-2148696647.jpg", - imageAlt: "Signature beard oil", - }, + id: "product-2", brand: "Arden Luxury", name: "Signature Beard Oil", price: "$30.00", rating: 5, + reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-shaving-cream-bottle_23-2148696647.jpg", imageAlt: "Signature beard oil"}, { - id: "product-3", - brand: "Arden Organics", - name: "Daily Revitalizing Shampoo", - price: "$22.00", - rating: 4, - reviewCount: "150", - imageSrc: "http://img.b2bpic.net/free-photo/recycled-plastic-bottles-arrangement_23-2149449788.jpg", - imageAlt: "Revitalizing shampoo bottle", - }, + id: "product-3", brand: "Arden Organics", name: "Daily Revitalizing Shampoo", price: "$22.00", rating: 4, + reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/recycled-plastic-bottles-arrangement_23-2149449788.jpg", imageAlt: "Revitalizing shampoo bottle"}, { - id: "product-4", - brand: "Arden Organics", - name: "Hydrating Hair Conditioner", - price: "$22.00", - rating: 5, - reviewCount: "130", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-with-curly-hair_23-2151317421.jpg", - imageAlt: "Hydrating hair conditioner bottle", - }, + id: "product-4", brand: "Arden Organics", name: "Hydrating Hair Conditioner", price: "$22.00", rating: 5, + reviewCount: "130", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-with-curly-hair_23-2151317421.jpg", imageAlt: "Hydrating hair conditioner bottle"}, { - id: "product-5", - brand: "Arden Skincare", - name: "Anti-Ageing Face Cream", - price: "$45.00", - rating: 4, - reviewCount: "70", - imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204960.jpg", - imageAlt: "Anti-ageing face cream", - }, + id: "product-5", brand: "Arden Skincare", name: "Anti-Ageing Face Cream", price: "$45.00", rating: 4, + reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204960.jpg", imageAlt: "Anti-ageing face cream"}, { - id: "product-6", - brand: "Arden Luxury", - name: "Scalp & Hair Growth Serum", - price: "$50.00", - rating: 5, - reviewCount: "60", - imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-applying-face-serum_23-2149343959.jpg", - imageAlt: "Scalp and hair growth serum", - }, + id: "product-6", brand: "Arden Luxury", name: "Scalp & Hair Growth Serum", price: "$50.00", rating: 5, + reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-applying-face-serum_23-2149343959.jpg", imageAlt: "Scalp and hair growth serum"}, ]} title="Premium Grooming Essentials" description="Elevate your daily routine with our selection of high-quality grooming products, hand-picked for the modern gentleman by our expert barbers." @@ -308,61 +195,25 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "basic", - tag: "Standard", - tagIcon: Edit, - price: "$40", - period: "per service", - description: "Essential grooming for a sharp, clean look.", - button: { - text: "Book Standard", - href: "#contact", - }, - featuresTitle: "Includes:", - features: [ - "Precision Haircut", - "Classic Hot Towel Shave", - "Hair Wash & Style", - ], + id: "basic", tag: "Standard", tagIcon: Edit, + price: "$40", period: "per service", description: "Essential grooming for a sharp, clean look.", button: { + text: "Book Standard", href: "#contact"}, + featuresTitle: "Includes:", features: [ + "Precision Haircut", "Classic Hot Towel Shave", "Hair Wash & Style"], }, { - id: "premium", - tag: "Premium", - tagIcon: Star, - price: "$75", - period: "per package", - description: "Elevated experience with comprehensive grooming and relaxation.", - button: { - text: "Book Premium", - href: "#contact", - }, - featuresTitle: "Includes:", - features: [ - "Precision Haircut & Style", - "Luxury Hot Towel Shave", - "Beard Trim & Shape", - "Relaxing Scalp Massage", - ], + id: "premium", tag: "Premium", tagIcon: Star, + price: "$75", period: "per package", description: "Elevated experience with comprehensive grooming and relaxation.", button: { + text: "Book Premium", href: "#contact"}, + featuresTitle: "Includes:", features: [ + "Precision Haircut & Style", "Luxury Hot Towel Shave", "Beard Trim & Shape", "Relaxing Scalp Massage"], }, { - id: "elite", - tag: "Elite", - tagIcon: Award, - price: "$120", - period: "per package", - description: "The ultimate indulgence for complete head-to-toe rejuvenation.", - button: { - text: "Book Elite", - href: "#contact", - }, - featuresTitle: "Includes:", - features: [ - "Custom Haircut & Style", - "Luxury Hot Towel Shave", - "Beard Trim & Shape", - "Rejuvenating Facial Treatment", - "Hand & Foot Grooming", - ], + id: "elite", tag: "Elite", tagIcon: Award, + price: "$120", period: "per package", description: "The ultimate indulgence for complete head-to-toe rejuvenation.", button: { + text: "Book Elite", href: "#contact"}, + featuresTitle: "Includes:", features: [ + "Custom Haircut & Style", "Luxury Hot Towel Shave", "Beard Trim & Shape", "Rejuvenating Facial Treatment", "Hand & Foot Grooming"], }, ]} title="Our Packages" @@ -377,37 +228,15 @@ export default function LandingPage() { useInvertedBackground={false} groups={[ { - id: "barbers-therapists", - groupTitle: "The Arden Spa & Barbershop Team", - members: [ + id: "barbers-therapists", groupTitle: "The Arden Spa & Barbershop Team", members: [ { - id: "john-smith", - title: "John Smith", - subtitle: "Master Barber", - detail: "With over 10 years of experience, John is known for his classic cuts and precise shaves, bringing a timeless touch to every client.", - imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg", - imageAlt: "Portrait of Master Barber John Smith", - }, + id: "john-smith", title: "John Smith", subtitle: "Master Barber", detail: "With over 10 years of experience, John is known for his classic cuts and precise shaves, bringing a timeless touch to every client.", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg", imageAlt: "Portrait of Master Barber John Smith"}, { - id: "sarah-jones", - title: "Sarah Jones", - subtitle: "Lead Spa Therapist", - detail: "Sarah specializes in rejuvenating facials and therapeutic massages, creating a serene and relaxing experience for all.", - imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-doctor-confidently-looking-camera-isolated-white-background-copy-space_574295-2110.jpg", - imageAlt: "Portrait of Lead Spa Therapist Sarah Jones", - }, + id: "sarah-jones", title: "Sarah Jones", subtitle: "Lead Spa Therapist", detail: "Sarah specializes in rejuvenating facials and therapeutic massages, creating a serene and relaxing experience for all.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-doctor-confidently-looking-camera-isolated-white-background-copy-space_574295-2110.jpg", imageAlt: "Portrait of Lead Spa Therapist Sarah Jones"}, { - id: "michael-lee", - title: "Michael Lee", - subtitle: "Style Innovator", - detail: "Michael brings a modern flair to traditional grooming, excelling in contemporary styles and intricate beard designs.", - imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-barber-wearing-white-shirt-barber-apron-looking-side-with-one-eye-closed-holding-spray-bottle-with-both-hands-isolated-blue-background-with-copy-space_141793-138696.jpg", - imageAlt: "Portrait of Style Innovator Michael Lee", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-accessories-barber-shop_23-2148256980.jpg?_wi=3", - imageAlt: "professional male barber portrait", - }, + id: "michael-lee", title: "Michael Lee", subtitle: "Style Innovator", detail: "Michael brings a modern flair to traditional grooming, excelling in contemporary styles and intricate beard designs.", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-barber-wearing-white-shirt-barber-apron-looking-side-with-one-eye-closed-holding-spray-bottle-with-both-hands-isolated-blue-background-with-copy-space_141793-138696.jpg", imageAlt: "Portrait of Style Innovator Michael Lee"}, + ] + } ]} title="Meet Our Master Barbers" description="Our passionate team of skilled barbers and spa therapists are dedicated to perfecting your look and ensuring your comfort with every visit." @@ -422,25 +251,15 @@ export default function LandingPage() { author="John D., Regular Client" avatars={[ { - src: "http://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg", - alt: "Client Avatar John D.", - }, + src: "http://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg", alt: "Client Avatar John D."}, { - src: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg", - alt: "Client Avatar Sarah K.", - }, + src: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg", alt: "Client Avatar Sarah K."}, { - src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-making-call-me-gesture-with-serious-face-standing-light-wall_141793-56658.jpg", - alt: "Client Avatar Michael L.", - }, + src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-making-call-me-gesture-with-serious-face-standing-light-wall_141793-56658.jpg", alt: "Client Avatar Michael L."}, { - src: "http://img.b2bpic.net/free-photo/blonde-woman-floral-dress-sitting-couch_273609-5424.jpg", - alt: "Client Avatar Emily R.", - }, + src: "http://img.b2bpic.net/free-photo/blonde-woman-floral-dress-sitting-couch_273609-5424.jpg", alt: "Client Avatar Emily R."}, { - src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg", - alt: "Client Avatar Mark S.", - }, + src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg", alt: "Client Avatar Mark S."}, ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -453,30 +272,15 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq1", - title: "How do I book an appointment?", - content: "You can easily book an appointment through our website's contact form, by calling us directly, or by visiting our shop in person during business hours.", - }, + id: "faq1", title: "How do I book an appointment?", content: "You can easily book an appointment through our website's contact form, by calling us directly, or by visiting our shop in person during business hours."}, { - id: "faq2", - title: "What payment methods do you accept?", - content: "We accept all major credit cards (Visa, Mastercard, Amex), debit cards, and cash. We also offer digital payment options like Apple Pay and Google Pay.", - }, + id: "faq2", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, Mastercard, Amex), debit cards, and cash. We also offer digital payment options like Apple Pay and Google Pay."}, { - id: "faq3", - title: "Do you offer gift certificates?", - content: "Yes, gift certificates are available for all our services and products. They make the perfect gift for any gentleman looking to enhance his grooming routine.", - }, + id: "faq3", title: "Do you offer gift certificates?", content: "Yes, gift certificates are available for all our services and products. They make the perfect gift for any gentleman looking to enhance his grooming routine."}, { - id: "faq4", - title: "What are your operating hours?", - content: "We are open Monday to Saturday, from 9:00 AM to 7:00 PM. We are closed on Sundays to allow our team to rest and rejuvenate.", - }, + id: "faq4", title: "What are your operating hours?", content: "We are open Monday to Saturday, from 9:00 AM to 7:00 PM. We are closed on Sundays to allow our team to rest and rejuvenate."}, { - id: "faq5", - title: "Can I reschedule or cancel my appointment?", - content: "Yes, you can reschedule or cancel an appointment up to 24 hours in advance without a fee. Please contact us directly to make changes.", - }, + id: "faq5", title: "Can I reschedule or cancel my appointment?", content: "Yes, you can reschedule or cancel an appointment up to 24 hours in advance without a fee. Please contact us directly to make changes."}, ]} imageSrc="http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg" imageAlt="Relaxing barbershop waiting area" @@ -491,8 +295,7 @@ export default function LandingPage() {