src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -197,20 +197,28 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
+      <ContactText
+      text="Kérdésed van? Lépj velünk kapcsolatba a support@ausztriajobs.hu címen."
       background={{
-        variant: "plain"}}
-      tag="Elérhetőség"
-      title="Lépj kapcsolatba velünk!"
-      description="Kérdésed van? Írj nekünk e-mailt a support@ausztriajobs.hu címre vagy töltsd ki az alábbi űrlapot."
+        variant: "sparkles-gradient"}}
+      useInvertedBackground={true}
+      className="bg-primary-cta text-primary-cta-text"
+      buttons={[
+        {
+          text: "Írj nekünk",          href: "mailto:support@ausztriajobs.hu"}
+      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseCard
       logoText="AusztriaJobs"
       copyrightText="© 2024 AusztriaJobs Kft."
+      columns={[
+        { title: "Navigáció", items: [{ label: "Főoldal", href: "#" }, { label: "Rólunk", href: "#about" }] },
+        { title: "Szolgáltatások", items: [{ label: "Állások", href: "#jobs" }, { label: "Nyelvtanfolyam", href: "#language" }] },
+        { title: "Jogi", items: [{ label: "Adatvédelem", href: "#" }, { label: "Feltételek", href: "#" }] }
+      ]}
     />
   </div>
       </ReactLenis>