src/app/contact/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function ContactPage() {
   return (
@@ -28,15 +28,18 @@ export default function ContactPage() {
           ]}
           brandName="الشامل فود"
         />
-        <div className="min-h-screen pt-32 pb-20 px-4 flex flex-col items-center justify-center">
-            <h1 className="text-4xl font-bold mb-8">اتصل بنا</h1>
-            <p className="text-xl mb-4">يمكنكم التواصل معنا عبر الهاتف:</p>
-            <a href="tel:0506992050" className="text-3xl font-bold text-primary">0506992050</a>
-        </div>
+        <ContactCTA
+          tag="اتصل بنا"
+          title="نحن هنا لخدمتك"
+          description="لا تتردد في الاتصال بنا لأي استفسارات أو طلبات."
+          buttons={[{ text: "0506992050", href: "tel:0506992050" }]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
         <FooterSimple
           columns={[
             { title: "القائمة", items: [{ label: "الرئيسية", href: "/" }] },
-            { title: "تواصل معنا", items: [{ label: "اتصل بنا", href: "/contact" }] },
+            { title: "تواصل معنا", items: [{ label: "تواصل معنا", href: "/contact" }] },
           ]}
           bottomLeftText="© 2024 الشامل فود."
           bottomRightText="جميع الحقوق محفوظة."

src/app/page.tsx

@@ -2,7 +2,6 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
@@ -149,7 +148,7 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         { title: "القائمة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "القائمة", href: "#products" }] },
-        { title: "تواصل معنا", items: [{ label: "اتصل بنا", href: "/contact" }] },
+        { title: "تواصل معنا", items: [{ label: "تواصل معنا", href: "/contact" }] },
       ]}
       bottomLeftText="© 2024 الشامل فود."
       bottomRightText="جميع الحقوق محفوظة."