10 Commits

Author SHA1 Message Date
43d13841fd Update src/app/testimonials/page.tsx 2026-05-07 22:00:20 +00:00
458b7db098 Update src/app/services/page.tsx 2026-05-07 22:00:19 +00:00
8e487e12ee Update src/app/service-request/page.tsx 2026-05-07 22:00:19 +00:00
a2cc10dca2 Update src/app/privacy-policy/page.tsx 2026-05-07 22:00:18 +00:00
11d1c05e45 Update src/app/portfolio/page.tsx 2026-05-07 22:00:17 +00:00
a4b6034b5c Update src/app/faq/page.tsx 2026-05-07 22:00:17 +00:00
cc46ea810b Update src/app/contact/page.tsx 2026-05-07 22:00:16 +00:00
4ddf763b6a Update src/app/blog/page.tsx 2026-05-07 22:00:15 +00:00
90a9ccfe9f Update src/app/about/page.tsx 2026-05-07 22:00:14 +00:00
13c35faf89 Update src/app/page.tsx 2026-05-07 21:58:08 +00:00
10 changed files with 129 additions and 233 deletions

View File

@@ -5,23 +5,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Company"
button={{ text: "Get Started", href: "#" }}
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Aljoman Dental"
button={{ text: "Contact", href: "/contact" }}
/>
</div>
</ThemeProvider>

View File

@@ -5,23 +5,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
export default function BlogPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Company"
button={{ text: "Get Started", href: "#" }}
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Aljoman Dental"
button={{ text: "Contact", href: "/contact" }}
/>
</div>
</ThemeProvider>

View File

@@ -5,23 +5,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Company"
button={{ text: "Get Started", href: "#" }}
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Aljoman Dental"
button={{ text: "Contact", href: "/contact" }}
/>
</div>
</ThemeProvider>

View File

@@ -5,23 +5,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
export default function FaqPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Company"
button={{ text: "Get Started", href: "#" }}
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Aljoman Dental"
button={{ text: "Contact", href: "/contact" }}
/>
</div>
</ThemeProvider>

View File

@@ -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>
);
}
}

View File

@@ -5,23 +5,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
export default function PortfolioPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Company"
button={{ text: "Get Started", href: "#" }}
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Aljoman Dental"
button={{ text: "Contact", href: "/contact" }}
/>
</div>
</ThemeProvider>

View File

@@ -5,23 +5,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
export default function PrivacyPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Company"
button={{ text: "Get Started", href: "#" }}
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Aljoman Dental"
button={{ text: "Contact", href: "/contact" }}
/>
</div>
</ThemeProvider>

View File

@@ -3,25 +3,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
export default function ServiceRequestPage() {
export default function RequestPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Company"
button={{ text: "Get Started", href: "#" }}
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Aljoman Dental"
button={{ text: "Contact", href: "/contact" }}
/>
</div>
</ThemeProvider>

View File

@@ -5,23 +5,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Company"
button={{ text: "Get Started", href: "#" }}
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Aljoman Dental"
button={{ text: "Contact", href: "/contact" }}
/>
</div>
</ThemeProvider>

View File

@@ -5,23 +5,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
export default function TestimonialsPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Company"
button={{ text: "Get Started", href: "#" }}
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Aljoman Dental"
button={{ text: "Contact", href: "/contact" }}
/>
</div>
</ThemeProvider>