Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
228
src/app/page.tsx
228
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mali Clinic"
|
||||
/>
|
||||
@@ -55,12 +43,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Refining Natural Beauty"
|
||||
description="Providing advanced aesthetic treatments in a professional, serene clinical environment."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-young-woman-getting-prp-treatment_23-2149341431.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-young-woman-getting-prp-treatment_23-2149341431.jpg"
|
||||
imageAlt="Modern aesthetic clinic interior"
|
||||
/>
|
||||
</div>
|
||||
@@ -70,9 +56,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Clinical Commitment"
|
||||
description={[
|
||||
"Mali Clinic is dedicated to providing bespoke aesthetic care that balances science with artistry.",
|
||||
"Our team of medical experts prioritizes patient safety, comfort, and natural results through evidence-based treatments.",
|
||||
]}
|
||||
"Mali Clinic is dedicated to providing bespoke aesthetic care that balances science with artistry.", "Our team of medical experts prioritizes patient safety, comfort, and natural results through evidence-based treatments."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -83,49 +67,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Skincare",
|
||||
description: "Professional treatments for rejuvenation.",
|
||||
icon: Sparkles,
|
||||
title: "Advanced Skincare", description: "Professional treatments for rejuvenation.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-hyaluronic-acid-injection-close-up_23-2149343925.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334253.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-hyaluronic-acid-injection-close-up_23-2149343925.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334253.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-getting-prp-treatment_23-2149341431.jpg?_wi=2",
|
||||
imageAlt: "facial treatment skincare beauty",
|
||||
},
|
||||
{
|
||||
title: "Injectables",
|
||||
description: "Precision treatments for refined contours.",
|
||||
icon: Shield,
|
||||
title: "Injectables", description: "Precision treatments for refined contours.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-doctor-s-hands-gloves-with-syringe-near-female-face-portrait-beautiful-caucasian-woman-with-white-towel-her-bodu-girl-receiving-beauty-injection_1157-51510.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rejuvenating-facial-treatment_158595-4603.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-doctor-s-hands-gloves-with-syringe-near-female-face-portrait-beautiful-caucasian-woman-with-white-towel-her-bodu-girl-receiving-beauty-injection_1157-51510.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rejuvenating-facial-treatment_158595-4603.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-girl-woman-couch-lady-beautician_1157-48236.jpg",
|
||||
imageAlt: "facial treatment skincare beauty",
|
||||
},
|
||||
{
|
||||
title: "Laser Therapy",
|
||||
description: "High-tech solutions for skin clarity.",
|
||||
icon: Zap,
|
||||
title: "Laser Therapy", description: "High-tech solutions for skin clarity.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-client-having-fractional-mesotherapy-beauty-salon_651396-3088.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/face-massage-close-up-adult-woman-getting-spa-massage-treatment-beauty-spa-salon-spa-skin-body-care-facial-beauty-treatment-cosmetology_158595-7711.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-client-having-fractional-mesotherapy-beauty-salon_651396-3088.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/face-massage-close-up-adult-woman-getting-spa-massage-treatment-beauty-spa-salon-spa-skin-body-care-facial-beauty-treatment-cosmetology_158595-7711.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67106.jpg?_wi=1",
|
||||
imageAlt: "facial treatment skincare beauty",
|
||||
},
|
||||
]}
|
||||
title="Aesthetic Services"
|
||||
@@ -141,26 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. Sarah Miller",
|
||||
role: "Head Dermatologist",
|
||||
description: "Specializing in aesthetic medicine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67106.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Dr. Sarah Miller", role: "Head Dermatologist", description: "Specializing in aesthetic medicine.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67106.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Emma Roberts",
|
||||
role: "Lead Aesthetician",
|
||||
description: "Expert in skincare therapies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stable-girl-white-doctor-uniform_141793-376.jpg",
|
||||
},
|
||||
id: "t2", name: "Emma Roberts", role: "Lead Aesthetician", description: "Expert in skincare therapies.", imageSrc: "http://img.b2bpic.net/free-photo/stable-girl-white-doctor-uniform_141793-376.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Dr. David Chen",
|
||||
role: "Plastic Surgeon",
|
||||
description: "Excellence in facial reconstruction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-work_23-2149485515.jpg",
|
||||
},
|
||||
id: "t3", name: "Dr. David Chen", role: "Plastic Surgeon", description: "Excellence in facial reconstruction.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-work_23-2149485515.jpg"},
|
||||
]}
|
||||
title="Meet Our Experts"
|
||||
description="Our medical professionals bring years of expertise to every patient session."
|
||||
@@ -174,46 +119,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Claire W.",
|
||||
role: "Patient",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-happy-client_23-2148766586.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Patient",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466377.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Linda H.",
|
||||
role: "Patient",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-massaging-her-neck-using-gua-sha_23-2149259918.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sam K.",
|
||||
role: "Patient",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-natural-female-model_23-2148398609.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane V.",
|
||||
role: "Patient",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-examining-female-patients-face-clinic_107420-73982.jpg",
|
||||
},
|
||||
{ id: "1", name: "Claire W.", role: "Patient", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-happy-client_23-2148766586.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Patient", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466377.jpg" },
|
||||
{ id: "3", name: "Linda H.", role: "Patient", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-massaging-her-neck-using-gua-sha_23-2149259918.jpg" },
|
||||
{ id: "4", name: "Sam K.", role: "Patient", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-natural-female-model_23-2148398609.jpg" },
|
||||
{ id: "5", name: "Jane V.", role: "Patient", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/doctor-examining-female-patients-face-clinic_107420-73982.jpg" },
|
||||
]}
|
||||
title="Patient Stories"
|
||||
description="See why our patients trust their beauty with Mali Clinic."
|
||||
@@ -226,51 +136,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Core",
|
||||
price: "$150",
|
||||
subtitle: "Refreshment treatments",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Skin Analysis",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Advanced",
|
||||
price: "$400",
|
||||
subtitle: "Comprehensive results",
|
||||
features: [
|
||||
"In-depth treatment",
|
||||
"Follow-up",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Elite",
|
||||
price: "$850",
|
||||
subtitle: "Premium total rejuvenation",
|
||||
features: [
|
||||
"Complete care package",
|
||||
"Priority booking",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Core", price: "$150", subtitle: "Refreshment treatments", features: ["Consultation", "Skin Analysis"], buttons: [{ text: "Book Now" }] },
|
||||
{ id: "pro", badge: "Advanced", price: "$400", subtitle: "Comprehensive results", features: ["In-depth treatment", "Follow-up"], buttons: [{ text: "Book Now" }] },
|
||||
{ id: "elite", badge: "Elite", price: "$850", subtitle: "Premium total rejuvenation", features: ["Complete care package", "Priority booking"], buttons: [{ text: "Book Now" }] },
|
||||
]}
|
||||
title="Treatment Pricing"
|
||||
description="Transparent investment in your aesthetic health."
|
||||
@@ -282,21 +150,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is consultation required?",
|
||||
content: "Yes, a professional consultation is mandatory for safety.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are results permanent?",
|
||||
content: "Most aesthetic results are temporary and require maintenance.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is there downtime?",
|
||||
content: "Varies by treatment; our team will advise pre-care.",
|
||||
},
|
||||
{ id: "f1", title: "Is consultation required?", content: "Yes, a professional consultation is mandatory for safety." },
|
||||
{ id: "f2", title: "Are results permanent?", content: "Most aesthetic results are temporary and require maintenance." },
|
||||
{ id: "f3", title: "Is there downtime?", content: "Varies by treatment; our team will advise pre-care." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/doctor-talking-female-patient_107420-73976.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -312,16 +168,8 @@ export default function LandingPage() {
|
||||
title="Start Your Journey"
|
||||
description="Send us your request, and our clinical team will get back to you promptly."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-agents-wearing-protective-face-masks-while-working-computer-communicating-with-customers-coronavirus-epidemic-focus-is-woman_637285-6145.jpg"
|
||||
/>
|
||||
@@ -330,17 +178,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Mali Clinic"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user