Update src/app/page.tsx
This commit is contained in:
202
src/app/page.tsx
202
src/app/page.tsx
@@ -18,31 +18,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Book Appointment",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Expertise", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Book Appointment", id: "contact" },
|
||||
]}
|
||||
brandName="Dr Naidoo K R"
|
||||
/>
|
||||
@@ -50,69 +42,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="World-Class Medical Expertise You Can Trust"
|
||||
description="Delivering precision care, trusted by patients who expect nothing but the best. Every consultation is handled with attention to detail, professionalism, and a commitment to exceptional results."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png?_wi=1",
|
||||
imageAlt: "Medical Expertise 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png?_wi=2",
|
||||
imageAlt: "Medical Expertise 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png?_wi=3",
|
||||
imageAlt: "Medical Expertise 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png?_wi=4",
|
||||
imageAlt: "Medical Expertise 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png?_wi=5",
|
||||
imageAlt: "Medical Expertise 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png?_wi=6",
|
||||
imageAlt: "Medical Expertise 6",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png", imageAlt: "Medical Expertise 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png", imageAlt: "Medical Expertise 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png", imageAlt: "Medical Expertise 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png", imageAlt: "Medical Expertise 4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png", imageAlt: "Medical Expertise 5" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png", imageAlt: "Medical Expertise 6" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png?_wi=7",
|
||||
imageAlt: "Expertise 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png?_wi=8",
|
||||
imageAlt: "Expertise 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png?_wi=9",
|
||||
imageAlt: "Expertise 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png?_wi=10",
|
||||
imageAlt: "Expertise 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png?_wi=11",
|
||||
imageAlt: "Expertise 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png?_wi=12",
|
||||
imageAlt: "Expertise 6",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png", imageAlt: "Expertise 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png", imageAlt: "Expertise 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png", imageAlt: "Expertise 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png", imageAlt: "Expertise 4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png", imageAlt: "Expertise 5" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZyqT0WnoEa9MBHfK8VGV927K1/professional-headshot-of-an-elite-medica-1774711223946-51d23e5d.png", imageAlt: "Expertise 6" }
|
||||
]}
|
||||
buttons={[{ text: "Book Your Appointment", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -135,21 +84,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Precision Care",
|
||||
description: "High-accuracy diagnostics and surgical intervention tailored to individual patient needs.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Efficient Access",
|
||||
description: "Streamlined booking and consultation processes that respect your valuable time.",
|
||||
},
|
||||
{
|
||||
icon: User,
|
||||
title: "Personalized Focus",
|
||||
description: "Individual care plans developed with a deep understanding of patient history and goals.",
|
||||
},
|
||||
{ icon: ShieldCheck, title: "Precision Care", description: "High-accuracy diagnostics and surgical intervention tailored to individual patient needs." },
|
||||
{ icon: Clock, title: "Efficient Access", description: "Streamlined booking and consultation processes that respect your valuable time." },
|
||||
{ icon: User, title: "Personalized Focus", description: "Individual care plans developed with a deep understanding of patient history and goals." }
|
||||
]}
|
||||
title="Unmatched Medical Standards"
|
||||
description="We prioritize efficiency, discretion, and excellence in every aspect of our medical service offering."
|
||||
@@ -161,51 +98,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "Jan 2024",
|
||||
title: "Patient",
|
||||
quote: "The most professional and careful medical specialist I have ever seen. Highly recommended.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "Dec 2023",
|
||||
title: "Patient",
|
||||
quote: "Dr Naidoo is efficient, approachable, and incredibly thorough. A true elite practitioner.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-portrait_23-2149051733.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "Nov 2023",
|
||||
title: "Patient",
|
||||
quote: "I felt completely taken care of from the moment I booked until the follow-up. 5-star experience.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-995.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "Oct 2023",
|
||||
title: "Patient",
|
||||
quote: "Exceptional communication and high standards of hygiene and professionalism. Truly elite.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
date: "Sept 2023",
|
||||
title: "Patient",
|
||||
quote: "A seamless surgical experience with incredible follow-up. Dr Naidoo is a master of his craft.",
|
||||
tag: "Top Rated",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", date: "Jan 2024", title: "Patient", quote: "The most professional and careful medical specialist I have ever seen. Highly recommended.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg" },
|
||||
{ id: "2", name: "Michael Chen", date: "Dec 2023", title: "Patient", quote: "Dr Naidoo is efficient, approachable, and incredibly thorough. A true elite practitioner.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-portrait_23-2149051733.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", date: "Nov 2023", title: "Patient", quote: "I felt completely taken care of from the moment I booked until the follow-up. 5-star experience.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-995.jpg" },
|
||||
{ id: "4", name: "David Kim", date: "Oct 2023", title: "Patient", quote: "Exceptional communication and high standards of hygiene and professionalism. Truly elite.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg" },
|
||||
{ id: "5", name: "Jessica Lee", date: "Sept 2023", title: "Patient", quote: "A seamless surgical experience with incredible follow-up. Dr Naidoo is a master of his craft.", tag: "Top Rated", avatarSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg" }
|
||||
]}
|
||||
title="Patient Stories of Success"
|
||||
description="Excellence in medicine is defined by the outcomes of our patients. See what our community says."
|
||||
@@ -217,21 +114,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book a consultation?",
|
||||
content: "You can book via our secure website form, or reach out to our office staff during operating hours.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Does the clinic accept referrals?",
|
||||
content: "Yes, we work closely with general practitioners and external specialists for comprehensive referral care.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What insurance do you accept?",
|
||||
content: "Please contact our administrative team directly with your specific insurance details to verify current coverage.",
|
||||
},
|
||||
{ id: "f1", title: "How do I book a consultation?", content: "You can book via our secure website form, or reach out to our office staff during operating hours." },
|
||||
{ id: "f2", title: "Does the clinic accept referrals?", content: "Yes, we work closely with general practitioners and external specialists for comprehensive referral care." },
|
||||
{ id: "f3", title: "What insurance do you accept?", content: "Please contact our administrative team directly with your specific insurance details to verify current coverage." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Addressing common inquiries regarding our clinic and specialist services."
|
||||
@@ -242,16 +127,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Ready to experience world-class medical attention? Book your private consultation today and prioritize your health with the best."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Booking",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Schedule Booking", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -264,4 +142,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user