Merge version_2 into main #1
306
src/app/page.tsx
306
src/app/page.tsx
@@ -2,11 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
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 MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
@@ -31,89 +31,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "الميزات", id: "features" },
|
||||
{ name: "الأسئلة الشائعة", id: "faq" },
|
||||
{ name: "اتصل بنا", id: "contact" },
|
||||
]}
|
||||
brandName="MediBook"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "احجز الآن", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
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."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="تطوير عيادتك الطبية"
|
||||
description="تبسيط عملية حجز المواعيد. تمكين موظفيك بواجهة سلسة وتوفير مسار مباشر لمرضاك لحجز زياراتهم بسهولة."
|
||||
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/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",
|
||||
},
|
||||
{ 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/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="موثوق من أكثر من 500 عيادة"
|
||||
buttons={[{ text: "ابدأ تجربة مجانية", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -122,26 +63,10 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Manual logs",
|
||||
"Missed appointments",
|
||||
"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."
|
||||
negativeCard={{ items: ["سجلات يدوية", "مواعيد فائتة", "اتصالات متكررة", "فوضى ورقية", "عزل البيانات"] }}
|
||||
positiveCard={{ items: ["جدولة تلقائية", "تنبيهات فورية", "روابط حجز للمرضى", "تخزين آمن", "لوحة تحكم تحليلية"] }}
|
||||
title="نظام حجز فعال"
|
||||
description="أدوات قوية لخدمة المرضى وتنظيم العيادة."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -152,44 +77,14 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "40%",
|
||||
title: "Reduced No-shows",
|
||||
description: "Automated reminders ensure patients arrive on time.",
|
||||
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,
|
||||
},
|
||||
{ id: "m1", value: "40%", title: "تقليل غياب المرضى", description: "تذكيرات تلقائية تضمن حضور المرضى في الموعد.", icon: Clock },
|
||||
{ id: "m2", value: "20+", title: "ساعات توفير", description: "وقت متاح لموظفي الاستقبال أسبوعياً.", icon: Zap },
|
||||
{ id: "m3", value: "99%", title: "استمرارية النظام", description: "وصول موثوق لقائمة المرضى طوال اليوم.", icon: ShieldCheck },
|
||||
{ id: "m4", value: "5x", title: "حجز أسرع", description: "يحجز المرضى مواعيدهم في أقل من 30 ثانية.", icon: Star },
|
||||
{ id: "m5", value: "100%", title: "أمن البيانات", description: "سجلات طبية مشفرة بالكامل.", icon: Lock },
|
||||
]}
|
||||
title="Performance at a Glance"
|
||||
description="Optimize your clinic's daily operations."
|
||||
title="أداء العيادة"
|
||||
description="تحسين عمليات عيادتك اليومية."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -198,34 +93,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is my patient data secure?",
|
||||
content: "Yes, we use industry-standard encryption for all patient records.",
|
||||
},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
{ id: "f1", title: "هل بيانات المرضى آمنة؟", content: "نعم، نستخدم تشفيراً بمعايير الصناعة لجميع سجلات المرضى." },
|
||||
{ id: "f2", title: "كيف يحجز المرضى مواعيدهم؟", content: "يحصل المرضى على رابط فريد لعرض المواعيد المتاحة وطلب حجز." },
|
||||
{ id: "f3", title: "هل يمكن للمكتب إدارة عدة أطباء؟", content: "نعم، لوحة التحكم تدعم إدارة جداول عدة أطباء بكفاءة." },
|
||||
{ id: "f4", title: "هل يتكامل مع السجلات الطبية؟", content: "نعم، نقدم واجهات برمجة تطبيقات لمعظم أنظمة السجلات الطبية." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about starting your trial."
|
||||
title="الأسئلة الشائعة"
|
||||
description="كل ما تحتاج لمعرفته حول البدء معنا."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -236,116 +110,44 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
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",
|
||||
},
|
||||
{ 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: "2", name: "إلينا ر.", role: "سكرتيرة", testimonial: "سهلة الاستخدام، لا مزيد من الأوراق المبعثرة.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg" },
|
||||
]}
|
||||
title="Trusted by Clinic Directors"
|
||||
description="See why top medical professionals trust MediBook."
|
||||
title="شهادات الخبراء"
|
||||
description="لماذا يثق كبار الأطباء في MediBook."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest Insights"
|
||||
description="Articles on modern clinic management."
|
||||
title="آخر الأخبار والمقالات"
|
||||
description="نصائح حول إدارة العيادة الحديثة."
|
||||
blogs={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ 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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to transform your practice? Reach out to schedule a demo today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@medibook.com",
|
||||
},
|
||||
]}
|
||||
<ContactSplit
|
||||
title="احجز موعداً مباشرة"
|
||||
description="ادخل بيانات المريض واحجز الزيارة فوراً في تقويم العيادة."
|
||||
tag="حجز مباشر"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/doctor-working-with-laptop-clinic_23-2148443725.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterBase
|
||||
logoText="MediBook"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
columns={[
|
||||
{ title: "الشركة", items: [{ label: "من نحن", href: "#" }, { label: "اتصل بنا", href: "#" }] },
|
||||
{ title: "قانوني", items: [{ label: "سياسة الخصوصية", href: "#" }, { label: "شروط الخدمة", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user