Merge version_1 into main #1
274
src/app/page.tsx
274
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Treatments",
|
||||
id: "features",
|
||||
},
|
||||
name: "Treatments", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Lumière MedSpa"
|
||||
/>
|
||||
@@ -64,97 +52,54 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Unveil Your Natural Radiance"
|
||||
description="Experience personalized skin rejuvenation and advanced aesthetic treatments in our tranquil sanctuary designed for your ultimate confidence."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Amanda K.",
|
||||
handle: "@amandak",
|
||||
testimonial: "The most professional experience I've ever had at a spa. My skin has never looked better.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-posing-outdoors_23-2148618908.jpg",
|
||||
},
|
||||
name: "Amanda K.", handle: "@amandak", testimonial: "The most professional experience I've ever had at a spa. My skin has never looked better.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-posing-outdoors_23-2148618908.jpg"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@dw",
|
||||
testimonial: "Truly tailored treatment plans. The results were subtle yet transformative.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-portrait-handsome-bearded-man_171337-2899.jpg",
|
||||
},
|
||||
name: "David W.", handle: "@dw", testimonial: "Truly tailored treatment plans. The results were subtle yet transformative.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-portrait-handsome-bearded-man_171337-2899.jpg"},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@sarahp",
|
||||
testimonial: "Clean, luxurious, and highly knowledgeable staff. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg",
|
||||
},
|
||||
name: "Sarah P.", handle: "@sarahp", testimonial: "Clean, luxurious, and highly knowledgeable staff. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg"},
|
||||
{
|
||||
name: "Marcus L.",
|
||||
handle: "@mlux",
|
||||
testimonial: "An incredible sanctuary. Worth every penny.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-young-male_23-2148272577.jpg",
|
||||
},
|
||||
name: "Marcus L.", handle: "@mlux", testimonial: "An incredible sanctuary. Worth every penny.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-young-male_23-2148272577.jpg"},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "My skin feels completely renewed after just one session.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-long-haired-woman-looking-shoulder_1187-5046.jpg",
|
||||
},
|
||||
name: "Elena R.", handle: "@elenar", testimonial: "My skin feels completely renewed after just one session.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-long-haired-woman-looking-shoulder_1187-5046.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Consultation", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-entrepreneur-working-from-home_1098-15111.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-3065.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-3065.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-image-handsome-bearded-man_171337-2897.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-image-handsome-bearded-man_171337-2897.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-joyful-woman-looking-shoulder_1187-5049.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-joyful-woman-looking-shoulder_1187-5049.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-with-blond-hair_23-2148648146.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-with-blond-hair_23-2148648146.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Medical Grade",
|
||||
},
|
||||
type: "text", text: "Medical Grade"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Clinically Proven",
|
||||
},
|
||||
type: "text", text: "Clinically Proven"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Care",
|
||||
},
|
||||
type: "text", text: "Expert Care"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Natural Results",
|
||||
},
|
||||
type: "text", text: "Natural Results"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Personalized Plans",
|
||||
},
|
||||
type: "text", text: "Personalized Plans"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,38 +109,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Philosophy of Care",
|
||||
},
|
||||
type: "text", content: "Our Philosophy of Care"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/golden-elegant-logo-flat-style_52683-14904.jpg",
|
||||
alt: "Clinic logo icon",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/golden-elegant-logo-flat-style_52683-14904.jpg", alt: "Clinic logo icon"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Laser Resurfacing",
|
||||
description: "Revitalize your skin's texture and tone with advanced laser technology.",
|
||||
},
|
||||
title: "Laser Resurfacing", description: "Revitalize your skin's texture and tone with advanced laser technology."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Medical Facials",
|
||||
description: "Customized treatments to address specific skin concerns and promote deep healing.",
|
||||
},
|
||||
title: "Medical Facials", description: "Customized treatments to address specific skin concerns and promote deep healing."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Injectables",
|
||||
description: "Expertly administered neurotoxins and fillers for natural, youthful rejuvenation.",
|
||||
},
|
||||
title: "Injectables", description: "Expertly administered neurotoxins and fillers for natural, youthful rejuvenation."},
|
||||
]}
|
||||
title="Advanced Aesthetic Treatments"
|
||||
description="State-of-the-art procedures delivered with clinical precision and artistic care."
|
||||
@@ -209,51 +144,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$150",
|
||||
subtitle: "Monthly Glow Up",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Express Facial",
|
||||
"Skin Analysis",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$150", subtitle: "Monthly Glow Up", features: [
|
||||
"Consultation", "Express Facial", "Skin Analysis"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Plan",
|
||||
},
|
||||
text: "Start Plan"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "advanced",
|
||||
badge: "Recommended",
|
||||
price: "$450",
|
||||
subtitle: "Aesthetic Renewal",
|
||||
features: [
|
||||
"Injectable Session",
|
||||
"Premium Facial",
|
||||
"Post-care kit",
|
||||
],
|
||||
id: "advanced", badge: "Recommended", price: "$450", subtitle: "Aesthetic Renewal", features: [
|
||||
"Injectable Session", "Premium Facial", "Post-care kit"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "expert",
|
||||
badge: "Ultimate",
|
||||
price: "$850",
|
||||
subtitle: "Full Restoration",
|
||||
features: [
|
||||
"Full Laser Session",
|
||||
"Fillers",
|
||||
"VIP Membership",
|
||||
],
|
||||
id: "expert", badge: "Ultimate", price: "$850", subtitle: "Full Restoration", features: [
|
||||
"Full Laser Session", "Fillers", "VIP Membership"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Renewal",
|
||||
},
|
||||
text: "Start Renewal"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -264,49 +175,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jessica L.",
|
||||
handle: "@jessl",
|
||||
testimonial: "A sanctuary for skincare.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
id: "t1", name: "Jessica L.", handle: "@jessl", testimonial: "A sanctuary for skincare.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael R.",
|
||||
handle: "@mikero",
|
||||
testimonial: "Professional results every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-half-naked-man_171337-3024.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael R.", handle: "@mikero", testimonial: "Professional results every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-half-naked-man_171337-3024.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena V.",
|
||||
handle: "@elenav",
|
||||
testimonial: "The best clinic in the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-speaking-phone_23-2147779739.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena V.", handle: "@elenav", testimonial: "The best clinic in the city.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-speaking-phone_23-2147779739.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom H.",
|
||||
handle: "@tomh",
|
||||
testimonial: "Exceptional care and attention.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-peony-flower-mirror-grass-outdoors_23-2149445044.jpg",
|
||||
},
|
||||
id: "t4", name: "Tom H.", handle: "@tomh", testimonial: "Exceptional care and attention.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-peony-flower-mirror-grass-outdoors_23-2149445044.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophia G.",
|
||||
handle: "@sophiag",
|
||||
testimonial: "My go-to place for aesthetic health.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg",
|
||||
},
|
||||
id: "t5", name: "Sophia G.", handle: "@sophiag", testimonial: "My go-to place for aesthetic health.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Journeys"
|
||||
@@ -319,14 +206,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Allergan",
|
||||
"SkinCeuticals",
|
||||
"HydraFacial",
|
||||
"Lumenis",
|
||||
"Galderma",
|
||||
"ZO Skin Health",
|
||||
"Merz Aesthetics",
|
||||
]}
|
||||
"Allergan", "SkinCeuticals", "HydraFacial", "Lumenis", "Galderma", "ZO Skin Health", "Merz Aesthetics"]}
|
||||
title="Trusted Partnerships"
|
||||
description="Working with world-class aesthetic brands."
|
||||
/>
|
||||
@@ -338,20 +218,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is there downtime?",
|
||||
content: "Downtime depends on your specific treatment; we provide full recovery guides.",
|
||||
},
|
||||
id: "f1", title: "Is there downtime?", content: "Downtime depends on your specific treatment; we provide full recovery guides."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I book online?",
|
||||
content: "Yes, our online booking portal is available 24/7.",
|
||||
},
|
||||
id: "f2", title: "Can I book online?", content: "Yes, our online booking portal is available 24/7."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do I need a consult?",
|
||||
content: "A consultation is required for all injectable and laser services.",
|
||||
},
|
||||
id: "f3", title: "Do I need a consult?", content: "A consultation is required for all injectable and laser services."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Addressing your concerns before you visit."
|
||||
@@ -363,16 +234,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to renew?"
|
||||
description="Our experts are here to build your personalized aesthetic journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Today",
|
||||
href: "#",
|
||||
},
|
||||
text: "Schedule Today", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -382,29 +250,19 @@ export default function LandingPage() {
|
||||
logoText="Lumière MedSpa"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user