Update src/app/page.tsx

src/app/page.tsx

@@ -1,14 +1,14 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
-import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
-import ProductCardThree from "@/components/sections/product/ProductCardThree";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FaqDouble from "@/components/sections/faq/FaqDouble";
-import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
-import { Sun, Zap, Package, Settings, Phone, HelpCircle, Home, Measure, CheckCircle, Sparkles } from "lucide-react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Sun, Zap, Package, Settings, HelpCircle, Phone, Home, Measure, CheckCircle } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -51,7 +51,7 @@ export default function LandingPage() {
             { text: "Offerte Aanvragen", href: "#configurator" }
           ]}
           dashboard={{
-            title: "Onze Diensten",            logoIcon: Sparkles,
+            title: "Onze Diensten",            logoIcon: Sun,
             imageSrc: "http://img.b2bpic.net/free-photo/trendy-modern-design-twolevel-apartment-with-large-high-windows_1258-84052.jpg",            imageAlt: "sunshade terrace architecture exterior modern",            searchPlaceholder: "Zoeken naar zonwering...",            buttons: [
               { text: "Meer Info", href: "#services" },
               { text: "Contact", href: "#contact" }
@@ -84,6 +84,10 @@ export default function LandingPage() {
 
       <div id="services" data-section="services">
         <FeatureCardSeven
+          title="Ons Proces in 4 Stappen"
+          description="Van gratis advies tot genieten van uw nieuwe zonwering - wij begeleiden u door elk stadium"
+          tag="Hoe Het Werkt"
+          tagIcon={Zap}
           features={[
             {
               id: 1,
@@ -99,13 +103,9 @@ export default function LandingPage() {
             },
             {
               id: 4,
-              title: "Genieten!",              description: "Geniet van de voordelen en het comfort van uw nieuwe zonwering. Jarenlang zorgeloos genieten van schaduw en comfort.",              imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-street-cafe-smiling-laughs-drinking-coffee-terrace_1321-1404.jpg",              imageAlt: "Genieten van zonwering"
+              title: "Genieten!",              description: "Geniet van de voordelen en het comfort van uw nieuwe zonwering. Jarenlang zorgeloos genieten van schaduw en comfort.",              imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-street-cafe-smiling-laughs-drinking-coffee-terrace_1321-1404.jpg",              imageAlt: "Genieten van comfort"
             }
           ]}
-          title="Ons Proces in 4 Stappen"
-          description="Van gratis advies tot genieten van uw nieuwe zonwering - wij begeleiden u door elk stadium"
-          tag="Hoe Het Werkt"
-          tagIcon={Zap}
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
@@ -114,6 +114,10 @@ export default function LandingPage() {
 
       <div id="products" data-section="products">
         <ProductCardThree
+          title="Onze Producten"
+          description="Kies uw ideale zonweringoplossing - voorzetrolluiken, screens of luifels"
+          tag="Producten"
+          tagIcon={Package}
           products={[
             {
               id: "product-1",              name: "Voorzetrolluik",              price: "Vanaf €399",              imageSrc: "http://img.b2bpic.net/free-photo/wooden-blinds_1203-1110.jpg",              imageAlt: "Voorzetrolluik zonwering"
@@ -125,10 +129,6 @@ export default function LandingPage() {
               id: "product-3",              name: "Luifel",              price: "Vanaf €799",              imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-street-cafe-smiling-laughs-drinking-coffee-terrace_1321-1404.jpg",              imageAlt: "Luifel zonwering"
             }
           ]}
-          title="Onze Producten"
-          description="Kies uw ideale zonweringoplossing - voorzetrolluiken, screens of luifels"
-          tag="Producten"
-          tagIcon={Package}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
@@ -145,6 +145,7 @@ export default function LandingPage() {
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
           imageSrc="http://img.b2bpic.net/free-photo/diverse-team-analyzing-goods-quality-control-report-tablet_482257-84290.jpg"
+          imageAlt="product customizer design tool configuration interface"
           mediaPosition="right"
           mediaAnimation="slide-up"
           inputPlaceholder="Uw e-mailadres"
@@ -155,6 +156,10 @@ export default function LandingPage() {
 
       <div id="faq" data-section="faq">
         <FaqDouble
+          title="Veelgestelde Vragen"
+          description="Vind antwoorden op de meest gestelde vragen over onze zonweringoplossingen"
+          tag="FAQ"
+          tagIcon={HelpCircle}
           faqs={[
             {
               id: "faq-1",              title: "Wat is de levertijd?",              content: "De standaard levertijd bedraagt 2-3 weken na goedkeuring van de offerte. Voor spoedorders kunnen we sneller leveren."
@@ -175,10 +180,6 @@ export default function LandingPage() {
               id: "faq-6",              title: "Kan ik mijn zonwering motoriseren?",              content: "Ja, alle producten kunnen met elektrische bediening of afstandsbediening + app-besturing worden uitgerust."
             }
           ]}
-          title="Veelgestelde Vragen"
-          description="Vind antwoorden op de meest gestelde vragen over onze zonweringoplossingen"
-          tag="FAQ"
-          tagIcon={HelpCircle}
           textboxLayout="default"
           faqsAnimation="slide-up"
           useInvertedBackground={false}
@@ -195,6 +196,7 @@ export default function LandingPage() {
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           imageSrc="http://img.b2bpic.net/free-photo/boss-instructing-assistant-colleagues-standing-sitting-table-with-monitor-documents-manager-pointing-paper-listening-coworker-business-communication-concept_74855-11543.jpg"
+          imageAlt="office interior consultation meeting room workspace"
           mediaPosition="left"
           mediaAnimation="opacity"
           inputPlaceholder="Uw e-mailadres"
@@ -209,9 +211,9 @@ export default function LandingPage() {
           columns={[
             {
               title: "Producten",              items: [
-                { label: "Voorzetrolluik", href: "#products" },
-                { label: "Screen", href: "#products" },
-                { label: "Luifel", href: "#products" }
+                { label: "Voorzetrolluik", href: "#product-voorzetrolluik" },
+                { label: "Screen", href: "#product-screen" },
+                { label: "Luifel", href: "#product-luifel" }
               ]
             },
             {
@@ -240,4 +242,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}