bender/79f90df1-541c-41ea-b135-3688ad013937
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-09 16:04:49 +00:00
Conversation 0 Commits 1 Files Changed 1 +96 -113
1 changed files with 96 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

209
src/app/page.tsx
View File

@@ -2,12 +2,14 @@
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Award, Users, Home, Star, Hammer } from "lucide-react";
export default function HomePage() {
@@ -18,7 +20,7 @@ export default function HomePage() {
borderRadius="pill"
contentWidth="mediumLarge"
sizing="largeSmall"
background="grid"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
@@ -35,9 +37,7 @@ export default function HomePage() {
{ name: "Contact", id: "contact" },
]}
button={{
text: "Offerte Aanvragen",
href: "contact",
}}
text: "Offerte Aanvragen", href: "contact"}}
/>
</div>
@@ -47,28 +47,20 @@ export default function HomePage() {
description="Bij Kaprenovaties brengen we jaren van expertise en vakmanschap in elk project. Van dakrenovaties tot complete huisrenovaties - we zorgen voor kwaliteit, betrouwbaarheid en prachtige resultaten."
tag="Kwaliteit & Betrouwbaarheid"
tagIcon={Award}
background={{ variant: "grid" }}
background={{ variant: "plain" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg",
imageAlt: "Professionele huisrenovatie",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg", imageAlt: "Professionele huisrenovatie"},
{
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
imageAlt: "Vaardige renovatieteam aan het werk",
},
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg", imageAlt: "Vaardige renovatieteam aan het werk"},
]}
rating={5}
ratingText="Vertrouwd door Nederlandse huiseigenaren"
buttons={[
{
text: "Offerte Aanvragen",
href: "contact",
},
text: "Offerte Aanvragen", href: "contact"},
{
text: "Meer Over Ons",
href: "/about",
},
text: "Meer Over Ons", href: "/about"},
]}
/>
</div>
@@ -79,24 +71,16 @@ export default function HomePage() {
metrics={[
{
icon: Users,
label: "Familieleden In Bedrijf",
value: "2",
},
label: "Familieleden In Bedrijf", value: "2"},
{
icon: Home,
label: "Huizen Succesvol Gerenoveerd",
value: "500+",
},
label: "Huizen Succesvol Gerenoveerd", value: "500+"},
{
icon: Star,
label: "Klantentevredenheid",
value: "5/5",
},
label: "Klantentevredenheid", value: "5/5"},
{
icon: Hammer,
label: "Jaren Vakmanschap",
value: "25+",
},
label: "Jaren Vakmanschap", value: "25+"},
]}
useInvertedBackground={false}
metricsAnimation="slide-up"
@@ -111,47 +95,17 @@ export default function HomePage() {
textboxLayout="default"
features={[
{
id: "01",
title: "Dakrenovaties & Dakreparaties",
description: "Deskundige dak- en dakreparatiewerkzaamheden met premium materialen en professionele installatie.",
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-roof-house_23-2148748851.jpg?_wi=1",
imageAlt: "Dakrenovatie",
},
id: "01", title: "Dakrenovaties & Dakreparaties", description: "Deskundige dak- en dakreparatiewerkzaamheden met premium materialen en professionele installatie.", imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-roof-house_23-2148748851.jpg", imageAlt: "Dakrenovatie"},
{
id: "02",
title: "Interieurrenovaties",
description: "Complete interieurmakeoversdienen met modern design en professionele afwerking.",
imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741813.jpg?_wi=1",
imageAlt: "Interieurmakeoverwerk",
},
id: "02", title: "Interieurrenovaties", description: "Complete interieurmakeoversdienen met modern design en professionele afwerking.", imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741813.jpg", imageAlt: "Interieurmakeoverwerk"},
{
id: "03",
title: "Badkamer Installaties",
description: "Professionele installatie van toiletten, wastafel, douche en complete badkamers.",
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2868.jpg?_wi=1",
imageAlt: "Badkamersanitair installatie",
},
id: "03", title: "Badkamer Installaties", description: "Professionele installatie van toiletten, wastafel, douche en complete badkamers.", imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2868.jpg", imageAlt: "Badkamersanitair installatie"},
{
id: "04",
title: "Schilder Werk",
description: "Muurverf en interieurbekledering met expert color selection en gladde afwerking.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-paints-board-with-brush-close-up_185193-108877.jpg?_wi=1",
imageAlt: "Professioneel schilderwerk",
},
id: "04", title: "Schilder Werk", description: "Muurverf en interieurbekledering met expert color selection en gladde afwerking.", imageSrc: "http://img.b2bpic.net/free-photo/woman-paints-board-with-brush-close-up_185193-108877.jpg", imageAlt: "Professioneel schilderwerk"},
{
id: "05",
title: "Elektriciteitswerk",
description: "Veilige en moderne elektriciteitsinstallatie en upgrades voor elke situatie.",
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-electricity_1398-1567.jpg?_wi=1",
imageAlt: "Elektriciteitswerk installatie",
},
id: "05", title: "Elektriciteitswerk", description: "Veilige en moderne elektriciteitsinstallatie en upgrades voor elke situatie.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-electricity_1398-1567.jpg", imageAlt: "Elektriciteitswerk installatie"},
{
id: "06",
title: "Muurconstructie & Reparatie",
description: "Professionele muurconstruction, herstel en bouwwerk voor structurele integriteit.",
imageSrc: "http://img.b2bpic.net/free-photo/wall-surface-texture_23-2148862455.jpg?_wi=1",
imageAlt: "Muurconstruction werk",
},
id: "06", title: "Muurconstructie & Reparatie", description: "Professionele muurconstruction, herstel en bouwwerk voor structurele integriteit.", imageSrc: "http://img.b2bpic.net/free-photo/wall-surface-texture_23-2148862455.jpg", imageAlt: "Muurconstruction werk"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -166,47 +120,17 @@ export default function HomePage() {
tag="Galerij"
products={[
{
id: "1",
name: "Keukenrenovatie",
price: "Voor & Na",
imageSrc: "http://img.b2bpic.net/free-photo/daughter-looking-weighing-father_23-2147807816.jpg?_wi=1",
imageAlt: "Voor keukenrenovatie",
},
id: "1", name: "Keukenrenovatie", price: "Voor & Na", imageSrc: "http://img.b2bpic.net/free-photo/daughter-looking-weighing-father_23-2147807816.jpg", imageAlt: "Voor keukenrenovatie"},
{
id: "2",
name: "Keukenrenovatie - Na",
price: "Resultaat",
imageSrc: "http://img.b2bpic.net/free-photo/exposed-brick-wall-with-peeling-concrete-surface_23-2148399170.jpg?_wi=1",
imageAlt: "Na keukenrenovatie",
},
id: "2", name: "Keukenrenovatie - Na", price: "Resultaat", imageSrc: "http://img.b2bpic.net/free-photo/exposed-brick-wall-with-peeling-concrete-surface_23-2148399170.jpg", imageAlt: "Na keukenrenovatie"},
{
id: "3",
name: "Badkamerrenovatie",
price: "Voor & Na",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture-background_23-2148935975.jpg?_wi=1",
imageAlt: "Voor badkamerrenovatie",
},
id: "3", name: "Badkamerrenovatie", price: "Voor & Na", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture-background_23-2148935975.jpg", imageAlt: "Voor badkamerrenovatie"},
{
id: "4",
name: "Badkamerrenovatie - Na",
price: "Resultaat",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378909.jpg?_wi=1",
imageAlt: "Na badkamerrenovatie",
},
id: "4", name: "Badkamerrenovatie - Na", price: "Resultaat", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378909.jpg", imageAlt: "Na badkamerrenovatie"},
{
id: "5",
name: "Dakrenovatie",
price: "Voor & Na",
imageSrc: "http://img.b2bpic.net/free-photo/broken-windows-rusty-frame-chernobyl-disaster-ukraine_627829-11631.jpg?_wi=1",
imageAlt: "Voor dakrenovatie",
},
id: "5", name: "Dakrenovatie", price: "Voor & Na", imageSrc: "http://img.b2bpic.net/free-photo/broken-windows-rusty-frame-chernobyl-disaster-ukraine_627829-11631.jpg", imageAlt: "Voor dakrenovatie"},
{
id: "6",
name: "Dakrenovatie - Na",
price: "Resultaat",
imageSrc: "http://img.b2bpic.net/free-photo/view-city-house-with-windows_23-2148798637.jpg?_wi=1",
imageAlt: "Na dakrenovatie",
},
id: "6", name: "Dakrenovatie - Na", price: "Resultaat", imageSrc: "http://img.b2bpic.net/free-photo/view-city-house-with-windows_23-2148798637.jpg", imageAlt: "Na dakrenovatie"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -215,17 +139,76 @@ export default function HomePage() {
/>
</div>
<div id="why-us" data-section="why-us">
<FeatureCardThree
title="Waarom Kiezen Voor Kaprenovaties?"
description="Drie kernwaarden die ons onderscheiden van andere renovatiebedrijven."
tag="Kernwaarden"
textboxLayout="default"
features={[
{
id: "01", title: "Betrouwbaarheid", description: "Wij staan bekend om onze betrouwbaarheid. Wat wij beloven, leveren wij. Familie-eerste aanpak met persoonlijke aandacht.", imageSrc: "http://img.b2bpic.net/free-photo/executives-talking-about-new-project_1098-4115.jpg", imageAlt: "Betrouwbare service"},
{
id: "02", title: "Ervaring", description: "Met meer dan 25 jaar gecombineerde ervaring brengen vader en oom deskundigheid in elk project.", imageSrc: "http://img.b2bpic.net/free-photo/man-servant-getting-payed-by-owner_23-2149587635.jpg", imageAlt: "Ervaren vakmannen"},
{
id: "03", title: "Kwaliteit", description: "Wij gebruiken premium materialen en betrachten detail in elke afwerking. Kwaliteit is niet onderhandelbaar.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-hand-shake_23-2148480352.jpg", imageAlt: "Kwaliteitswerkmanship"},
]}
gridVariant="three-columns-all-equal-width"
animationType="blur-reveal"
useInvertedBackground={false}
/>
</div>
<div id="team" data-section="team">
<TeamCardFive
title="Ons Team"
description="Twee vakmannen, één missie: leveren van uitmuntende renovatiewerk."
tag="Team"
textboxLayout="default"
animationType="slide-up"
team={[
{
id: "1", name: "Vader", role: "Oprichter & Meester Vakman", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451056.jpg", imageAlt: "Portret van vader"},
{
id: "2", name: "Oom", role: "Medeoprichter & Specialist", imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-young-attractive-bearded-dark-skinned-farmer-blue-t-shirt-with-garden-tools-holding-hands-crossed-looking-aside-with-confident-face-expression_176420-19901.jpg", imageAlt: "Portret van oom"},
]}
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Neem Contact Met Ons Op"
description="Heeft u een renovatieproject in gedachten? Bel ons of vul het formulier in voor een gratis offerte."
inputs={[
{
name: "name", type: "text", placeholder: "Uw Naam"},
{
name: "email", type: "email", placeholder: "Uw E-mailadres"},
{
name: "phone", type: "tel", placeholder: "Uw Telefoonnummer"},
{
name: "address", type: "text", placeholder: "Adres Van Het Project"},
]}
textarea={{
name: "message", placeholder: "Beschrijf Uw Renovatieproject...", rows: 5,
}}
imageSrc="http://img.b2bpic.net/free-photo/colleagues-discussing-their-work-laptop_53876-105333.jpg"
imageAlt="Renovatieconsultatie"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Offerte Aanvragen"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Kaprenovaties"
leftLink={{
text: "Privacybeleid",
href: "#",
}}
text: "Privacybeleid", href: "#"}}
rightLink={{
text: "Contactgegevens",
href: "contact",
}}
text: "Contactgegevens", href: "contact"}}
/>
</div>
</ThemeProvider>