diff --git a/src/app/page.tsx b/src/app/page.tsx index f2351ab..3dad4b6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -28,7 +28,7 @@ export default function HomePage() { borderRadius="pill" contentWidth="mediumSmall" sizing="largeSmallSizeLargeTitles" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="double-inset" secondaryButtonStyle="glass" @@ -49,18 +49,14 @@ export default function HomePage() { description="Experience luxury beauty treatments and personalized wellness services in Port Elizabeth. From facial regimens to lash extensions, discover your path to radiant beauty." tag="Premium Beauty & Wellness" tagAnimation="slide-up" - background={{ variant: "noiseDiagonalGradient" }} + background={{ variant: "plain" }} imageSrc="http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7563.jpg" imageAlt="Luxury beauty salon interior" buttons={[ { - text: "Book Appointment", - href: "#contact", - }, + text: "Book Appointment", href: "#contact"}, { - text: "Explore Services", - href: "/services", - }, + text: "Explore Services", href: "/services"}, ]} buttonAnimation="slide-up" /> @@ -75,59 +71,27 @@ export default function HomePage() { animationType="slide-up" features={[ { - id: "facial", - title: "Facial Treatments", - description: "Professional facial regimens, Reghma treatments, skincare services, and facial shops. Customize your skincare journey with our expert estheticians.", - tag: "Face Care", - imageSrc: "http://img.b2bpic.net/free-photo/woman-client-salon-receiving-manual-facial-massage-from-beautician_343596-4313.jpg?_wi=1", - imageAlt: "professional facial treatment skincare regimen", - buttons: [ + id: "facial", title: "Facial Treatments", description: "Professional facial regimens, Reghma treatments, skincare services, and facial shops. Customize your skincare journey with our expert estheticians.", tag: "Face Care", imageSrc: "http://img.b2bpic.net/free-photo/woman-client-salon-receiving-manual-facial-massage-from-beautician_343596-4313.jpg", imageAlt: "professional facial treatment skincare regimen", buttons: [ { - text: "Learn More", - href: "/services", - }, + text: "Learn More", href: "/services"}, ], }, { - id: "body", - title: "Body Treatments", - description: "Relaxing massages, professional waxing, and sugaring services. Pamper your body with our comprehensive wellness treatments.", - tag: "Body Care", - imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-enjoying-her-massage_1098-74.jpg?_wi=1", - imageAlt: "professional massage therapy spa body treatment", - buttons: [ + id: "body", title: "Body Treatments", description: "Relaxing massages, professional waxing, and sugaring services. Pamper your body with our comprehensive wellness treatments.", tag: "Body Care", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-enjoying-her-massage_1098-74.jpg", imageAlt: "professional massage therapy spa body treatment", buttons: [ { - text: "Learn More", - href: "/services", - }, + text: "Learn More", href: "/services"}, ], }, { - id: "hands-feet", - title: "Hands & Feet", - description: "Premium manicure, pedicure, gel polish, and jelly soak-off services. Pamper your nails with expert care and beautiful finishes.", - tag: "Nail Care", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-getting-pedicure_23-2150507053.jpg?_wi=1", - imageAlt: "professional manicure pedicure nail care", - buttons: [ + id: "hands-feet", title: "Hands & Feet", description: "Premium manicure, pedicure, gel polish, and jelly soak-off services. Pamper your nails with expert care and beautiful finishes.", tag: "Nail Care", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-getting-pedicure_23-2150507053.jpg", imageAlt: "professional manicure pedicure nail care", buttons: [ { - text: "Learn More", - href: "/services", - }, + text: "Learn More", href: "/services"}, ], }, { - id: "lash-tint", - title: "Lash & Lash Services", - description: "Professional lash extensions, tinting, and specialized lash treatments. Enhance your eyes with premium lash services.", - tag: "Eye Beauty", - imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-applying-eyeliner_23-2148332496.jpg?_wi=1", - imageAlt: "professional lash extensions beauty salon", - buttons: [ + id: "lash-tint", title: "Lash & Lash Services", description: "Professional lash extensions, tinting, and specialized lash treatments. Enhance your eyes with premium lash services.", tag: "Eye Beauty", imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-applying-eyeliner_23-2148332496.jpg", imageAlt: "professional lash extensions beauty salon", buttons: [ { - text: "Learn More", - href: "/services", - }, + text: "Learn More", href: "/services"}, ], }, ]} @@ -143,91 +107,46 @@ export default function HomePage() { animationType="slide-up" plans={[ { - id: "basic-facial", - price: "R 450", - name: "Classic Facial", - badge: "Popular", - badgeIcon: Sparkles, + id: "basic-facial", price: "R 450", name: "Classic Facial", badge: "Popular", badgeIcon: Sparkles, buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, { - text: "Details", - }, + text: "Details"}, ], features: [ - "Facial cleansing & exfoliation", - "Hydrating treatment mask", - "Relaxing facial massage", - "SPF moisturizer application", - ], + "Facial cleansing & exfoliation", "Hydrating treatment mask", "Relaxing facial massage", "SPF moisturizer application"], }, { - id: "premium-facial", - price: "R 750", - name: "Premium Reghma Facial", - badge: "Best Value", - badgeIcon: Crown, + id: "premium-facial", price: "R 750", name: "Premium Reghma Facial", badge: "Best Value", badgeIcon: Crown, buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, { - text: "Details", - }, + text: "Details"}, ], features: [ - "Advanced skin analysis", - "Reghma specialized treatment", - "Targeted serums & essences", - "LED light therapy", - "Nourishing facial massage", - ], + "Advanced skin analysis", "Reghma specialized treatment", "Targeted serums & essences", "LED light therapy", "Nourishing facial massage"], }, { - id: "body-package", - price: "R 600", - name: "Relaxation Massage", - buttons: [ + id: "body-package", price: "R 600", name: "Relaxation Massage", buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, { - text: "Details", - }, + text: "Details"}, ], features: [ - "Full body therapeutic massage", - "Aromatherapy oils", - "Swedish or deep tissue", - "60-minute session", - "Complimentary tea", - ], + "Full body therapeutic massage", "Aromatherapy oils", "Swedish or deep tissue", "60-minute session", "Complimentary tea"], }, { - id: "manicure-pedicure", - price: "R 550", - name: "Gel Mani-Pedi", - buttons: [ + id: "manicure-pedicure", price: "R 550", name: "Gel Mani-Pedi", buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, { - text: "Details", - }, + text: "Details"}, ], features: [ - "Gel manicure with design", - "Gel pedicure with design", - "Jelly soak-off removal", - "Nail shaping & filing", - "Moisturizing treatment", - ], + "Gel manicure with design", "Gel pedicure with design", "Jelly soak-off removal", "Nail shaping & filing", "Moisturizing treatment"], }, ]} /> @@ -243,59 +162,23 @@ export default function HomePage() { gridVariant="uniform-all-items-equal" testimonials={[ { - id: "1", - name: "Amara Johnson", - role: "Professional", - company: "Beauty Enthusiast", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg", - imageAlt: "professional woman portrait headshot smile", - }, + id: "1", name: "Amara Johnson", role: "Professional", company: "Beauty Enthusiast", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg", imageAlt: "professional woman portrait headshot smile"}, { - id: "2", - name: "Nisha Patel", - role: "Entrepreneur", - company: "Port Elizabeth", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-lady-wearing-formal-suit-glasses-standing-with-arms-folded-smiling_74855-9932.jpg", - imageAlt: "smiling woman portrait professional headshot", - }, + id: "2", name: "Nisha Patel", role: "Entrepreneur", company: "Port Elizabeth", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-lady-wearing-formal-suit-glasses-standing-with-arms-folded-smiling_74855-9932.jpg", imageAlt: "smiling woman portrait professional headshot"}, { - id: "3", - name: "Zoe Williams", - role: "Marketing Manager", - company: "Local Business", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-strong-sporty-athletic-fitness-trainer-instructor-woman-wearing-brown-tracksuit-sitting_1258-200304.jpg", - imageAlt: "beautiful woman portrait confident smile", - }, + id: "3", name: "Zoe Williams", role: "Marketing Manager", company: "Local Business", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-strong-sporty-athletic-fitness-trainer-instructor-woman-wearing-brown-tracksuit-sitting_1258-200304.jpg", imageAlt: "beautiful woman portrait confident smile"}, { - id: "4", - name: "Sophia Martinez", - role: "Artist", - company: "Creative Studio", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/dress-adult-background-young-black_1303-573.jpg", - imageAlt: "woman smiling portrait professional photo", - }, + id: "4", name: "Sophia Martinez", role: "Artist", company: "Creative Studio", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/dress-adult-background-young-black_1303-573.jpg", imageAlt: "woman smiling portrait professional photo"}, { - id: "5", - name: "Keisha Thompson", - role: "Wellness Coach", - company: "Health & Wellness", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheerful-woman_329181-7271.jpg", - imageAlt: "gorgeous woman portrait satisfied smile", - }, + id: "5", name: "Keisha Thompson", role: "Wellness Coach", company: "Health & Wellness", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheerful-woman_329181-7271.jpg", imageAlt: "gorgeous woman portrait satisfied smile"}, { - id: "6", - name: "Emma Rodriguez", - role: "Corporate Executive", - company: "Cape Town", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg", - imageAlt: "beautiful woman professional portrait smile", - }, + id: "6", name: "Emma Rodriguez", role: "Corporate Executive", company: "Cape Town", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg", imageAlt: "beautiful woman professional portrait smile"}, ]} /> @@ -310,26 +193,11 @@ export default function HomePage() { gridVariant="three-columns-all-equal-width" products={[ { - id: "1", - name: "Treatment Room 1", - price: "Experience", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-tattoo-master-workplace-modern-studio_574295-691.jpg?_wi=1", - imageAlt: "modern spa salon interior design aesthetic", - }, + id: "1", name: "Treatment Room 1", price: "Experience", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-tattoo-master-workplace-modern-studio_574295-691.jpg", imageAlt: "modern spa salon interior design aesthetic"}, { - id: "2", - name: "Relaxation Area", - price: "Wellness", - imageSrc: "http://img.b2bpic.net/free-photo/woman-sauna-sunlit-wellness-wooden-waves_169016-68878.jpg?_wi=1", - imageAlt: "spa relaxation room design peaceful", - }, + id: "2", name: "Relaxation Area", price: "Wellness", imageSrc: "http://img.b2bpic.net/free-photo/woman-sauna-sunlit-wellness-wooden-waves_169016-68878.jpg", imageAlt: "spa relaxation room design peaceful"}, { - id: "3", - name: "Professional Space", - price: "Excellence", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-applying-cosmetics_23-2148113238.jpg?_wi=1", - imageAlt: "beauty salon mirrors lighting professional", - }, + id: "3", name: "Professional Space", price: "Excellence", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-applying-cosmetics_23-2148113238.jpg", imageAlt: "beauty salon mirrors lighting professional"}, ]} /> @@ -339,33 +207,19 @@ export default function HomePage() { ctaTitle="Ready to Book?" ctaDescription="Schedule your appointment today or get in touch with any questions about our services." ctaButton={{ - text: "Book Appointment", - href: "tel:+27123456789", - }} + text: "Book Appointment", href: "tel:+27123456789"}} ctaIcon={Calendar} useInvertedBackground={false} animationType="slide-up" faqs={[ { - id: "1", - title: "How do I book an appointment?", - content: "You can book through our contact form, call us directly, or visit us in person at our Port Elizabeth location. We accept both online and walk-in bookings.", - }, + id: "1", title: "How do I book an appointment?", content: "You can book through our contact form, call us directly, or visit us in person at our Port Elizabeth location. We accept both online and walk-in bookings."}, { - id: "2", - title: "What is your cancellation policy?", - content: "We require 24 hours notice for cancellations. Cancellations made less than 24 hours in advance may incur a service fee.", - }, + id: "2", title: "What is your cancellation policy?", content: "We require 24 hours notice for cancellations. Cancellations made less than 24 hours in advance may incur a service fee."}, { - id: "3", - title: "Do you offer gift certificates?", - content: "Yes! Gift certificates are available for any amount and make perfect gifts for beauty lovers.", - }, + id: "3", title: "Do you offer gift certificates?", content: "Yes! Gift certificates are available for any amount and make perfect gifts for beauty lovers."}, { - id: "4", - title: "Are your products cruelty-free?", - content: "We are committed to ethical beauty. All our products are dermatologically tested and we support sustainable, eco-friendly practices.", - }, + id: "4", title: "Are your products cruelty-free?", content: "We are committed to ethical beauty. All our products are dermatologically tested and we support sustainable, eco-friendly practices."}, ]} /> @@ -374,13 +228,9 @@ export default function HomePage() {