Update src/app/page.tsx

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
@@ -171,48 +171,24 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "plain"}}
-      tag="اتصل بنا"
+      <ContactCenter
+      tag="تواصل معنا"
       title="هل لديك استفسار؟"
       description="نحن هنا لخدمتك. تواصل معنا في مقرنا بالعامرية - شارع العمل الشعبي."
-      buttons={[
-        {
-          text: "تواصل عبر واتساب",          href: "#"},
-      ]}
+      background={{
+        variant: "sparkles-gradient"}}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoReveal
       logoText="شركة الاحجار الثمينة"
-      columns={[
-        {
-          title: "روابط سريعة",          items: [
-            {
-              label: "الرئيسية",              href: "/"},
-            {
-              label: "المنتجات",              href: "#products"},
-          ],
-        },
-        {
-          title: "العنوان",          items: [
-            {
-              label: "العامرية، شارع العمل الشعبي",              href: "#"},
-          ],
-        },
-        {
-          title: "قانوني",          items: [
-            {
-              label: "سياسة الخصوصية",              href: "#"},
-          ],
-        },
-      ]}
+      leftLink={{ text: "الرئيسية", href: "/" }}
+      rightLink={{ text: "تواصل معنا", href: "#contact" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}