Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -267,41 +267,30 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCTA
       useInvertedBackground={true}
-      title="Vraag Uw Gepersonaliseerde Offerte Aan"
+      tag="Neem Contact Op"
-      description="Klaar om uw bedrijfsfinanciering te stroomlijnen? Vul onderstaand formulier in om contact op te nemen met onze experts en op maat gemaakte lening- en leaseaanbiedingen te ontvangen."
+      title="Klaar om te beginnen?"
-      inputs={[
+      description="Wij zijn er om u te helpen met al uw financierings- en leasevragen. Neem vandaag nog contact met ons op voor een vrijblijvend gesprek."
+      buttons={[
         {
-          name: "name",          type: "text",          placeholder: "Uw Naam",          required: true
+          text: "Contacteer Ons Direct",          href: "#contact"}
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Zakelijk E-mailadres",          required: true
-        },
-        {
-          name: "company",          type: "text",          placeholder: "Bedrijfsnaam",          required: true
-        }
       ]}
-      textarea={{
+      background={{
-        name: "message",        placeholder: "Vertel ons over uw financieringsbehoeften...",        rows: 4,
+        variant: "radial-gradient"}}
-        required: false
-      }}
-      imageSrc="http://img.b2bpic.net/free-vector/accountant-expertise-newsletter-notification-letters-bookkeeper-calculation-booker-with-correspondence-submit-document-view-checklist-online-vector-isolated-concept-metaphor-illustration_335657-4321.jpg"
-      imageAlt="Illustratie van een hand die een digitaal formulier invult"
-      mediaAnimation="slide-up"
-      mediaPosition="right"
-      buttonText="Verzenden"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoEmphasis
       logoText="Slim Lease"
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EdeMqZ9FNwh0fX8vOtIjLYnByS/uploaded-1780513823905-rm1qk7ar.png"
       logoAlt="Slim Lease Logo"
       columns={[
         {
-          title: "Oplossingen",          items: [
+          items: [
+            {
+              label: "Oplossingen"},
             {
               label: "Zakelijke Leningen",              href: "#products"},
             {
@@ -313,7 +302,9 @@ export default function LandingPage() {
           ]
         },
         {
-          title: "Bedrijf",          items: [
+          items: [
+            {
+              label: "Bedrijf"},
             {
               label: "Over Ons",              href: "#about"},
             {
@@ -325,7 +316,9 @@ export default function LandingPage() {
           ]
         },
         {
-          title: "Juridisch",          items: [
+          items: [
+            {
+              label: "Juridisch"},
             {
               label: "Privacybeleid",              href: "#"},
             {
@@ -335,7 +328,6 @@ export default function LandingPage() {
           ]
         }
       ]}
-      copyrightText="© 2024 Slim Lease. Alle rechten voorbehouden."
     />
   </div>
       </ReactLenis>