Update src/app/page.tsx

src/app/page.tsx

@@ -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: "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/italian-bread-calzone-restaurant_501050-889.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/pizza-slices-cutting-board-flat-lay_23-2148574258.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: Clock, text: "Snelle respons bij spoed" },
-            { icon: Star, text: "Gecertificeerd vakmanschap" },
+            { icon: ShieldCheck, text: "Gecertificeerd vakmanschap" },
-            { icon: Heart, text: "Betrouwbare garantie" },
+            { 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
+      <FooterBaseCard
-      logoText="Pth dak en onderhoud"
+      logoText="Pth Dak & Onderhoud"
-      copyrightText="© 2025 Pth dak en onderhoud"
+      columns={[
-      socialLinks={[
+        {
-          { icon: Phone, href: "tel:0701234567", ariaLabel: "Telefoon" },
+            title: "Diensten",            items: [
-          { icon: Mail, href: "mailto:info@pthdak.nl", ariaLabel: "Email" },
+                { label: "Dakinspectie", href: "#menu" },
-          { icon: MapPin, href: "#", ariaLabel: "Locatie" }
+                { 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>