Merge version_1 into main #1
421
src/app/page.tsx
421
src/app/page.tsx
@@ -28,307 +28,144 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "الأقسام الطبية",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "الأطباء",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "الخدمات",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "التأمين",
|
||||
id: "insurance",
|
||||
},
|
||||
{
|
||||
name: "تواصل معنا",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
button={{
|
||||
text: "احجز موعد",
|
||||
href: "#booking",
|
||||
}}
|
||||
brandName="مستشفى أس أم سي"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "الأقسام الطبية", id: "features" },
|
||||
{ name: "الأطباء", id: "team" },
|
||||
{ name: "الخدمات", id: "services" },
|
||||
{ name: "التأمين", id: "insurance" },
|
||||
{ name: "تواصل معنا", id: "contact" },
|
||||
]}
|
||||
button={{ text: "احجز موعد", href: "#booking" }}
|
||||
brandName="مستشفى أس أم سي"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="مستشفى أس أم سي"
|
||||
description="مستشفى أس أم سي يقدم خدمات طبية متكاملة بأحدث التقنيات الطبية وعلى مدار الساعة بمعايير عالمية."
|
||||
buttons={[
|
||||
{
|
||||
text: "احجز الآن",
|
||||
href: "#booking",
|
||||
},
|
||||
{
|
||||
text: "تعرف على خدماتنا",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-289.jpg",
|
||||
imageAlt: "Luxury hospital interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-airport-interior_74190-5168.jpg",
|
||||
imageAlt: "Luxury hospital interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-entrance-with-furniture-modern-decor_23-2150832014.jpg",
|
||||
imageAlt: "Luxury hospital interior",
|
||||
},
|
||||
{
|
||||
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",
|
||||
imageAlt: "Luxury hospital interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160768.jpg",
|
||||
imageAlt: "Luxury hospital interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moving-flat-escalator-subway-dubai_93675-134742.jpg",
|
||||
imageAlt: "Luxury hospital interior",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="مستشفى أس أم سي"
|
||||
description="مستشفى أس أم سي يقدم خدمات طبية متكاملة بأحدث التقنيات الطبية وعلى مدار الساعة بمعايير عالمية."
|
||||
buttons={[{ text: "احجز الآن", href: "#booking" }, { text: "تعرف على خدماتنا", href: "#features" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-289.jpg", imageAlt: "Luxury hospital interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-airport-interior_74190-5168.jpg", imageAlt: "Luxury hospital interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/home-entrance-with-furniture-modern-decor_23-2150832014.jpg", imageAlt: "Luxury hospital interior" },
|
||||
{ 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", imageAlt: "Luxury hospital interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160768.jpg", imageAlt: "Luxury hospital interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/moving-flat-escalator-subway-dubai_93675-134742.jpg", imageAlt: "Luxury hospital interior" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="إنجازاتنا في أرقام"
|
||||
tag="لماذا نتميز"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100+",
|
||||
description: "طبيب متخصص",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "24/7",
|
||||
description: "طوارئ متاحة",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "9,995+",
|
||||
description: "تقييم إيجابي",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "100%",
|
||||
description: "أجهزة حديثة",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="إنجازاتنا في أرقام"
|
||||
tag="لماذا نتميز"
|
||||
metrics={[
|
||||
{ id: "1", value: "100+", description: "طبيب متخصص" },
|
||||
{ id: "2", value: "24/7", description: "طوارئ متاحة" },
|
||||
{ id: "3", value: "9,995+", description: "تقييم إيجابي" },
|
||||
{ id: "4", value: "100%", description: "أجهزة حديثة" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "الطوارئ",
|
||||
description: "رعاية عاجلة على مدار الساعة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-checking-her-patient-heart-hospital_482257-26171.jpg",
|
||||
},
|
||||
{
|
||||
title: "القلب",
|
||||
description: "تخطيط وعلاج دقيق للقلب.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-checking-her-patient-heart-hospital-room_482257-26198.jpg",
|
||||
},
|
||||
{
|
||||
title: "الأسنان",
|
||||
description: "عناية متكاملة لصحة الأسنان.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/health-still-life-with-copy-space_23-2148854027.jpg",
|
||||
},
|
||||
{
|
||||
title: "النساء والولادة",
|
||||
description: "رعاية متخصصة للأم والطفل.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/blue-circular-arrow_1010-528.jpg",
|
||||
},
|
||||
{
|
||||
title: "الأطفال",
|
||||
description: "عيادات متخصصة للأطفال.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/illustration-24-hours-customer-support_53876-5592.jpg",
|
||||
},
|
||||
{
|
||||
title: "الأشعة",
|
||||
description: "أجهزة أشعة متطورة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-medical-feast-illustration_23-2148875933.jpg",
|
||||
},
|
||||
]}
|
||||
title="خدماتنا الطبية"
|
||||
description="نقدم مجموعة واسعة من الخدمات الطبية التخصصية باستخدام أحدث التقنيات لضمان أفضل رعاية."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "الطوارئ", description: "رعاية عاجلة على مدار الساعة.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-checking-her-patient-heart-hospital_482257-26171.jpg" },
|
||||
{ title: "القلب", description: "تخطيط وعلاج دقيق للقلب.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-checking-her-patient-heart-hospital-room_482257-26198.jpg" },
|
||||
{ title: "الأسنان", description: "عناية متكاملة لصحة الأسنان.", imageSrc: "http://img.b2bpic.net/free-photo/health-still-life-with-copy-space_23-2148854027.jpg" },
|
||||
{ title: "النساء والولادة", description: "رعاية متخصصة للأم والطفل.", imageSrc: "http://img.b2bpic.net/free-vector/blue-circular-arrow_1010-528.jpg" },
|
||||
{ title: "الأطفال", description: "عيادات متخصصة للأطفال.", imageSrc: "http://img.b2bpic.net/free-vector/illustration-24-hours-customer-support_53876-5592.jpg" },
|
||||
{ title: "الأشعة", description: "أجهزة أشعة متطورة.", imageSrc: "http://img.b2bpic.net/free-vector/flat-medical-feast-illustration_23-2148875933.jpg" },
|
||||
]}
|
||||
title="خدماتنا الطبية"
|
||||
description="نقدم مجموعة واسعة من الخدمات الطبية التخصصية باستخدام أحدث التقنيات لضمان أفضل رعاية."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
useInvertedBackground={true}
|
||||
title="فريقنا الطبي"
|
||||
tag="نخبة الأطباء"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "د. أحمد خالد",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-doctor-wearing-white-coat-stethoscope-looking-confident-with-smile-face-isolated-green-background_141793-12601.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "د. سارة محمد",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doctor-blue-uniform-with-closed-eyes-holding-hands-raised_171337-5803.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "د. علي حسن",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-health-worker-special-equipment_23-2148980742.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "د. منى سعيد",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-health-worker-with-copy-space_23-2148980759.jpg",
|
||||
},
|
||||
]}
|
||||
memberVariant="card"
|
||||
membersAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
useInvertedBackground={true}
|
||||
title="فريقنا الطبي"
|
||||
tag="نخبة الأطباء"
|
||||
members={[
|
||||
{ id: "1", name: "د. أحمد خالد", imageSrc: "http://img.b2bpic.net/free-photo/young-man-doctor-wearing-white-coat-stethoscope-looking-confident-with-smile-face-isolated-green-background_141793-12601.jpg" },
|
||||
{ id: "2", name: "د. سارة محمد", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doctor-blue-uniform-with-closed-eyes-holding-hands-raised_171337-5803.jpg" },
|
||||
{ id: "3", name: "د. علي حسن", imageSrc: "http://img.b2bpic.net/free-photo/portrait-health-worker-special-equipment_23-2148980742.jpg" },
|
||||
{ id: "4", name: "د. منى سعيد", imageSrc: "http://img.b2bpic.net/free-photo/portrait-health-worker-with-copy-space_23-2148980759.jpg" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
membersAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="insurance" data-section="insurance">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Bupa",
|
||||
"Tawuniya",
|
||||
"Medgulf",
|
||||
"Cigna",
|
||||
"Axa",
|
||||
"GlobeMed",
|
||||
"Nahdi",
|
||||
]}
|
||||
title="شركاء التأمين"
|
||||
description="نحن نقبل مجموعة واسعة من بطاقات التأمين الصحي."
|
||||
/>
|
||||
</div>
|
||||
<div id="insurance" data-section="insurance">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Bupa", "Tawuniya", "Medgulf", "Cigna", "Axa", "GlobeMed", "Nahdi"]}
|
||||
title="شركاء التأمين"
|
||||
description="نحن نقبل مجموعة واسعة من بطاقات التأمين الصحي."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "محمد العتيبي",
|
||||
role: "مريض",
|
||||
testimonial: "تجربة استثنائية ورعاية طبية ممتازة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-checking-oximeter-attached-senior-man_482257-14024.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "سارة القحطاني",
|
||||
role: "مريضة",
|
||||
testimonial: "الطاقم الطبي محترف جداً ومرافق المستشفى رائعة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nurse-sitting-patient-bedside-writing-clipboard-with-medical-chart-daily-visit-consulting-woman-with-low-spo2-saturation-person-hospital-bed-with-vitals-monitored-checkup_482257-37744.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "عبدالله فهد",
|
||||
role: "مريض",
|
||||
testimonial: "سرعة في الإنجاز وخدمة طبية فائقة المستوى.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-hospital-reception-holding-flyer-waiting-doctor-private-clinic-perform-clinical-examination-selective-focus-asian-patient-with-appointment-hospital-lobby_482257-46748.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "نورة خالد",
|
||||
role: "مريضة",
|
||||
testimonial: "أشكر الجميع على التعامل الراقي والمهني.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "خالد سعد",
|
||||
role: "مريض",
|
||||
testimonial: "مستشفى مميز جداً ويستحق كل ثقة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-female-doctor-wearing-medical-robe-stethoscope-sitting-desk-with-medical-tools-clipboard-laptop-showing-thumb-up-isolated_141793-69126.jpg",
|
||||
},
|
||||
]}
|
||||
title="تقييمات مرضانا"
|
||||
description="ماذا يقول مراجعونا عن تجربتهم في مستشفى أس أم سي."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "محمد العتيبي", role: "مريض", testimonial: "تجربة استثنائية ورعاية طبية ممتازة.", imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-checking-oximeter-attached-senior-man_482257-14024.jpg" },
|
||||
{ id: "2", name: "سارة القحطاني", role: "مريضة", testimonial: "الطاقم الطبي محترف جداً ومرافق المستشفى رائعة.", imageSrc: "http://img.b2bpic.net/free-photo/nurse-sitting-patient-bedside-writing-clipboard-with-medical-chart-daily-visit-consulting-woman-with-low-spo2-saturation-person-hospital-bed-with-vitals-monitored-checkup_482257-37744.jpg" },
|
||||
{ id: "3", name: "عبدالله فهد", role: "مريض", testimonial: "سرعة في الإنجاز وخدمة طبية فائقة المستوى.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-hospital-reception-holding-flyer-waiting-doctor-private-clinic-perform-clinical-examination-selective-focus-asian-patient-with-appointment-hospital-lobby_482257-46748.jpg" },
|
||||
{ id: "4", name: "نورة خالد", role: "مريضة", testimonial: "أشكر الجميع على التعامل الراقي والمهني.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg" },
|
||||
{ id: "5", name: "خالد سعد", role: "مريض", testimonial: "مستشفى مميز جداً ويستحق كل ثقة.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-female-doctor-wearing-medical-robe-stethoscope-sitting-desk-with-medical-tools-clipboard-laptop-showing-thumb-up-isolated_141793-69126.jpg" },
|
||||
]}
|
||||
title="تقييمات مرضانا"
|
||||
description="ماذا يقول مراجعونا عن تجربتهم في مستشفى أس أم سي."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "كيف أحجز موعد؟",
|
||||
content: "يمكنك الحجز عبر الموقع أو الاتصال بنا مباشرة.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "هل المستشفى يعمل 24 ساعة؟",
|
||||
content: "نعم، الطوارئ لدينا متاحة على مدار الساعة.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "هل تقبلون التأمين؟",
|
||||
content: "نعم، نتعامل مع كبرى شركات التأمين.",
|
||||
},
|
||||
]}
|
||||
sideTitle="هل تحتاج مساعدة؟"
|
||||
sideDescription="تواصل مع فريق الدعم لدينا لأي استفسارات إضافية."
|
||||
faqsAnimation="slide-up"
|
||||
title="أسئلة شائعة"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "كيف أحجز موعد؟", content: "يمكنك الحجز عبر الموقع أو الاتصال بنا مباشرة." },
|
||||
{ id: "2", title: "هل المستشفى يعمل 24 ساعة؟", content: "نعم، الطوارئ لدينا متاحة على مدار الساعة." },
|
||||
{ id: "3", title: "هل تقبلون التأمين؟", content: "نعم، نتعامل مع كبرى شركات التأمين." },
|
||||
]}
|
||||
sideTitle="هل تحتاج مساعدة؟"
|
||||
sideDescription="تواصل مع فريق الدعم لدينا لأي استفسارات إضافية."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="اتصل بنا"
|
||||
title="تواصل معنا"
|
||||
description="نحن هنا لخدمتك طوال أيام الأسبوع."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="اتصل بنا"
|
||||
title="تواصل معنا"
|
||||
description="نحن هنا لخدمتك طوال أيام الأسبوع."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="مستشفى أس أم سي"
|
||||
leftLink={{
|
||||
text: "سياسة الخصوصية",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "جميع الحقوق محفوظة 2024",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="مستشفى أس أم سي"
|
||||
leftLink={{ text: "سياسة الخصوصية", href: "#" }}
|
||||
rightLink={{ text: "جميع الحقوق محفوظة 2024", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user