Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function ContactPage() {
@@ -15,14 +15,15 @@ export default function ContactPage() {
   ];
 
   return (
-    <ThemeProvider borderRadius="pill" contentWidth="medium">
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
         <ReactLenis root>
-            <NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" />
-            <ContactSplitForm 
+            <NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" button={{ text: "احجز موعداً", href: "#contact" }} />
+            <ContactSplit 
                 title="تواصل معنا"
                 description="نحن هنا للرد على استفساراتكم وحجز مواعيدكم."
-                inputs={[{ name: "name", type: "text", placeholder: "الاسم الكامل", required: true }, { name: "email", type: "email", placeholder: "البريد الإلكتروني", required: true }]}
-                textarea={{ name: "message", placeholder: "رسالتك" }}
+                tag="اتصل بنا"
+                background={{ variant: "sparkles-gradient" }}
+                useInvertedBackground={false}
             />
             <FooterLogoEmphasis 
                 columns={[{ items: [{ label: "الرئيسية", href: "/" }, { label: "تواصل معنا", href: "/contact" }] }]}