Update src/app/page.tsx
This commit is contained in:
312
src/app/page.tsx
312
src/app/page.tsx
@@ -15,45 +15,34 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
|
||||
import { Award, Shield, Smile, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const navLinks = [
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "من نحن", id: "about" },
|
||||
{ name: "خدماتنا", id: "features" },
|
||||
{ name: "سياسة الخصوصية", id: "/privacy-policy" },
|
||||
{ name: "تواصل معنا", id: "contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "من نحن",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "خدماتنا",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "تواصل معنا",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
navItems={navLinks}
|
||||
brandName="Aljoman Dental"
|
||||
button={{
|
||||
text: "احجز موعداً",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "احجز موعداً", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,82 +51,15 @@ export default function LandingPage() {
|
||||
title="أبتسامة ثقة تليق بك في عيادات الجومان"
|
||||
description="نقدم خدمات طب الأسنان التجميلي والعلاجي بأعلى معايير الجودة العالمية، بلمسة من العناية الفائقة."
|
||||
testimonials={[
|
||||
{
|
||||
name: "أحمد العتيبي",
|
||||
handle: "@ahmed",
|
||||
testimonial: "تجربة استثنائية وعناية احترافية في الجومان، شكراً لكم على الابتسامة الجديدة.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-stomatology-orthodontic-hospital-cabinet-with-nobody-it-equipped-with-modern-furniture-teet_482257-2882.jpg?_wi=1",
|
||||
imageAlt: "dental clinic interior modern",
|
||||
},
|
||||
{
|
||||
name: "سارة خالد",
|
||||
handle: "@sara",
|
||||
testimonial: "أفضل عيادة تعاملت معها، الأجهزة متطورة جداً والتعامل راقي.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-s-office-interior-with-modern-chair-special-dentisd-equipment-interior-stomatology-clinic_482257-11998.jpg?_wi=1",
|
||||
imageAlt: "dental clinic interior modern",
|
||||
},
|
||||
{
|
||||
name: "محمد علي",
|
||||
handle: "@mohammad",
|
||||
testimonial: "احترافية في العمل ودقة في المواعيد، أنصح بالزيارة.",
|
||||
rating: 5,
|
||||
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=1",
|
||||
imageAlt: "dental clinic interior modern",
|
||||
},
|
||||
{
|
||||
name: "فاطمة العمري",
|
||||
handle: "@fatima",
|
||||
testimonial: "نتائج مذهلة، لم أكن أتوقع أن تكون الابتسامة بهذا الجمال.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg?_wi=1",
|
||||
imageAlt: "dental clinic interior modern",
|
||||
},
|
||||
{
|
||||
name: "خالد سعد",
|
||||
handle: "@khalid",
|
||||
testimonial: "خدمة ممتازة واحترافية عالية، تجربة تستحق التكرار.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-man-teeth-with-dental-explorer-dental-mirror_651396-2613.jpg?_wi=1",
|
||||
imageAlt: "dental clinic interior modern",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "احجز موعداً",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-stomatology-orthodontic-hospital-cabinet-with-nobody-it-equipped-with-modern-furniture-teet_482257-2882.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-dentist-patient-smiling_23-2148396176.jpg",
|
||||
alt: "Portrait of dentist and patient smiling",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-man-sitting-chair-while-female-dentist-working-clinic_662251-2551.jpg",
|
||||
alt: "Portrait of smiling man sitting on chair while female dentist working in clinic",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beuatiful-female-dentist-posing-smiling-with-her-lovely-patient-laying-dental-chair-redviolet-dress_627829-9746.jpg",
|
||||
alt: "Beuatiful female dentist posing and smiling with her lovely patient laying on a dental chair in redviolet dress",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg",
|
||||
alt: "Female patient smiling while talking to doctor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-father-posing-home-with-thumbs-up_23-2148853977.jpg",
|
||||
alt: "Front view of smiley father posing at home with thumbs up",
|
||||
},
|
||||
{ name: "أحمد العتيبي", handle: "@ahmed", testimonial: "تجربة استثنائية وعناية احترافية في الجومان، شكراً لكم على الابتسامة الجديدة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-stomatology-orthodontic-hospital-cabinet-with-nobody-it-equipped-with-modern-furniture-teet_482257-2882.jpg?_wi=1", imageAlt: "dental clinic interior modern" },
|
||||
{ name: "سارة خالد", handle: "@sara", testimonial: "أفضل عيادة تعاملت معها، الأجهزة متطورة جداً والتعامل راقي.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dentist-s-office-interior-with-modern-chair-special-dentisd-equipment-interior-stomatology-clinic_482257-11998.jpg?_wi=1", imageAlt: "dental clinic interior modern" }
|
||||
]}
|
||||
buttons={[{ text: "احجز موعداً", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="لماذا نحن؟"
|
||||
title="التميز في طب الأسنان منذ عقود"
|
||||
description="عيادات الجومان ليست مجرد مركز طبي، بل تجربة متكاملة للعناية بصحة وجمال أسنانك."
|
||||
@@ -151,26 +73,9 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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",
|
||||
imageAlt: "تجميل",
|
||||
},
|
||||
{
|
||||
title: "العلاج التحفظي",
|
||||
description: "علاج العصب، الحشوات التجميلية، وعلاج اللثة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg?_wi=2",
|
||||
imageAlt: "علاج",
|
||||
},
|
||||
{
|
||||
title: "تقويم الأسنان",
|
||||
description: "تقويم شفاف ومعدني بأحدث الأنظمة العلاجية.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-man-teeth-with-dental-explorer-dental-mirror_651396-2613.jpg?_wi=2",
|
||||
imageAlt: "تقويم",
|
||||
},
|
||||
{ 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="نقدم حلولاً طبية متكاملة لابتسامة ساحرة."
|
||||
@@ -182,44 +87,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
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/close-up-dentist-instruments_23-2151042930.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "ابتسامة هوليود (فينيير)",
|
||||
price: "١٩٩٩ ر.س",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-pov-stomatologist-putting-oxigen-mask-before-tooth-surgery-sitting-stomatological-chair-doctor-nurse-working-modern-orthodontic-office-wearing-protection-mask-gloves_482257-13133.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "تنظيف الأسنان الشامل",
|
||||
price: "٤٩٩ ر.س",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stomatology-orthodontic-hospital-room-equipped-with-uv-lamp-teeth-whitening-device-stomatological-office-ready-professional-dentistry-procedure-ultraviolet-oral-dental-machine_482257-9416.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "علاج حساسية الأسنان",
|
||||
price: "٢٩٩ ر.س",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vials-medicine-arrangement-top-view_23-2149341595.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "توريد اللثة التجميلي",
|
||||
price: "٧٩٩ ر.س",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-preteen-girl-with-braces-her-teeth-looking-mirror_169016-39161.jpg",
|
||||
},
|
||||
{ id: "p1", name: "باقة التبييض الاحترافية", price: "٩٩٩ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg" }
|
||||
]}
|
||||
title="عروضنا الحصرية"
|
||||
description="استكشف أحدث عروض الباقات التجميلية والعلاجية."
|
||||
@@ -231,152 +100,29 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "١٥,٠٠٠+",
|
||||
title: "مريض سعيد",
|
||||
description: "ثقتكم هي سر نجاحنا الدائم.",
|
||||
icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "٢٠+",
|
||||
title: "سنة خبرة",
|
||||
description: "نقدم خبرة عقود لابتسامتك.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "٩٩%",
|
||||
title: "معدل الرضا",
|
||||
description: "معايير عالمية في كل خطوة.",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "١٥,٠٠٠+", title: "مريض سعيد", description: "ثقتكم هي سر نجاحنا الدائم.", icon: Smile },
|
||||
{ id: "m2", value: "٢٠+", title: "سنة خبرة", description: "نقدم خبرة عقود لابتسامتك.", icon: Award }
|
||||
]}
|
||||
title="أرقام تدل على تميزنا"
|
||||
description="نحن نفخر بما حققناه لآلاف المرضى."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "سارة",
|
||||
role: "مراجعة",
|
||||
testimonial: "طاقم عمل رائع وخدمة احترافية جداً.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-professional-dentist-with-gloves-mask-discuss-what-treatment-will-look-like-patient-s-teeth_158595-7630.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "أحمد",
|
||||
role: "مراجع",
|
||||
testimonial: "نتيجة مبهرة وتفاصيل دقيقة في المعالجة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-happy-dentist_23-2148396150.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "ليلى",
|
||||
role: "مراجعة",
|
||||
testimonial: "لن أتردد في العودة مرة أخرى، شكراً جزيلاً.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-patient-bed-physiotherapy-center_1139-1121.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "عمر",
|
||||
role: "مراجع",
|
||||
testimonial: "تجربة لا تنسى، عيادة متطورة بكل المقاييس.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-showing-her-thumbs-up_1301-1128.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "نورة",
|
||||
role: "مراجعة",
|
||||
testimonial: "الابتسامة التي حلمت بها تحققت هنا.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-stylish-laughing-model-colorful-casual-summer-clothes-with-natural-makeup_158538-11753.jpg",
|
||||
},
|
||||
]}
|
||||
title="ماذا يقول مرضانا؟"
|
||||
description="رأيكم هو دافعنا للاستمرار في تقديم الأفضل."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "هل خدمات تبييض الأسنان آمنة؟",
|
||||
content: "نعم، نستخدم تقنيات حديثة ومعتمدة تضمن سلامة المينا واللثة.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "كم يستغرق تركيب تقويم الأسنان؟",
|
||||
content: "تختلف المدة حسب الحالة، ولكن عادة ما تتراوح بين ١٢ إلى ٢٤ شهراً.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "هل يوجد ضمان على ابتسامة هوليود؟",
|
||||
content: "نقدم ضماناً على جودة المواد المستخدمة والعمليات التجميلية التي نقوم بها.",
|
||||
},
|
||||
]}
|
||||
sideTitle="أسئلة شائعة"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="تواصل معنا"
|
||||
title="ابدأ رحلة ابتسامتك اليوم"
|
||||
description="احجز استشارتك المجانية مع أطباء الجومان المتخصصين."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nobody-empty-waiting-room-lobby-with-desktop-reception-helping-patients-with-medical-insurance-attend-checkup-visit-appointment-waiting-area-with-counter-hospital_482257-47691.jpg"
|
||||
inputPlaceholder="أدخل بريدك الإلكتروني"
|
||||
description="احجز استشارتك المجانية. العنوان: طريق المدينة المنورة، حي الفيصلية، جدة 23442، المملكة العربية السعودية."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "من نحن",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "خدماتنا",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "سياسة الخصوصية",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "احجز موعداً",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "موقع العيادة",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "من نحن", href: "#about" }, { label: "خدماتنا", href: "#features" }, { label: "سياسة الخصوصية", href: "/privacy-policy" }] },
|
||||
{ items: [{ label: "احجز موعداً", href: "#contact" }, { label: "طريق المدينة المنورة، حي الفيصلية، جدة 23442، المملكة العربية السعودية", href: "#" }] }
|
||||
]}
|
||||
logoText="عيادات الجومان"
|
||||
/>
|
||||
@@ -384,4 +130,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user