Merge version_11 into main

Merge version_11 into main

src/app/page.tsx

@@ -10,11 +10,11 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import HeroSignup from '@/components/sections/hero/HeroSignup';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { Star, CheckCircle } from "lucide-react";
 
 export default function LandingPage() {
@@ -123,12 +123,11 @@ export default function LandingPage() {
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqDouble
+          <FaqSplitText
             faqsAnimation="slide-up"
-            textboxLayout="default"
-            title="Vragen?"
-            description="Bekijk onze veelgestelde vragen voor direct antwoord."
             useInvertedBackground={false}
+            sideTitle="Vragen?"
+            sideDescription="Bekijk onze veelgestelde vragen voor direct antwoord."
             faqs={[
               { id: "1", title: "Waar kan ik terecht?", content: "Kom gerust langs in ons kantoor." },
               { id: "2", title: "Wat zijn de openingstijden?", content: "Wij zijn geopend van maandag tot vrijdag van 09:00 tot 18:00 uur." },
@@ -139,13 +138,12 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCTA
-            tag="Contact"
+          <ContactSplitForm
             title="Verzend vandaag nog"
             description="Kom langs voor een kop koffie en advies."
-            background={{ variant: "plain" }}
+            inputs={[{ name: "name", type: "text", placeholder: "Naam" }, { name: "email", type: "email", placeholder: "E-mail" }]}
             useInvertedBackground={false}
-            buttons={[{ text: "Plan uw bezoek" }]}
+            buttonText="Plan uw bezoek"
           />
         </div>
 
@@ -168,13 +166,13 @@ export default function LandingPage() {
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterSimple
-            columns={[{ title: "Menu", items: [{ label: "Home" }] }]}
-            bottomLeftText="© 2025"
-            bottomRightText="info@pakketjesparadijs.nl"
+          <FooterLogoReveal
+            logoText="Pakketjes Paradijs"
+            leftLink={{ text: "© 2025" }}
+            rightLink={{ text: "info@pakketjesparadijs.nl" }}
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}