bender/c9132eef-14c3-47ff-84d8-cf39650152c5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-17 17:16:17 +00:00
parent cc9bb8b91f
commit 96e7b64101
1 changed files with 57 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files

279
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Team",
id: "team",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
]}
brandName="Central Hospital"
/>
@@ -55,22 +43,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Excellence in Compassionate Care"
description="Central Hospital offers world-class medical expertise with a human touch. Our mission is to provide life-saving treatments and preventive care for our community."
buttons={[
{
text: "Book Appointment",
href: "/contact",
},
{
text: "Our Services",
href: "#services",
},
{ text: "Book Appointment", href: "/contact" },
{ text: "Our Services", href: "#services" },
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-assistant-typing-medical-expertise-computer_482257-10573.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/front-view-assistant-typing-medical-expertise-computer_482257-10573.jpg"
/>
</div>
@@ -78,19 +58,9 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Advanced Medicine,",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/chemist-nurse-sitting-scientific-equipped-lab-examining-virus-evolution-using-high-tech-researching-treatment-against-covid19-virus_482257-480.jpg",
alt: "Hospital technology",
},
{
type: "text",
content: " Focused Care.",
},
{ type: "text", content: "Advanced Medicine," },
{ type: "image", src: "http://img.b2bpic.net/free-photo/chemist-nurse-sitting-scientific-equipped-lab-examining-virus-evolution-using-high-tech-researching-treatment-against-covid19-virus_482257-480.jpg", alt: "Hospital technology" },
{ type: "text", content: " Focused Care." },
]}
/>
</div>
@@ -102,67 +72,31 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Diagnostic Imaging",
description: "High-precision MRI and CT scanning facilities.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-using-tablet_23-2148285675.jpg",
imageAlt: "Diagnostic Imaging",
},
title: "Diagnostic Imaging", description: "High-precision MRI and CT scanning facilities.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-using-tablet_23-2148285675.jpg", imageAlt: "Diagnostic Imaging"},
items: [
{
icon: CheckCircle,
text: "Rapid results",
},
{
icon: CheckCircle,
text: "Latest tech",
},
{ icon: CheckCircle, text: "Rapid results" },
{ icon: CheckCircle, text: "Latest tech" },
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-assistant-typing-medical-expertise-computer_482257-10573.jpg?_wi=2",
imageAlt: "doctor reviewing patient data",
reverse: false
},
{
title: "Surgical Excellence",
description: "Advanced surgical procedures with minimally invasive techniques.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/nobody-emergency-hospital-ward-healthcare-facility-intensive-care-surgery-recovery-emp_482257-3436.jpg",
imageAlt: "Surgery",
},
title: "Surgical Excellence", description: "Advanced surgical procedures with minimally invasive techniques.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/nobody-emergency-hospital-ward-healthcare-facility-intensive-care-surgery-recovery-emp_482257-3436.jpg", imageAlt: "Surgery"},
items: [
{
icon: CheckCircle,
text: "Board certified",
},
{
icon: CheckCircle,
text: "Lower recovery time",
},
{ icon: CheckCircle, text: "Board certified" },
{ icon: CheckCircle, text: "Lower recovery time" },
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/chemist-nurse-sitting-scientific-equipped-lab-examining-virus-evolution-using-high-tech-researching-treatment-against-covid19-virus_482257-480.jpg",
imageAlt: "doctor reviewing patient data",
reverse: true
},
{
title: "Patient Recovery",
description: "State-of-the-art recovery rooms with 24/7 specialist care.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/nurse-explaining-diangosis-laptop-patient-waiting-area-medical-center-healthcare-specialist-using-computer-consultation-exam-with-young-adult-waiting-room-seats_482257-50537.jpg",
imageAlt: "Recovery",
},
title: "Patient Recovery", description: "State-of-the-art recovery rooms with 24/7 specialist care.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/nurse-explaining-diangosis-laptop-patient-waiting-area-medical-center-healthcare-specialist-using-computer-consultation-exam-with-young-adult-waiting-room-seats_482257-50537.jpg", imageAlt: "Recovery"},
items: [
{
icon: CheckCircle,
text: "Tailored diets",
},
{
icon: CheckCircle,
text: "Specialist support",
},
{ icon: CheckCircle, text: "Tailored diets" },
{ icon: CheckCircle, text: "Specialist support" },
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-male-doctor_171337-1491.jpg?_wi=1",
imageAlt: "doctor reviewing patient data",
reverse: false
},
]}
title="Our Specialized Medical Services"
@@ -177,31 +111,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15,000+",
title: "Patients Served",
items: [
"Annual visits",
"Satisfied individuals",
],
id: "m1", value: "15,000+", title: "Patients Served", items: ["Annual visits", "Satisfied individuals"],
},
{
id: "m2",
value: "200+",
title: "Medical Experts",
items: [
"Specialist doctors",
"Nurses/staff",
],
id: "m2", value: "200+", title: "Medical Experts", items: ["Specialist doctors", "Nurses/staff"],
},
{
id: "m3",
value: "50+",
title: "Specialty Clinics",
items: [
"On-site units",
"State-of-the-art",
],
id: "m3", value: "50+", title: "Specialty Clinics", items: ["On-site units", "State-of-the-art"],
},
]}
title="Our Impact in Numbers"
@@ -217,29 +133,13 @@ export default function LandingPage() {
useInvertedBackground={true}
members={[
{
id: "t1",
name: "Dr. Sarah Miller",
role: "Chief Surgeon",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-male-doctor_171337-1491.jpg?_wi=2",
},
id: "t1", name: "Dr. Sarah Miller", role: "Chief Surgeon", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-male-doctor_171337-1491.jpg"},
{
id: "t2",
name: "Dr. David Chen",
role: "Cardiologist",
imageSrc: "http://img.b2bpic.net/free-photo/nurse-doctor-team-ready-work-day_23-2149309959.jpg",
},
id: "t2", name: "Dr. David Chen", role: "Cardiologist", imageSrc: "http://img.b2bpic.net/free-photo/nurse-doctor-team-ready-work-day_23-2149309959.jpg"},
{
id: "t3",
name: "Nurse Elena Rodriguez",
role: "Head of Patient Care",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blond-woman-doctor-hospital_268835-943.jpg",
},
id: "t3", name: "Nurse Elena Rodriguez", role: "Head of Patient Care", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blond-woman-doctor-hospital_268835-943.jpg"},
{
id: "t4",
name: "Dr. Marcus Thorne",
role: "Anesthesiologist",
imageSrc: "http://img.b2bpic.net/free-photo/licensed-doctor-specialist-meeting-with-his-staff-research-session_482257-122789.jpg",
},
id: "t4", name: "Dr. Marcus Thorne", role: "Anesthesiologist", imageSrc: "http://img.b2bpic.net/free-photo/licensed-doctor-specialist-meeting-with-his-staff-research-session_482257-122789.jpg"},
]}
title="Meet Our Medical Specialists"
description="Dedicated professionals committed to your long-term health and wellbeing."
@@ -253,59 +153,25 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alice Smith",
role: "Patient",
company: "Local Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-3d-male-doctor_23-2151107349.jpg",
},
id: "1", name: "Alice Smith", role: "Patient", company: "Local Community", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-3d-male-doctor_23-2151107349.jpg"},
{
id: "2",
name: "Robert Brown",
role: "Cardiac Care",
company: "Local Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-hospital-patient-cured-from-covid-19_53876-148035.jpg",
},
id: "2", name: "Robert Brown", role: "Cardiac Care", company: "Local Community", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-hospital-patient-cured-from-covid-19_53876-148035.jpg"},
{
id: "3",
name: "Emily White",
role: "Patient",
company: "Local Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-clinic_23-2149103560.jpg",
},
id: "3", name: "Emily White", role: "Patient", company: "Local Community", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-clinic_23-2149103560.jpg"},
{
id: "4",
name: "John Doe",
role: "Post-Op",
company: "Local Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/tense-holding-points-speech-bubble-young-female-doctor-wearing-uniform-fith-stethoscope-isolated-orange-background_141793-135455.jpg",
},
id: "4", name: "John Doe", role: "Post-Op", company: "Local Community", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/tense-holding-points-speech-bubble-young-female-doctor-wearing-uniform-fith-stethoscope-isolated-orange-background_141793-135455.jpg"},
{
id: "5",
name: "Sarah Miller",
role: "Patient",
company: "Local Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medical-team-discusses-x-ray-scan-results-patient-care-treatment-center_482257-116767.jpg",
},
id: "5", name: "Sarah Miller", role: "Patient", company: "Local Community", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medical-team-discusses-x-ray-scan-results-patient-care-treatment-center_482257-116767.jpg"},
]}
kpiItems={[
{
value: "4.9/5",
label: "Average Rating",
},
{
value: "98%",
label: "Patient Recovery",
},
{
value: "100%",
label: "Quality Care",
},
{ value: "4.9/5", label: "Average Rating" },
{ value: "98%", label: "Patient Recovery" },
{ value: "100%", label: "Quality Care" },
]}
title="Trusted by Our Community"
description="Real patient stories about their experience with Central Hospital."
@@ -317,21 +183,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How do I book an appointment?",
content: "You can book online or visit our reception.",
},
{
id: "f2",
title: "Do you accept insurance?",
content: "Yes, we accept all major health insurance providers.",
},
{
id: "f3",
title: "Are there emergency services?",
content: "Our ER is open 24/7 to attend to all emergencies.",
},
{ id: "f1", title: "How do I book an appointment?", content: "You can book online or visit our reception." },
{ id: "f2", title: "Do you accept insurance?", content: "Yes, we accept all major health insurance providers." },
{ id: "f3", title: "Are there emergency services?", content: "Our ER is open 24/7 to attend to all emergencies." },
]}
imageSrc="http://img.b2bpic.net/free-photo/empty-hospital-reception-counter-hallway-waiting-room-seats-medical-examination-appointment-with-physician-registration-desk-with-waiting-area-help-patients-with-disease-diagnosis_482257-51632.jpg"
mediaAnimation="slide-up"
@@ -344,15 +198,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
text="Get in touch with Central Hospital to schedule your consultation or inquiry today."
buttons={[
{
text: "Contact Us Now",
href: "tel:5550123",
},
{ text: "Contact Us Now", href: "tel:5550123" },
]}
/>
</div>
@@ -361,29 +210,15 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Departments",
items: [
{
label: "Surgery",
href: "#",
},
{
label: "Diagnostics",
href: "#",
},
title: "Departments", items: [
{ label: "Surgery", href: "#" },
{ label: "Diagnostics", href: "#" },
],
},
{
title: "Support",
items: [
{
label: "Appointments",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
title: "Support", items: [
{ label: "Appointments", href: "#" },
{ label: "Privacy Policy", href: "#" },
],
},
]}