Merge version_1 into main #2
214
src/app/page.tsx
214
src/app/page.tsx
@@ -17,31 +17,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="VitalHealth"
|
||||
/>
|
||||
@@ -49,48 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Professional Health Care You Can Trust"
|
||||
description="Compassionate and comprehensive medical services focused on your long-term wellness and recovery."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thank-you-your-visit-my-office_329181-2204.jpg",
|
||||
imageAlt: "Medical consultation",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-pen-close-up_23-2149191370.jpg",
|
||||
imageAlt: "Health exam",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-sheet_1098-912.jpg",
|
||||
imageAlt: "Clinic facility",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-patient-looking-radiography_23-2148816215.jpg",
|
||||
imageAlt: "Doctor meeting",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-diagnose-patient-symptoms-hospital_53876-13387.jpg",
|
||||
imageAlt: "Wellness care",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-doctors-smiling-conference-room_107420-84794.jpg",
|
||||
imageAlt: "Care team",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/thank-you-your-visit-my-office_329181-2204.jpg", imageAlt: "Medical consultation" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-pen-close-up_23-2149191370.jpg", imageAlt: "Health exam" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-sheet_1098-912.jpg", imageAlt: "Clinic facility" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-patient-looking-radiography_23-2148816215.jpg", imageAlt: "Doctor meeting" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/doctor-diagnose-patient-symptoms-hospital_53876-13387.jpg", imageAlt: "Wellness care" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/team-doctors-smiling-conference-room_107420-84794.jpg", imageAlt: "Care team" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,8 +62,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Your Wellness is Our Priority"
|
||||
description={[
|
||||
"At VitalHealth, we combine modern medical technology with a personalized approach to ensure you receive the highest quality care possible.",
|
||||
"Our dedicated team of medical professionals is here to support you at every stage of your health journey, providing guidance, treatment, and ongoing care.",
|
||||
"At VitalHealth, we combine modern medical technology with a personalized approach to ensure you receive the highest quality care possible.", "Our dedicated team of medical professionals is here to support you at every stage of your health journey, providing guidance, treatment, and ongoing care."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,27 +73,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "General Consultation",
|
||||
description: "Expert medical consultation for all your day-to-day health concerns.",
|
||||
tag: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/medical-elements-icons_23-2147540060.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Advanced Diagnostics",
|
||||
description: "State-of-the-art diagnostic testing and imaging services for accurate diagnosis.",
|
||||
tag: "Technology",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/blood-test-checklist-sample-tube_1308-178255.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Preventive Care",
|
||||
description: "Focusing on your long-term health with personalized wellness plans and screenings.",
|
||||
tag: "Wellness",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-patient-consultation-with-black-medic-modern-clinic-lobby_482257-131071.jpg",
|
||||
},
|
||||
{ id: "f1", title: "General Consultation", description: "Expert medical consultation for all your day-to-day health concerns.", tag: "Essential", imageSrc: "http://img.b2bpic.net/free-vector/medical-elements-icons_23-2147540060.jpg" },
|
||||
{ id: "f2", title: "Advanced Diagnostics", description: "State-of-the-art diagnostic testing and imaging services for accurate diagnosis.", tag: "Technology", imageSrc: "http://img.b2bpic.net/free-vector/blood-test-checklist-sample-tube_1308-178255.jpg" },
|
||||
{ id: "f3", title: "Preventive Care", description: "Focusing on your long-term health with personalized wellness plans and screenings.", tag: "Wellness", imageSrc: "http://img.b2bpic.net/free-photo/elderly-patient-consultation-with-black-medic-modern-clinic-lobby_482257-131071.jpg" }
|
||||
]}
|
||||
title="Comprehensive Health Services"
|
||||
description="A wide range of medical services tailored to your individual health needs."
|
||||
@@ -141,44 +84,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Johnson",
|
||||
handle: "@alicej",
|
||||
testimonial: "Excellent care and friendly staff. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-doctor-holding-patient-s-hands_23-2149389039.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Smith",
|
||||
handle: "@marksmith",
|
||||
testimonial: "The diagnostic process was smooth and efficient. Great team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-nurse-clinic_23-2149741265.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahmill",
|
||||
testimonial: "VitalHealth genuinely cares about their patients. Thank you!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/general-practitioner-presenting-test-findings-via-scan-interpretation-tablet_482257-124764.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Wilson",
|
||||
handle: "@wilson",
|
||||
testimonial: "Professional services with a personal touch. My health improved immensely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-66892.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_r",
|
||||
testimonial: "The entire team is so supportive. Best healthcare experience I have ever had.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-doctor-holding-patient-s-hands_23-2149389039.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Alice Johnson", handle: "@alicej", testimonial: "Excellent care and friendly staff. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-doctor-holding-patient-s-hands_23-2149389039.jpg" },
|
||||
{ id: "t2", name: "Mark Smith", handle: "@marksmith", testimonial: "The diagnostic process was smooth and efficient. Great team.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-nurse-clinic_23-2149741265.jpg" },
|
||||
{ id: "t3", name: "Sarah Miller", handle: "@sarahmill", testimonial: "VitalHealth genuinely cares about their patients. Thank you!", imageSrc: "http://img.b2bpic.net/free-photo/general-practitioner-presenting-test-findings-via-scan-interpretation-tablet_482257-124764.jpg" },
|
||||
{ id: "t4", name: "David Wilson", handle: "@wilson", testimonial: "Professional services with a personal touch. My health improved immensely.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-66892.jpg" },
|
||||
{ id: "t5", name: "Elena Rodriguez", handle: "@elena_r", testimonial: "The entire team is so supportive. Best healthcare experience I have ever had.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-doctor-holding-patient-s-hands_23-2149389039.jpg" }
|
||||
]}
|
||||
title="Patient Success Stories"
|
||||
description="We are proud to serve our community and help our patients regain their health."
|
||||
@@ -190,21 +104,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking an appointment online or by phone.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you accept insurance?",
|
||||
content: "We work with major insurance providers. Please contact us to confirm.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are walk-ins allowed?",
|
||||
content: "While we prioritize appointments, we do accommodate urgent walk-ins based on availability.",
|
||||
},
|
||||
{ id: "q1", title: "Do I need an appointment?", content: "Yes, we recommend booking an appointment online or by phone." },
|
||||
{ id: "q2", title: "Do you accept insurance?", content: "We work with major insurance providers. Please contact us to confirm." },
|
||||
{ id: "q3", title: "Are walk-ins allowed?", content: "While we prioritize appointments, we do accommodate urgent walk-ins based on availability." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/set-emotions-wooden-hair-room-background_1291-75.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -217,18 +119,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Prioritize Your Health?"
|
||||
description="Get in touch with us today to book an appointment or ask any questions about our health services."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -237,35 +132,18 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medic-men-with-gadgets-hospital_23-2147763797.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "VitalHealth",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "VitalHealth", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 VitalHealth. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user