bender/aa8429da-403b-4540-99a8-944ede6c7043
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-10 21:32:48 +00:00
parent 5891145ea6
commit 964b8b2824
1 changed files with 129 additions and 292 deletions
Download Patch File Download Diff File Expand all files Collapse all files

421
src/app/page.tsx
View File

@@ -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>
);