Merge version_1 into main #3
291
src/app/page.tsx
291
src/app/page.tsx
@@ -15,160 +15,161 @@ import { Heart, Lock, MessageCircle, Shield, ShieldCheck, Sun, User } from "luci
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "الرئيسية", id: "#hero" },
|
||||
{ name: "عن الطبيب", id: "#about" },
|
||||
{ name: "الخدمات", id: "#services" },
|
||||
{ name: "لماذا نحن", id: "#why" },
|
||||
{ name: "تواصل معنا", id: "#contact" },
|
||||
]}
|
||||
brandName="Well Life Clinic"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "عن الطبيب", id: "about" },
|
||||
{ name: "الخدمات", id: "services" },
|
||||
{ name: "لماذا نحن", id: "why" },
|
||||
{ name: "تواصل معنا", id: "contact" },
|
||||
]}
|
||||
brandName="Well Life Clinic"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="الدكتور محمد صوالحة"
|
||||
description="أخصائي الطب النفسي وعلاج الإدمان | نلتزم بتوفير بيئة علاجية آمنة، مهنية، وسرية تامة للمرضى في عمان."
|
||||
buttons={[
|
||||
{ text: "احجز موعداً", href: "#contact" },
|
||||
{ text: "اتصل بنا", href: "tel:+962795666994" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-portrait-young-woman-sitting-gray-sofa-looking-camera_23-2148053192.jpg"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="الدكتور محمد صوالحة"
|
||||
description="أخصائي الطب النفسي وعلاج الإدمان | نلتزم بتوفير بيئة علاجية آمنة، مهنية، وسرية تامة للمرضى في عمان."
|
||||
buttons={[
|
||||
{ text: "احجز موعداً", href: "#contact" },
|
||||
{ text: "اتصل بنا", href: "tel:+962795666994" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-portrait-young-woman-sitting-gray-sofa-looking-camera_23-2148053192.jpg"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="عن الدكتور محمد صوالحة"
|
||||
metrics={[
|
||||
{ icon: User, label: "الخبرة المهنية", value: "15+ عاماً" },
|
||||
{ icon: Shield, label: "سرية تامة", value: "100%" },
|
||||
{ icon: Heart, label: "حالات ناجحة", value: "1000+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="عن الدكتور محمد صوالحة"
|
||||
metrics={[
|
||||
{ icon: User, label: "الخبرة المهنية", value: "15+ عاماً" },
|
||||
{ icon: Shield, label: "سرية تامة", value: "100%" },
|
||||
{ icon: Heart, label: "حالات ناجحة", value: "1000+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="خدماتنا العلاجية"
|
||||
description="نقدم خدمات متكاملة في الطب النفسي وعلاج الإدمان مع التركيز على التعافي طويل الأمد."
|
||||
features={[
|
||||
{
|
||||
title: "الاستشارات النفسية", description: "جلسات تقييم وتشخيص شاملة للحالات النفسية والسلوكية المختلفة.", icon: MessageCircle,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826274.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-psychotherapist-her-patient-holding-hands-session_637285-9939.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "علاج القلق والتوتر", description: "برامج علاجية فعالة للتعامل مع اضطرابات القلق ونوبات الهلع.", icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-car_23-2148192646.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122827.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "علاج الاكتئاب", description: "دعم طبي ونفسي متخصص لتجاوز حالات الاكتئاب واستعادة التوازن.", icon: Sun,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-getting-massage_23-2149407584.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-doing-family-therapy_23-2149305190.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "علاج الإدمان", description: "برامج متخصصة للتعافي من الإدمان مع توفير الدعم العائلي المستمر.", icon: Lock,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/family-therapy-psychologist-office_23-2149175153.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-sitting-chair_23-2149927604.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="خدماتنا العلاجية"
|
||||
description="نقدم خدمات متكاملة في الطب النفسي وعلاج الإدمان مع التركيز على التعافي طويل الأمد."
|
||||
features={[
|
||||
{
|
||||
title: "الاستشارات النفسية", description: "جلسات تقييم وتشخيص شاملة للحالات النفسية والسلوكية المختلفة.", icon: MessageCircle,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826274.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-psychotherapist-her-patient-holding-hands-session_637285-9939.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "علاج القلق والتوتر", description: "برامج علاجية فعالة للتعامل مع اضطرابات القلق ونوبات الهلع.", icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-car_23-2148192646.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-evaluating-lab-test-results-discussing-recovery-plan_482257-122827.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "علاج الاكتئاب", description: "دعم طبي ونفسي متخصص لتجاوز حالات الاكتئاب واستعادة التوازن.", icon: Sun,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-getting-massage_23-2149407584.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-doing-family-therapy_23-2149305190.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "علاج الإدمان", description: "برامج متخصصة للتعافي من الإدمان مع توفير الدعم العائلي المستمر.", icon: Lock,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/family-therapy-psychologist-office_23-2149175153.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-sitting-chair_23-2149927604.jpg" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why" data-section="why">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "السرية والخصوصية", content: "نضمن سرية بيانات المريض وكافة الجلسات العلاجية وفق أعلى المعايير الأخلاقية والطبية." },
|
||||
{ id: "q2", title: "المهنية العالية", content: "فريق طبي مؤهل وذو خبرة واسعة في التشخيص والعلاج النفسي التخصصي." },
|
||||
{ id: "q3", title: "نهج متمحور حول المريض", content: "خطة علاجية مخصصة تناسب احتياجات كل مريض وظروفه الخاصة." },
|
||||
]}
|
||||
sideTitle="لماذا تختار عيادتنا؟"
|
||||
sideDescription="المهنية والخصوصية هما أساس عملنا في عيادة الدكتور محمد صوالحة."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="why" data-section="why">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "السرية والخصوصية", content: "نضمن سرية بيانات المريض وكافة الجلسات العلاجية وفق أعلى المعايير الأخلاقية والطبية." },
|
||||
{ id: "q2", title: "المهنية العالية", content: "فريق طبي مؤهل وذو خبرة واسعة في التشخيص والعلاج النفسي التخصصي." },
|
||||
{ id: "q3", title: "نهج متمحور حول المريض", content: "خطة علاجية مخصصة تناسب احتياجات كل مريض وظروفه الخاصة." },
|
||||
]}
|
||||
sideTitle="لماذا تختار عيادتنا؟"
|
||||
sideDescription="المهنية والخصوصية هما أساس عملنا في عيادة الدكتور محمد صوالحة."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="آراء المراجعين"
|
||||
description="نحن فخورون بكوننا جزءاً من رحلة تعافي الكثير من مرضانا."
|
||||
testimonials={[
|
||||
{ id: "1", name: "أحمد. ع", role: "مراجع", company: "عمان", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adolescent-undergoing-behavioral-therapy-address-anxiety-social-issues_482257-124729.jpg" },
|
||||
{ id: "2", name: "سارة. م", role: "مراجعة", company: "عمان", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/great-time-home-beautiful-young-smiling-woman-working-laptop-while-sitting-big-comfortable-chair-home_231208-613.jpg" },
|
||||
{ id: "3", name: "خالد. ك", role: "مراجع", company: "الزرقاء", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-reading-tablet_23-2149966968.jpg" },
|
||||
{ id: "4", name: "منى. ص", role: "مراجعة", company: "عمان", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149132322.jpg" },
|
||||
{ id: "5", name: "ياسر. ج", role: "مراجع", company: "إربد", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-cloud-shaped-head_23-2150169097.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="آراء المراجعين"
|
||||
description="نحن فخورون بكوننا جزءاً من رحلة تعافي الكثير من مرضانا."
|
||||
testimonials={[
|
||||
{ id: "1", name: "أحمد. ع", role: "مراجع", company: "عمان", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adolescent-undergoing-behavioral-therapy-address-anxiety-social-issues_482257-124729.jpg" },
|
||||
{ id: "2", name: "سارة. م", role: "مراجعة", company: "عمان", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/great-time-home-beautiful-young-smiling-woman-working-laptop-while-sitting-big-comfortable-chair-home_231208-613.jpg" },
|
||||
{ id: "3", name: "خالد. ك", role: "مراجع", company: "الزرقاء", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-reading-tablet_23-2149966968.jpg" },
|
||||
{ id: "4", name: "منى. ص", role: "مراجعة", company: "عمان", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149132322.jpg" },
|
||||
{ id: "5", name: "ياسر. ج", role: "مراجع", company: "إربد", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-cloud-shaped-head_23-2150169097.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="احجز موعدك الآن لدى الدكتور محمد صوالحة. نحن هنا لنستمع إليك ونساعدك في طريق التعافي. العنوان: عمان، شارع المتنبي. هاتف: 07 9566 6994."
|
||||
buttons={[{ text: "تواصل عبر واتساب", href: "https://wa.me/962795666994" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="احجز موعدك الآن لدى الدكتور محمد صوالحة. نحن هنا لنستمع إليك ونساعدك في طريق التعافي. العنوان: عمان، شارع المتنبي. هاتف: 07 9566 6994."
|
||||
buttons={[{ text: "تواصل عبر واتساب", href: "https://wa.me/962795666994" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-world-tourism-day-safety-measures-logos_23-2148608832.jpg"
|
||||
logoText="الدكتور محمد صوالحة"
|
||||
columns={[
|
||||
{
|
||||
title: "روابط سريعة", items: [
|
||||
{ label: "الرئيسية", href: "#hero" },
|
||||
{ label: "عن الطبيب", href: "#about" },
|
||||
{ label: "الخدمات", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "اتصل بنا", items: [
|
||||
{ label: "07 9566 6994", href: "tel:+962795666994" },
|
||||
{ label: "عمان، شارع المتنبي", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-world-tourism-day-safety-measures-logos_23-2148608832.jpg"
|
||||
logoText="الدكتور محمد صوالحة"
|
||||
columns={[
|
||||
{
|
||||
title: "روابط سريعة", items: [
|
||||
{ label: "الرئيسية", href: "#hero" },
|
||||
{ label: "عن الطبيب", href: "#about" },
|
||||
{ label: "الخدمات", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "اتصل بنا", items: [
|
||||
{ label: "07 9566 6994", href: "tel:+962795666994" },
|
||||
{ label: "عمان، شارع المتنبي", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="جميع الحقوق محفوظة © 2025"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user