bender/47259cfa-8b91-4847-b902-70f5d67a851d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Switch to version 7: modified src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-08 18:53:58 +00:00
parent 456ecc3e12
commit f783b4f72a
1 changed files with 40 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/app/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
@@ -50,9 +50,43 @@ export default function LandingPage() {
<div id="features" data-section="features"><FeatureCardSix textboxLayout="default" title="Waarom kiezen voor VSO Controle?" description="Voorkom dat je te snel tekent." features={[]} useInvertedBackground={false} /></div>
<div id="pricing" data-section="pricing"><PricingCardOne animationType="depth-3d" textboxLayout="default" plans={[]} title="VSO Controle" description="Kies je pakket." useInvertedBackground={false} /></div>
<div id="testimonials" data-section="testimonials"><TestimonialCardSixteen animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Klantverhalen" description="Wat anderen zeggen." testimonials={[]} kpiItems={[{value:"100%", label:"Success"},{value:"24u", label:"Snelheid"},{value:"Expert", label:"Kennis"}]} /></div>
<div id="faq" data-section="faq"><FaqSplitText useInvertedBackground={false} faqs={[]} sideTitle="Veelgestelde vragen" faqsAnimation="slide-up" /></div>
<div id="contact" data-section="contact"><ContactSplitForm title="Direct contact" description="Stel hier je vraag." inputs={[{name:"name", type:"text", placeholder:"Naam"},{name:"email", type:"email", placeholder:"E-mail"}]} useInvertedBackground={false} /></div>
<div id="footer" data-section="footer"><FooterBaseCard logoText="VSO Controle" columns={[]} /></div>
<div id="faq" data-section="faq">
<FaqDouble
useInvertedBackground={false}
faqs={[
{ id: "1", title: "Wat is een VSO?", content: "Een VSO is een vaststellingsovereenkomst waarin de afspraken over je ontslag worden vastgelegd." },
{ id: "2", title: "Waarom laten controleren?", content: "Wij controleren of je vergoeding optimaal is en of je recht op WW behouden blijft." },
{ id: "3", title: "Hoe lang duurt het?", content: "Je krijgt binnen 24 uur na uploaden van je document een uitgebreide controle terug." }
]}
title="Veelgestelde vragen"
description="Hier vind je antwoorden op de meest gestelde vragen over onze controle service."
faqsAnimation="slide-up"
textboxLayout="default"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Contact"
title="Heb je nog vragen?"
description="Laat hier je gegevens achter en wij nemen zo snel mogelijk contact met je op."
background={{ variant: 'radial-gradient' }}
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="VSO Controle"
columns={[
{
items: [
{ label: "Over ons", href: "/over" },
{ label: "Contact", href: "/contact" },
{ label: "Privacy", href: "/privacy" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);