Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d2dc8ce08a |
276
src/app/page.tsx
276
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#hero"},
|
||||||
id: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#services"},
|
||||||
id: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Reviews",
|
name: "Reviews", id: "#reviews"},
|
||||||
id: "#reviews",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Ibn Hayyan"
|
brandName="Ibn Hayyan"
|
||||||
/>
|
/>
|
||||||
@@ -60,102 +50,57 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardTestimonial
|
<HeroBillboardTestimonial
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Healthcare Reimagined For Comfort, Trust & Excellence"
|
title="Healthcare Reimagined For Comfort, Trust & Excellence"
|
||||||
description="Ibn Hayyan Clinic delivers premium healthcare experiences with advanced medical expertise, compassionate care, and a luxurious environment."
|
description="Ibn Hayyan Clinic delivers premium healthcare experiences with advanced medical expertise, compassionate care, and a luxurious environment."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "Abdou Drissi",
|
name: "Abdou Drissi", handle: "@abdou", testimonial: "Excellent reception, professionalism, and kindness from the entire staff.", rating: 5,
|
||||||
handle: "@abdou",
|
imageSrc: "http://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150995049.jpg"},
|
||||||
testimonial: "Excellent reception, professionalism, and kindness from the entire staff.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150995049.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Sabri Salah",
|
name: "Sabri Salah", handle: "@sabri", testimonial: "A top-level clinic with great service quality and dedication.", rating: 5,
|
||||||
handle: "@sabri",
|
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg"},
|
||||||
testimonial: "A top-level clinic with great service quality and dedication.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Dhirar Soualah Ammar",
|
name: "Dhirar Soualah Ammar", handle: "@dhirar", testimonial: "The clinic environment is modern and professional. Truly a reassuring experience.", rating: 5,
|
||||||
handle: "@dhirar",
|
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg"},
|
||||||
testimonial: "The clinic environment is modern and professional. Truly a reassuring experience.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Sarah Mansouri",
|
name: "Sarah Mansouri", handle: "@sarah", testimonial: "Very helpful medical guidance and patient support throughout my treatment.", rating: 5,
|
||||||
handle: "@sarah",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor-with-uniform-using-laptop-cabinet-working-checkup-appointments-desk-health-specialist-with-stethoscope-helping-with-prescription-medicine-treatment_482257-39448.jpg"},
|
||||||
testimonial: "Very helpful medical guidance and patient support throughout my treatment.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor-with-uniform-using-laptop-cabinet-working-checkup-appointments-desk-health-specialist-with-stethoscope-helping-with-prescription-medicine-treatment_482257-39448.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Karim Belkacem",
|
name: "Karim Belkacem", handle: "@karim", testimonial: "High quality medical care with a very modern, patient-first approach.", rating: 5,
|
||||||
handle: "@karim",
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-woman-talking-her-doctor-medical-clinic_637285-9073.jpg"},
|
||||||
testimonial: "High quality medical care with a very modern, patient-first approach.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-woman-talking-her-doctor-medical-clinic_637285-9073.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book Consultation",
|
text: "Book Consultation", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Explore Services",
|
text: "Explore Services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/clinic-registration-counter-waiting-room-lobby-computer-make-checkup-appointments-with-healthcare-report-papers-empty-hospital-reception-desk-with-medical-forms-insurance-support_482257-50666.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/clinic-registration-counter-waiting-room-lobby-computer-make-checkup-appointments-with-healthcare-report-papers-empty-hospital-reception-desk-with-medical-forms-insurance-support_482257-50666.jpg"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/clinic-registration-counter-waiting-room-lobby-computer-make-checkup-appointments-with-healthcare-report-papers-empty-hospital-reception-desk-with-medical-forms-insurance-support_482257-50666.jpg",
|
src: "http://img.b2bpic.net/free-photo/clinic-registration-counter-waiting-room-lobby-computer-make-checkup-appointments-with-healthcare-report-papers-empty-hospital-reception-desk-with-medical-forms-insurance-support_482257-50666.jpg", alt: "smiling patient portrait"},
|
||||||
alt: "smiling patient portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150995049.jpg",
|
src: "http://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150995049.jpg", alt: "satisfied medical patient"},
|
||||||
alt: "satisfied medical patient",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg",
|
src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg", alt: "patient smiling in clinic"},
|
||||||
alt: "patient smiling in clinic",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg",
|
src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg", alt: "portrait clinic patient"},
|
||||||
alt: "portrait clinic patient",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-male-doctor-with-uniform-using-laptop-cabinet-working-checkup-appointments-desk-health-specialist-with-stethoscope-helping-with-prescription-medicine-treatment_482257-39448.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-male-doctor-with-uniform-using-laptop-cabinet-working-checkup-appointments-desk-health-specialist-with-stethoscope-helping-with-prescription-medicine-treatment_482257-39448.jpg", alt: "clinic patient happy portrait"},
|
||||||
alt: "clinic patient happy portrait",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Trusted by 18,000+ happy patients."
|
avatarText="Trusted by 18,000+ happy patients."
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "24/7 Care"},
|
||||||
text: "24/7 Care",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Advanced Technology"},
|
||||||
text: "Advanced Technology",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Expert Specialists"},
|
||||||
text: "Expert Specialists",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Premium Comfort"},
|
||||||
text: "Premium Comfort",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Compassionate Care"},
|
||||||
text: "Compassionate Care",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -167,29 +112,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", icon: Award,
|
||||||
icon: Award,
|
title: "Medical Specialists", value: "25+"},
|
||||||
title: "Medical Specialists",
|
|
||||||
value: "25+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", icon: User,
|
||||||
icon: User,
|
title: "Patients Treated", value: "18K+"},
|
||||||
title: "Patients Treated",
|
|
||||||
value: "18K+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", icon: Clock,
|
||||||
icon: Clock,
|
title: "Emergency Care", value: "24/7"},
|
||||||
title: "Emergency Care",
|
|
||||||
value: "24/7",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m4",
|
id: "m4", icon: ThumbsUp,
|
||||||
icon: ThumbsUp,
|
title: "Satisfaction Rate", value: "98%"},
|
||||||
title: "Satisfaction Rate",
|
|
||||||
value: "98%",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Impact"
|
title="Our Impact"
|
||||||
description="Excellence in numbers."
|
description="Excellence in numbers."
|
||||||
@@ -212,64 +145,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "s1",
|
id: "s1", label: "Cardiac", title: "Cardiology", items: [
|
||||||
label: "Cardiac",
|
"Advanced diagnostics", "Precise treatment", "Patient-first care"],
|
||||||
title: "Cardiology",
|
|
||||||
items: [
|
|
||||||
"Advanced diagnostics",
|
|
||||||
"Precise treatment",
|
|
||||||
"Patient-first care",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "s2",
|
id: "s2", label: "Neurology", title: "Neurology", items: [
|
||||||
label: "Neurology",
|
"Specialized evaluations", "Modern diagnostics", "Advanced technology"],
|
||||||
title: "Neurology",
|
|
||||||
items: [
|
|
||||||
"Specialized evaluations",
|
|
||||||
"Modern diagnostics",
|
|
||||||
"Advanced technology",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "s3",
|
id: "s3", label: "Pediatrics", title: "Pediatrics", items: [
|
||||||
label: "Pediatrics",
|
"Compassionate care", "Wellbeing focus", "Comprehensive support"],
|
||||||
title: "Pediatrics",
|
|
||||||
items: [
|
|
||||||
"Compassionate care",
|
|
||||||
"Wellbeing focus",
|
|
||||||
"Comprehensive support",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "s4",
|
id: "s4", label: "Dental", title: "Dental Care", items: [
|
||||||
label: "Dental",
|
"Aesthetics", "Comfort", "Long-term health"],
|
||||||
title: "Dental Care",
|
|
||||||
items: [
|
|
||||||
"Aesthetics",
|
|
||||||
"Comfort",
|
|
||||||
"Long-term health",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "s5",
|
id: "s5", label: "General", title: "General Medicine", items: [
|
||||||
label: "General",
|
"Personalized consultations", "Preventive health", "Full age coverage"],
|
||||||
title: "General Medicine",
|
|
||||||
items: [
|
|
||||||
"Personalized consultations",
|
|
||||||
"Preventive health",
|
|
||||||
"Full age coverage",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "s6",
|
id: "s6", label: "Urgent", title: "Emergency Care", items: [
|
||||||
label: "Urgent",
|
"Immediate attention", "Urgent care", "24/7 availability"],
|
||||||
title: "Emergency Care",
|
|
||||||
items: [
|
|
||||||
"Immediate attention",
|
|
||||||
"Urgent care",
|
|
||||||
"24/7 availability",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Comprehensive Healthcare Solutions"
|
title="Comprehensive Healthcare Solutions"
|
||||||
@@ -283,45 +180,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", title: "Great Experience", quote: "Excellent reception, professionalism, and kindness from the entire staff.", name: "Abdou Drissi", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/happy-doctor-shaking-hands-with-wife-his-senior-patient-medical-clinic_637285-1434.jpg"},
|
||||||
title: "Great Experience",
|
|
||||||
quote: "Excellent reception, professionalism, and kindness from the entire staff.",
|
|
||||||
name: "Abdou Drissi",
|
|
||||||
role: "Patient",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-doctor-shaking-hands-with-wife-his-senior-patient-medical-clinic_637285-1434.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", title: "Very Satisfied", quote: "A top-level clinic with great service quality and dedication.", name: "Sabri Salah", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/smiling-looking-camera-young-handsome-guy-wearing-green-t-shirt-isolated-green-background_141793-135842.jpg"},
|
||||||
title: "Very Satisfied",
|
|
||||||
quote: "A top-level clinic with great service quality and dedication.",
|
|
||||||
name: "Sabri Salah",
|
|
||||||
role: "Patient",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-looking-camera-young-handsome-guy-wearing-green-t-shirt-isolated-green-background_141793-135842.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", title: "Highly Recommend", quote: "The clinic environment is modern and professional.", name: "Dhirar Soualah Ammar", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-female-doctor-wearing-medical-robe-looking_141793-58063.jpg"},
|
||||||
title: "Highly Recommend",
|
|
||||||
quote: "The clinic environment is modern and professional.",
|
|
||||||
name: "Dhirar Soualah Ammar",
|
|
||||||
role: "Patient",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-female-doctor-wearing-medical-robe-looking_141793-58063.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", title: "Trustworthy", quote: "Very helpful medical guidance and patient support.", name: "Sarah Mansouri", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-businessman-businesswoman-showing-thumb-up-sign-office_23-2147923402.jpg"},
|
||||||
title: "Trustworthy",
|
|
||||||
quote: "Very helpful medical guidance and patient support.",
|
|
||||||
name: "Sarah Mansouri",
|
|
||||||
role: "Patient",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-businessman-businesswoman-showing-thumb-up-sign-office_23-2147923402.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", title: "Excellence", quote: "Premium healthcare experience that feels human.", name: "Karim Belkacem", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/confident-pretty-caucasian-woman-stands-sideways-with-crossed-arms-olive-green_141793-69326.jpg"},
|
||||||
title: "Excellence",
|
|
||||||
quote: "Premium healthcare experience that feels human.",
|
|
||||||
name: "Karim Belkacem",
|
|
||||||
role: "Patient",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-pretty-caucasian-woman-stands-sideways-with-crossed-arms-olive-green_141793-69326.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Patient Reviews"
|
title="Patient Reviews"
|
||||||
description="Trusted by families across Algeria."
|
description="Trusted by families across Algeria."
|
||||||
@@ -333,14 +200,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
names={[
|
names={[
|
||||||
"Medtronic",
|
"Medtronic", "Siemens Healthineers", "GE Healthcare", "Philips", "Roche", "Abbott", "Baxter"]}
|
||||||
"Siemens Healthineers",
|
|
||||||
"GE Healthcare",
|
|
||||||
"Philips",
|
|
||||||
"Roche",
|
|
||||||
"Abbott",
|
|
||||||
"Baxter",
|
|
||||||
]}
|
|
||||||
title="Proud Partners"
|
title="Proud Partners"
|
||||||
description="Collaborating with global healthcare leaders."
|
description="Collaborating with global healthcare leaders."
|
||||||
/>
|
/>
|
||||||
@@ -352,20 +212,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "How to book an appointment?", content: "Click the 'Book Consultation' button at the top to secure your time slot instantly."},
|
||||||
title: "How to book an appointment?",
|
|
||||||
content: "You can book directly via our online form.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "What are your opening hours?", content: "We are open 24/7 for emergency care."},
|
||||||
title: "What are your opening hours?",
|
|
||||||
content: "We are open 24/7 for emergency care.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Do you accept international insurance?", content: "Yes, we work with various major insurance providers."},
|
||||||
title: "Do you accept international insurance?",
|
|
||||||
content: "Yes, we work with various major insurance providers.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/no-people-hospital-reception-desk-medical-appointments-checkup-visit-waiting-room-lobby-with-counter-indoors-give-support-advice-modern-healthcare-facility_482257-44451.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/no-people-hospital-reception-desk-medical-appointments-checkup-visit-waiting-room-lobby-with-counter-indoors-give-support-advice-modern-healthcare-facility_482257-44451.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -379,8 +230,7 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="CONTACT"
|
tag="CONTACT"
|
||||||
title="Ready for Premium Care?"
|
title="Ready for Premium Care?"
|
||||||
description="Schedule your consultation today."
|
description="Schedule your consultation today."
|
||||||
@@ -393,16 +243,12 @@ export default function LandingPage() {
|
|||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Ibn Hayyan Clinic"
|
logoText="Ibn Hayyan Clinic"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "Privacy Policy",
|
text: "Privacy Policy", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "Terms of Service",
|
text: "Terms of Service", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user