diff --git a/src/app/page.tsx b/src/app/page.tsx
index 42992c3..c93caff 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
@@ -11,7 +11,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactForm from '@/components/form/ContactForm';
 import { Sparkles } from "lucide-react";
 
 export default function LandingPage() {
@@ -22,11 +22,11 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="smallMedium"
         sizing="mediumLargeSizeMediumTitles"
-        background="aurora"
-        cardStyle="glass-elevated"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="glass"
-        headingFontWeight="extrabold"
+        background="noise"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -43,7 +43,7 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{ variant: "sparkles-gradient" }}
+      background={{ variant: "plain" }}
       title="Anfal Shopping | الرقي يبدأ هنا"
       description="تجربة تسوق فاخرة تليق بذوقك الرفيع. اكتشفي أحدث صيحات الموضة من دور الأزياء العالمية."
       buttons={[{ text: "تسوقي الآن", href: "#products" }]}
@@ -147,20 +147,20 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-        text="هل تحتاجين لمساعدة شخصية؟ فريقنا هنا لخدمتكِ."
-        background={{ variant: "sparkles-gradient" }}
-        buttons={[{ text: "تواصلي معنا الآن" }]}
-        useInvertedBackground={true}
+      <ContactForm
+        title="تواصلي معنا"
+        description="نحن هنا للإجابة على جميع استفساراتك."
+        tag="الدعم الفني"
+        centered={true}
       />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoEmphasis
         logoText="أنفال شوبينق"
         columns={[
-            { title: "التسوق", items: [{ label: "الرئيسية", href: "#nav" }, { label: "المتجر", href: "#products" }] },
-            { title: "الدعم", items: [{ label: "الأسئلة الشائعة", href: "#faq" }, { label: "اتصل بنا", href: "#contact" }] }
+            { items: [{ label: "الرئيسية", href: "#nav" }, { label: "المتجر", href: "#products" }] },
+            { items: [{ label: "الأسئلة الشائعة", href: "#faq" }, { label: "اتصل بنا", href: "#contact" }] }
         ]}
       />
   </div>