Merge version_2 into main #2
243
src/app/page.tsx
243
src/app/page.tsx
@@ -30,98 +30,48 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Book",
|
||||
id: "/booking",
|
||||
},
|
||||
name: "Book", id: "/booking"},
|
||||
{
|
||||
name: "Admin",
|
||||
id: "/admin",
|
||||
},
|
||||
name: "Admin", id: "/admin"},
|
||||
]}
|
||||
brandName="Dr. Eyad Amer"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "/booking",
|
||||
}}
|
||||
text: "Book Now", href: "/booking"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Future of Medical Excellence"
|
||||
description="Experience premium healthcare with Dr. Eyad Amer. Where advanced medical science meets personalized care in a futuristic environment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "/booking",
|
||||
},
|
||||
{
|
||||
text: "Contact Doctor",
|
||||
href: "/about",
|
||||
},
|
||||
{ text: "Book Appointment", href: "/booking" },
|
||||
{ text: "Contact Doctor", href: "/about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/techno-concept-with-connecting-lines-dots_1048-14262.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/techno-concept-with-connecting-lines-dots_1048-14262.jpg"
|
||||
imageAlt="Futuristic medical hologram"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-low-poly-background-network-connections-shallow-depth-field_1048-12194.jpg",
|
||||
alt: "Patient 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-abstract-connections-background-networking-connecting-lines-dots_1048-12640.jpg",
|
||||
alt: "Patient 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blue-smoke-waves-black-background_23-2148211011.jpg",
|
||||
alt: "Patient 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-background-with-flowing-dots_1048-11984.jpg",
|
||||
alt: "Patient 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/doctor-from-future-concept_23-2151111139.jpg",
|
||||
alt: "Patient 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-low-poly-background-network-connections-shallow-depth-field_1048-12194.jpg", alt: "Patient 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-abstract-connections-background-networking-connecting-lines-dots_1048-12640.jpg", alt: "Patient 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blue-smoke-waves-black-background_23-2148211011.jpg", alt: "Patient 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-background-with-flowing-dots_1048-11984.jpg", alt: "Patient 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/doctor-from-future-concept_23-2151111139.jpg", alt: "Patient 5" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ patients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Powered Diagnostics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Remote Care",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Minimally Invasive",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Personalized Treatment",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Standards",
|
||||
},
|
||||
{ type: "text", text: "AI-Powered Diagnostics" },
|
||||
{ type: "text", text: "24/7 Remote Care" },
|
||||
{ type: "text", text: "Minimally Invasive" },
|
||||
{ type: "text", text: "Personalized Treatment" },
|
||||
{ type: "text", text: "Global Standards" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,20 +82,11 @@ export default function LandingPage() {
|
||||
title="Advanced Clinical Expertise"
|
||||
description="Dr. Eyad Amer leads with innovation, combining decades of surgical precision with modern diagnostic technology to provide world-class healthcare."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Successful Surgeries",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Patient Support",
|
||||
},
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "5k+", title: "Successful Surgeries" },
|
||||
{ value: "24/7", title: "Patient Support" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862116.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862116.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -158,49 +99,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Diagnostics",
|
||||
description: "High-fidelity imaging and AI-powered diagnostic tools.",
|
||||
icon: Scan,
|
||||
title: "Advanced Diagnostics", description: "High-fidelity imaging and AI-powered diagnostic tools.", icon: Scan,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917461.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-cabinet-medical-facility-used-patient-care-management_482257-125573.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/techno-concept-with-connecting-lines-dots_1048-14262.jpg?_wi=2",
|
||||
imageAlt: "3d medical heart model diagnostics",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917461.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-cabinet-medical-facility-used-patient-care-management_482257-125573.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Surgical Excellence",
|
||||
description: "Precision surgical procedures in our modern, sterile facility.",
|
||||
icon: Activity,
|
||||
title: "Surgical Excellence", description: "Precision surgical procedures in our modern, sterile facility.", icon: Activity,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-surgeon-doctor-wearing-medical-uniform-typing-recovery-treatment_482257-10574.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-anatomic-heart-model-educational-purpose-with-medical-instruments_23-2149894513.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862116.jpg?_wi=2",
|
||||
imageAlt: "3d medical heart model diagnostics",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-surgeon-doctor-wearing-medical-uniform-typing-recovery-treatment_482257-10574.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-anatomic-heart-model-educational-purpose-with-medical-instruments_23-2149894513.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Online Consultation",
|
||||
description: "Secure remote care from your home via our portal.",
|
||||
icon: Globe,
|
||||
title: "Online Consultation", description: "Secure remote care from your home via our portal.", icon: Globe,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/innovative-futuristic-classroom-students_23-2150906252.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-doctors-office-with-medical-equipment-healthcare-nobody-cabinet-with-tools-instruments-computer-checkup-documents-desk-workplace-doctor-facility_482257-41369.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-woman-talking_23-2148894920.jpg?_wi=1",
|
||||
imageAlt: "3d medical heart model diagnostics",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/innovative-futuristic-classroom-students_23-2150906252.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-doctors-office-with-medical-equipment-healthcare-nobody-cabinet-with-tools-instruments-computer-checkup-documents-desk-workplace-doctor-facility_482257-41369.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Care Solutions"
|
||||
@@ -214,41 +131,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivers",
|
||||
role: "Patient",
|
||||
testimonial: "The best clinic experience I have ever had. Truly futuristic and professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-woman-talking_23-2148894920.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Patient",
|
||||
testimonial: "Dr. Eyad's care saved my life. His advanced approach is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-with-curly-hair-green-t-shirt-holding-arms-folded-looking-confident-front-view_176474-112456.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Henderson",
|
||||
role: "Patient",
|
||||
testimonial: "Efficient, modern, and extremely professional. The 3D diagnostics were impressive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lucy Chen",
|
||||
role: "Patient",
|
||||
testimonial: "Everything about this practice feels like the future of healthcare.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-business-concept-asian-female-manager-face-mask-looking-cheerful-showing-thumbup_1258-153671.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Miller",
|
||||
role: "Patient",
|
||||
testimonial: "Exceptional service and deep technical expertise combined.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-consulting-doctor_1170-2177.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex Rivers", role: "Patient", testimonial: "The best clinic experience I have ever had. Truly futuristic and professional.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-woman-talking_23-2148894920.jpg" },
|
||||
{ id: "2", name: "Sarah Jenkins", role: "Patient", testimonial: "Dr. Eyad's care saved my life. His advanced approach is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-with-curly-hair-green-t-shirt-holding-arms-folded-looking-confident-front-view_176474-112456.jpg" },
|
||||
{ id: "3", name: "Mark Henderson", role: "Patient", testimonial: "Efficient, modern, and extremely professional. The 3D diagnostics were impressive.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg" },
|
||||
{ id: "4", name: "Lucy Chen", role: "Patient", testimonial: "Everything about this practice feels like the future of healthcare.", imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-business-concept-asian-female-manager-face-mask-looking-cheerful-showing-thumbup_1258-153671.jpg" },
|
||||
{ id: "5", name: "David Miller", role: "Patient", testimonial: "Exceptional service and deep technical expertise combined.", imageSrc: "http://img.b2bpic.net/free-photo/patient-consulting-doctor_1170-2177.jpg" },
|
||||
]}
|
||||
title="Patient Success Stories"
|
||||
description="Hear from those who have experienced our unique futuristic medical care first-hand."
|
||||
@@ -258,9 +145,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Connect With Us"
|
||||
title="Book Your Consultation"
|
||||
description="Get in touch with our team today to schedule your medical assessment or emergency visit."
|
||||
@@ -271,48 +156,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-light-rays-wallpaper_1017-3408.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-light-rays-wallpaper_1017-3408.jpg"
|
||||
logoText="Dr. Eyad Amer"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Booking",
|
||||
href: "/booking",
|
||||
},
|
||||
{
|
||||
label: "Admin",
|
||||
href: "/admin",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Resources", items: [{ label: "Booking", href: "/booking" }, { label: "Admin", href: "/admin" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -25,32 +25,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Book",
|
||||
id: "/booking",
|
||||
},
|
||||
{
|
||||
name: "Admin",
|
||||
id: "/admin",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Book", id: "/booking" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="Dr. Eyad Amer"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "/booking",
|
||||
}}
|
||||
button={{ text: "Book Now", href: "/booking" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -63,19 +45,11 @@ export default function LandingPage() {
|
||||
description="Advanced imaging services."
|
||||
features={[
|
||||
{
|
||||
title: "MRI",
|
||||
description: "Full scan",
|
||||
icon: Scan,
|
||||
title: "MRI", description: "Full scan", icon: Scan,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521313.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521324.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/techno-concept-with-connecting-lines-dots_1048-14262.jpg?_wi=3",
|
||||
imageAlt: "Images that simulate x-rays with neon colors",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521313.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521324.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -83,48 +57,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-light-rays-wallpaper_1017-3408.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-light-rays-wallpaper_1017-3408.jpg"
|
||||
logoText="Dr. Eyad Amer"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Booking",
|
||||
href: "/booking",
|
||||
},
|
||||
{
|
||||
label: "Admin",
|
||||
href: "/admin",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Resources", items: [{ label: "Booking", href: "/booking" }, { label: "Admin", href: "/admin" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user