2 Commits

Author SHA1 Message Date
bd68fd7514 Update src/app/page.tsx 2026-05-22 13:44:18 +00:00
18d75b783e Update src/app/page.tsx 2026-05-22 13:43:48 +00:00

View File

@@ -2,11 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne'; import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactText from '@/components/sections/contact/ContactText'; import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble'; import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen'; import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; import FooterBase from '@/components/sections/footer/FooterBase';
import HeroCentered from '@/components/sections/hero/HeroCentered'; import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne'; import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -31,89 +31,30 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "الرئيسية", id: "hero" },
name: "Home", { name: "الميزات", id: "features" },
id: "hero", { name: "الأسئلة الشائعة", id: "faq" },
}, { name: "اتصل بنا", id: "contact" },
{
name: "Features",
id: "features",
},
{
name: "FAQ",
id: "faq",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="MediBook" brandName="MediBook"
button={{ button={{ text: "احجز الآن", href: "#contact" }}
text: "Book Now",
href: "#contact",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCentered <HeroCentered
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient", title="تطوير عيادتك الطبية"
}} description="تبسيط عملية حجز المواعيد. تمكين موظفيك بواجهة سلسة وتوفير مسار مباشر لمرضاك لحجز زياراتهم بسهولة."
title="Streamline Your Medical Practice"
description="Simplify your appointment booking process. Empower your secretary with a seamless interface and give your patients a direct, easy path to request their visits."
avatars={[ avatars={[
{ { src: "http://img.b2bpic.net/free-photo/young-man-doctor-wearing-white-coat-stethoscope-looking-confident-with-smile-face-isolated-green-background_141793-12601.jpg", alt: "Doctor" },
src: "http://img.b2bpic.net/free-photo/young-man-doctor-wearing-white-coat-stethoscope-looking-confident-with-smile-face-isolated-green-background_141793-12601.jpg", { src: "http://img.b2bpic.net/free-photo/portrait-happy-african-american-doctor-nursing-home_637285-11403.jpg", alt: "Patient" },
alt: "Doctor", { src: "http://img.b2bpic.net/free-photo/portrait-pretty-medical-nurse-smiling-camera-hospital-office-wearing-blue-uniform-healthcare-practitioner-sitting-desk-using-computer-modern-clinic-looking-monitor-medicine_482257-15886.jpg", alt: "Admin" },
}, { src: "http://img.b2bpic.net/free-photo/female-dentist-standing-with-hands-crossed_107420-74194.jpg", alt: "Manager" },
{ { src: "http://img.b2bpic.net/free-photo/portrait-handsome-male-doctor_171337-1533.jpg", alt: "Doctor Professional" },
src: "http://img.b2bpic.net/free-photo/portrait-happy-african-american-doctor-nursing-home_637285-11403.jpg",
alt: "Patient",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-pretty-medical-nurse-smiling-camera-hospital-office-wearing-blue-uniform-healthcare-practitioner-sitting-desk-using-computer-modern-clinic-looking-monitor-medicine_482257-15886.jpg",
alt: "Admin",
},
{
src: "http://img.b2bpic.net/free-photo/female-dentist-standing-with-hands-crossed_107420-74194.jpg",
alt: "Manager",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-male-doctor_171337-1533.jpg",
alt: "Doctor Professional",
},
]}
avatarText="Trusted by 500+ clinics"
buttons={[
{
text: "Start Free Trial",
href: "#contact",
},
]}
marqueeItems={[
{
type: "text",
text: "HIPAA Compliant",
},
{
type: "text",
text: "Real-time Sync",
},
{
type: "text",
text: "Cloud Hosted",
},
{
type: "text",
text: "24/7 Support",
},
{
type: "text",
text: "Multi-Provider Ready",
},
]} ]}
avatarText="موثوق من أكثر من 500 عيادة"
buttons={[{ text: "ابدأ تجربة مجانية", href: "#contact" }]}
/> />
</div> </div>
@@ -122,26 +63,10 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
negativeCard={{ negativeCard={{ items: ["سجلات يدوية", "مواعيد فائتة", "اتصالات متكررة", "فوضى ورقية", "عزل البيانات"] }}
items: [ positiveCard={{ items: ["جدولة تلقائية", "تنبيهات فورية", "روابط حجز للمرضى", "تخزين آمن", "لوحة تحكم تحليلية"] }}
"Manual logs", title="نظام حجز فعال"
"Missed appointments", description="أدوات قوية لخدمة المرضى وتنظيم العيادة."
"Phone tag loops",
"Paper clutter",
"Data silos",
],
}}
positiveCard={{
items: [
"Automated scheduling",
"Real-time alerts",
"Instant patient links",
"Secure storage",
"Analytics dashboard",
],
}}
title="Efficient Booking System"
description="Powerful tools for both sides of the front desk."
/> />
</div> </div>
@@ -152,44 +77,14 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ { id: "m1", value: "40%", title: "تقليل غياب المرضى", description: "تذكيرات تلقائية تضمن حضور المرضى في الموعد.", icon: Clock },
id: "m1", { id: "m2", value: "20+", title: "ساعات توفير", description: "وقت متاح لموظفي الاستقبال أسبوعياً.", icon: Zap },
value: "40%", { id: "m3", value: "99%", title: "استمرارية النظام", description: "وصول موثوق لقائمة المرضى طوال اليوم.", icon: ShieldCheck },
title: "Reduced No-shows", { id: "m4", value: "5x", title: "حجز أسرع", description: "يحجز المرضى مواعيدهم في أقل من 30 ثانية.", icon: Star },
description: "Automated reminders ensure patients arrive on time.", { id: "m5", value: "100%", title: "أمن البيانات", description: "سجلات طبية مشفرة بالكامل.", icon: Lock },
icon: Clock,
},
{
id: "m2",
value: "20+",
title: "Hours Saved",
description: "Weekly time gained by your secretary.",
icon: Zap,
},
{
id: "m3",
value: "99%",
title: "System Uptime",
description: "Reliable access to your patient list 24/7.",
icon: ShieldCheck,
},
{
id: "m4",
value: "5x",
title: "Faster Booking",
description: "Patients book in under 30 seconds.",
icon: Star,
},
{
id: "m5",
value: "100%",
title: "Data Security",
description: "End-to-end encrypted medical records.",
icon: Lock,
},
]} ]}
title="Performance at a Glance" title="أداء العيادة"
description="Optimize your clinic's daily operations." description="تحسين عمليات عيادتك اليومية."
/> />
</div> </div>
@@ -198,34 +93,13 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "f1", title: "هل بيانات المرضى آمنة؟", content: "نعم، نستخدم تشفيراً بمعايير الصناعة لجميع سجلات المرضى." },
id: "f1", { id: "f2", title: "كيف يحجز المرضى مواعيدهم؟", content: "يحصل المرضى على رابط فريد لعرض المواعيد المتاحة وطلب حجز." },
title: "Is my patient data secure?", { id: "f3", title: "هل يمكن للمكتب إدارة عدة أطباء؟", content: "نعم، لوحة التحكم تدعم إدارة جداول عدة أطباء بكفاءة." },
content: "Yes, we use industry-standard encryption for all patient records.", { id: "f4", title: "هل يتكامل مع السجلات الطبية؟", content: "نعم، نقدم واجهات برمجة تطبيقات لمعظم أنظمة السجلات الطبية." },
},
{
id: "f2",
title: "How do patients book appointments?",
content: "Patients get a unique link to view availability and request slots.",
},
{
id: "f3",
title: "Can my secretary manage multiple doctors?",
content: "Yes, the dashboard supports managing schedules for multiple providers.",
},
{
id: "f4",
title: "Does it integrate with existing EMR?",
content: "Yes, we offer API connectors for most major medical records systems.",
},
{
id: "f5",
title: "Is there a mobile app?",
content: "Our platform is fully responsive and works seamlessly on all mobile devices.",
},
]} ]}
title="Common Questions" title="الأسئلة الشائعة"
description="Everything you need to know about starting your trial." description="كل ما تحتاج لمعرفته حول البدء معنا."
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -236,116 +110,46 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "1", name: "د. سميث", role: "رئيس العيادة", testimonial: "MediBook غيرت طريقة إدارتنا لتدفق المرضى.", imageSrc: "http://img.b2bpic.net/free-photo/covid19-coronavirus-outbreak-healthcare-workers-pandemic-concept-enthusiastic-smiling-male-doctor-glad-help-patients-physician-white-coat-happy-working-clinic-hospital_1258-108212.jpg" },
id: "1", { id: "2", name: "إلينا ر.", role: "سكرتيرة", testimonial: "سهلة الاستخدام، لا مزيد من الأوراق المبعثرة.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg" },
name: "Dr. Smith",
role: "Clinic Lead",
testimonial: "MediBook transformed how we manage our patient flow.",
imageSrc: "http://img.b2bpic.net/free-photo/covid19-coronavirus-outbreak-healthcare-workers-pandemic-concept-enthusiastic-smiling-male-doctor-glad-help-patients-physician-white-coat-happy-working-clinic-hospital_1258-108212.jpg",
},
{
id: "2",
name: "Elena R.",
role: "Secretary",
testimonial: "So easy to use, no more messy paper logs.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
},
{
id: "3",
name: "Marcus V.",
role: "Practice Manager",
testimonial: "Excellent interface, my doctors love it.",
imageSrc: "http://img.b2bpic.net/free-photo/cinematic-portrait-woman-working-healthcare-system-having-care-job_23-2151237537.jpg",
},
{
id: "4",
name: "Julia M.",
role: "Chief Surgeon",
testimonial: "Saves me so much time every single day.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-woman-working-as-nurse_23-2151061586.jpg",
},
{
id: "5",
name: "Dr. Hans",
role: "Specialist",
testimonial: "Seamless integration with our current workflow.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-health-worker_23-2148980790.jpg",
},
]} ]}
title="Trusted by Clinic Directors" title="شهادات الخبراء"
description="See why top medical professionals trust MediBook." description="لماذا يثق كبار الأطباء في MediBook."
/> />
</div> </div>
<div id="blog" data-section="blog"> <div id="blog" data-section="blog">
<BlogCardOne <BlogCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
title="Latest Insights" title="آخر الأخبار والمقالات"
description="Articles on modern clinic management." description="نصائح حول إدارة العيادة الحديثة."
blogs={[ blogs={[
{ { id: "b1", category: "إدارة العيادة", title: "تحسين تدفق المرضى", excerpt: "نصائح لكل مدير عيادة مشغول.", imageSrc: "http://img.b2bpic.net/free-photo/diagnose-doctor-medicine-health-wellness-concept_53876-124256.jpg", authorName: "د. سارة", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-doctor-posing-studio_23-2150275674.jpg", date: "12 أكتوبر 2023" },
id: "b1",
category: "Clinic",
title: "Optimizing Patient Flow",
excerpt: "Tips for every busy clinic manager.",
imageSrc: "http://img.b2bpic.net/free-photo/diagnose-doctor-medicine-health-wellness-concept_53876-124256.jpg",
authorName: "Dr. Sarah",
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-doctor-posing-studio_23-2150275674.jpg",
date: "Oct 12, 2023",
},
{
id: "b2",
category: "Tech",
title: "The Future of Records",
excerpt: "Why digital is better for everyone.",
imageSrc: "http://img.b2bpic.net/free-photo/banker-offering-pension-plans-options-elderly-people-isolated-screen_482257-116030.jpg",
authorName: "Dr. Hans",
authorAvatar: "http://img.b2bpic.net/free-photo/closeup-african-american-specialist-doctor-with-stethoscope-working-medical-treatment-hospital-office-practitioner-man-analyzing-pharmaceutical-prescription-report-healthcare-service_482257-28696.jpg",
date: "Nov 02, 2023",
},
{
id: "b3",
category: "Staff",
title: "Better Teamwork",
excerpt: "Managing doctor-patient relationships.",
imageSrc: "http://img.b2bpic.net/free-photo/doctors-discussing-work-with-coffee-cups_23-2149355002.jpg",
authorName: "Julia M.",
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-senior-woman-dentist-working-stomatological-hospital-office-room-waiting-sick-patient-start-tooth-examination-medical-team-working-healthcare-treatment-medicine-services_482257-35342.jpg",
date: "Nov 15, 2023",
},
]} ]}
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactSplit
title="احجز موعداً مباشرة"
description="ادخل بيانات المريض واحجز الزيارة فوراً في تقويم العيادة."
tag="حجز مباشر"
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient", imageSrc="http://img.b2bpic.net/free-photo/doctor-working-with-laptop-clinic_23-2148443725.jpg"
}} mediaAnimation="none"
text="Ready to transform your practice? Reach out to schedule a demo today."
buttons={[
{
text: "Contact Support",
href: "mailto:support@medibook.com",
},
]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterBase
logoText="MediBook" logoText="MediBook"
leftLink={{ columns={[
text: "Privacy Policy", { title: "الشركة", items: [{ label: "من نحن", href: "#" }, { label: "اتصل بنا", href: "#" }] },
href: "#", { title: "قانوني", items: [{ label: "سياسة الخصوصية", href: "#" }, { label: "شروط الخدمة", href: "#" }] }
}} ]}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>