240 lines
13 KiB
TypeScript
240 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
||
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||
import { Award, CheckCircle, Heart, Stethoscope, Star, TrendingUp, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="mediumLarge"
|
||
sizing="mediumLargeSizeMediumTitles"
|
||
background="noise"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
brandName="عيادة DR N.KADI"
|
||
navItems={[
|
||
{ name: "الخدمات", id: "services" },
|
||
{ name: "عن العيادة", id: "unique" },
|
||
{ name: "اتصل بنا", id: "contact" }
|
||
]}
|
||
button={{ text: "حجز موعد", href: "contact" }}
|
||
animateOnLoad={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplit
|
||
title="عيادة DR N.KADI"
|
||
description="صابري محمد زكرياء\n\nعيادة DR N.Kadi و SABRI Company\n\nأفضل عيادة طبية بيطرية في المنطقة تقدم رعاية طبية عالية الجودة للحيوانات الأليفة بكل محبة واحترافية."
|
||
tag="رعاية الحيوانات الأليفة بخبرة"
|
||
tagIcon={Heart}
|
||
background={{ variant: "glowing-orb" }}
|
||
imageSrc="http://img.b2bpic.net/free-photo/caucasian-factory-worker-blue-lab-suit-with-tablet-hands-stand-near-manufacture-machine-hand-glasses_645730-99.jpg"
|
||
imageAlt="عيادة DR N.KADI الحديثة"
|
||
mediaAnimation="slide-up"
|
||
imagePosition="right"
|
||
buttons={[
|
||
{ text: "احجز موعدك الآن", href: "contact" },
|
||
{ text: "تعرف على خدماتنا", href: "services" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="unique" data-section="unique">
|
||
<TestimonialAboutCard
|
||
tag="تميز وثقة"
|
||
tagIcon={Award}
|
||
title="عيادة DR N.KADI - الخيار الوحيد الموثوق في المنطقة"
|
||
description="الطبيب البيطري الأول في المنطقة"
|
||
subdescription="خدمة متخصصة وموثوقة منذ سنوات"
|
||
icon={Star}
|
||
imageSrc="http://img.b2bpic.net/free-photo/cute-dog-consultation_23-2149314345.jpg"
|
||
imageAlt="الطبيب البيطري المتخصص"
|
||
mediaAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentySeven
|
||
title="الخدمات الطبية المتخصصة"
|
||
description="نقدم أفضل الخدمات الطبية البيطرية باستخدام أحدث المعدات الطبية والخبرة الاحترافية"
|
||
tag="خدمات شاملة"
|
||
tagIcon={Stethoscope}
|
||
features={[
|
||
{
|
||
id: "1", title: "الاستشارات الطبية", descriptions: [
|
||
"فحص صحي شامل للحيوانات الأليفة", "تشخيص دقيق للأمراض", "نصائح طبية متخصصة"
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medical-test-vet-s-visit_329181-10381.jpg?_wi=1", imageAlt: "الاستشارات الطبية"
|
||
},
|
||
{
|
||
id: "2", title: "التطعيمات", descriptions: [
|
||
"برامج تطعيم شاملة للحيوانات", "حماية من الأمراض المعدية", "متابعة دورية للمناعة"
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-vet-with-injection-looking-dog-table_23-2147928580.jpg", imageAlt: "خدمات التطعيم"
|
||
},
|
||
{
|
||
id: "3", title: "طب الأسنان البيطري", descriptions: [
|
||
"تنظيف الأسنان الاحترافي", "علاج أمراض اللثة", "صحة فم وأسنان شاملة"
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-taking-care-pet-dog_23-2149198677.jpg", imageAlt: "خدمات طب الأسنان"
|
||
},
|
||
{
|
||
id: "4", title: "التجميل والعناية", descriptions: [
|
||
"خدمات الاستحمام والتنظيف", "قص وتصفيف الفراء", "عناية متكاملة بصحة الجلد"
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-veterinarians-helping-cat_23-2148302198.jpg", imageAlt: "خدمات التجميل"
|
||
},
|
||
{
|
||
id: "5", title: "الجراحة العامة", descriptions: [
|
||
"عمليات جراحية متقدمة", "تقنيات جراحية حديثة", "رعاية ما بعد الجراحة المتقنة"
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medical-team-performing-surgical-operation-bright-modern-operating-room-group-surgeons-work-operating-theater-toned-blue-medical-team-performing-operation_657921-1071.jpg", imageAlt: "خدمات الجراحة"
|
||
},
|
||
{
|
||
id: "6", title: "الحالات الطارئة", descriptions: [
|
||
"خدمة الطوارئ على مدار السنة", "استجابة سريعة للحالات الحرجة", "رعاية مكثفة متخصصة"
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-dog-veterinary-clinic_23-2149304339.jpg", imageAlt: "خدمات الطوارئ"
|
||
},
|
||
{
|
||
id: "7", title: "الإقامة والمراقبة", descriptions: [
|
||
"أقسام إقامة حديثة ومريحة", "مراقبة طبية مستمرة", "رعاية صحية شاملة خلال الإقامة"
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinary-doctor-taking-care-pet_23-2149267833.jpg?_wi=1", imageAlt: "أقسام الإقامة"
|
||
},
|
||
{
|
||
id: "8", title: "التصوير الطبي", descriptions: [
|
||
"أشعات X متقدمة وآمنة", "الموجات فوق الصوتية البيطرية", "تشخيص دقيق وسريع"
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-checking-dog_23-2149271808.jpg", imageAlt: "التصوير الطبي"
|
||
}
|
||
]}
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-choose" data-section="why-choose">
|
||
<MetricCardThree
|
||
title="لماذا تختار عيادة DR N.KADI؟"
|
||
description="نحن نقدم خدمات طبية بيطرية متميزة بجودة عالية وخبرة احترافية"
|
||
tag="المزايا الرئيسية"
|
||
tagIcon={CheckCircle}
|
||
metrics={[
|
||
{ id: "1", icon: Award, title: "الخبرة المتخصصة", value: "سنوات من التفاني" },
|
||
{ id: "2", icon: Stethoscope, title: "الرعاية المتقدمة", value: "معدات حديثة" },
|
||
{ id: "3", icon: Heart, title: "الرحمة والحنان", value: "محبة الحيوان" },
|
||
{ id: "4", icon: TrendingUp, title: "الموثوقية", value: "مثق به المجتمع" }
|
||
]}
|
||
animationType="scale-rotate"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="excellence" data-section="excellence">
|
||
<ProductCardOne
|
||
title="معايير التميز الطبي"
|
||
description="نستخدم أحدث المعدات الطبية والأساليب العلمية الحديثة لضمان أفضل رعاية لحيوانك الأليف"
|
||
tag="الجودة العالية"
|
||
tagIcon={Zap}
|
||
products={[
|
||
{
|
||
id: "1", name: "تقنيات جراحية متقدمة", price: "أفضل النتائج", imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinary-doctor-taking-care-pet_23-2149267833.jpg?_wi=2", imageAlt: "المعدات الطبية"
|
||
},
|
||
{
|
||
id: "2", name: "كادر طبي متخصص", price: "خبرة واحترافية", imageSrc: "http://img.b2bpic.net/free-photo/cute-dog-consultation_23-2149314381.jpg?_wi=1", imageAlt: "الفريق المتخصص"
|
||
},
|
||
{
|
||
id: "3", name: "أنظمة صحية عالية", price: "سلامة مضمونة", imageSrc: "http://img.b2bpic.net/free-photo/medical-test-vet-s-visit_329181-10381.jpg?_wi=2", imageAlt: "معايير الصحة"
|
||
}
|
||
]}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
title="اتصل بنا والتقدم بطلب موعد"
|
||
description="نحن هنا لخدمتك وحيوانك الأليف. تواصل معنا لحجز موعد أو الاستفسار عن خدماتنا الطبية المتخصصة."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "اسمك الكامل", required: true },
|
||
{ name: "email", type: "email", placeholder: "بريدك الإلكتروني", required: true },
|
||
{ name: "phone", type: "tel", placeholder: "رقم هاتفك", required: true }
|
||
]}
|
||
textarea={{ name: "message", placeholder: "اكتب رسالتك أو استفسارك عن الخدمات", rows: 5, required: true }}
|
||
useInvertedBackground={false}
|
||
imageSrc="http://img.b2bpic.net/free-photo/cute-dog-consultation_23-2149314381.jpg?_wi=2"
|
||
imageAlt="الاتصال بالعيادة"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
buttonText="إرسال الطلب"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="عيادة DR N.KADI"
|
||
columns={[
|
||
{
|
||
title: "الخدمات", items: [
|
||
{ label: "الاستشارات الطبية", href: "#services" },
|
||
{ label: "التطعيمات", href: "#services" },
|
||
{ label: "طب الأسنان", href: "#services" },
|
||
{ label: "التجميل والعناية", href: "#services" }
|
||
]
|
||
},
|
||
{
|
||
title: "عن العيادة", items: [
|
||
{ label: "من نحن", href: "#unique" },
|
||
{ label: "خدماتنا", href: "#services" },
|
||
{ label: "تميزنا", href: "#excellence" },
|
||
{ label: "اتصل بنا", href: "#contact" }
|
||
]
|
||
},
|
||
{
|
||
title: "المعلومات", items: [
|
||
{ label: "سياسة الخصوصية", href: "#" },
|
||
{ label: "شروط الخدمة", href: "#" },
|
||
{ label: "سياسة الاسترجاع", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "تواصل معنا", items: [
|
||
{ label: "البريد الإلكتروني", href: "mailto:contact@drkadi.com" },
|
||
{ label: "الهاتف", href: "tel:+213555000000" },
|
||
{ label: "الموقع", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
copyrightText="© 2025 عيادة DR N.KADI و SABRI Company. جميع الحقوق محفوظة."
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|