From d4845b838bf4b33a80de6eaab26d84b4de966811 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 17:17:28 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 423 ++++++++++------------------------------------- 1 file changed, 88 insertions(+), 335 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 3e07275..3dbc71a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,43 +34,25 @@ export default function LandingPage() { @@ -78,113 +60,63 @@ export default function LandingPage() { @@ -195,7 +127,6 @@ export default function LandingPage() { useInvertedBackground={false} tag="Our Story" title="About Kasia Salon AS: Where Beauty Meets Expertise" - description="Kasia Salon AS is dedicated to providing exceptional hair and beauty treatments in a luxurious and relaxing environment. Our passion is to help you look and feel your absolute best. With years of experience and a commitment to the latest trends, our talented team delivers personalized services that exceed expectations. We use only high-quality products to ensure healthy, beautiful results every time. Step into our world of beauty and let us pamper you." /> @@ -206,29 +137,11 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "haircut-color", - title: "Precision Haircuts & Vibrant Color", - description: "Experience bespoke haircuts tailored to your style and professional coloring services for stunning, long-lasting results.", - tag: "Hair Care", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668447.jpg", - imageAlt: "Hairdresser coloring client's hair", - }, + id: "haircut-color", title: "Precision Haircuts & Vibrant Color", description: "Experience bespoke haircuts tailored to your style and professional coloring services for stunning, long-lasting results.", tag: "Hair Care", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668447.jpg", imageAlt: "Hairdresser coloring client's hair"}, { - id: "spa-manicure-pedicure", - title: "Luxurious Spa Manicures & Pedicures", - description: "Indulge in our deluxe nail treatments, leaving your hands and feet feeling rejuvenated and looking impeccable.", - tag: "Nail Care", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-nail-art-presentation_23-2149298020.jpg", - imageAlt: "Woman receiving manicure", - }, + id: "spa-manicure-pedicure", title: "Luxurious Spa Manicures & Pedicures", description: "Indulge in our deluxe nail treatments, leaving your hands and feet feeling rejuvenated and looking impeccable.", tag: "Nail Care", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-nail-art-presentation_23-2149298020.jpg", imageAlt: "Woman receiving manicure"}, { - id: "rejuvenating-facials", - title: "Rejuvenating Facial Treatments", - description: "Restore your skin's radiance with our personalized facial therapies, designed to nourish, hydrate, and revitalize.", - tag: "Skin Care", - imageSrc: "http://img.b2bpic.net/free-photo/female-friendship-home-party-concept_1157-37610.jpg", - imageAlt: "Woman getting facial treatment", - }, + id: "rejuvenating-facials", title: "Rejuvenating Facial Treatments", description: "Restore your skin's radiance with our personalized facial therapies, designed to nourish, hydrate, and revitalize.", tag: "Skin Care", imageSrc: "http://img.b2bpic.net/free-photo/female-friendship-home-party-concept_1157-37610.jpg", imageAlt: "Woman getting facial treatment"}, ]} title="Our Signature Services" description="Discover a range of treatments designed to enhance your natural beauty and provide ultimate relaxation." @@ -244,47 +157,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "bridal-package", - name: "Bridal Beauty Package", - price: "From kr 3,500", - imageSrc: "http://img.b2bpic.net/free-photo/morning-bride-when-she-wears-beautiful-dress_1328-2237.jpg", - imageAlt: "Bride getting hair styled", - }, + id: "bridal-package", name: "Bridal Beauty Package", price: "From kr 3,500", imageSrc: "http://img.b2bpic.net/free-photo/morning-bride-when-she-wears-beautiful-dress_1328-2237.jpg", imageAlt: "Bride getting hair styled"}, { - id: "mens-grooming", - name: "Gentleman's Grooming Retreat", - price: "From kr 950", - imageSrc: "http://img.b2bpic.net/free-photo/special-clean-up-after-shaving-process_23-2148298348.jpg", - imageAlt: "Man getting a professional haircut", - }, + id: "mens-grooming", name: "Gentleman's Grooming Retreat", price: "From kr 950", imageSrc: "http://img.b2bpic.net/free-photo/special-clean-up-after-shaving-process_23-2148298348.jpg", imageAlt: "Man getting a professional haircut"}, { - id: "full-transformation", - name: "Ultimate Hair Transformation", - price: "From kr 2,800", - imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-her-make-up-mirror_23-2148282163.jpg", - imageAlt: "Woman with stunning new hairstyle", - }, + id: "full-transformation", name: "Ultimate Hair Transformation", price: "From kr 2,800", imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-her-make-up-mirror_23-2148282163.jpg", imageAlt: "Woman with stunning new hairstyle"}, { - id: "relax-renew", - name: "Relax & Renew Spa Day", - price: "From kr 1,800", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-defocused-woman-enjoying-spa-day-home-while-having-coffee_23-2148520352.jpg", - imageAlt: "Woman relaxing in a spa", - }, + id: "relax-renew", name: "Relax & Renew Spa Day", price: "From kr 1,800", imageSrc: "http://img.b2bpic.net/free-photo/side-view-defocused-woman-enjoying-spa-day-home-while-having-coffee_23-2148520352.jpg", imageAlt: "Woman relaxing in a spa"}, { - id: "express-beauty", - name: "Express Beauty Boost", - price: "From kr 600", - imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-harmonica-near-mirror_23-2147769080.jpg", - imageAlt: "Woman getting quick beauty touch up", - }, + id: "express-beauty", name: "Express Beauty Boost", price: "From kr 600", imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-harmonica-near-mirror_23-2147769080.jpg", imageAlt: "Woman getting quick beauty touch up"}, { - id: "luxury-indulgence", - name: "Luxury Indulgence Package", - price: "From kr 4,200", - imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17512.jpg", - imageAlt: "Luxurious spa setting", - }, + id: "luxury-indulgence", name: "Luxury Indulgence Package", price: "From kr 4,200", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17512.jpg", imageAlt: "Luxurious spa setting"}, ]} title="Exclusive Salon Packages" description="Indulge in our curated packages for a complete pampering experience or discover individual premium services." @@ -299,80 +182,40 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "standard-cut", - badge: "Popular", - badgeIcon: Star, - price: "kr 750", - subtitle: "Women's Haircut", - buttons: [ + id: "standard-cut", badge: "Popular", badgeIcon: Star, + price: "kr 750", subtitle: "Women's Haircut", buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], features: [ - "Consultation", - "Wash & Cut", - "Styling", - "Conditioning Treatment", - ], + "Consultation", "Wash & Cut", "Styling", "Conditioning Treatment"], }, { - id: "mens-cut", - badge: "Classic", - badgeIcon: Award, - price: "kr 550", - subtitle: "Men's Haircut", - buttons: [ + id: "mens-cut", badge: "Classic", badgeIcon: Award, + price: "kr 550", subtitle: "Men's Haircut", buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], features: [ - "Consultation", - "Wash & Cut", - "Styling", - "Hot Towel Finish", - ], + "Consultation", "Wash & Cut", "Styling", "Hot Towel Finish"], }, { - id: "full-color", - badge: "Premium", - badgeIcon: Sparkles, - price: "kr 1,800", - subtitle: "Full Hair Color", - buttons: [ + id: "full-color", badge: "Premium", badgeIcon: Sparkles, + price: "kr 1,800", subtitle: "Full Hair Color", buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], features: [ - "Color Consultation", - "Full Head Color Application", - "Wash & Blow Dry", - "Deep Conditioning", - ], + "Color Consultation", "Full Head Color Application", "Wash & Blow Dry", "Deep Conditioning"], }, { - id: "luxury-facial", - badge: "Signature", - badgeIcon: Shield, - price: "kr 1,200", - subtitle: "Luxury Facial", - buttons: [ + id: "luxury-facial", badge: "Signature", badgeIcon: Shield, + price: "kr 1,200", subtitle: "Luxury Facial", buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], features: [ - "Skin Analysis", - "Cleansing & Toning", - "Exfoliation", - "Custom Mask & Massage", - ], + "Skin Analysis", "Cleansing & Toning", "Exfoliation", "Custom Mask & Massage"], }, ]} title="Pricing & Plans" @@ -388,36 +231,14 @@ export default function LandingPage() { useInvertedBackground={false} groups={[ { - id: "stylists", - groupTitle: "Hair & Beauty Specialists", - members: [ + id: "stylists", groupTitle: "Hair & Beauty Specialists", members: [ { - id: "kasia", - title: "Kasia Olsen", - subtitle: "Master Stylist & Founder", - detail: "With over 15 years of experience, Kasia specializes in advanced coloring techniques and precision cuts, known for her transformative makeovers.", - imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-hair-brush-with-serious-face_141793-37302.jpg", - imageAlt: "Kasia Olsen, Master Stylist", - }, + id: "kasia", title: "Kasia Olsen", subtitle: "Master Stylist & Founder", detail: "With over 15 years of experience, Kasia specializes in advanced coloring techniques and precision cuts, known for her transformative makeovers.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-hair-brush-with-serious-face_141793-37302.jpg", imageAlt: "Kasia Olsen, Master Stylist"}, { - id: "morten", - title: "Morten Jensen", - subtitle: "Senior Hairdresser & Barber", - detail: "Morten brings a keen eye for classic and contemporary styles, excelling in men's grooming and personalized haircuts for all.", - imageSrc: "http://img.b2bpic.net/free-photo/isolated-view-bald-caucasian-hipster-male-with-thick-bushy-beard-tattoo-raising-eyebrows-crossing-arms-chest-his-closed-posture-look-expressing-distrust-body-language_343059-1709.jpg", - imageAlt: "Morten Jensen, Senior Hairdresser", - }, + id: "morten", title: "Morten Jensen", subtitle: "Senior Hairdresser & Barber", detail: "Morten brings a keen eye for classic and contemporary styles, excelling in men's grooming and personalized haircuts for all.", imageSrc: "http://img.b2bpic.net/free-photo/isolated-view-bald-caucasian-hipster-male-with-thick-bushy-beard-tattoo-raising-eyebrows-crossing-arms-chest-his-closed-posture-look-expressing-distrust-body-language_343059-1709.jpg", imageAlt: "Morten Jensen, Senior Hairdresser"}, { - id: "eline", - title: "Eline Hansen", - subtitle: "Esthetician & Nail Technician", - detail: "Eline is our expert in rejuvenating facials, flawless manicures, and luxurious pedicures, ensuring a pampered experience every time.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-confident-middle-aged-woman-with-gray-short-hair-green-eyes-wrinkles-charming-smile-posing-indoors-with-arms-folded_343059-3731.jpg", - imageAlt: "Eline Hansen, Esthetician", - }, + id: "eline", title: "Eline Hansen", subtitle: "Esthetician & Nail Technician", detail: "Eline is our expert in rejuvenating facials, flawless manicures, and luxurious pedicures, ensuring a pampered experience every time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-confident-middle-aged-woman-with-gray-short-hair-green-eyes-wrinkles-charming-smile-posing-indoors-with-arms-folded_343059-3731.jpg", imageAlt: "Eline Hansen, Esthetician"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-frame-with-cutlery_23-2148242402.jpg?_wi=2", - imageAlt: "professional female hair stylist portrait", }, ]} title="Meet Our Talented Team" @@ -433,50 +254,20 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Sofie Lind", - handle: "@sofiel", - testimonial: "Absolutely love my new balayage! The team at Kasia Salon AS is fantastic and the results are beyond my expectations.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817233.jpg", - imageAlt: "Sofie Lind", - }, + id: "1", name: "Sofie Lind", handle: "@sofiel", testimonial: "Absolutely love my new balayage! The team at Kasia Salon AS is fantastic and the results are beyond my expectations.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817233.jpg", imageAlt: "Sofie Lind"}, { - id: "2", - name: "Emil Berg", - handle: "@emilb", - testimonial: "Best haircut I've had in years. Professional service, great atmosphere, and I feel like a new man.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smile-lady-wedding-day-holiday_1304-966.jpg", - imageAlt: "Emil Berg", - }, + id: "2", name: "Emil Berg", handle: "@emilb", testimonial: "Best haircut I've had in years. Professional service, great atmosphere, and I feel like a new man.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smile-lady-wedding-day-holiday_1304-966.jpg", imageAlt: "Emil Berg"}, { - id: "3", - name: "Nora Dahl", - handle: "@norad", - testimonial: "My nails are perfect every time! Such a relaxing experience and the staff are always so friendly and welcoming.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-standing-reception_1303-22686.jpg", - imageAlt: "Nora Dahl", - }, + id: "3", name: "Nora Dahl", handle: "@norad", testimonial: "My nails are perfect every time! Such a relaxing experience and the staff are always so friendly and welcoming.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-standing-reception_1303-22686.jpg", imageAlt: "Nora Dahl"}, { - id: "4", - name: "Oliver Hagen", - handle: "@oliverh", - testimonial: "The facial left my skin glowing. It's truly a hidden gem in the city for top-notch beauty treatments.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/funny-time-with-sister_329181-10613.jpg", - imageAlt: "Oliver Hagen", - }, + id: "4", name: "Oliver Hagen", handle: "@oliverh", testimonial: "The facial left my skin glowing. It's truly a hidden gem in the city for top-notch beauty treatments.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/funny-time-with-sister_329181-10613.jpg", imageAlt: "Oliver Hagen"}, { - id: "5", - name: "Linnea Strøm", - handle: "@linneas", - testimonial: "From consultation to finish, everything was impeccable. They transformed my hair exactly how I envisioned.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695729.jpg", - imageAlt: "Linnea Strøm", - }, + id: "5", name: "Linnea Strøm", handle: "@linneas", testimonial: "From consultation to finish, everything was impeccable. They transformed my hair exactly how I envisioned.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695729.jpg", imageAlt: "Linnea Strøm"}, ]} showRating={true} title="What Our Clients Say" @@ -490,30 +281,15 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "booking", - title: "How do I book an appointment?", - content: "You can easily book an appointment through our website's 'Contact' section, by calling us directly, or by visiting the salon in person during opening hours.", - }, + id: "booking", title: "How do I book an appointment?", content: "You can easily book an appointment through our website's 'Contact' section, by calling us directly, or by visiting the salon in person during opening hours."}, { - id: "cancellation", - title: "What is your cancellation policy?", - content: "We require at least 24 hours notice for any cancellations or rescheduling. Cancellations made less than 24 hours in advance may incur a fee.", - }, + id: "cancellation", title: "What is your cancellation policy?", content: "We require at least 24 hours notice for any cancellations or rescheduling. Cancellations made less than 24 hours in advance may incur a fee."}, { - id: "products", - title: "What hair and beauty products do you use?", - content: "We pride ourselves on using only premium, professional-grade hair and beauty products from leading brands to ensure the best results and care for your skin and hair.", - }, + id: "products", title: "What hair and beauty products do you use?", content: "We pride ourselves on using only premium, professional-grade hair and beauty products from leading brands to ensure the best results and care for your skin and hair."}, { - id: "consultation", - title: "Do you offer consultations?", - content: "Yes, we offer complimentary consultations for all new clients and for specific services like color changes or extensive treatments to ensure we understand your needs perfectly.", - }, + id: "consultation", title: "Do you offer consultations?", content: "Yes, we offer complimentary consultations for all new clients and for specific services like color changes or extensive treatments to ensure we understand your needs perfectly."}, { - id: "gift-cards", - title: "Do you offer gift cards?", - content: "Yes, gift cards are available for purchase both in-salon and online. They make the perfect gift for any occasion!", - }, + id: "gift-cards", title: "Do you offer gift cards?", content: "Yes, gift cards are available for purchase both in-salon and online. They make the perfect gift for any occasion!"}, ]} sideTitle="Frequently Asked Questions" sideDescription="Find answers to common questions about our services, booking, and salon policies." @@ -529,27 +305,16 @@ export default function LandingPage() { description="Ready to transform your look? Contact us today to schedule your personalized salon experience." 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 (Optional)", - }, + name: "phone", type: "tel", placeholder: "Phone Number (Optional)"}, ]} textarea={{ - name: "message", - placeholder: "Tell us about your desired service or inquiry...", - rows: 4, + name: "message", placeholder: "Tell us about your desired service or inquiry...", rows: 4, }} imageSrc="http://img.b2bpic.net/free-photo/make-up-products_23-2148553409.jpg" imageAlt="Modern salon interior" @@ -563,31 +328,19 @@ export default function LandingPage() {