diff --git a/src/app/page.tsx b/src/app/page.tsx index faab182..eebb8da 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -13,7 +13,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne'; import SplitAbout from '@/components/sections/about/SplitAbout'; import TeamCardEleven from '@/components/sections/team/TeamCardEleven'; import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; -import { Feather, Heart, Leaf, Moon, Palette, Scissors, Sparkles, Star, Sun } from "lucide-react"; +import { Feather, Gem, Heart, HeartHandshake, Leaf, Moon, Palette, Scissors, Sparkles, Star, Sun } from "lucide-react"; export default function LandingPage() { return ( @@ -34,41 +34,23 @@ export default function LandingPage() { @@ -80,16 +62,12 @@ export default function LandingPage() { description="Where beauty meets serenity. Indulge in luxurious hair, nail, and spa treatments tailored just for you." buttons={[ { - text: "Book an Appointment", - href: "#contact", - }, + text: "Book an Appointment", href: "#contact"}, { - text: "Explore Services", - href: "#services", - }, + text: "Explore Services", href: "#services"}, ]} buttonAnimation="opacity" - imageSrc="http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg" imageAlt="Luxurious salon interior with styling chairs and elegant decor" showDimOverlay={true} /> @@ -103,19 +81,13 @@ export default function LandingPage() { description="Elegance Salon is more than just a beauty destination; it's a sanctuary designed to rejuvenate your mind, body, and spirit. With a team of highly skilled professionals, we are committed to providing unparalleled service and a personalized experience for every client. We believe in using only the finest products and techniques to ensure you leave feeling beautiful and refreshed." bulletPoints={[ { - title: "Expert Stylists", - description: "Our team consists of passionate and experienced professionals dedicated to the latest trends.", - }, + title: "Expert Stylists", description: "Our team consists of passionate and experienced professionals dedicated to the latest trends."}, { - title: "Premium Products", - description: "We use only high-quality, ethically sourced products for all our treatments.", - }, + title: "Premium Products", description: "We use only high-quality, ethically sourced products for all our treatments."}, { - title: "Relaxing Atmosphere", - description: "Step into a tranquil environment designed for your ultimate comfort and relaxation.", - }, + title: "Relaxing Atmosphere", description: "Step into a tranquil environment designed for your ultimate comfort and relaxation."}, ]} - imageSrc="http://img.b2bpic.net/free-photo/wedding-salon-with-white-gowns-mannequins_107791-15861.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/wedding-salon-with-white-gowns-mannequins_107791-15861.jpg" imageAlt="Modern and stylish salon exterior with large glass windows" mediaAnimation="slide-up" /> @@ -128,80 +100,53 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Hair Care & Styling", - description: "From classic cuts to vibrant colors and advanced treatments, our stylists craft the perfect look for you.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-smiling-making-hairstyle-woman-beauty-salon_176420-4464.jpg", - imageAlt: "Professional hair stylist working on a client's hair", - }, + title: "Hair Care & Styling", description: "From classic cuts to vibrant colors and advanced treatments, our stylists craft the perfect look for you.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-smiling-making-hairstyle-woman-beauty-salon_176420-4464.jpg", imageAlt: "Professional hair stylist working on a client's hair"}, items: [ { icon: Scissors, - text: "Haircuts & Styling", - }, + text: "Haircuts & Styling"}, { icon: Palette, - text: "Coloring & Highlights", - }, + text: "Coloring & Highlights"}, { icon: Sparkles, - text: "Deep Conditioning", - }, + text: "Deep Conditioning"}, ], - reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=2", - imageAlt: "professional hair styling session", + reverse: false }, { - title: "Nail Treatments", - description: "Indulge in luxurious manicures and pedicures that leave your hands and feet feeling soft and beautiful.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/spa-treatment-product-white-flowers-ceramic-bowl-with-water-aroma-therapy-spa_1150-37694.jpg", - imageAlt: "Nail technician performing a manicure on a client", - }, + title: "Nail Treatments", description: "Indulge in luxurious manicures and pedicures that leave your hands and feet feeling soft and beautiful.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/spa-treatment-product-white-flowers-ceramic-bowl-with-water-aroma-therapy-spa_1150-37694.jpg", imageAlt: "Nail technician performing a manicure on a client"}, items: [ { icon: Feather, - text: "Manicures & Pedicures", - }, + text: "Manicures & Pedicures"}, { icon: Gem, - text: "Gel & Acrylic Nails", - }, + text: "Gel & Acrylic Nails"}, { icon: HeartHandshake, - text: "Nail Art & Repair", - }, + text: "Nail Art & Repair"}, ], - reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/wedding-salon-with-white-gowns-mannequins_107791-15861.jpg?_wi=2", - imageAlt: "professional hair styling session", + reverse: true }, { - title: "Facial & Spa", - description: "Rejuvenate your skin with our bespoke facial treatments, tailored to your unique skin type and concerns.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-clinic-beauty-treatment_23-2148878899.jpg", - imageAlt: "Woman relaxing during a facial spa treatment", - }, + title: "Facial & Spa", description: "Rejuvenate your skin with our bespoke facial treatments, tailored to your unique skin type and concerns.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-clinic-beauty-treatment_23-2148878899.jpg", imageAlt: "Woman relaxing during a facial spa treatment"}, items: [ { icon: Leaf, - text: "Hydrating Facials", - }, + text: "Hydrating Facials"}, { icon: Sun, - text: "Anti-Aging Treatments", - }, + text: "Anti-Aging Treatments"}, { icon: Moon, - text: "Relaxation Massages", - }, + text: "Relaxation Massages"}, ], - reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965840.jpg?_wi=1", - imageAlt: "professional hair styling session", - }, + reverse: false + } ]} title="Our Signature Services" description="Discover a range of exquisite treatments designed to enhance your natural beauty and leave you feeling pampered." @@ -217,47 +162,17 @@ export default function LandingPage() { carouselMode="buttons" products={[ { - id: "p1", - name: "Volume Boost Shampoo", - price: "$28.00", - imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965840.jpg?_wi=2", - imageAlt: "Bottle of Volume Boost Shampoo", - }, + id: "p1", name: "Volume Boost Shampoo", price: "$28.00", imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965840.jpg", imageAlt: "Bottle of Volume Boost Shampoo"}, { - id: "p2", - name: "Silk Smooth Conditioner", - price: "$32.00", - imageSrc: "http://img.b2bpic.net/free-photo/dark-haired-lady-happily-smiles-posing-isolated-wall-with-bottles-shampoos_197531-13866.jpg", - imageAlt: "Tube of Silk Smooth Conditioner", - }, + id: "p2", name: "Silk Smooth Conditioner", price: "$32.00", imageSrc: "http://img.b2bpic.net/free-photo/dark-haired-lady-happily-smiles-posing-isolated-wall-with-bottles-shampoos_197531-13866.jpg", imageAlt: "Tube of Silk Smooth Conditioner"}, { - id: "p3", - name: "Radiant Glow Hair Serum", - price: "$45.00", - imageSrc: "http://img.b2bpic.net/free-photo/brunette-hair-with-serum_23-2148108907.jpg", - imageAlt: "Bottle of Radiant Glow Hair Serum", - }, + id: "p3", name: "Radiant Glow Hair Serum", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/brunette-hair-with-serum_23-2148108907.jpg", imageAlt: "Bottle of Radiant Glow Hair Serum"}, { - id: "p4", - name: "Repair & Restore Hair Mask", - price: "$38.00", - imageSrc: "http://img.b2bpic.net/free-photo/rose-products-brush-spa-treatment-concept_23-2148645522.jpg", - imageAlt: "Jar of Repair & Restore Hair Mask", - }, + id: "p4", name: "Repair & Restore Hair Mask", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/rose-products-brush-spa-treatment-concept_23-2148645522.jpg", imageAlt: "Jar of Repair & Restore Hair Mask"}, { - id: "p5", - name: "Flexible Hold Styling Gel", - price: "$25.00", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-dry-shampoo-home_23-2150706342.jpg", - imageAlt: "Container of Flexible Hold Styling Gel", - }, + id: "p5", name: "Flexible Hold Styling Gel", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-dry-shampoo-home_23-2150706342.jpg", imageAlt: "Container of Flexible Hold Styling Gel"}, { - id: "p6", - name: "Finishing Touch Hairspray", - price: "$29.00", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-hair-spray_23-2149173121.jpg", - imageAlt: "Can of Finishing Touch Hairspray", - }, + id: "p6", name: "Finishing Touch Hairspray", price: "$29.00", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-hair-spray_23-2149173121.jpg", imageAlt: "Can of Finishing Touch Hairspray"}, ]} title="Our Recommended Products" description="Take the salon experience home with our exclusive range of professional-grade beauty products." @@ -271,61 +186,31 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "basic-cut", - name: "Classic Cut & Style", - price: "$60", - badge: "Popular", - badgeIcon: Sparkles, + id: "basic-cut", name: "Classic Cut & Style", price: "$60", badge: "Popular", badgeIcon: Sparkles, buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], features: [ - "Shampoo & Conditioning", - "Precision Haircut", - "Professional Styling", - "Complimentary Drink", - ], + "Shampoo & Conditioning", "Precision Haircut", "Professional Styling", "Complimentary Drink"], }, { - id: "color-package", - name: "Signature Color Package", - price: "$180", - badge: "Best Value", - badgeIcon: Star, + id: "color-package", name: "Signature Color Package", price: "$180", badge: "Best Value", badgeIcon: Star, buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], features: [ - "Full Color/Highlights", - "Deep Conditioning Treatment", - "Cut & Style", - "Head Massage", - ], + "Full Color/Highlights", "Deep Conditioning Treatment", "Cut & Style", "Head Massage"], }, { - id: "bridal-package", - name: "Bridal Beauty Package", - price: "$350", - badge: "Special", - badgeIcon: Heart, + id: "bridal-package", name: "Bridal Beauty Package", price: "$350", badge: "Special", badgeIcon: Heart, buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], features: [ - "Bridal Hair Trial & Styling", - "Makeup Application", - "Manicure & Pedicure", - "Champagne Toast", - ], + "Bridal Hair Trial & Styling", "Makeup Application", "Manicure & Pedicure", "Champagne Toast"], }, ]} title="Our Pricing & Packages" @@ -340,37 +225,15 @@ export default function LandingPage() { useInvertedBackground={false} groups={[ { - id: "stylists", - groupTitle: "Hair & Beauty Experts", - members: [ + id: "stylists", groupTitle: "Hair & Beauty Experts", members: [ { - id: "sophia", - title: "Sophia Chen", - subtitle: "Master Stylist & Colorist", - detail: "With over 10 years of experience, Sophia specializes in modern cuts and vibrant color transformations.", - imageSrc: "http://img.b2bpic.net/free-photo/pensive-brunette-girl-thoughtfully-looking-camera-modern-self-service-laundry_574295-2559.jpg", - imageAlt: "Portrait of Sophia Chen, master stylist", - }, + id: "sophia", title: "Sophia Chen", subtitle: "Master Stylist & Colorist", detail: "With over 10 years of experience, Sophia specializes in modern cuts and vibrant color transformations.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-brunette-girl-thoughtfully-looking-camera-modern-self-service-laundry_574295-2559.jpg", imageAlt: "Portrait of Sophia Chen, master stylist"}, { - id: "david", - title: "David Lee", - subtitle: "Barber & Men's Grooming", - detail: "David offers precision barbering, classic shaves, and contemporary styles for gentlemen.", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg", - imageAlt: "Portrait of David Lee, barber", - }, + id: "david", title: "David Lee", subtitle: "Barber & Men's Grooming", detail: "David offers precision barbering, classic shaves, and contemporary styles for gentlemen.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg", imageAlt: "Portrait of David Lee, barber"}, { - id: "elena", - title: "Elena Petrova", - subtitle: "Esthetician & Nail Specialist", - detail: "Elena provides rejuvenating facials, luxurious nail treatments, and expert skincare advice.", - imageSrc: "http://img.b2bpic.net/free-photo/positive-beautiful-asian-girl-advertising-payment_1262-18277.jpg", - imageAlt: "Portrait of Elena Petrova, esthetician", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=3", - imageAlt: "professional female hair stylist smiling", - }, + id: "elena", title: "Elena Petrova", subtitle: "Esthetician & Nail Specialist", detail: "Elena provides rejuvenating facials, luxurious nail treatments, and expert skincare advice.", imageSrc: "http://img.b2bpic.net/free-photo/positive-beautiful-asian-girl-advertising-payment_1262-18277.jpg", imageAlt: "Portrait of Elena Petrova, esthetician"}, + ] + } ]} title="Meet Our Talented Team" description="Our dedicated professionals are passionate about beauty and committed to making your salon experience exceptional." @@ -384,45 +247,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - name: "Sarah J.", - handle: "@sarahj_beauty", - testimonial: "Elegance Salon always delivers! My hair color is perfect, and Sophia truly listens to what I want. Highly recommend!", - imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-stunning-woman_197531-19791.jpg", - imageAlt: "Client Sarah J. smiling", - }, + id: "t1", name: "Sarah J.", handle: "@sarahj_beauty", testimonial: "Elegance Salon always delivers! My hair color is perfect, and Sophia truly listens to what I want. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-stunning-woman_197531-19791.jpg", imageAlt: "Client Sarah J. smiling"}, { - id: "t2", - name: "Michael D.", - handle: "@michaels_style", - testimonial: "David gives the best haircuts in town. Always sharp, always professional. The best barber experience I've had.", - imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-blond-bearded-man-hoodie-wear-wireless-earphones-keep-thumbs-up-near-place-advertisement-promotional-text-isolated-blue-background-like-expression_574295-3162.jpg", - imageAlt: "Client Michael D. with a fresh haircut", - }, + id: "t2", name: "Michael D.", handle: "@michaels_style", testimonial: "David gives the best haircuts in town. Always sharp, always professional. The best barber experience I've had.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-blond-bearded-man-hoodie-wear-wireless-earphones-keep-thumbs-up-near-place-advertisement-promotional-text-isolated-blue-background-like-expression_574295-3162.jpg", imageAlt: "Client Michael D. with a fresh haircut"}, { - id: "t3", - name: "Jessica L.", - handle: "@jess_nails", - testimonial: "Elena’s manicures are a dream! My nails have never looked better, and the salon atmosphere is so relaxing.", - imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg", - imageAlt: "Client Jessica L. showing her manicured nails", - }, + id: "t3", name: "Jessica L.", handle: "@jess_nails", testimonial: "Elena’s manicures are a dream! My nails have never looked better, and the salon atmosphere is so relaxing.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg", imageAlt: "Client Jessica L. showing her manicured nails"}, { - id: "t4", - name: "Emily R.", - handle: "@emily_glow", - testimonial: "My facial with Elena was incredibly rejuvenating. My skin feels amazing, and I left feeling completely refreshed.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-woman-standing-kitchen-bathrobe-posing-smiling-camera_1258-193363.jpg", - imageAlt: "Client Emily R. with glowing skin", - }, + id: "t4", name: "Emily R.", handle: "@emily_glow", testimonial: "My facial with Elena was incredibly rejuvenating. My skin feels amazing, and I left feeling completely refreshed.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-woman-standing-kitchen-bathrobe-posing-smiling-camera_1258-193363.jpg", imageAlt: "Client Emily R. with glowing skin"}, { - id: "t5", - name: "Olivia M.", - handle: "@olivia_chic", - testimonial: "I love my new hairstyle! The team at Elegance Salon is so talented and welcoming. I wouldn't go anywhere else.", - imageSrc: "http://img.b2bpic.net/free-photo/thinking-young-girl-is-holding-hair-putting-other-hand-waist-white-background_176474-119038.jpg", - imageAlt: "Client Olivia M. smiling with new hair", - }, + id: "t5", name: "Olivia M.", handle: "@olivia_chic", testimonial: "I love my new hairstyle! The team at Elegance Salon is so talented and welcoming. I wouldn't go anywhere else.", imageSrc: "http://img.b2bpic.net/free-photo/thinking-young-girl-is-holding-hair-putting-other-hand-waist-white-background_176474-119038.jpg", imageAlt: "Client Olivia M. smiling with new hair"}, ]} title="What Our Clients Say" description="Hear from our happy clients about their wonderful experiences at Elegance Salon." @@ -434,25 +267,13 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "How do I book an appointment?", - content: "You can easily book an appointment through our website's 'Book Now' button, or by calling us directly during business hours.", - }, + id: "q1", title: "How do I book an appointment?", content: "You can easily book an appointment through our website's 'Book Now' button, or by calling us directly during business hours."}, { - id: "q2", - title: "What payment methods do you accept?", - content: "We accept all major credit cards, debit cards, and cash. We currently do not accept checks.", - }, + id: "q2", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, and cash. We currently do not accept checks."}, { - id: "q3", - title: "Can I cancel or reschedule my appointment?", - content: "Yes, you can cancel or reschedule up to 24 hours before your appointment without any charge. Please contact us via phone or email.", - }, + id: "q3", title: "Can I cancel or reschedule my appointment?", content: "Yes, you can cancel or reschedule up to 24 hours before your appointment without any charge. Please contact us via phone or email."}, { - id: "q4", - title: "Do you offer gift cards?", - content: "Absolutely! Gift cards are available for purchase at our salon and can be used for any service or product.", - }, + id: "q4", title: "Do you offer gift cards?", content: "Absolutely! Gift cards are available for purchase at our salon and can be used for any service or product."}, ]} sideTitle="Frequently Asked Questions" sideDescription="Have questions about our services, booking, or anything else? Find quick answers here." @@ -465,20 +286,15 @@ export default function LandingPage() { @@ -489,54 +305,33 @@ export default function LandingPage() { logoText="Elegance Salon" columns={[ { - title: "Services", - items: [ + title: "Services", items: [ { - label: "Hair Care", - href: "#services", - }, + label: "Hair Care", href: "#services"}, { - label: "Nail Treatments", - href: "#services", - }, + label: "Nail Treatments", href: "#services"}, { - label: "Facials & Spa", - href: "#services", - }, + label: "Facials & Spa", href: "#services"}, ], }, { - 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: "Support", - items: [ + title: "Support", items: [ { - label: "FAQ", - href: "#faq", - }, + label: "FAQ", href: "#faq"}, { - label: "Contact Us", - href: "#contact", - }, + label: "Contact Us", href: "#contact"}, { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, ], }, ]}