diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5797982..dd1a979 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -18,17 +18,17 @@ export default function LandingPage() {
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="background-highlight"
-        borderRadius="rounded"
-        contentWidth="smallMedium"
+        borderRadius="pill"
+        contentWidth="medium"
         sizing="largeSizeMediumTitles"
         background="fluid"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="medium"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+  <div id="nav" data-section="nav" dir="rtl">
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
@@ -44,7 +44,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="hero" data-section="hero">
+  <div id="hero" data-section="hero" dir="rtl">
       <HeroCarouselLogo
       logoText="Unlock"
       description="بيع منتجاتك الرقمية بسهولة وبشكل فوري. أنشئ رابط، شاركه، واستلم أرباحك مباشرة بدون تعقيد."
@@ -69,7 +69,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="how-it-works" data-section="how-it-works">
+  <div id="how-it-works" data-section="how-it-works" dir="rtl">
       <MetricSplitMediaAbout
       useInvertedBackground={false}
       title="كيف يعمل الموقع؟"
@@ -91,7 +91,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="features" data-section="features">
+  <div id="features" data-section="features" dir="rtl">
       <FeatureCardTwentyFive
       animationType="slide-up"
       textboxLayout="split"
@@ -130,7 +130,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="comparison" data-section="comparison">
+  <div id="comparison" data-section="comparison" dir="rtl">
       <MetricCardOne
       animationType="slide-up"
       textboxLayout="default"
@@ -152,7 +152,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
+  <div id="testimonials" data-section="testimonials" dir="rtl">
       <TestimonialCardFive
       textboxLayout="default"
       useInvertedBackground={false}
@@ -173,7 +173,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="faq" data-section="faq">
+  <div id="faq" data-section="faq" dir="rtl">
       <FaqSplitMedia
       textboxLayout="split"
       useInvertedBackground={false}
@@ -194,7 +194,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
+  <div id="contact" data-section="contact" dir="rtl">
       <ContactSplit
       useInvertedBackground={false}
       background={{
@@ -210,30 +210,27 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+  <div id="footer" data-section="footer" dir="rtl">
+      <FooterMedia
+      imageSrc="http://img.b2bpic.net/free-photo/digital-content-management-concept_53876-132318.jpg"
+      logoText="Unlock"
       columns={[
         {
-          items: [
-            {
-              label: "الرئيسية",              href: "#hero"},
-            {
-              label: "المميزات",              href: "#features"},
-          ],
+          title: "روابط سريعة",          items: [
+            { label: "الرئيسية", href: "#hero" },
+            { label: "المميزات", href: "#features" },
+          ]
         },
         {
-          items: [
-            {
-              label: "الخصوصية",              href: "#"},
-            {
-              label: "شروط الاستخدام",              href: "#"},
-          ],
-        },
+          title: "قانوني",          items: [
+            { label: "الخصوصية", href: "#" },
+            { label: "الشروط", href: "#" },
+          ]
+        }
       ]}
-      logoText="Unlock"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file