bender/91781bb2-146c-4167-b7fd-67962f1455af
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main #4

Merged
bender merged 2 commits from version_4 into main 2026-04-15 19:44:09 +00:00
Conversation 0 Commits 2 Files Changed 2 +83 -307
2 changed files with 83 additions and 307 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/app/faq/page.tsx Normal file
View File

@@ -0,0 +1,60 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
export default function FaqPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="blurBottom"
cardStyle="soft-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<ReactLenis root>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Over Ons", id: "/#about" },
{ name: "Kozijnen", id: "/#products" },
{ name: "FAQ", id: "/faq" },
{ name: "Contact", id: "/#contact" },
]}
brandName="Correct Kozijnen"
/>
<FaqDouble
title="Veelgestelde vragen"
description="Antwoorden op uw vragen over kozijnonderhoud en montage."
faqsAnimation="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Hoe lang duurt de montage?", content: "Gemiddeld één tot twee dagen, afhankelijk van het aantal kozijnen." },
{ id: "f2", title: "Zijn de kozijnen onderhoudsvrij?", content: "Vrijwel wel, ze hoeven nooit meer geschilderd te worden." },
{ id: "f3", title: "Bieden jullie garantie?", content: "Ja, wij bieden standaard 10 jaar garantie op onze producten." },
{ id: "f4", title: "Waarom kiezen voor kunststof?", content: "Kunststof is duurzaam, isolerend en vereist nauwelijks onderhoud." },
]}
/>
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "Over Ons", href: "/#about" }] },
{ items: [{ label: "Diensten", href: "/#products" }, { label: "FAQ", href: "/faq" }, { label: "Contact", href: "/#contact" }] },
{ items: [{ label: "Midden Hoven 18", href: "#" }] },
]}
logoText="Correct Kozijnen"
/>
</ReactLenis>
</ThemeProvider>
);
}

330
src/app/page.tsx
View File

