bender/cc54f437-d07d-498d-afa5-ea2eb572465e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 12:46:07 +00:00
parent ced8459035
commit 6d32df3990
1 changed files with 30 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/app/page.tsx
View File

@@ -2,17 +2,15 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Zap, Coffee, ChefHat, Heart, Utensils, Star, Phone, Mail, MapPin } from 'lucide-react';
import { Zap, Star, Phone, Mail, MapPin, Wrench, ShieldCheck, Clock } from 'lucide-react';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterCard from '@/components/sections/footer/FooterCard';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
export default function LandingPage() {
return (
@@ -34,7 +32,7 @@ export default function LandingPage() {
navItems={[
{ name: "Home", id: "hero" },
{ name: "Over Ons", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Diensten", id: "menu" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
@@ -64,7 +62,7 @@ export default function LandingPage() {
description="Met jarenlange ervaring garandeert Pth dak en onderhoud kwaliteit en duurzaamheid bij elk project."
subdescription="Of het nu gaat om een kleine reparatie of een complete dakrenovatie, wij staan voor u klaar met vakmanschap en passie."
imageSrc="http://img.b2bpic.net/free-photo/man-inspecting-roof_114579-2393.jpg"
icon={ChefHat}
icon={Wrench}
mediaAnimation="slide-up"
/>
</div>
@@ -76,9 +74,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Dakinspectie", price: "Op aanvraag", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-arugula-pizza_23-2148574284.jpg" },
{ id: "p2", name: "Lekkage Reparatie", price: "Vanaf €99", imageSrc: "http://img.b2bpic.net/free-photo/italian-bread-calzone-restaurant_501050-889.jpg" },
{ id: "p3", name: "Dakbedekking", price: "Vanaf €45/m²", imageSrc: "http://img.b2bpic.net/free-photo/pizza-slices-cutting-board-flat-lay_23-2148574258.jpg" }
{ id: "p1", name: "Dakinspectie", price: "Op aanvraag", imageSrc: "http://img.b2bpic.net/free-photo/tools-for-roofing_52683-106696.jpg" },
{ id: "p2", name: "Lekkage Reparatie", price: "Vanaf €99", imageSrc: "http://img.b2bpic.net/free-photo/roofer-repairing-roof_23-2148785701.jpg" },
{ id: "p3", name: "Dakbedekking", price: "Vanaf €45/m²", imageSrc: "http://img.b2bpic.net/free-photo/roofer-working-roof_53876-26272.jpg" }
]}
title="Onze Diensten"
description="Wij bieden een breed scala aan dakgerelateerde diensten voor particulieren en bedrijven."
@@ -94,15 +92,15 @@ export default function LandingPage() {
{
title: "Gecertificeerde Kwaliteit", description: "Onze monteurs werken volgens de strengste veiligheidsnormen.", media: { imageSrc: "http://img.b2bpic.net/free-photo/tools-for-roofing_52683-106696.jpg" },
items: [
{ icon: Zap, text: "Snelle respons" },
{ icon: Star, text: "Gecertificeerd vakmanschap" },
{ icon: Heart, text: "Betrouwbare garantie" },
{ icon: Clock, text: "Snelle respons bij spoed" },
{ icon: ShieldCheck, text: "Gecertificeerd vakmanschap" },
{ icon: Zap, text: "Betrouwbare garantie op reparaties" },
],
reverse: false
}
]}
title="Waarom Pth kiezen?"
description="Uw dak is de belangrijkste bescherming van uw woning."
description="Uw dak is de belangrijkste bescherming van uw woning. Wij zorgen voor optimale duurzaamheid."
/>
</div>
@@ -137,15 +135,26 @@ export default function LandingPage() {
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Pth dak en onderhoud"
copyrightText="© 2025 Pth dak en onderhoud"
socialLinks={[
{ icon: Phone, href: "tel:0701234567", ariaLabel: "Telefoon" },
{ icon: Mail, href: "mailto:info@pthdak.nl", ariaLabel: "Email" },
{ icon: MapPin, href: "#", ariaLabel: "Locatie" }
<FooterBaseCard
logoText="Pth Dak & Onderhoud"
columns={[
{
title: "Diensten", items: [
{ label: "Dakinspectie", href: "#menu" },
{ label: "Lekkage Reparatie", href: "#menu" },
{ label: "Dakbedekking", href: "#menu" }
]
},
{
title: "Contact", items: [
{ label: "070-1234567", href: "tel:0701234567" },
{ label: "info@pthdak.nl", href: "mailto:info@pthdak.nl" },
{ label: "Den Haag, NL", href: "#" }
]
}
]}
className="py-12"
copyrightText="© 2025 Pth Dak & Onderhoud. Alle rechten voorbehouden."
className="py-12 bg-slate-950"
/>
</div>
</ReactLenis>