bender/6787a95d-45b6-4719-ade4-47e5c431c64d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-09 23:57:19 +00:00
parent 019a8e3bfe 929a86513a
commit 9d225a2123
1 changed files with 160 additions and 359 deletions
Download Patch File Download Diff File Expand all files Collapse all files

519
src/app/page.tsx
View File

@@ -29,374 +29,175 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Services",
id: "features",
},
{
name: "Team",
id: "team",
},
{
name: "FAQ",
id: "faq",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Khalifa Surgery"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Services", id: "features" },
{ name: "Team", id: "team" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="Khalifa Surgery"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Excellence in Surgical Care"
description="Khalifa Medical Surgery Complex provides world-class surgical expertise combined with compassionate, patient-centered clinical care."
tag="Premier Surgery Center"
tagAnimation="slide-up"
buttons={[
{
text: "Book Consultation",
href: "#contact",
},
{
text: "Our Services",
href: "#features",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/doctor-walking-down-hospital-corridor_23-2152005570.jpg?_wi=1"
imageAlt="modern medical facility"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/gynecological-room-hospital_7502-8389.jpg",
alt: "Gynecological room at the hospital",
},
{
src: "http://img.b2bpic.net/free-photo/interior-view-operating-room_1170-2255.jpg",
alt: "Interior view of operating room",
},
{
src: "http://img.b2bpic.net/free-photo/modern-clinical-lab-interior-with-concrete-flooring-metal-cabinet-desk_482257-124614.jpg",
alt: "Modern clinical lab interior with concrete flooring metal cabinet and desk",
},
{
src: "http://img.b2bpic.net/free-photo/healthcare-worker-pushing-gurney-hospital-corridor_23-2152005928.jpg",
alt: "Healthcare worker pushing a gurney in hospital corridor",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-surgeon-standing-with-arms-crossed-operation-room_1170-2202.jpg",
alt: "surgeon doctor portrait",
},
]}
avatarText="Trusted by 15,000+ patients"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Excellence in Surgical Care"
description="Khalifa Medical Surgery Complex provides world-class surgical expertise combined with compassionate, patient-centered clinical care."
tag="Premier Surgery Center"
tagAnimation="slide-up"
buttons={[
{ text: "Book Consultation", href: "#contact" },
{ text: "Our Services", href: "#features" },
]}
imageSrc="http://img.b2bpic.net/free-photo/doctor-walking-down-hospital-corridor_23-2152005570.jpg"
imageAlt="modern medical facility"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/gynecological-room-hospital_7502-8389.jpg", alt: "Gynecological room at the hospital" },
{ src: "http://img.b2bpic.net/free-photo/interior-view-operating-room_1170-2255.jpg", alt: "Interior view of operating room" },
{ src: "http://img.b2bpic.net/free-photo/modern-clinical-lab-interior-with-concrete-flooring-metal-cabinet-desk_482257-124614.jpg", alt: "Modern clinical lab interior" },
{ src: "http://img.b2bpic.net/free-photo/healthcare-worker-pushing-gurney-hospital-corridor_23-2152005928.jpg", alt: "Healthcare worker" },
{ src: "http://img.b2bpic.net/free-photo/portrait-surgeon-standing-with-arms-crossed-operation-room_1170-2202.jpg", alt: "surgeon doctor portrait" },
]}
avatarText="Trusted by 15,000+ patients"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Dedicated to Your Health and Recovery",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/concentrated-surgeon-writing-clipboard_23-2147896857.jpg",
alt: "professional surgeon doctor",
},
]}
buttons={[
{
text: "Our Story",
href: "#",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{ type: "text", content: "Dedicated to Your Health and Recovery" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/concentrated-surgeon-writing-clipboard_23-2147896857.jpg", alt: "professional surgeon doctor" },
]}
buttons={[{ text: "Our Story", href: "#" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Robotic Surgery",
description: "Minimally invasive procedures for faster recovery.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/many-kind-medical-equipment-manage-surgeon-start-operations-operating-room_1301-7799.jpg",
},
items: [
{
icon: CheckCircle,
text: "Precision Robotics",
},
{
icon: CheckCircle,
text: "Minimal Recovery",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/doctor-walking-down-hospital-corridor_23-2152005570.jpg?_wi=2",
imageAlt: "robotic surgery technology",
},
{
title: "Diagnostic Center",
description: "High-resolution imaging and comprehensive clinical diagnostics.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/obstetrician-using-digital-tablet-consult-patient-expecting-child-medical-appointment-male-doctor-taking-notes-checkup-visit-examination-talking-woman-with-baby-bump_482257-45825.jpg",
},
items: [
{
icon: CheckCircle,
text: "Advanced Imaging",
},
{
icon: CheckCircle,
text: "Rapid Results",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-surgeon-writing-clipboard_23-2147896857.jpg",
imageAlt: "robotic surgery technology",
},
{
title: "Patient Care Suites",
description: "Luxurious and sterile post-operative recovery environment.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-row-chairs-contemporary-empty-room_1048-9904.jpg",
},
items: [
{
icon: CheckCircle,
text: "Comfortable Suites",
},
{
icon: CheckCircle,
text: "24/7 Monitoring",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-surgeon-standing-with-arms-crossed-operation-room_1170-2202.jpg?_wi=1",
imageAlt: "robotic surgery technology",
},
]}
title="Advanced Surgical Services"
description="We utilize cutting-edge technology and evidence-based medicine to ensure optimal patient outcomes."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Robotic Surgery", description: "Minimally invasive procedures for faster recovery.", media: { imageSrc: "http://img.b2bpic.net/free-photo/many-kind-medical-equipment-manage-surgeon-start-operations-operating-room_1301-7799.jpg", imageAlt: "robotic surgery technology" },
items: [
{ icon: CheckCircle, text: "Precision Robotics" },
{ icon: CheckCircle, text: "Minimal Recovery" },
],
reverse: false,
},
{
title: "Diagnostic Center", description: "High-resolution imaging and comprehensive clinical diagnostics.", media: { imageSrc: "http://img.b2bpic.net/free-photo/obstetrician-using-digital-tablet-consult-patient-expecting-child-medical-appointment-male-doctor-taking-notes-checkup-visit-examination-talking-woman-with-baby-bump_482257-45825.jpg", imageAlt: "diagnostic tech" },
items: [
{ icon: CheckCircle, text: "Advanced Imaging" },
{ icon: CheckCircle, text: "Rapid Results" },
],
reverse: true,
},
{
title: "Patient Care Suites", description: "Luxurious and sterile post-operative recovery environment.", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-row-chairs-contemporary-empty-room_1048-9904.jpg", imageAlt: "recovery suites" },
items: [
{ icon: CheckCircle, text: "Comfortable Suites" },
{ icon: CheckCircle, text: "24/7 Monitoring" },
],
reverse: false,
},
]}
title="Advanced Surgical Services"
description="We utilize cutting-edge technology and evidence-based medicine to ensure optimal patient outcomes."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "99%",
description: "Patient Satisfaction",
},
{
id: "m2",
value: "15k+",
description: "Successful Surgeries",
},
{
id: "m3",
value: "24/7",
description: "Expert Care Available",
},
]}
title="Proven Quality Metrics"
description="Quality is the cornerstone of our clinical practice."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "99%", description: "Patient Satisfaction" },
{ id: "m2", value: "15k+", description: "Successful Surgeries" },
{ id: "m3", value: "24/7", description: "Expert Care Available" },
]}
title="Proven Quality Metrics"
description="Quality is the cornerstone of our clinical practice."
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Dr. Ahmed Khalid",
role: "Lead Surgeon",
description: "Expert in robotic surgery.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-surgeon-standing-with-arms-crossed-operation-room_1170-2202.jpg?_wi=2",
},
{
id: "t2",
name: "Dr. Sarah Mansour",
role: "Senior Consultant",
description: "Cardiothoracic specialty.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-nurse_23-2151061554.jpg",
},
{
id: "t3",
name: "Fatima Noor",
role: "Head Nurse",
description: "Patient advocacy leader.",
imageSrc: "http://img.b2bpic.net/free-photo/nurse-doctor-team-ready-work-day_23-2149309959.jpg",
},
{
id: "t4",
name: "Dr. Omar Saeed",
role: "Chief Radiologist",
description: "Advanced diagnostics specialist.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-doctor-uniform-hospital_23-2148733958.jpg",
},
]}
title="Meet Our Expert Surgeons"
description="Our team of board-certified specialists brings years of surgical excellence to every procedure."
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
members={[
{ id: "t1", name: "Dr. Ahmed Khalid", role: "Lead Surgeon", description: "Expert in robotic surgery.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surgeon-standing-with-arms-crossed-operation-room_1170-2202.jpg" },
{ id: "t2", name: "Dr. Sarah Mansour", role: "Senior Consultant", description: "Cardiothoracic specialty.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-nurse_23-2151061554.jpg" },
{ id: "t3", name: "Fatima Noor", role: "Head Nurse", description: "Patient advocacy leader.", imageSrc: "http://img.b2bpic.net/free-photo/nurse-doctor-team-ready-work-day_23-2149309959.jpg" },
{ id: "t4", name: "Dr. Omar Saeed", role: "Chief Radiologist", description: "Advanced diagnostics specialist.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-doctor-uniform-hospital_23-2148733958.jpg" },
]}
title="Meet Our Expert Surgeons"
description="Our team of board-certified specialists brings years of surgical excellence to every procedure."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Aisha R.",
handle: "@aishar",
testimonial: "Exceptional care and professional staff throughout my recovery.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-health-worker_23-2148980757.jpg",
},
{
id: "2",
name: "Hassan M.",
handle: "@hassanm",
testimonial: "The precision of the surgical team was truly impressive.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-3d-male-doctor_23-2151106991.jpg",
},
{
id: "3",
name: "Layla Z.",
handle: "@laylaz",
testimonial: "I felt safe and supported every step of the way.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-sick-little-girl-playing-games-laptop-while-mother-sitting-beside-her-inside-hospital-pediatrics-ward-room-joyful-child-treatment-gaming-patient-bed-while-parent-takes-care-her_482257-49450.jpg",
},
{
id: "4",
name: "Omar K.",
handle: "@omark",
testimonial: "World-class surgical facility with a heart for patients.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-woman-talking_23-2148894920.jpg",
},
{
id: "5",
name: "Sara B.",
handle: "@sarab",
testimonial: "Excellent diagnostics and very quick scheduling.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-woman-talking-her-doctor-medical-clinic_637285-9073.jpg",
},
]}
title="Patient Stories"
description="Read about the transformative experiences our patients have had at Khalifa Medical Surgery Complex."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Aisha R.", handle: "@aishar", testimonial: "Exceptional care and professional staff throughout my recovery.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-health-worker_23-2148980757.jpg" },
{ id: "2", name: "Hassan M.", handle: "@hassanm", testimonial: "The precision of the surgical team was truly impressive.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-3d-male-doctor_23-2151106991.jpg" },
{ id: "3", name: "Layla Z.", handle: "@laylaz", testimonial: "I felt safe and supported every step of the way.", imageSrc: "http://img.b2bpic.net/free-photo/happy-sick-little-girl-playing-games-laptop-while-mother-sitting-beside-her-inside-hospital-pediatrics-ward-room-joyful-child-treatment-gaming-patient-bed-while-parent-takes-care-her_482257-49450.jpg" },
{ id: "4", name: "Omar K.", handle: "@omark", testimonial: "World-class surgical facility with a heart for patients.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-woman-talking_23-2148894920.jpg" },
{ id: "5", name: "Sara B.", handle: "@sarab", testimonial: "Excellent diagnostics and very quick scheduling.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-woman-talking-her-doctor-medical-clinic_637285-9073.jpg" },
]}
title="Patient Stories"
description="Read about the transformative experiences our patients have had at Khalifa Medical Surgery Complex."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do I schedule surgery?",
content: "Contact our patient coordinators via the booking form.",
},
{
id: "f2",
title: "Is post-operative care provided?",
content: "Yes, we offer comprehensive post-surgical recovery suites.",
},
{
id: "f3",
title: "Which insurance do you accept?",
content: "We work with all major regional and international providers.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/empty-doctors-workplace-room-with-desk-technology_482257-14017.jpg"
mediaAnimation="slide-up"
title="Common Questions"
description="Find answers to help you prepare for your upcoming visit or surgery."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "How do I schedule surgery?", content: "Contact our patient coordinators via the booking form." },
{ id: "f2", title: "Is post-operative care provided?", content: "Yes, we offer comprehensive post-surgical recovery suites." },
{ id: "f3", title: "Which insurance do you accept?", content: "We work with all major regional and international providers." },
]}
imageSrc="http://img.b2bpic.net/free-photo/empty-doctors-workplace-room-with-desk-technology_482257-14017.jpg"
mediaAnimation="slide-up"
title="Common Questions"
description="Find answers to help you prepare for your upcoming visit or surgery."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
text="Schedule your consultation with the leading surgery complex in the region today."
buttons={[
{
text: "Contact Us",
href: "tel:+97100000000",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
text="Schedule your consultation with the leading surgery complex in the region today."
buttons={[{ text: "Contact Us", href: "tel:+97100000000" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Services",
items: [
{
label: "Robotic Surgery",
href: "#",
},
{
label: "Diagnostics",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Khalifa Medical Surgery Complex"
bottomRightText="All rights reserved"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Services", items: [{ label: "Robotic Surgery", href: "#" }, { label: "Diagnostics", href: "#" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
]}
bottomLeftText="© 2024 Khalifa Medical Surgery Complex"
bottomRightText="All rights reserved"
/>
</div>
</ReactLenis>
</ThemeProvider>
);