Update src/app/page.tsx
This commit is contained in:
368
src/app/page.tsx
368
src/app/page.tsx
@@ -19,260 +19,140 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "من نحن",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "خدماتنا",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "تواصل معنا",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="مركز شموع"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "من نحن", id: "about" },
|
||||
{ name: "خدماتنا", id: "features" },
|
||||
{ name: "تواصل معنا", id: "contact" },
|
||||
]}
|
||||
brandName="مركز شموع"
|
||||
button={{ text: "احجز الآن", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="مركز شموع للأطفال المبتسرين وحديثي الولادة"
|
||||
description="رعاية متخصصة وبنية تحتية متطورة لضمان أمان وسلامة أطفالنا في أصعب المراحل."
|
||||
testimonials={[
|
||||
{
|
||||
name: "أحمد علي",
|
||||
handle: "@ahmedali",
|
||||
testimonial: "خدمة ممتازة واهتمام كبير من طاقم طبي محترف.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-newborn-baby-with-male-nurse-hospital_23-2150797468.jpg",
|
||||
},
|
||||
{
|
||||
name: "سارة محمود",
|
||||
handle: "@saramah",
|
||||
testimonial: "أشكر المركز على رعاية طفلي بمهنية عالية.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hands-baby-mom-grandmother_169016-37739.jpg",
|
||||
},
|
||||
{
|
||||
name: "محمد حسن",
|
||||
handle: "@mhasan",
|
||||
testimonial: "رعاية فائقة وتجهيزات طبية متطورة.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-newborn-baby-with-nurse-hospital_23-2150797378.jpg",
|
||||
},
|
||||
{
|
||||
name: "منى يوسف",
|
||||
handle: "@monay",
|
||||
testimonial: "أمان وراحة بال حقيقية في هذا المركز.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-plays-with-newborn-baby-newborn-baby_169016-63679.jpg",
|
||||
},
|
||||
{
|
||||
name: "خالد إبراهيم",
|
||||
handle: "@khalid_i",
|
||||
testimonial: "طاقم طبي متعاون جداً في كل لحظة.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-tutoring-girl-home_23-2147848685.jpg",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/newborn-baby-with-parents_23-2151983853.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fence-with-eggs-hare-figurine_23-2147759726.jpg",
|
||||
alt: "Father with baby",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sweet-little-baby-green-bib-sitting-baby-chair-getting-scared-seeing-bird-outside-window-while-mom-turns-aside-check-chat-rooms-smartphone_176420-19788.jpg",
|
||||
alt: "Mother with newborn",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-working-with-baby_23-2149320447.jpg",
|
||||
alt: "Medical staff member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-newborn-baby-with-male-nurse-hospital_23-2150797468.jpg",
|
||||
alt: "Doctor checking baby",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-hands-baby-mom-grandmother_169016-37739.jpg",
|
||||
alt: "Smiling baby",
|
||||
},
|
||||
]}
|
||||
avatarText="موثوق من أكثر من 500 عائلة"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="مركز شموع للأطفال المبتسرين وحديثي الولادة"
|
||||
description="رعاية متخصصة وبنية تحتية متطورة لضمان أمان وسلامة أطفالنا في أصعب المراحل."
|
||||
testimonials={[
|
||||
{ name: "أحمد علي", handle: "@ahmedali", testimonial: "خدمة ممتازة واهتمام كبير من طاقم طبي محترف.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-newborn-baby-with-male-nurse-hospital_23-2150797468.jpg" },
|
||||
{ name: "سارة محمود", handle: "@saramah", testimonial: "أشكر المركز على رعاية طفلي بمهنية عالية.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-hands-baby-mom-grandmother_169016-37739.jpg" },
|
||||
{ name: "محمد حسن", handle: "@mhasan", testimonial: "رعاية فائقة وتجهيزات طبية متطورة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-newborn-baby-with-nurse-hospital_23-2150797378.jpg" },
|
||||
{ name: "منى يوسف", handle: "@monay", testimonial: "أمان وراحة بال حقيقية في هذا المركز.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mother-plays-with-newborn-baby-newborn-baby_169016-63679.jpg" },
|
||||
{ name: "خالد إبراهيم", handle: "@khalid_i", testimonial: "طاقم طبي متعاون جداً في كل لحظة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mother-tutoring-girl-home_23-2147848685.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/newborn-baby-with-parents_23-2151983853.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/fence-with-eggs-hare-figurine_23-2147759726.jpg", alt: "Father with baby" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sweet-little-baby-green-bib-sitting-baby-chair-getting-scared-seeing-bird-outside-window-while-mom-turns-aside-check-chat-rooms-smartphone_176420-19788.jpg", alt: "Mother with newborn" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-woman-working-with-baby_23-2149320447.jpg", alt: "Medical staff member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-newborn-baby-with-male-nurse-hospital_23-2150797468.jpg", alt: "Doctor checking baby" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-hands-baby-mom-grandmother_169016-37739.jpg", alt: "Smiling baby" }
|
||||
]}
|
||||
avatarText="موثوق من أكثر من 500 عائلة"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="رسالتنا"
|
||||
title="رعاية دافئة ومستقبل مشرق"
|
||||
description="يقدم مركز شموع رعاية فائقة للأطفال المبتسرين من خلال أحدث الأجهزة والمراقبة المستمرة."
|
||||
subdescription="نحن نؤمن بأن كل طفل يستحق البداية الأفضل في الحياة."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-female-pediatrician-work_23-2151686719.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Heart}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="رسالتنا"
|
||||
title="رعاية دافئة ومستقبل مشرق"
|
||||
description="يقدم مركز شموع رعاية فائقة للأطفال المبتسرين من خلال أحدث الأجهزة والمراقبة المستمرة."
|
||||
subdescription="نحن نؤمن بأن كل طفل يستحق البداية الأفضل في الحياة."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-female-pediatrician-work_23-2151686719.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Heart}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "وحدة العناية المركزة",
|
||||
description: "مراقبة دقيقة للأطفال المبتسرين.",
|
||||
items: [
|
||||
{
|
||||
icon: Heart,
|
||||
text: "مراقبة حيوية",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "حماية كاملة",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8577.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/newborn-baby-with-parents_23-2151983853.jpg?_wi=2",
|
||||
imageAlt: "neonatal care nursery newborn baby",
|
||||
},
|
||||
]}
|
||||
title="خدماتنا المتميزة"
|
||||
description="نوفر رعاية طبية متكاملة لحديثي الولادة تحت إشراف نخبة من الأطباء."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "وحدة العناية المركزة", description: "مراقبة دقيقة للأطفال المبتسرين.", items: [{ icon: Heart, text: "مراقبة حيوية" }, { icon: Shield, text: "حماية كاملة" }],
|
||||
reverse: false,
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8577.jpg", imageAlt: "neonatal care nursery newborn baby" }
|
||||
}
|
||||
]}
|
||||
title="خدماتنا المتميزة"
|
||||
description="نوفر رعاية طبية متكاملة لحديثي الولادة تحت إشراف نخبة من الأطباء."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "+500",
|
||||
title: "طفل تمت رعايته",
|
||||
items: [
|
||||
"بنجاح",
|
||||
"بأمان",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="حقائق وأرقام"
|
||||
description="فخورون بالنتائج التي نحققها كل يوم."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[{ id: "1", value: "+500", title: "طفل تمت رعايته", items: ["بنجاح", "بأمان"] }]}
|
||||
title="حقائق وأرقام"
|
||||
description="فخورون بالنتائج التي نحققها كل يوم."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "خالد",
|
||||
role: "أب",
|
||||
testimonial: "تجربة رائعة ورعاية حانية.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multicultural-family-with-their-little-son-having-fun-together_1303-26771.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "نور",
|
||||
role: "أم",
|
||||
testimonial: "اهتمام يفوق التوقعات.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-hospital-health-care-illustration_23-2151621104.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "ياسر",
|
||||
role: "أب",
|
||||
testimonial: "طاقم تمريض متميز.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-little-kids-teacher-indoors_23-2149390014.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "ليلى",
|
||||
role: "أم",
|
||||
testimonial: "المركز الأكثر أماناً.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/children-posing-with-babysitter_23-2147664055.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "سامي",
|
||||
role: "أب",
|
||||
testimonial: "خدمة طبية عالمية.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parents-watching-their-child-resting-hospital-bed-with-gentle-touch_73899-54486.jpg",
|
||||
},
|
||||
]}
|
||||
title="ماذا يقول الآباء"
|
||||
description="تجارب أسرنا هي دافعنا للاستمرار في تقديم الأفضل."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "خالد", role: "أب", testimonial: "تجربة رائعة ورعاية حانية.", imageSrc: "http://img.b2bpic.net/free-photo/multicultural-family-with-their-little-son-having-fun-together_1303-26771.jpg" },
|
||||
{ id: "2", name: "نور", role: "أم", testimonial: "اهتمام يفوق التوقعات.", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-hospital-health-care-illustration_23-2151621104.jpg" },
|
||||
{ id: "3", name: "ياسر", role: "أب", testimonial: "طاقم تمريض متميز.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-little-kids-teacher-indoors_23-2149390014.jpg" },
|
||||
{ id: "4", name: "ليلى", role: "أم", testimonial: "المركز الأكثر أماناً.", imageSrc: "http://img.b2bpic.net/free-photo/children-posing-with-babysitter_23-2147664055.jpg" },
|
||||
{ id: "5", name: "سامي", role: "أب", testimonial: "خدمة طبية عالمية.", imageSrc: "http://img.b2bpic.net/free-photo/parents-watching-their-child-resting-hospital-bed-with-gentle-touch_73899-54486.jpg" }
|
||||
]}
|
||||
title="ماذا يقول الآباء"
|
||||
description="تجارب أسرنا هي دافعنا للاستمرار في تقديم الأفضل."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "هل المركز مجهز بأحدث الأجهزة؟",
|
||||
content: "نعم، جميع غرفنا مجهزة بأحدث تقنيات العناية بالولادة.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "كيف يمكنني زيارة طفلي؟",
|
||||
content: "نلتزم بجدول زيارات محدد لضمان الراحة التامة للأطفال.",
|
||||
},
|
||||
]}
|
||||
sideTitle="الأسئلة الشائعة"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "هل المركز مجهز بأحدث الأجهزة؟", content: "نعم، جميع غرفنا مجهزة بأحدث تقنيات العناية بالولادة." },
|
||||
{ id: "2", title: "كيف يمكنني زيارة طفلي؟", content: "نلتزم بجدول زيارات محدد لضمان الراحة التامة للأطفال." }
|
||||
]}
|
||||
sideTitle="الأسئلة الشائعة"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="تواصل معنا"
|
||||
description="فريقنا جاهز للرد على استفساراتكم على مدار الساعة."
|
||||
mediaAnimation="slide-up"
|
||||
tag="تواصل"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-female-pediatrician-work_23-2151686719.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="تواصل معنا"
|
||||
description="فريقنا جاهز للرد على استفساراتكم على مدار الساعة."
|
||||
mediaAnimation="slide-up"
|
||||
tag="تواصل"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-female-pediatrician-work_23-2151686719.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="مركز شموع"
|
||||
leftLink={{
|
||||
text: "اتصل بنا",
|
||||
href: "#contact",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "سياسة الخصوصية",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="مركز شموع"
|
||||
leftLink={{ text: "اتصل بنا", href: "#contact" }}
|
||||
rightLink={{ text: "سياسة الخصوصية", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user