@@ -32,22 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Over Ons",
id: "about",
},
{
name: "Kozijnen",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Over Ons", id: "about" },
{ name: "Kozijnen", id: "products" },
{ name: "FAQ", id: "/faq" },
{ name: "Contact", id: "contact" },
]}
brandName="Correct Kozijnen"
/>
@@ -56,100 +45,19 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Correct Kozijnen: Vakmanschap in elk detail"
description="Wij leveren en monteren hoogwaardige kozijnen in heel midden hoven en omstreken. Ervaar duurzaamheid, isolatie en stijl."
testimonials={[
{
name: "Jan de Vries",
handle: "@jandevries",
testimonial: "Geweldig geholpen door het team van Correct Kozijnen. Zeer vakbekwaam.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-walking-together-town_1303-11893.jpg?_wi=1",
imageAlt: "modern window frames house exterior",
},
{
name: "Petra Bakker",
handle: "@petrabakker",
testimonial: "De isolatiewaarde is enorm verbeterd sinds de plaatsing.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-helping-with-nail-woman_23-2147766969.jpg",
imageAlt: "modern window frames house exterior",
},
{
name: "Mark Visser",
handle: "@markvisser",
testimonial: "Snelle service en nette montage van mijn nieuwe kozijnen.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-organic-vegetables-kitchen_23-2148672866.jpg?_wi=1",
imageAlt: "modern window frames house exterior",
},
{
name: "Sandra Klein",
handle: "@sandraklein",
testimonial: "Topkwaliteit en een uitstekende afwerking.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/down-angle-arched-windows-old-beautiful-building-with-sky-trees-reflection-glass_158595-6376.jpg?_wi=1",
imageAlt: "modern window frames house exterior",
},
{
name: "Hans de Groot",
handle: "@hansdegroot",
testimonial: "Zeer tevreden over de communicatie en het eindresultaat.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-white-building-with-panoramic-windows_114579-12062.jpg?_wi=1",
imageAlt: "modern window frames house exterior",
},
{ name: "Jan de Vries", handle: "@jandevries", testimonial: "Geweldig geholpen door het team van Correct Kozijnen. Zeer vakbekwaam.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-walking-together-town_1303-11893.jpg?_wi=1" },
{ name: "Petra Bakker", handle: "@petrabakker", testimonial: "De isolatiewaarde is enorm verbeterd sinds de plaatsing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-helping-with-nail-woman_23-2147766969.jpg" },
{ name: "Mark Visser", handle: "@markvisser", testimonial: "Snelle service en nette montage van mijn nieuwe kozijnen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-organic-vegetables-kitchen_23-2148672866.jpg?_wi=1" },
{ name: "Sandra Klein", handle: "@sandraklein", testimonial: "Topkwaliteit en een uitstekende afwerking.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/down-angle-arched-windows-old-beautiful-building-with-sky-trees-reflection-glass_158595-6376.jpg?_wi=1" },
{ name: "Hans de Groot", handle: "@hansdegroot", testimonial: "Zeer tevreden over de communicatie en het eindresultaat.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-white-building-with-panoramic-windows_114579-12062.jpg?_wi=1" }
]}
imageSrc="http://img.b2bpic.net/free-photo/young-couple-walking-together-town_1303-11893.jpg?_wi=2"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/low-angle-shot-white-building-with-two-windows_181624-17390.jpg",
alt: "Klant 1",
},
{
src: "http://img.b2bpic.net/free-photo/view-building-with-brick-walls_23-2148252832.jpg",
alt: "Klant 2",
},
{
src: "http://img.b2bpic.net/free-photo/windows-apartment-building-city_23-2148798614.jpg",
alt: "Klant 3",
},
{
src: "http://img.b2bpic.net/free-photo/closed-urban-window_23-2148107060.jpg",
alt: "Klant 4",
},
{
src: "http://img.b2bpic.net/free-photo/closed-urban-window_23-2148107077.jpg",
alt: "Klant 5",
},
]}
avatarText="Vertrouwd door 1500+ klanten"
marqueeItems={[
{
type: "text",
text: "Energiezuinig",
},
{
type: "text",
text: "Hoogwaardige kwaliteit",
},
{
type: "text",
text: "Snelle montage",
},
{
type: "text",
text: "10 jaar garantie",
},
{
type: "text",
text: "Vakmanschap",
},
]}
/>
</div>
@@ -158,9 +66,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Over Correct Kozijnen"
description={[
"Gevestigd aan de Midden Hoven 18, staan wij bekend om ons vakmanschap. Wij combineren jarenlange ervaring met de nieuwste technieken.",
"Ons doel is om woningen comfortabeler en energiezuiniger te maken.",
]}
"Gevestigd aan de Midden Hoven 18, staan wij bekend om ons vakmanschap. Wij combineren jarenlange ervaring met de nieuwste technieken.", "Ons doel is om woningen comfortabeler en energiezuiniger te maken."]}
/>
</div>
@@ -170,62 +76,6 @@ export default function LandingPage() {
textboxLayout="split-description"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Correct",
name: "Kunststof Kozijnen",
price: "Vanaf €450",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-organic-vegetables-kitchen_23-2148672866.jpg?_wi=2",
},
{
id: "p2",
brand: "Correct",
name: "Aluminium Kozijnen",
price: "Vanaf €600",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/down-angle-arched-windows-old-beautiful-building-with-sky-trees-reflection-glass_158595-6376.jpg?_wi=2",
},
{
id: "p3",
brand: "Correct",
name: "Houten Kozijnen",
price: "Vanaf €550",
rating: 4,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/modern-white-building-with-panoramic-windows_114579-12062.jpg?_wi=2",
},
{
id: "p4",
brand: "Correct",
name: "Schuifpuien",
price: "Vanaf €1200",
rating: 5,
reviewCount: "40",
imageSrc: "http://img.b2bpic.net/free-photo/view-mexican-urban-architecture-culture_23-2149749980.jpg",
},
{
id: "p5",
brand: "Correct",
name: "Draai-kiepramen",
price: "Vanaf €300",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-office-building-skyscraper-with-window-glass-pattern_74190-856.jpg",
},
{
id: "p6",
brand: "Correct",
name: "Voordeuren",
price: "Vanaf €900",
rating: 5,
reviewCount: "60",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-tablet-near-window_23-2147769535.jpg",
},
]}
title="Onze Producten"
description="Ontdek ons uitgebreide assortiment aan duurzame kozijnen."
/>
@@ -235,23 +85,6 @@ export default function LandingPage() {
<FeatureCardSix
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Energiezuinig",
description: "Bespaar direct op uw energiekosten met onze isolerende profielen.",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-beach-house-with-glass-windows-beautiful-scenery-sea_181624-9041.jpg",
},
{
title: "Onderhoudsarm",
description: "Onze kozijnen zijn duurzaam en vereisen minimaal onderhoud.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-decorating-front-door-outside_23-2150562161.jpg",
},
{
title: "Snelle montage",
description: "Wij werken efficiënt en laten uw woning netjes achter.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-motion_1136-182.jpg",
},
]}
title="Waarom voor ons kiezen?"
description="Onze voordelen voor een zorgeloze renovatie."
/>
@@ -262,28 +95,13 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: CheckCircle,
title: "Projecten voltooid",
value: "1500+",
},
{
id: "m2",
icon: Award,
title: "Jaren ervaring",
value: "20+",
},
{
id: "m3",
icon: Smile,
title: "Tevreden klanten",
value: "98%",
},
]}
title="Onze Prestaties"
description="Cijfers die voor zich spreken in de bouwsector."
metrics={[
{ id: "m1", icon: CheckCircle, title: "Projecten voltooid", value: "1500+" },
{ id: "m2", icon: Award, title: "Jaren ervaring", value: "20+" },
{ id: "m3", icon: Smile, title: "Tevreden klanten", value: "98%" },
]}
/>
</div>
@@ -292,130 +110,28 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Familie Jansen",
handle: "@fjansen",
testimonial: "De nieuwe kozijnen zien er prachtig uit!",
imageSrc: "http://img.b2bpic.net/free-photo/tired-young-couple-are-sitting-floor-with-paint-brush-bucket-while-doing-repair-home_496169-751.jpg",
},
{
id: "t2",
name: "Dhr. Pieters",
handle: "@dpieters",
testimonial: "Uitstekende isolatie en vakwerk.",
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg",
},
{
id: "t3",
name: "Mevr. de Boer",
handle: "@mdeboer",
testimonial: "Snel en professioneel geplaatst.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
},
{
id: "t4",
name: "Erik Smit",
handle: "@esmit",
testimonial: "Zeer tevreden over de communicatie.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-decorating-front-door-outside_23-2150562157.jpg",
},
{
id: "t5",
name: "Anna Kuiper",
handle: "@akuiper",
testimonial: "Echte aanrader voor nieuwe kozijnen.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg",
},
]}
title="Wat onze klanten zeggen"
description="Ervaringen met Correct Kozijnen."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split-description"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Hoe lang duurt de montage?",
content: "Gemiddeld één tot twee dagen, afhankelijk van het aantal kozijnen.",
},
{
id: "f2",
title: "Zijn de kozijnen onderhoudsvrij?",
content: "Vrijwel wel, ze hoeven nooit meer geschilderd te worden.",
},
{
id: "f3",
title: "Bieden jullie garantie?",
content: "Ja, wij bieden standaard 10 jaar garantie op onze producten.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24901.jpg"
title="Veelgestelde vragen"
description="Antwoorden op uw vragen over kozijnonderhoud en montage."
faqsAnimation="blur-reveal"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Neem contact op"
title="Klaar voor nieuwe kozijnen?"
description="Bezoek ons op Midden Hoven 18 of vraag direct een vrijblijvende offerte aan."
buttons={[
{
text: "Offerte aanvragen",
href: "#",
},
]}
buttons={[{ text: "Offerte aanvragen", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Over Ons",
href: "#about",
},
],
},
{
items: [
{
label: "Diensten",
href: "#products",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Midden Hoven 18",
href: "#",
},
],
},
{ items: [{ label: "Home", href: "#hero" }, { label: "Over Ons", href: "#about" }] },
{ items: [{ label: "Diensten", href: "#products" }, { label: "FAQ", href: "/faq" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Midden Hoven 18", href: "#" }] },
]}
logoText="Correct Kozijnen"
/>
@@ -423,4 +139,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}