Update src/app/page.tsx
This commit is contained in:
171
src/app/page.tsx
171
src/app/page.tsx
@@ -34,101 +34,96 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navLinks}
|
||||
brandName="Aljoman Dental"
|
||||
button={{ text: "احجز موعداً", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navLinks}
|
||||
brandName="Aljoman Dental"
|
||||
button={{ text: "احجز موعداً", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="أبتسامة ثقة تليق بك في عيادات الجومان"
|
||||
description="نقدم خدمات طب الأسنان التجميلي والعلاجي بأعلى معايير الجودة العالمية."
|
||||
testimonials={[
|
||||
{ name: "أحمد العتيبي", handle: "@ahmed", testimonial: "تجربة استثنائية وعناية احترافية.", rating: 5 },
|
||||
{ name: "سارة خالد", handle: "@sara", testimonial: "أفضل عيادة تعاملت معها.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="أبتسامة ثقة تليق بك"
|
||||
description="خدمات طب أسنان تجميلية وعلاجية عالية الجودة."
|
||||
testimonials={[{ name: "أحمد", handle: "@ahmed", testimonial: "تجربة استثنائية.", rating: 5 }]}
|
||||
buttons={[{ text: "احجز الآن", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="لماذا نحن؟"
|
||||
title="التميز في طب الأسنان"
|
||||
description="عيادات الجومان ليست مجرد مركز طبي."
|
||||
subdescription="نستخدم أحدث التقنيات الرقمية."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dentist-s-office-interior-with-modern-chair-special-dentisd-equipment-interior-stomatology-clinic_482257-11998.jpg?_wi=2"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="لماذا نحن؟"
|
||||
title="التميز في طب الأسنان"
|
||||
description="عيادات الجومان تقدم تجربة رعاية متكاملة."
|
||||
subdescription="أحدث التقنيات الرقمية."
|
||||
icon={Shield}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/dentist-s-office-interior-with-modern-chair-special-dentisd-equipment-interior-stomatology-clinic_482257-11998.jpg"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{ title: "طب الأسنان التجميلي", description: "ابتسامة هوليود، تبييض الأسنان.", imageSrc: "http://img.b2bpic.net/free-photo/patient-pov-listening-explication-teeth-treatment-dentist-coverall-showing-x-ray-tablet-stomatology-specialist-wearing-protective-suit-against-infection-with-covid19-pointing-radiograph_482257-13149.jpg?_wi=2" },
|
||||
{ title: "العلاج التحفظي", description: "علاج العصب، الحشوات التجميلية.", imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg?_wi=2" }
|
||||
]}
|
||||
title="خدماتنا المتميزة"
|
||||
description="حلول طبية متكاملة."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{ title: "التجميل", description: "ابتسامة هوليود", imageSrc: "https://img.b2bpic.net/free-photo/vials-medicine-arrangement-top-view_23-2149341595.jpg" },
|
||||
{ title: "العلاج", description: "علاج العصب", imageSrc: "https://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg" }
|
||||
]}
|
||||
title="خدماتنا"
|
||||
description="نقدم حلولاً متكاملة."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{ id: "p1", name: "باقة التبييض", price: "٩٩٩ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg" },
|
||||
{ id: "p2", name: "تنظيف عميق", price: "٥٠٠ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg" },
|
||||
{ id: "p3", name: "استشارة دورية", price: "٣٠٠ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg" }
|
||||
]}
|
||||
title="عروضنا الحصرية"
|
||||
description="استكشف عروضنا."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
products={[
|
||||
{ id: "p1", name: "تبييض الأسنان", price: "٩٩٩ ر.س", imageSrc: "https://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg" },
|
||||
{ id: "p2", name: "فينير", price: "١٥٠٠ ر.س", imageSrc: "https://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-toolsclose-up_8353-1677.jpg" },
|
||||
{ id: "p3", name: "تقويم", price: "٥٠٠٠ ر.س", imageSrc: "https://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-toolsclose-up_8353-1677.jpg" }
|
||||
]}
|
||||
title="عروضنا"
|
||||
description="اكتشف باقاتنا."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
metrics={[
|
||||
{ id: "m1", value: "١٥,٠٠٠+", title: "مريض سعيد", description: "ثقتكم سر نجاحنا.", icon: Smile },
|
||||
{ id: "m2", value: "٢٠+", title: "سنة خبرة", description: "خبرة عقود لابتسامتك.", icon: Award }
|
||||
]}
|
||||
title="أرقام تميزنا"
|
||||
description="نفخر بما حققناه."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
metrics={[
|
||||
{ id: "m1", value: "١٥٠٠٠+", title: "مريض سعيد", description: "ثقتكم تهمنا", icon: Smile },
|
||||
{ id: "m2", value: "٢٠+", title: "سنة خبرة", description: "خبرة طويلة", icon: Award }
|
||||
]}
|
||||
title="أرقامنا"
|
||||
description="نحن نفخر بما قدمناه."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="تواصل معنا"
|
||||
title="ابدأ رحلة ابتسامتك"
|
||||
description="احجز استشارتك المجانية."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="تواصل"
|
||||
title="ابدأ رحلتك"
|
||||
description="احجز استشارتك اليوم."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "من نحن", href: "#about" }, { label: "خدماتنا", href: "#features" }] },
|
||||
{ items: [{ label: "احجز موعداً", href: "#contact" }] }
|
||||
]}
|
||||
logoText="عيادات الجومان"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[{ items: [{ label: "الرئيسية", href: "#" }] }]}
|
||||
logoText="عيادات الجومان"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user