Update src/app/page.tsx
This commit is contained in:
251
src/app/page.tsx
251
src/app/page.tsx
@@ -1,175 +1,98 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { User, Shield, Heart, MessageCircle, ShieldCheck, Sun, Lock } from "lucide-react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Shield, Zap, Target, Star, ChevronRight } from 'lucide-react';
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" }
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
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="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="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="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="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>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={navItems} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Webild"
|
||||
description="Revolutionizing the digital landscape with robust, scalable, and beautifully crafted solutions."
|
||||
buttons={[{text: "Get Started"}]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Our Impact"
|
||||
metrics={[
|
||||
{ icon: Shield, label: "Trust", value: "100%" },
|
||||
{ icon: Zap, label: "Efficiency", value: "95%" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
title="Services"
|
||||
description="Comprehensive solutions for your business needs."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{ title: "Development", description: "High performance code.", icon: Target, mediaItems: [{imageAlt: "Dev"}, {imageAlt: "Dev2"}] },
|
||||
{ title: "Design", description: "Beautiful UIs.", icon: Star, mediaItems: [{imageAlt: "Design"}, {imageAlt: "Design2"}] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="why" data-section="why">
|
||||
<FaqSplitText
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[{ id: "1", title: "Why us?", content: "Because we deliver." }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Jane", role: "CEO", company: "Corp", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Let's collaborate"
|
||||
background={{ variant: "animated-grid" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="Webild"
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
imageSrc="https://images.unsplash.com/photo-1506744038136-46273834b3fb?w=800&q=80"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user