From 28b0a4487d492ac76f43bc38ca1a2e6955dc4c47 Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 9 Mar 2026 16:04:45 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 209 ++++++++++++++++++++++------------------------- 1 file changed, 96 insertions(+), 113 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index a636c65..3510854 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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"}} /> @@ -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"}, ]} /> @@ -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() { /> +
+ +
+ +
+ +
+ +
+ +
+ -- 2.49.1