Merge version_1 into main #2
241
src/app/page.tsx
241
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Procedures",
|
||||
id: "#procedures",
|
||||
},
|
||||
name: "Procedures", id: "#procedures"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Apex Surgery"
|
||||
/>
|
||||
@@ -55,92 +47,51 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Excellence in Surgical Care"
|
||||
description="Providing personalized, compassionate, and precision-led surgical solutions. Your health and comfort are our highest priorities."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.",
|
||||
handle: "@patient",
|
||||
testimonial: "Exceptional care and recovery. The surgeon was incredibly detailed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-medic-examining-male-patient-office-routine-checkup-discussing-about-treatment-plan_482257-135628.jpg?_wi=1",
|
||||
},
|
||||
name: "Alice M.", handle: "@patient", testimonial: "Exceptional care and recovery. The surgeon was incredibly detailed.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-medic-examining-male-patient-office-routine-checkup-discussing-about-treatment-plan_482257-135628.jpg"},
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@patient",
|
||||
testimonial: "I felt safe throughout the entire process. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-colleagues-handshaking-hospital_23-2147767570.jpg?_wi=1",
|
||||
},
|
||||
name: "John D.", handle: "@patient", testimonial: "I felt safe throughout the entire process. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-colleagues-handshaking-hospital_23-2147767570.jpg"},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@patient",
|
||||
testimonial: "Professional, clean, and truly expert surgical team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-male-doctor-shaking-hands-with-senior-man-who-came-medical-appointment-with-his-wife_637285-1501.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah P.", handle: "@patient", testimonial: "Professional, clean, and truly expert surgical team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-male-doctor-shaking-hands-with-senior-man-who-came-medical-appointment-with-his-wife_637285-1501.jpg"},
|
||||
{
|
||||
name: "Mark L.",
|
||||
handle: "@patient",
|
||||
testimonial: "The best surgical experience I have ever had. Truly grateful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg?_wi=1",
|
||||
},
|
||||
name: "Mark L.", handle: "@patient", testimonial: "The best surgical experience I have ever had. Truly grateful.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg"},
|
||||
{
|
||||
name: "Emma R.",
|
||||
handle: "@patient",
|
||||
testimonial: "Clear communication and perfect results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-worker-taking-care-old-woman_23-2149031322.jpg?_wi=1",
|
||||
},
|
||||
name: "Emma R.", handle: "@patient", testimonial: "Clear communication and perfect results.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-worker-taking-care-old-woman_23-2149031322.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-scalpel-with-other-medical-instruments_23-2149299225.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-scalpel-with-other-medical-instruments_23-2149299225.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-medic-examining-male-patient-office-routine-checkup-discussing-about-treatment-plan_482257-135628.jpg",
|
||||
alt: "Patient 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-medic-examining-male-patient-office-routine-checkup-discussing-about-treatment-plan_482257-135628.jpg", alt: "Patient 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-colleagues-handshaking-hospital_23-2147767570.jpg",
|
||||
alt: "Patient 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-colleagues-handshaking-hospital_23-2147767570.jpg", alt: "Patient 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-male-doctor-shaking-hands-with-senior-man-who-came-medical-appointment-with-his-wife_637285-1501.jpg",
|
||||
alt: "Patient 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-male-doctor-shaking-hands-with-senior-man-who-came-medical-appointment-with-his-wife_637285-1501.jpg", alt: "Patient 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg",
|
||||
alt: "Patient 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg", alt: "Patient 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/social-worker-taking-care-old-woman_23-2149031322.jpg",
|
||||
alt: "Patient 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/social-worker-taking-care-old-woman_23-2149031322.jpg", alt: "Patient 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ patients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision",
|
||||
},
|
||||
type: "text", text: "Precision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Compassion",
|
||||
},
|
||||
type: "text", text: "Compassion"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Excellence",
|
||||
},
|
||||
type: "text", text: "Excellence"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
type: "text", text: "Innovation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliability",
|
||||
},
|
||||
type: "text", text: "Reliability"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -152,19 +103,13 @@ export default function LandingPage() {
|
||||
description="With over 20 years of experience, our surgery is dedicated to delivering outcomes that restore health and improve quality of life."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "20+", title: "Years Experience"},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Successful Surgeries",
|
||||
},
|
||||
value: "5k+", title: "Successful Surgeries"},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Patient Satisfaction",
|
||||
},
|
||||
value: "99%", title: "Patient Satisfaction"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-doctor-wearing-medical-gown_23-2149609882.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-doctor-wearing-medical-gown_23-2149609882.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -177,55 +122,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Minimally Invasive Surgery",
|
||||
description: "Faster recovery with high-precision techniques.",
|
||||
icon: CheckCircle,
|
||||
title: "Minimally Invasive Surgery", description: "Faster recovery with high-precision techniques.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/medical-line-icons-set-infographics_1057-10855.jpg?_wi=1",
|
||||
imageAlt: "Minimally Invasive 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/medical-line-icons-set-infographics_1057-10855.jpg", imageAlt: "Minimally Invasive 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/medical-line-icons-set-infographics_1057-10855.jpg?_wi=2",
|
||||
imageAlt: "Minimally Invasive 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/medical-line-icons-set-infographics_1057-10855.jpg", imageAlt: "Minimally Invasive 2"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-scalpel-with-other-medical-instruments_23-2149299225.jpg?_wi=2",
|
||||
imageAlt: "modern surgical clinic interior",
|
||||
},
|
||||
{
|
||||
title: "Orthopedic Surgery",
|
||||
description: "Restoring movement and eliminating chronic pain.",
|
||||
icon: CheckCircle,
|
||||
title: "Orthopedic Surgery", description: "Restoring movement and eliminating chronic pain.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/surgery-medical-icons-design-concept_98292-450.jpg?_wi=1",
|
||||
imageAlt: "Orthopedic 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/surgery-medical-icons-design-concept_98292-450.jpg", imageAlt: "Orthopedic 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/surgery-medical-icons-design-concept_98292-450.jpg?_wi=2",
|
||||
imageAlt: "Orthopedic 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/surgery-medical-icons-design-concept_98292-450.jpg", imageAlt: "Orthopedic 2"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-wearing-medical-gown_23-2149609882.jpg?_wi=2",
|
||||
imageAlt: "professional doctor portrait studio",
|
||||
},
|
||||
{
|
||||
title: "Cosmetic Reconstruction",
|
||||
description: "Restorative surgical care focusing on aesthetic goals.",
|
||||
icon: CheckCircle,
|
||||
title: "Cosmetic Reconstruction", description: "Restorative surgical care focusing on aesthetic goals.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-medicine-infographics_23-2148657509.jpg?_wi=1",
|
||||
imageAlt: "Reconstruction 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-medicine-infographics_23-2148657509.jpg", imageAlt: "Reconstruction 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-medicine-infographics_23-2148657509.jpg?_wi=2",
|
||||
imageAlt: "Reconstruction 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-medicine-infographics_23-2148657509.jpg", imageAlt: "Reconstruction 2"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/medical-line-icons-set-infographics_1057-10855.jpg?_wi=3",
|
||||
imageAlt: "medical service recovery icon",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Procedures"
|
||||
@@ -239,45 +160,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Life Changing",
|
||||
quote: "I felt supported at every single step of the process.",
|
||||
name: "Alice M.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-medic-examining-male-patient-office-routine-checkup-discussing-about-treatment-plan_482257-135628.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "Life Changing", quote: "I felt supported at every single step of the process.", name: "Alice M.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/woman-medic-examining-male-patient-office-routine-checkup-discussing-about-treatment-plan_482257-135628.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Expert Team",
|
||||
quote: "The entire team was highly professional and compassionate.",
|
||||
name: "John D.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-colleagues-handshaking-hospital_23-2147767570.jpg?_wi=2",
|
||||
},
|
||||
id: "2", title: "Expert Team", quote: "The entire team was highly professional and compassionate.", name: "John D.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-colleagues-handshaking-hospital_23-2147767570.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Great Results",
|
||||
quote: "I am so happy with the recovery time and result.",
|
||||
name: "Sarah P.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-male-doctor-shaking-hands-with-senior-man-who-came-medical-appointment-with-his-wife_637285-1501.jpg?_wi=2",
|
||||
},
|
||||
id: "3", title: "Great Results", quote: "I am so happy with the recovery time and result.", name: "Sarah P.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/happy-male-doctor-shaking-hands-with-senior-man-who-came-medical-appointment-with-his-wife_637285-1501.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Comforting Care",
|
||||
quote: "A wonderful experience for such a nerve-wracking situation.",
|
||||
name: "Mark L.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg?_wi=2",
|
||||
},
|
||||
id: "4", title: "Comforting Care", quote: "A wonderful experience for such a nerve-wracking situation.", name: "Mark L.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Highly Professional",
|
||||
quote: "Surgical excellence combined with great bedside manner.",
|
||||
name: "Emma R.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-worker-taking-care-old-woman_23-2149031322.jpg?_wi=2",
|
||||
},
|
||||
id: "5", title: "Highly Professional", quote: "Surgical excellence combined with great bedside manner.", name: "Emma R.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/social-worker-taking-care-old-woman_23-2149031322.jpg"},
|
||||
]}
|
||||
title="Patient Journeys"
|
||||
description="Read about the transformative impact of our care on our patients."
|
||||
@@ -290,20 +181,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I prepare for surgery?",
|
||||
content: "We will provide you with a comprehensive guide including medication adjustments and lifestyle tips.",
|
||||
},
|
||||
id: "q1", title: "How do I prepare for surgery?", content: "We will provide you with a comprehensive guide including medication adjustments and lifestyle tips."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the recovery time?",
|
||||
content: "Recovery varies by procedure; we ensure you have clear timelines and support throughout.",
|
||||
},
|
||||
id: "q2", title: "What is the recovery time?", content: "Recovery varies by procedure; we ensure you have clear timelines and support throughout."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is follow-up care included?",
|
||||
content: "Yes, we ensure all necessary follow-up appointments are scheduled before you leave the clinic.",
|
||||
},
|
||||
id: "q3", title: "Is follow-up care included?", content: "Yes, we ensure all necessary follow-up appointments are scheduled before you leave the clinic."},
|
||||
]}
|
||||
title="Common Patient Questions"
|
||||
description="Find answers to questions regarding recovery, preparation, and scheduling."
|
||||
@@ -315,14 +197,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to discuss your health? Contact our team for an initial consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule Consultation", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -332,29 +211,19 @@ export default function LandingPage() {
|
||||
logoText="Apex Surgery"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Procedures",
|
||||
href: "#procedures",
|
||||
},
|
||||
label: "Procedures", href: "#procedures"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Clinic",
|
||||
items: [
|
||||
title: "Clinic", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user