From ef68105e9b1529e15ea2f22e8476a567addbe0d2 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 5 Jun 2026 13:58:55 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 371 ++++++++++++----------------------------------- 1 file changed, 93 insertions(+), 278 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 5677201..3b5ab5d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,49 +33,31 @@ export default function LandingPage() { @@ -86,35 +68,21 @@ export default function LandingPage() { tagAnimation="slide-up" buttons={[ { - text: "Book an Appointment", - href: "#contact", - }, + text: "Book an Appointment", href: "#contact"}, { - text: "Explore Services", - href: "#services", - }, + text: "Explore Services", href: "#services"}, ]} avatars={[ { - src: "http://img.b2bpic.net/free-photo/woman-portrait-pop-up-illustration_23-2151927574.jpg", - alt: "Happy Female Client", - }, + src: "http://img.b2bpic.net/free-photo/woman-portrait-pop-up-illustration_23-2151927574.jpg", alt: "Happy Female Client"}, { - src: "http://img.b2bpic.net/free-photo/attractive-blond-male-dressed-suit-dark-grey-background_613910-14130.jpg", - alt: "Happy Male Client", - }, + src: "http://img.b2bpic.net/free-photo/attractive-blond-male-dressed-suit-dark-grey-background_613910-14130.jpg", alt: "Happy Male Client"}, { - src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100234.jpg", - alt: "Happy Client", - }, + src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100234.jpg", alt: "Happy Client"}, { - src: "http://img.b2bpic.net/free-photo/beautiful-asian-woman_1098-21999.jpg", - alt: "Satisfied Senior Client", - }, + src: "http://img.b2bpic.net/free-photo/beautiful-asian-woman_1098-21999.jpg", alt: "Satisfied Senior Client"}, { - src: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", - alt: "Satisfied Male Client", - }, + src: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", alt: "Satisfied Male Client"}, ]} avatarText="Trusted by hundreds of happy clients" imageSrc="http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg" @@ -134,21 +102,19 @@ export default function LandingPage() { description="At Glam & Glow, we believe in crafting experiences as unique as you are. Our salon is a sanctuary where style meets serenity, offering a diverse range of services for all hair types and preferences. We are committed to using premium products and staying ahead of the latest trends." bulletPoints={[ { - title: "Expert Stylists", - description: "Our team comprises highly skilled and passionate professionals dedicated to mastering their craft.", - }, + title: "Expert Stylists", description: "Our team comprises highly skilled and passionate professionals dedicated to mastering their craft."}, { - title: "Premium Products", - description: "We use only the finest, ethically sourced products to ensure the health and vibrancy of your hair.", - }, + title: "Premium Products", description: "We use only the finest, ethically sourced products to ensure the health and vibrancy of your hair."}, { - title: "Relaxing Ambiance", - description: "Step into a tranquil environment designed for your comfort and ultimate relaxation.", - }, + title: "Relaxing Ambiance", description: "Step into a tranquil environment designed for your comfort and ultimate relaxation."}, ]} imageSrc="http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg" imageAlt="Salon staff attending to a client" mediaAnimation="slide-up" + buttons={[ + { + text: "Book Now", href: "#contact"}, + ]} /> @@ -158,32 +124,20 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Precision Haircuts & Styling", - description: "Expert cuts for all genders, from classic styles to the latest trends, perfected with professional styling.", - imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5406.jpg", - imageAlt: "Precision haircut", - }, + title: "Precision Haircuts & Styling", description: "Expert cuts for all genders, from classic styles to the latest trends, perfected with professional styling.", imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5406.jpg", imageAlt: "Precision haircut"}, { - title: "Vibrant Hair Coloring", - description: "Transform your look with our custom color services, including highlights, balayage, and full-color applications.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167366.jpg", - imageAlt: "Hair coloring process", - }, + title: "Vibrant Hair Coloring", description: "Transform your look with our custom color services, including highlights, balayage, and full-color applications.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167366.jpg", imageAlt: "Hair coloring process"}, { - title: "Luxurious Hair Spa Treatments", - description: "Indulge in our deep conditioning and nourishing treatments to revitalize your hair's health and shine.", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg", - imageAlt: "Hair spa treatment", - }, + title: "Luxurious Hair Spa Treatments", description: "Indulge in our deep conditioning and nourishing treatments to revitalize your hair's health and shine.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg", imageAlt: "Hair spa treatment"}, { - title: "Special Occasion Styling", - description: "Get ready for your big day or special event with our elegant updos, sophisticated braids, and glamorous curls.", - imageSrc: "http://img.b2bpic.net/free-photo/bride-with-wedding-dress_23-2148106130.jpg", - imageAlt: "Elegant hair styling", - }, + title: "Special Occasion Styling", description: "Get ready for your big day or special event with our elegant updos, sophisticated braids, and glamorous curls.", imageSrc: "http://img.b2bpic.net/free-photo/bride-with-wedding-dress_23-2148106130.jpg", imageAlt: "Elegant hair styling"}, ]} title="Our Signature Services" description="Discover our comprehensive range of tailored services designed to enhance your natural beauty and boost your confidence, for every style and need." + buttons={[ + { + text: "Book Now", href: "#contact"}, + ]} /> @@ -195,17 +149,9 @@ export default function LandingPage() { membersAnimation="slide-up" members={[ { - id: "stylist-1", - name: "Alex Sharma", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-barber-girl-uniform-holds-hair-thinning-scissors-phone-looking-side-olive-green_141793-93249.jpg", - imageAlt: "Alex Sharma, Senior Stylist", - }, + id: "stylist-1", name: "Alex Sharma", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-barber-girl-uniform-holds-hair-thinning-scissors-phone-looking-side-olive-green_141793-93249.jpg", imageAlt: "Alex Sharma, Senior Stylist"}, { - id: "stylist-2", - name: "Priya Singh", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-bartender-posing-yellow-wall-drink-club-alcohol-male-night-bar-job_140725-121981.jpg", - imageAlt: "Priya Singh, Master Barber", - }, + id: "stylist-2", name: "Priya Singh", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-bartender-posing-yellow-wall-drink-club-alcohol-male-night-bar-job_140725-121981.jpg", imageAlt: "Priya Singh, Master Barber"}, ]} memberVariant="card" /> @@ -219,56 +165,24 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "gal-1", - name: "Chic Bob Cut", - price: "Women's Hair", - variant: "Modern", - imageSrc: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105242.jpg", - imageAlt: "Chic Bob Cut", - }, + id: "gal-1", name: "Chic Bob Cut", price: "Women's Hair", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105242.jpg", imageAlt: "Chic Bob Cut"}, { - id: "gal-2", - name: "Classic Fade", - price: "Men's Hair", - variant: "Timeless", - imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg", - imageAlt: "Classic Fade", - }, + id: "gal-2", name: "Classic Fade", price: "Men's Hair", variant: "Timeless", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg", imageAlt: "Classic Fade"}, { - id: "gal-3", - name: "Soft Balayage", - price: "Hair Color", - variant: "Natural", - imageSrc: "http://img.b2bpic.net/free-photo/caucasian-pretty-blonde-short-hair-woman-denim-jacket-brushing-hair-with-pink-hairbrush-home_343596-150.jpg", - imageAlt: "Soft Balayage", - }, + id: "gal-3", name: "Soft Balayage", price: "Hair Color", variant: "Natural", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-pretty-blonde-short-hair-woman-denim-jacket-brushing-hair-with-pink-hairbrush-home_343596-150.jpg", imageAlt: "Soft Balayage"}, { - id: "gal-4", - name: "Textured Crop", - price: "Men's Hair", - variant: "Edgy", - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-blue-hair-looking-white-board_23-2147908571.jpg", - imageAlt: "Textured Crop", - }, + id: "gal-4", name: "Textured Crop", price: "Men's Hair", variant: "Edgy", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-blue-hair-looking-white-board_23-2147908571.jpg", imageAlt: "Textured Crop"}, { - id: "gal-5", - name: "Elegant Updo", - price: "Styling", - variant: "Formal", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-beautiful-bride-posing_23-2149860835.jpg", - imageAlt: "Elegant Updo", - }, + id: "gal-5", name: "Elegant Updo", price: "Styling", variant: "Formal", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-beautiful-bride-posing_23-2149860835.jpg", imageAlt: "Elegant Updo"}, { - id: "gal-6", - name: "Expert Beard Trim", - price: "Grooming", - variant: "Refined", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-beard-smiling_23-2148618892.jpg", - imageAlt: "Expert Beard Trim", - }, + id: "gal-6", name: "Expert Beard Trim", price: "Grooming", variant: "Refined", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-beard-smiling_23-2148618892.jpg", imageAlt: "Expert Beard Trim"}, ]} title="Our Latest Creations" description="Browse through a selection of our finest work, showcasing diverse styles and transformations crafted with passion and precision." + buttons={[ + { + text: "Book Now", href: "#contact"}, + ]} /> @@ -279,44 +193,24 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "basic", - badge: "Standard", - price: "₹999", - subtitle: "Essential Hair Care", - features: [ - "Haircut & Wash", - "Basic Styling", - "Scalp Massage (5 min)", - ], + id: "basic", badge: "Standard", price: "₹999", subtitle: "Essential Hair Care", features: [ + "Haircut & Wash", "Basic Styling", "Scalp Massage (5 min)"], }, { - id: "premium", - badge: "Popular", - price: "₹1999", - subtitle: "Signature Glam & Glow", - features: [ - "Precision Haircut & Wash", - "Advanced Styling", - "Hair Spa Treatment", - "Beard Trim / Eyebrow Shaping", - ], + id: "premium", badge: "Popular", price: "₹1999", subtitle: "Signature Glam & Glow", features: [ + "Precision Haircut & Wash", "Advanced Styling", "Hair Spa Treatment", "Beard Trim / Eyebrow Shaping"], }, { - id: "luxury", - badge: "Elite", - price: "₹3499", - subtitle: "Ultimate Transformation", - features: [ - "Custom Haircut & Wash", - "Personalized Coloring/Highlights", - "Luxury Hair Spa", - "Complete Styling & Finish", - "Face Grooming / Makeup Consult", - ], + id: "luxury", badge: "Elite", price: "₹3499", subtitle: "Ultimate Transformation", features: [ + "Custom Haircut & Wash", "Personalized Coloring/Highlights", "Luxury Hair Spa", "Complete Styling & Finish", "Face Grooming / Makeup Consult"], }, ]} title="Our Service Packages" description="Choose from our flexible pricing plans for individual services or comprehensive packages tailored to your needs." + buttons={[ + { + text: "Book Now", href: "#contact"}, + ]} /> @@ -327,48 +221,22 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Rohan Patel", - role: "Businessman", - testimonial: "Amazing service! My haircut is always perfect, and the staff is incredibly friendly. Highly recommend Glam & Glow.", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-holding-smartphone_23-2149722007.jpg", - imageAlt: "Rohan Patel", - }, + id: "1", name: "Rohan Patel", role: "Businessman", testimonial: "Amazing service! My haircut is always perfect, and the staff is incredibly friendly. Highly recommend Glam & Glow.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-holding-smartphone_23-2149722007.jpg", imageAlt: "Rohan Patel"}, { - id: "2", - name: "Anjali Sharma", - role: "Fashion Designer", - testimonial: "The coloring I received here was beyond my expectations. They truly understand what you want and deliver fantastic results!", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-5351.jpg", - imageAlt: "Anjali Sharma", - }, + id: "2", name: "Anjali Sharma", role: "Fashion Designer", testimonial: "The coloring I received here was beyond my expectations. They truly understand what you want and deliver fantastic results!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-5351.jpg", imageAlt: "Anjali Sharma"}, { - id: "3", - name: "Vijay Kumar", - role: "IT Professional", - testimonial: "Professional and efficient. My beard trim and haircut are always top-notch. It's my go-to salon now.", - imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg", - imageAlt: "Vijay Kumar", - }, + id: "3", name: "Vijay Kumar", role: "IT Professional", testimonial: "Professional and efficient. My beard trim and haircut are always top-notch. It's my go-to salon now.", imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg", imageAlt: "Vijay Kumar"}, { - id: "4", - name: "Sneha Reddy", - role: "Student", - testimonial: "I love the vibe of this salon. The stylists are so talented, and they make sure you feel comfortable and pampered.", - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205917.jpg", - imageAlt: "Sneha Reddy", - }, + id: "4", name: "Sneha Reddy", role: "Student", testimonial: "I love the vibe of this salon. The stylists are so talented, and they make sure you feel comfortable and pampered.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205917.jpg", imageAlt: "Sneha Reddy"}, { - id: "5", - name: "Kiran Rao", - role: "Artist", - testimonial: "Found my perfect spot for hair treatments! My hair feels healthier and looks more vibrant than ever. Thank you, Glam & Glow!", - imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg", - imageAlt: "Kiran Rao", - }, + id: "5", name: "Kiran Rao", role: "Artist", testimonial: "Found my perfect spot for hair treatments! My hair feels healthier and looks more vibrant than ever. Thank you, Glam & Glow!", imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg", imageAlt: "Kiran Rao"}, ]} title="What Our Clients Say" description="Hear directly from our happy clients about their exceptional Glam & Glow experience." + buttons={[ + { + text: "Book Now", href: "#contact"}, + ]} /> @@ -377,30 +245,22 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq-1", - title: "How can I book an appointment?", - content: "You can easily book an appointment online through our website's 'Book Now' section, or by calling our reception directly during business hours.", - }, + id: "faq-1", title: "How can I book an appointment?", content: "You can easily book an appointment online through our website's 'Book Now' section, or by calling our reception directly during business hours."}, { - id: "faq-2", - title: "What are your operating hours?", - content: "We are open Tuesday to Sunday, from 10:00 AM to 8:00 PM. We are closed on Mondays.", - }, + id: "faq-2", title: "What are your operating hours?", content: "We are open Tuesday to Sunday, from 10:00 AM to 8:00 PM. We are closed on Mondays."}, { - id: "faq-3", - title: "Do you offer consultations before services?", - content: "Yes, we offer complimentary consultations for all major services like coloring, hair extensions, and bridal styling to ensure we meet your expectations.", - }, + id: "faq-3", title: "Do you offer consultations before services?", content: "Yes, we offer complimentary consultations for all major services like coloring, hair extensions, and bridal styling to ensure we meet your expectations."}, { - id: "faq-4", - title: "What is your cancellation policy?", - content: "We kindly request a minimum of 24 hours' notice for any cancellations or rescheduling to avoid a cancellation fee.", - }, + id: "faq-4", title: "What is your cancellation policy?", content: "We kindly request a minimum of 24 hours' notice for any cancellations or rescheduling to avoid a cancellation fee."}, ]} sideTitle="Frequently Asked Questions" sideDescription="Find quick answers to common questions about our services, booking process, and salon policies." faqsAnimation="slide-up" textPosition="left" + buttons={[ + { + text: "Book Now", href: "#contact"}, + ]} /> @@ -411,51 +271,27 @@ export default function LandingPage() { description="Ready for a fresh look or a relaxing treatment? Fill out the form below to schedule your appointment with our expert stylists." 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, }, { - name: "phone", - type: "tel", - placeholder: "Phone Number", - required: true, + name: "phone", type: "tel", placeholder: "Phone Number", required: true, }, { - name: "date", - type: "date", - placeholder: "Preferred Date", - required: true, + name: "date", type: "date", placeholder: "Preferred Date", required: true, }, { - name: "time", - type: "time", - placeholder: "Preferred Time", - required: true, + name: "time", type: "time", placeholder: "Preferred Time", required: true, }, ]} multiSelect={{ - name: "service", - label: "Select Service", - options: [ - "Haircut & Styling", - "Hair Coloring", - "Hair Spa Treatment", - "Beard Trim", - "Other", - ], + name: "service", label: "Select Service", options: [ + "Haircut & Styling", "Hair Coloring", "Hair Spa Treatment", "Beard Trim", "Other"], }} textarea={{ - name: "message", - placeholder: "Any special requests or details?", - rows: 4, + name: "message", placeholder: "Any special requests or details?", rows: 4, required: false, }} imageSrc="http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407596.jpg" @@ -475,54 +311,33 @@ export default function LandingPage() { logoText="Glam & Glow Salon" columns={[ { - 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"}, ], }, { - title: "Services", - items: [ + title: "Services", items: [ { - label: "All Services", - href: "#services", - }, + label: "All Services", href: "#services"}, { - label: "Pricing", - href: "#pricing", - }, + label: "Pricing", href: "#pricing"}, { - label: "Gallery", - href: "#gallery", - }, + label: "Gallery", href: "#gallery"}, ], }, { - title: "Support", - items: [ + title: "Support", items: [ { - label: "FAQ", - href: "#faq", - }, + label: "FAQ", href: "#faq"}, { - label: "Contact Us", - href: "#contact", - }, + label: "Contact Us", href: "#contact"}, { - label: "Book Now", - href: "#contact", - }, + label: "Book Now", href: "#contact"}, ], }, ]}