Merge version_1 into main #2
264
src/app/page.tsx
264
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Doctors",
|
||||
id: "team",
|
||||
},
|
||||
name: "Doctors", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MedBook"
|
||||
/>
|
||||
@@ -55,104 +47,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Professional Medical Care at Your Fingertips"
|
||||
description="Book appointments with top-rated specialists, view doctor certifications, and manage your health journey in one secure location."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/health-plan-information-examination-concept_53876-125152.jpg?_wi=1",
|
||||
imageAlt: "Medical consultation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-doctor-analyzing-disease-expertise-using-tablet-monitoring-patient-symptoms-clinical-examination-specialist-working-healthcare-treatment-hospital-office_482257-30429.jpg",
|
||||
imageAlt: "Expert doctor",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-her-office_1098-21369.jpg",
|
||||
imageAlt: "Doctor at desk",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-doctor_23-2148868179.jpg",
|
||||
imageAlt: "Professional doctor",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-doctor-junior-nurses-specialists-scrubs-analyzing-results_482257-122859.jpg",
|
||||
imageAlt: "Clinical team",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/health-plan-information-examination-concept_53876-125152.jpg", imageAlt: "Medical consultation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-doctor-analyzing-disease-expertise-using-tablet-monitoring-patient-symptoms-clinical-examination-specialist-working-healthcare-treatment-hospital-office_482257-30429.jpg", imageAlt: "Expert doctor" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-her-office_1098-21369.jpg", imageAlt: "Doctor at desk" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-doctor_23-2148868179.jpg", imageAlt: "Professional doctor" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/group-doctor-junior-nurses-specialists-scrubs-analyzing-results_482257-122859.jpg", imageAlt: "Clinical team" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-standing-hospital-premises_107420-84762.jpg",
|
||||
imageAlt: "Stethoscope",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctors-nurse-interacting-with-each-other_107420-84775.jpg",
|
||||
imageAlt: "Doctors interacting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-team-health-workers_23-2149112531.jpg",
|
||||
imageAlt: "Health workers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-nurse-smiling-wearing-uniform-office-sitting-desk-medical-assistant-with-stethoscope-looking-camera-getting-ready-help-doctor-appointment_482257-41834.jpg",
|
||||
imageAlt: "Clinic staff",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-person-signs-financial-investment-contract-discussion-with-banker_482257-100585.jpg",
|
||||
imageAlt: "Medical admin",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/doctor-standing-hospital-premises_107420-84762.jpg", imageAlt: "Stethoscope" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/doctors-nurse-interacting-with-each-other_107420-84775.jpg", imageAlt: "Doctors interacting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-team-health-workers_23-2149112531.jpg", imageAlt: "Health workers" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-nurse-smiling-wearing-uniform-office-sitting-desk-medical-assistant-with-stethoscope-looking-camera-getting-ready-help-doctor-appointment_482257-41834.jpg", imageAlt: "Clinic staff" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/senior-person-signs-financial-investment-contract-discussion-with-banker_482257-100585.jpg", imageAlt: "Medical admin" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mature-healthcare-worker-talking-her-patient-medical-appointment-clinic_637285-8987.jpg",
|
||||
alt: "Doctor checking patient",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-doctors-talking-about-patient-s-medical-reports-while-working-hospital_637285-5233.jpg",
|
||||
alt: "Doctor medical report",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medic-expert-analyzing-ct-scan-result-examine-organs-condition_482257-112102.jpg",
|
||||
alt: "CT scan analysis",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-medic-with-patient-provides-recommendation-treatment_482257-131638.jpg",
|
||||
alt: "Consultation interaction",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-doctors-discussing-digital-tablet_107420-84760.jpg",
|
||||
alt: "Medical team discussion",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/mature-healthcare-worker-talking-her-patient-medical-appointment-clinic_637285-8987.jpg", alt: "Doctor checking patient" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-doctors-talking-about-patient-s-medical-reports-while-working-hospital_637285-5233.jpg", alt: "Doctor medical report" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medic-expert-analyzing-ct-scan-result-examine-organs-condition_482257-112102.jpg", alt: "CT scan analysis" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/african-american-medic-with-patient-provides-recommendation-treatment_482257-131638.jpg", alt: "Consultation interaction" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/team-doctors-discussing-digital-tablet_107420-84760.jpg", alt: "Medical team discussion" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ patients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Board Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "HIPAA Compliant",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Insurance Ready",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Records",
|
||||
},
|
||||
{ type: "text", text: "Board Certified" },
|
||||
{ type: "text", text: "HIPAA Compliant" },
|
||||
{ type: "text", text: "24/7 Support" },
|
||||
{ type: "text", text: "Insurance Ready" },
|
||||
{ type: "text", text: "Secure Records" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,9 +92,7 @@ export default function LandingPage() {
|
||||
title="Dedicated to Your Health & Well-being"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -177,28 +104,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Online Booking",
|
||||
description: "Seamlessly schedule appointments with your preferred doctor.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Calendar,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-medic-woman-hospital_23-2147767604.jpg",
|
||||
imageAlt: "smiling doctor in office",
|
||||
title: "Online Booking", description: "Seamlessly schedule appointments with your preferred doctor.", bentoComponent: "reveal-icon", icon: Calendar,
|
||||
},
|
||||
{
|
||||
title: "Verified Profiles",
|
||||
description: "View certifications and background info for all specialists.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/health-plan-information-examination-concept_53876-125152.jpg?_wi=2",
|
||||
imageAlt: "smiling doctor in office",
|
||||
title: "Verified Profiles", description: "View certifications and background info for all specialists.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
title: "Digital Records",
|
||||
description: "Secure access to your medical history and test results.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: FileText,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/general-practitioner-pointing-green-screen-mockup-device_482257-124759.jpg",
|
||||
imageAlt: "smiling doctor in office",
|
||||
title: "Digital Records", description: "Secure access to your medical history and test results.", bentoComponent: "reveal-icon", icon: FileText,
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Care Features"
|
||||
@@ -213,36 +125,11 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "d1",
|
||||
name: "Dr. Sarah Miller",
|
||||
role: "Cardiologist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-male-doctor_171337-1533.jpg",
|
||||
},
|
||||
{
|
||||
id: "d2",
|
||||
name: "Dr. James Wilson",
|
||||
role: "Orthopedic Surgeon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-holding-stethoscope_23-2148285702.jpg",
|
||||
},
|
||||
{
|
||||
id: "d3",
|
||||
name: "Dr. Elena Rodriguez",
|
||||
role: "General Physician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg",
|
||||
},
|
||||
{
|
||||
id: "d4",
|
||||
name: "Dr. Kevin Chang",
|
||||
role: "Dermatologist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-showing-results-tablet_329181-9276.jpg",
|
||||
},
|
||||
{
|
||||
id: "d5",
|
||||
name: "Dr. Alice Wong",
|
||||
role: "Pediatrician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-confident-lady-doctor-medical-gown-looking_171337-5773.jpg",
|
||||
},
|
||||
{ id: "d1", name: "Dr. Sarah Miller", role: "Cardiologist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-male-doctor_171337-1533.jpg" },
|
||||
{ id: "d2", name: "Dr. James Wilson", role: "Orthopedic Surgeon", imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-holding-stethoscope_23-2148285702.jpg" },
|
||||
{ id: "d3", name: "Dr. Elena Rodriguez", role: "General Physician", imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg" },
|
||||
{ id: "d4", name: "Dr. Kevin Chang", role: "Dermatologist", imageSrc: "http://img.b2bpic.net/free-photo/doctor-showing-results-tablet_329181-9276.jpg" },
|
||||
{ id: "d5", name: "Dr. Alice Wong", role: "Pediatrician", imageSrc: "http://img.b2bpic.net/free-photo/young-confident-lady-doctor-medical-gown-looking_171337-5773.jpg" },
|
||||
]}
|
||||
title="Our Specialized Medical Team"
|
||||
description="Meet our highly qualified specialists with certified medical expertise."
|
||||
@@ -253,33 +140,14 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-woman-looking-camera-while-standing-corridor-hospital-team-doctors-is-background_637285-729.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-getting-ready-work_23-2149152491.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anna K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-doctor-girl-wearing-stethoscope-medical-gown-green-wall_141793-32679.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-smart-clothes-sitting-office-chair-with-smartphone-smiling-camera_1098-20734.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-doctor-medical-suit-yellow-background_179666-27775.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-woman-looking-camera-while-standing-corridor-hospital-team-doctors-is-background_637285-729.jpg" },
|
||||
{ id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-getting-ready-work_23-2149152491.jpg" },
|
||||
{ id: "3", name: "Anna K.", imageSrc: "http://img.b2bpic.net/free-photo/young-doctor-girl-wearing-stethoscope-medical-gown-green-wall_141793-32679.jpg" },
|
||||
{ id: "4", name: "Robert B.", imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-smart-clothes-sitting-office-chair-with-smartphone-smiling-camera_1098-20734.jpg" },
|
||||
{ id: "5", name: "Emily P.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-doctor-medical-suit-yellow-background_179666-27775.jpg" },
|
||||
]}
|
||||
cardTitle="Patient Experiences"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -288,21 +156,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How to verify doctor certificates?",
|
||||
content: "All doctor profiles include a badge linking to their official certification board.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I book for family?",
|
||||
content: "Yes, you can manage family appointments via your account dashboard.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is my health data secure?",
|
||||
content: "We strictly adhere to HIPAA and privacy standards for all records.",
|
||||
},
|
||||
{ id: "q1", title: "How to verify doctor certificates?", content: "All doctor profiles include a badge linking to their official certification board." },
|
||||
{ id: "q2", title: "Can I book for family?", content: "Yes, you can manage family appointments via your account dashboard." },
|
||||
{ id: "q3", title: "Is my health data secure?", content: "We strictly adhere to HIPAA and privacy standards for all records." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -312,9 +168,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Ready for your checkup?"
|
||||
description="Enter your email and our clinic coordinator will contact you shortly to confirm your visit."
|
||||
@@ -328,32 +182,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="MedBook"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Doctors",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Booking", href: "#" }, { label: "Doctors", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user