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

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #5.
This commit is contained in:
bender
2026-05-08 18:43:06 +00:00
parent 316eb956c0 576f6ef2bf
commit 11449a1edd
2 changed files with 20 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/page.tsx
View File

@@ -87,12 +87,12 @@ export default function LandingPage() {
buttons={[{ text: "Start mijn VSO-controle", href: "/vso-upload" }]}
/>
</div>
<div id="about" data-section="about"><TextAbout title="Juridische expertise bij jouw ontslag" /></div>
<div id="features" data-section="features"><FeatureCardSix textboxLayout="default" title="Waarom kiezen voor VSO Controle?" description="Voorkom dat je te snel tekent." features={[]} /></div>
<div id="pricing" data-section="pricing"><PricingCardOne animationType="depth-3d" textboxLayout="default" plans={[]} title="VSO Controle" description="Kies je pakket." /></div>
<div id="about" data-section="about"><TextAbout title="Juridische expertise bij jouw ontslag" useInvertedBackground={false} /></div>
<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"}]} /></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>
</ReactLenis>
</ThemeProvider>

21
src/app/vso-upload/page.tsx
View File

@@ -2,11 +2,10 @@
import { useState } from 'react';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { ButtonHoverMagnetic } from '@/components/button/ButtonHoverMagnetic/ButtonHoverMagnetic';
import ButtonHoverMagnetic from "@/components/button/ButtonHoverMagnetic/ButtonHoverMagnetic";
export default function VsoUploadPage() {
const [step, setStep] = useState(1);
const [formData, setFormData] = useState({});
const [isSubmitted, setIsSubmitted] = useState(false);
const steps = [
@@ -19,9 +18,22 @@ export default function VsoUploadPage() {
setIsSubmitted(true);
};
const themeProps = {
defaultButtonVariant: "bounce-effect" as const,
defaultTextAnimation: "entrance-slide" as const,
borderRadius: "rounded" as const,
contentWidth: "medium" as const,
sizing: "medium" as const,
background: "circleGradient" as const,
cardStyle: "glass-elevated" as const,
primaryButtonStyle: "gradient" as const,
secondaryButtonStyle: "glass" as const,
headingFontWeight: "normal" as const,
};
if (isSubmitted) {
return (
<ThemeProvider>
<ThemeProvider {...themeProps}>
<div className="min-h-screen flex items-center justify-center p-8">
<div className="max-w-md text-center">
<h1 className="text-3xl font-bold mb-4">Bedankt!</h1>
@@ -33,7 +45,7 @@ export default function VsoUploadPage() {
}
return (
<ThemeProvider>
<ThemeProvider {...themeProps}>
<div className="max-w-3xl mx-auto py-20 px-6">
<div className="mb-8">
<div className="h-2 bg-gray-200 rounded-full">
@@ -45,7 +57,6 @@ export default function VsoUploadPage() {
<div className="bg-card p-8 rounded-lg">
<h2 className="text-2xl mb-6">{steps[step - 1]}</h2>
<div className="space-y-4">
{/* Form fields would be dynamically rendered based on 'step' */}
<input className="w-full p-3 border rounded" placeholder="Vul hier je gegevens in..." />
</div>
<div className="mt-8 flex gap-4">