diff --git a/src/app/page.tsx b/src/app/page.tsx index 7d8f726..25901ea 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,38 +34,22 @@ export default function LandingPage() { @@ -73,46 +57,29 @@ export default function LandingPage() {
@@ -139,53 +106,17 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Signature Facials", - description: "Customized facial treatments to cleanse, nourish, and revitalize your skin, leaving you with a youthful glow.", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-spa-skin-treatment_23-2148825326.jpg", - imageAlt: "close up of gentle facial cleansing", - titleImageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-bathrobe-towel-keeping-finger-near-mouth-looking-pensive-front-view_176474-50730.jpg", - buttonText: "Learn More", - }, + title: "Signature Facials", description: "Customized facial treatments to cleanse, nourish, and revitalize your skin, leaving you with a youthful glow.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-spa-skin-treatment_23-2148825326.jpg", imageAlt: "close up of gentle facial cleansing", titleImageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-bathrobe-towel-keeping-finger-near-mouth-looking-pensive-front-view_176474-50730.jpg", buttonText: "Learn More"}, { - title: "Laser Therapies", - description: "Target concerns like sun damage, wrinkles, and pigmentation with our state-of-the-art laser treatments.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-laser-epilation-treatment-her-body_107420-74061.jpg", - imageAlt: "laser skin resurfacing treatment", - titleImageSrc: "http://img.b2bpic.net/free-photo/digital-human-head-with-network_23-2152020921.jpg", - buttonText: "Discover", - }, + title: "Laser Therapies", description: "Target concerns like sun damage, wrinkles, and pigmentation with our state-of-the-art laser treatments.", imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-laser-epilation-treatment-her-body_107420-74061.jpg", imageAlt: "laser skin resurfacing treatment", titleImageSrc: "http://img.b2bpic.net/free-photo/digital-human-head-with-network_23-2152020921.jpg", buttonText: "Discover"}, { - title: "Dermal Fillers", - description: "Restore volume, smooth lines, and enhance facial contours with expertly administered injectable treatments.", - imageSrc: "http://img.b2bpic.net/free-photo/white-woman-aesthetic-cosmetic-surgery-concept_53876-13399.jpg", - imageAlt: "dermal filler injection aesthetic procedure", - titleImageSrc: "http://img.b2bpic.net/free-photo/cosmetic-botox-injection-female-forehead_651396-826.jpg", - buttonText: "View Options", - }, + title: "Dermal Fillers", description: "Restore volume, smooth lines, and enhance facial contours with expertly administered injectable treatments.", imageSrc: "http://img.b2bpic.net/free-photo/white-woman-aesthetic-cosmetic-surgery-concept_53876-13399.jpg", imageAlt: "dermal filler injection aesthetic procedure", titleImageSrc: "http://img.b2bpic.net/free-photo/cosmetic-botox-injection-female-forehead_651396-826.jpg", buttonText: "View Options"}, { - title: "Chemical Peels", - description: "Exfoliate and renew your skin to reveal a brighter, smoother, and more even complexion.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-procedures_1157-34905.jpg", - imageAlt: "chemical peel application face", - titleImageSrc: "http://img.b2bpic.net/free-photo/beautician-woman-clinic_23-2148878881.jpg", - buttonText: "Details", - }, + title: "Chemical Peels", description: "Exfoliate and renew your skin to reveal a brighter, smoother, and more even complexion.", imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-procedures_1157-34905.jpg", imageAlt: "chemical peel application face", titleImageSrc: "http://img.b2bpic.net/free-photo/beautician-woman-clinic_23-2148878881.jpg", buttonText: "Details"}, { - title: "Microneedling", - description: "Stimulate collagen production and improve skin texture, firmness, and elasticity for a refined appearance.", - imageSrc: "http://img.b2bpic.net/free-photo/dry-skin-concept-fase-skin-cracked-hand-holding-cards-text_633478-2571.jpg", - imageAlt: "micro-needling facial treatment", - titleImageSrc: "http://img.b2bpic.net/free-photo/woman-getting-skin-treatment_23-2148825364.jpg", - buttonText: "Info", - }, + title: "Microneedling", description: "Stimulate collagen production and improve skin texture, firmness, and elasticity for a refined appearance.", imageSrc: "http://img.b2bpic.net/free-photo/dry-skin-concept-fase-skin-cracked-hand-holding-cards-text_633478-2571.jpg", imageAlt: "micro-needling facial treatment", titleImageSrc: "http://img.b2bpic.net/free-photo/woman-getting-skin-treatment_23-2148825364.jpg", buttonText: "Info"}, { - title: "Body Contouring", - description: "Sculpt and define your physique with non-invasive treatments designed to reduce stubborn fat and tighten skin.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-physiotherapy-making-physical-exercises-with-qualified-therapist_1157-38079.jpg", - imageAlt: "body contouring device on abdomen", - titleImageSrc: "http://img.b2bpic.net/free-photo/hands-massaging-female-abdomen-therapist-applying-pressure-belly_1139-1209.jpg", - buttonText: "Explore", - }, + title: "Body Contouring", description: "Sculpt and define your physique with non-invasive treatments designed to reduce stubborn fat and tighten skin.", imageSrc: "http://img.b2bpic.net/free-photo/woman-physiotherapy-making-physical-exercises-with-qualified-therapist_1157-38079.jpg", imageAlt: "body contouring device on abdomen", titleImageSrc: "http://img.b2bpic.net/free-photo/hands-massaging-female-abdomen-therapist-applying-pressure-belly_1139-1209.jpg", buttonText: "Explore"}, ]} title="Advanced Skincare Solutions" description="From rejuvenating facials to advanced laser therapies, our comprehensive menu of services is tailored to address your unique skin concerns." @@ -201,53 +132,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - name: "Youth Elixir Serum", - price: "$120", - variant: "30ml", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238282.jpg", - imageAlt: "luxury anti-aging serum bottle", - }, + id: "p1", name: "Youth Elixir Serum", price: "$120", variant: "30ml", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238282.jpg", imageAlt: "luxury anti-aging serum bottle"}, { - id: "p2", - name: "Hydrating Cleansing Foam", - price: "$45", - variant: "150ml", - imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435231.jpg", - imageAlt: "hydrating facial cleanser bottle", - }, + id: "p2", name: "Hydrating Cleansing Foam", price: "$45", variant: "150ml", imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435231.jpg", imageAlt: "hydrating facial cleanser bottle"}, { - id: "p3", - name: "Vitamin C Brightening Serum", - price: "$90", - variant: "30ml", - imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-oil-dropper-assortment_23-2149013599.jpg", - imageAlt: "vitamin C brightening serum dropper", - }, + id: "p3", name: "Vitamin C Brightening Serum", price: "$90", variant: "30ml", imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-oil-dropper-assortment_23-2149013599.jpg", imageAlt: "vitamin C brightening serum dropper"}, { - id: "p4", - name: "Daily Protective SPF 50", - price: "$55", - variant: "50ml", - imageSrc: "http://img.b2bpic.net/free-photo/woman-s-face-into-shield-makes-spf-protection-from-ray_633478-2418.jpg", - imageAlt: "broad spectrum SPF 50 sunscreen", - }, + id: "p4", name: "Daily Protective SPF 50", price: "$55", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-face-into-shield-makes-spf-protection-from-ray_633478-2418.jpg", imageAlt: "broad spectrum SPF 50 sunscreen"}, { - id: "p5", - name: "Retinol Renewal Night Cream", - price: "$110", - variant: "50ml", - imageSrc: "http://img.b2bpic.net/free-photo/luxurious-bedroom-cozy-night-generative-ai_188544-9757.jpg", - imageAlt: "retinol night cream jar luxury", - }, + id: "p5", name: "Retinol Renewal Night Cream", price: "$110", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-bedroom-cozy-night-generative-ai_188544-9757.jpg", imageAlt: "retinol night cream jar luxury"}, { - id: "p6", - name: "Advanced Eye Contour Cream", - price: "$80", - variant: "15ml", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-model-using-eye-patches_23-2150232554.jpg", - imageAlt: "eye cream delicate packaging", - }, + id: "p6", name: "Advanced Eye Contour Cream", price: "$80", variant: "15ml", imageSrc: "http://img.b2bpic.net/free-photo/front-view-model-using-eye-patches_23-2150232554.jpg", imageAlt: "eye cream delicate packaging"}, ]} title="Curated Skincare Products" description="Enhance your results at home with our exclusive range of medical-grade skincare products, carefully selected by our experts." @@ -262,20 +157,11 @@ export default function LandingPage() { tag="Our Commitment to Excellence" metrics={[ { - id: "m1", - value: "15+", - description: "Years of Expertise", - }, + id: "m1", value: "15+", description: "Years of Expertise"}, { - id: "m2", - value: "10,000+", - description: "Satisfied Clients", - }, + id: "m2", value: "10,000+", description: "Satisfied Clients"}, { - id: "m3", - value: "98%", - description: "Client Satisfaction", - }, + id: "m3", value: "98%", description: "Client Satisfaction"}, ]} metricsAnimation="slide-up" /> @@ -288,44 +174,16 @@ export default function LandingPage() { useInvertedBackground={true} groups={[ { - id: "g1", - groupTitle: "Our Specialist Team", - members: [ + id: "g1", groupTitle: "Our Specialist Team", members: [ { - id: "t1", - title: "Dr. Eleanor Vance", - subtitle: "Medical Director", - detail: "Board-certified aesthetic physician with over 15 years experience in advanced skin treatments and injectables.", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-woman-white-shirt_53876-108633.jpg", - imageAlt: "professional female aesthetician smiling", - }, + id: "t1", title: "Dr. Eleanor Vance", subtitle: "Medical Director", detail: "Board-certified aesthetic physician with over 15 years experience in advanced skin treatments and injectables.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-woman-white-shirt_53876-108633.jpg", imageAlt: "professional female aesthetician smiling"}, { - id: "t2", - title: "Michael Sterling", - subtitle: "Lead Aesthetician", - detail: "Renowned for his holistic approach to skincare and expertise in rejuvenating facial therapies.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-doctor-happily-looking-camera-smiling-white-background_574295-2641.jpg", - imageAlt: "male dermatologist portrait smiling", - }, + id: "t2", title: "Michael Sterling", subtitle: "Lead Aesthetician", detail: "Renowned for his holistic approach to skincare and expertise in rejuvenating facial therapies.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-doctor-happily-looking-camera-smiling-white-background_574295-2641.jpg", imageAlt: "male dermatologist portrait smiling"}, { - id: "t3", - title: "Sarah Chen", - subtitle: "Registered Nurse", - detail: "Specializing in laser treatments and patient care, ensuring comfort and optimal results.", - imageSrc: "http://img.b2bpic.net/free-photo/doctor-woman-with-pen_268835-941.jpg", - imageAlt: "female nurse aesthetic clinic", - }, + id: "t3", title: "Sarah Chen", subtitle: "Registered Nurse", detail: "Specializing in laser treatments and patient care, ensuring comfort and optimal results.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-woman-with-pen_268835-941.jpg", imageAlt: "female nurse aesthetic clinic"}, { - id: "t4", - title: "Emily Watson", - subtitle: "Skincare Therapist", - detail: "Passionate about personalized routines and effective solutions for radiant, healthy skin.", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-white-doctor-uniform_141793-261.jpg", - imageAlt: "young female aesthetician professional", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17512.jpg?_wi=2", - imageAlt: "professional female aesthetician smiling", + id: "t4", title: "Emily Watson", subtitle: "Skincare Therapist", detail: "Passionate about personalized routines and effective solutions for radiant, healthy skin.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-white-doctor-uniform_141793-261.jpg", imageAlt: "young female aesthetician professional"}, + ] }, ]} title="Dedicated to Your Beauty Journey" @@ -339,35 +197,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "rev1", - name: "Isabelle R.", - imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-holding-friend-request-icon_53876-65379.jpg", - imageAlt: "portrait of satisfied female client smiling", - }, + id: "rev1", name: "Isabelle R.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-holding-friend-request-icon_53876-65379.jpg", imageAlt: "portrait of satisfied female client smiling"}, { - id: "rev2", - name: "David K.", - imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3211.jpg", - imageAlt: "portrait of happy male client", - }, + id: "rev2", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3211.jpg", imageAlt: "portrait of happy male client"}, { - id: "rev3", - name: "Chloe L.", - imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", - imageAlt: "elegant woman with radiant skin", - }, + id: "rev3", name: "Chloe L.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", imageAlt: "elegant woman with radiant skin"}, { - id: "rev4", - name: "Marcus B.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350642.jpg", - imageAlt: "young woman with refreshed complexion", - }, + id: "rev4", name: "Marcus B.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350642.jpg", imageAlt: "young woman with refreshed complexion"}, { - id: "rev5", - name: "Sophia G.", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg", - imageAlt: "professional woman with smooth skin", - }, + id: "rev5", name: "Sophia G.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg", imageAlt: "professional woman with smooth skin"}, ]} cardTitle="Real Results, Radiant Smiles" cardTag="Client Stories" @@ -380,25 +218,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq1", - title: "What makes Skinology Medispa unique?", - content: "We blend advanced medical aesthetics with a luxurious spa experience. Our personalized approach, state-of-the-art technology, and highly skilled team ensure exceptional results tailored to your unique needs.", - }, + id: "faq1", title: "What makes Skinology Medispa unique?", content: "We blend advanced medical aesthetics with a luxurious spa experience. Our personalized approach, state-of-the-art technology, and highly skilled team ensure exceptional results tailored to your unique needs."}, { - id: "faq2", - title: "How do I choose the right treatment?", - content: "We recommend starting with a complimentary consultation. Our experts will assess your skin, discuss your concerns and goals, and create a customized treatment plan just for you.", - }, + id: "faq2", title: "How do I choose the right treatment?", content: "We recommend starting with a complimentary consultation. Our experts will assess your skin, discuss your concerns and goals, and create a customized treatment plan just for you."}, { - id: "faq3", - title: "Is there any downtime after treatments?", - content: "Downtime varies depending on the treatment. During your consultation, your specialist will provide detailed information about what to expect, including any post-treatment care and recovery periods.", - }, + id: "faq3", title: "Is there any downtime after treatments?", content: "Downtime varies depending on the treatment. During your consultation, your specialist will provide detailed information about what to expect, including any post-treatment care and recovery periods."}, { - id: "faq4", - title: "Do you offer financing options?", - content: "Yes, we understand that investing in your skin is important. We offer various flexible financing plans to make our premium treatments accessible. Please inquire during your consultation.", - }, + id: "faq4", title: "Do you offer financing options?", content: "Yes, we understand that investing in your skin is important. We offer various flexible financing plans to make our premium treatments accessible. Please inquire during your consultation."}, ]} sideTitle="Frequently Asked Questions" sideDescription="Find answers to common questions about our clinic, treatments, and appointments." @@ -411,8 +237,7 @@ export default function LandingPage() {