Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 89701734ab |
284
src/app/page.tsx
284
src/app/page.tsx
@@ -31,49 +31,34 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Treatments",
|
||||
id: "#treatments",
|
||||
},
|
||||
name: "Treatments", id: "#treatments"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#results",
|
||||
},
|
||||
name: "Results", id: "#results"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/view-illustrator-tools-arrangement_23-2150268052.jpg"
|
||||
logoAlt="Éclat Clinic Logo"
|
||||
brandName="Éclat Clinic"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Elevate Your Beauty Journey"
|
||||
description="Discover bespoke treatments tailored to illuminate your natural radiance at Éclat Clinic, where luxury meets advanced aesthetics."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architecture_1122-1804.jpg"
|
||||
imageAlt="Elegant woman receiving luxurious facial treatment"
|
||||
@@ -81,50 +66,30 @@ export default function LandingPage() {
|
||||
fixedMediaHeight={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-happy-woman-posing_23-2148934178.jpg",
|
||||
alt: "Satisfied client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-happy-woman-posing_23-2148934178.jpg", alt: "Satisfied client portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-portrait_23-2148891739.jpg",
|
||||
alt: "Smiling woman after treatment",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-portrait_23-2148891739.jpg", alt: "Smiling woman after treatment"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-female-blue-checkered-shirt-posing-smiling-pink-wall-woman-emotions-model-fashion-girls-color_140725-122804.jpg",
|
||||
alt: "Happy client testimonial",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-female-blue-checkered-shirt-posing-smiling-pink-wall-woman-emotions-model-fashion-girls-color_140725-122804.jpg", alt: "Happy client testimonial"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-redheaded-woman-holding-tulip-flowers_171337-8419.jpg",
|
||||
alt: "Confident beauty client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-redheaded-woman-holding-tulip-flowers_171337-8419.jpg", alt: "Confident beauty client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pastry-shop-waitress-posing_23-2147984976.jpg",
|
||||
alt: "Radiant woman smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pastry-shop-waitress-posing_23-2147984976.jpg", alt: "Radiant woman smiling"},
|
||||
]}
|
||||
avatarText="Join our 5,000+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Exceptional Care",
|
||||
type: "text", text: "Exceptional Care"},
|
||||
{
|
||||
type: "text-icon", text: "Expert Aestheticians", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Aestheticians",
|
||||
icon: Star,
|
||||
type: "text", text: "Visible Results"},
|
||||
{
|
||||
type: "text-icon", text: "Luxury Experience", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Visible Results",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Luxury Experience",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Personalized Treatments",
|
||||
},
|
||||
type: "text", text: "Personalized Treatments"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,41 +101,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Luxury Hydrafacial",
|
||||
author: "Éclat Clinic Team",
|
||||
description: "Deeply cleanse, exfoliate, extract, and hydrate the skin using super serums filled with antioxidants, peptides, and hyaluronic acid for an instant glow.",
|
||||
tags: [
|
||||
"Facial",
|
||||
"Hydration",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-female-getting-laser-ultrasound-face-treatment-medical-center_181624-53264.jpg",
|
||||
imageAlt: "Woman receiving luxury hydrafacial",
|
||||
},
|
||||
id: "f1", title: "Luxury Hydrafacial", author: "Éclat Clinic Team", description: "Deeply cleanse, exfoliate, extract, and hydrate the skin using super serums filled with antioxidants, peptides, and hyaluronic acid for an instant glow.", tags: [
|
||||
"Facial", "Hydration"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-female-getting-laser-ultrasound-face-treatment-medical-center_181624-53264.jpg", imageAlt: "Woman receiving luxury hydrafacial"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Revitalizing Injectables",
|
||||
author: "Éclat Clinic Team",
|
||||
description: "Restore youthful volume and smooth fine lines with our expertly administered injectables, including Botox and dermal fillers, customized for natural-looking results.",
|
||||
tags: [
|
||||
"Anti-Aging",
|
||||
"Fillers",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-holding-hands_23-2148857606.jpg",
|
||||
imageAlt: "Dermatologist preparing injectables",
|
||||
},
|
||||
id: "f2", title: "Revitalizing Injectables", author: "Éclat Clinic Team", description: "Restore youthful volume and smooth fine lines with our expertly administered injectables, including Botox and dermal fillers, customized for natural-looking results.", tags: [
|
||||
"Anti-Aging", "Fillers"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-holding-hands_23-2148857606.jpg", imageAlt: "Dermatologist preparing injectables"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Advanced Laser Therapies",
|
||||
author: "Éclat Clinic Team",
|
||||
description: "Target concerns like pigmentation, redness, and texture with our state-of-the-art laser treatments, revealing smoother, clearer, and more even-toned skin.",
|
||||
tags: [
|
||||
"Skin Rejuvenation",
|
||||
"Laser",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-with-prosthetis_23-2150589278.jpg",
|
||||
imageAlt: "Laser skin treatment",
|
||||
},
|
||||
id: "f3", title: "Advanced Laser Therapies", author: "Éclat Clinic Team", description: "Target concerns like pigmentation, redness, and texture with our state-of-the-art laser treatments, revealing smoother, clearer, and more even-toned skin.", tags: [
|
||||
"Skin Rejuvenation", "Laser"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-with-prosthetis_23-2150589278.jpg", imageAlt: "Laser skin treatment"},
|
||||
]}
|
||||
title="Our Signature Treatments"
|
||||
description="Experience a curated selection of advanced beauty treatments designed to revitalize and enhance your natural glow. Our experts use cutting-edge techniques for lasting results."
|
||||
@@ -185,47 +126,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "Radiant Complexion",
|
||||
price: "Achieved",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-examining-female-patients-face-clinic_107420-73975.jpg",
|
||||
imageAlt: "Before and after image of radiant skin",
|
||||
},
|
||||
id: "r1", name: "Radiant Complexion", price: "Achieved", imageSrc: "http://img.b2bpic.net/free-photo/doctor-examining-female-patients-face-clinic_107420-73975.jpg", imageAlt: "Before and after image of radiant skin"},
|
||||
{
|
||||
id: "r2",
|
||||
name: "Youthful Rejuvenation",
|
||||
price: "Achieved",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elder-woman-using-rose-quartz-roller-her-face_23-2148672281.jpg",
|
||||
imageAlt: "Before and after image of reduced wrinkles",
|
||||
},
|
||||
id: "r2", name: "Youthful Rejuvenation", price: "Achieved", imageSrc: "http://img.b2bpic.net/free-photo/elder-woman-using-rose-quartz-roller-her-face_23-2148672281.jpg", imageAlt: "Before and after image of reduced wrinkles"},
|
||||
{
|
||||
id: "r3",
|
||||
name: "Clear Skin & Even Tone",
|
||||
price: "Achieved",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-using-digital-tablet_107420-65304.jpg",
|
||||
imageAlt: "Before and after image of even skin tone",
|
||||
},
|
||||
id: "r3", name: "Clear Skin & Even Tone", price: "Achieved", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-using-digital-tablet_107420-65304.jpg", imageAlt: "Before and after image of even skin tone"},
|
||||
{
|
||||
id: "r4",
|
||||
name: "Sculpted Facial Contours",
|
||||
price: "Achieved",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-make-up-artist-working_23-2148398518.jpg",
|
||||
imageAlt: "Before and after image of facial contouring",
|
||||
},
|
||||
id: "r4", name: "Sculpted Facial Contours", price: "Achieved", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-make-up-artist-working_23-2148398518.jpg", imageAlt: "Before and after image of facial contouring"},
|
||||
{
|
||||
id: "r5",
|
||||
name: "Naturally Fuller Lips",
|
||||
price: "Achieved",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-expressing-revolution-message_23-2149066783.jpg",
|
||||
imageAlt: "Before and after image of lip augmentation",
|
||||
},
|
||||
id: "r5", name: "Naturally Fuller Lips", price: "Achieved", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-expressing-revolution-message_23-2149066783.jpg", imageAlt: "Before and after image of lip augmentation"},
|
||||
{
|
||||
id: "r6",
|
||||
name: "Overall Skin Revitalization",
|
||||
price: "Achieved",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-beautiful-woman-having-beauty-treatment-spa_637285-2157.jpg",
|
||||
imageAlt: "Before and after image of overall skin health improvement",
|
||||
},
|
||||
id: "r6", name: "Overall Skin Revitalization", price: "Achieved", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-beautiful-woman-having-beauty-treatment-spa_637285-2157.jpg", imageAlt: "Before and after image of overall skin health improvement"},
|
||||
]}
|
||||
title="Transformations You Can Trust"
|
||||
description="Witness the remarkable results achieved by our cherished clients. Our before-and-after gallery showcases the power of personalized care and advanced aesthetic solutions."
|
||||
@@ -239,50 +150,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah L.",
|
||||
handle: "Beauty Enthusiast",
|
||||
testimonial: "Éclat Clinic truly transformed my skin! The Hydrafacial left me glowing, and the personalized care from the team was exceptional. I feel more confident than ever.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405999.jpg",
|
||||
imageAlt: "Happy client Sarah L.",
|
||||
},
|
||||
id: "t1", name: "Sarah L.", handle: "Beauty Enthusiast", testimonial: "Éclat Clinic truly transformed my skin! The Hydrafacial left me glowing, and the personalized care from the team was exceptional. I feel more confident than ever.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405999.jpg", imageAlt: "Happy client Sarah L."},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jessica M.",
|
||||
handle: "Marketing Director",
|
||||
testimonial: "The injectables at Éclat Clinic are simply art. Dr. Elena has a meticulous eye, and the results are so natural – exactly what I wanted. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman_93675-130621.jpg",
|
||||
imageAlt: "Satisfied client Jessica M.",
|
||||
},
|
||||
id: "t2", name: "Jessica M.", handle: "Marketing Director", testimonial: "The injectables at Éclat Clinic are simply art. Dr. Elena has a meticulous eye, and the results are so natural – exactly what I wanted. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman_93675-130621.jpg", imageAlt: "Satisfied client Jessica M."},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "Fashion Blogger",
|
||||
testimonial: "My experience with laser therapy for pigmentation was phenomenal. My skin is clearer and brighter, and the staff made me feel comfortable throughout the process.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-caucasian-women-smiling-look-mirror-while-sitting-table-using-facial-scraper-medical-beauty-treatments_197531-31438.jpg",
|
||||
imageAlt: "Delighted client Emily R.",
|
||||
},
|
||||
id: "t3", name: "Emily R.", handle: "Fashion Blogger", testimonial: "My experience with laser therapy for pigmentation was phenomenal. My skin is clearer and brighter, and the staff made me feel comfortable throughout the process.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-caucasian-women-smiling-look-mirror-while-sitting-table-using-facial-scraper-medical-beauty-treatments_197531-31438.jpg", imageAlt: "Delighted client Emily R."},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Olivia P.",
|
||||
handle: "Business Owner",
|
||||
testimonial: "As a busy entrepreneur, I appreciate the efficiency and effectiveness of Éclat Clinic. Their tailored approach to skincare is unmatched. A truly luxurious experience!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-physician-consulting-old-male-patient-gives-advice_482257-126911.jpg",
|
||||
imageAlt: "Glowy skin client Olivia P.",
|
||||
},
|
||||
id: "t4", name: "Olivia P.", handle: "Business Owner", testimonial: "As a busy entrepreneur, I appreciate the efficiency and effectiveness of Éclat Clinic. Their tailored approach to skincare is unmatched. A truly luxurious experience!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-physician-consulting-old-male-patient-gives-advice_482257-126911.jpg", imageAlt: "Glowy skin client Olivia P."},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe S.",
|
||||
handle: "Creative Designer",
|
||||
testimonial: "From the moment I walked in, I felt pampered. The atmosphere is serene, and the results from my aesthetic treatment exceeded all expectations. My go-to clinic now!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-women-standing-together_23-2149237865.jpg",
|
||||
imageAlt: "Smiling client Chloe S.",
|
||||
},
|
||||
id: "t5", name: "Chloe S.", handle: "Creative Designer", testimonial: "From the moment I walked in, I felt pampered. The atmosphere is serene, and the results from my aesthetic treatment exceeded all expectations. My go-to clinic now!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-women-standing-together_23-2149237865.jpg", imageAlt: "Smiling client Chloe S."},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success Stories"
|
||||
@@ -297,56 +178,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Essentials",
|
||||
price: "$299",
|
||||
period: "/ session",
|
||||
description: "Perfect for maintaining a healthy glow and addressing basic skin concerns.",
|
||||
button: {
|
||||
text: "Choose Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Signature Cleansing Facial",
|
||||
"Skin Consultation",
|
||||
"Post-Treatment Skincare Advice",
|
||||
],
|
||||
id: "p1", tag: "Essentials", price: "$299", period: "/ session", description: "Perfect for maintaining a healthy glow and addressing basic skin concerns.", button: {
|
||||
text: "Choose Plan", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Signature Cleansing Facial", "Skin Consultation", "Post-Treatment Skincare Advice"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Radiance",
|
||||
price: "$799",
|
||||
period: "/ package",
|
||||
description: "A comprehensive package for significant rejuvenation and enhanced skin radiance.",
|
||||
button: {
|
||||
text: "Choose Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"3 Hydrafacial Sessions",
|
||||
"1 Laser Genesis Treatment",
|
||||
"Advanced Skincare Product Kit",
|
||||
],
|
||||
id: "p2", tag: "Radiance", price: "$799", period: "/ package", description: "A comprehensive package for significant rejuvenation and enhanced skin radiance.", button: {
|
||||
text: "Choose Plan", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"3 Hydrafacial Sessions", "1 Laser Genesis Treatment", "Advanced Skincare Product Kit"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
tag: "Elite Transformation",
|
||||
price: "$1999",
|
||||
period: "/ package",
|
||||
description: "Our most exclusive offering for ultimate transformation and long-term aesthetic goals.",
|
||||
button: {
|
||||
text: "Choose Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"6 Bespoke Facial Treatments",
|
||||
"2 Areas of Injectables",
|
||||
"Full Skin Resurfacing Treatment",
|
||||
"Concierge Service & Follow-ups",
|
||||
],
|
||||
id: "p3", tag: "Elite Transformation", price: "$1999", period: "/ package", description: "Our most exclusive offering for ultimate transformation and long-term aesthetic goals.", button: {
|
||||
text: "Choose Plan", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"6 Bespoke Facial Treatments", "2 Areas of Injectables", "Full Skin Resurfacing Treatment", "Concierge Service & Follow-ups"],
|
||||
},
|
||||
]}
|
||||
title="Tailored Packages for Every Need"
|
||||
@@ -358,11 +205,10 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Connect with Éclat Clinic"
|
||||
description="Ready to embark on your beauty journey? Contact us today to schedule a personalized consultation or learn more about our premium services."
|
||||
description="Ready to embark on your beauty journey? Contact us today to schedule a personalized consultation or learn more about our premium services. Find us at 123 Éclat Avenue, Beauty City, BC 12345 or call us at (123) 456-7890."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407596.jpg"
|
||||
imageAlt="Luxury beauty clinic reception area"
|
||||
mediaAnimation="opacity"
|
||||
@@ -380,19 +226,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://www.instagram.com/eclatclinic",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://www.instagram.com/eclatclinic", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://www.facebook.com/eclatclinic",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://www.facebook.com/eclatclinic", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://www.linkedin.com/company/eclatclinic",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://www.linkedin.com/company/eclatclinic", ariaLabel: "LinkedIn"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user