src/app/page.tsx

@@ -11,7 +11,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Eye, Lock, Shield, ShieldCheck, Zap, UserCheck, BarChart3, Mail } from "lucide-react";
+import { ShieldCheck, Zap, Lock, Eye, Shield, Clock, PackageCheck, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,21 +32,21 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         { name: "Home", id: "hero" },
-        { name: "About", id: "about" },
-        { name: "Features", id: "features" },
+        { name: "Diensten", id: "features" },
+        { name: "Tarieven", id: "metrics" },
         { name: "Contact", id: "contact" },
       ]}
-      brandName="SecureCore"
+      brandName="NULAR"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      logoText="SecureCore"
-      description="Ensuring a secure and seamless browsing experience through intelligent verification systems."
+      logoText="NULAR"
+      description="Uw betrouwbare partner voor spoedtransport. Wij leveren uw zendingen sneller, veiliger en met volledige toewijding door heel Europa."
       buttons={[
-        { text: "Get Started", href: "#contact" },
-        { text: "Learn More", href: "#about" }
+        { text: "Offerte Aanvragen", href: "#contact" },
+        { text: "Onze Diensten", href: "#features" }
       ]}
       background={{ variant: "gradient-bars" }}
       mediaAnimation="slide-up"
@@ -55,11 +55,11 @@ export default function LandingPage() {
 
   <div id="about" data-section="about">
       <AboutMetric
-      title="Security by the Numbers"
+      title="Waarom Kiezen Voor NULAR?"
       metrics={[
-        { icon: ShieldCheck, label: "Verification Accuracy", value: "99.9%" },
-        { icon: Zap, label: "Avg Response Time", value: "150ms" },
-        { icon: Lock, label: "Threats Blocked", value: "1M+" }
+        { icon: Clock, label: "Direct Vertrek", value: "24/7" },
+        { icon: ShieldCheck, label: "Veiligheid", value: "100%" },
+        { icon: Zap, label: "Levertijd", value: "Razendsnel" }
       ]}
       metricsAnimation="slide-up"
       useInvertedBackground={false}
@@ -71,15 +71,15 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      title="Powerful Security Features"
-      description="Tools designed for modern digital safety."
+      title="Onze Spoedtransport Diensten"
+      description="Van kleine pakketten tot grote vracht, NULAR staat voor u klaar."
       features={[
         {
-          title: "Bot Protection",          description: "Stop malicious automated threats.",          items: [{ icon: Shield, text: "Advanced ML Filtering" }, { icon: Eye, text: "Behavioral Analysis" }],
+          title: "Koeriersdiensten",          description: "Direct van A naar B zonder tussenstops.",          items: [{ icon: PackageCheck, text: "Express levering" }, { icon: Eye, text: "Real-time track & trace" }],
           reverse: false
         },
         {
-          title: "Data Privacy",          description: "Encryption-first approach.",          items: [{ icon: Lock, text: "End-to-End Encryption" }, { icon: ShieldCheck, text: "GDPR Compliant" }],
+          title: "Grote Vracht",          description: "Speciaal transport voor uw zwaardere goederen.",          items: [{ icon: Shield, text: "Verzekerd transport" }, { icon: Zap, text: "Vakbekwame chauffeurs" }],
           reverse: true
         }
       ]}
@@ -88,14 +88,14 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardTwo
-      title="Performance at Scale"
-      description="Numbers that define our reliable security infrastructure."
+      title="Transparante Tarieven"
+      description="Wij hanteren heldere tarieven voor al uw spoedopdrachten."
       gridVariant="uniform-all-items-equal"
       animationType="slide-up"
       metrics={[
-        { id: "m1", value: "99.9%", description: "Uptime Service Level" },
-        { id: "m2", value: "150ms", description: "Average Verification" },
-        { id: "m3", value: "1M+", description: "Daily Threats Blocked" }
+        { id: "m1", value: "€45", description: "Starttarief binnen stad" },
+        { id: "m2", value: "€0,85", description: "Per kilometer" },
+        { id: "m3", value: "€15", description: "Wachttijd per uur" }
       ]}
       useInvertedBackground={false}
     />
@@ -103,10 +103,10 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
-      testimonial="The security integration is seamless. It's the most reliable platform I've used for digital protection."
+      testimonial="NULAR heeft mijn zending binnen 2 uur door heel Nederland afgeleverd. Absoluut de beste keuze voor spoed."
       rating={5}
-      author="Sarah J."
-      avatars={[{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sarah" }]}
+      author="Jan de Vries"
+      avatars={[{ src: "https://img.b2bpic.net/free-photo/man-in-suit.jpg", alt: "Jan" }]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
       useInvertedBackground={true}
@@ -115,12 +115,12 @@ export default function LandingPage() {
 
   <div id="faq" data-section="faq">
       <FaqDouble
-      title="Common Questions"
-      description="Get clear answers to your security questions."
+      title="Veelgestelde Vragen"
+      description="Hier vindt u de antwoorden op uw vragen over ons transport."
       faqs={[
-        { id: "q1", title: "Is it secure?", content: "Yes, we use advanced encryption standards." },
-        { id: "q2", title: "How fast is it?", content: "Latency is kept below 150ms." },
-        { id: "q3", title: "Is it easy to use?", content: "Integrated in just a few minutes." }
+        { id: "q1", title: "Wanneer rijden jullie?", content: "Wij zijn 24 uur per dag, 7 dagen per week beschikbaar voor spoedopdrachten." },
+        { id: "q2", title: "Zijn mijn goederen verzekerd?", content: "Ja, al onze zendingen zijn uitstekend verzekerd conform de AVC/CMR condities." },
+        { id: "q3", title: "Hoe betaal ik?", content: "U ontvangt achteraf een factuur per e-mail." }
       ]}
       faqsAnimation="slide-up"
       textboxLayout="default"
@@ -130,19 +130,20 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactCenter
-      tag="Security"
-      title="Get in Touch"
-      description="Reach out to secure your web applications."
+      tag="Contact"
+      title="Direct Een Koerier Nodig?"
+      description="Vul uw gegevens in en wij nemen direct contact met u op voor een scherpe offerte."
       useInvertedBackground={true}
+      buttonText="Verstuur"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      logoText="SecureCore"
+      logoText="NULAR"
       columns={[
-        { items: [{ label: "Security", href: "#" }, { label: "API Docs", href: "#" }] },
-        { items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] }
+        { items: [{ label: "Diensten", href: "#features" }, { label: "Tarieven", href: "#metrics" }] },
+        { items: [{ label: "Over NULAR", href: "#" }, { label: "Contact", href: "#contact" }] }
       ]}
     />
   </div>