src/app/page.tsx

@@ -225,14 +225,14 @@ export default function LandingPage() {
           columns={[
             {
               title: "Producten",              items: [
-                { label: "Airconditioners", href: "#products" },
-                { label: "Waterpompen", href: "#products" },
-                { label: "Onderhoud", href: "#faq" },
+                { label: "Airconditioners", href: "products" },
+                { label: "Waterpompen", href: "products" },
+                { label: "Onderhoud", href: "faq" },
               ],
             },
             {
               title: "Bedrijf",              items: [
-                { label: "Over ons", href: "#about" },
+                { label: "Over ons", href: "about" },
                 { label: "Careers", href: "#" },
                 { label: "Contacteer ons", href: "contact" },
               ],
@@ -249,4 +249,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
+  --background: #fafffb;
+  --card: #f7fffa;
+  --foreground: #001a0a;
+  --primary-cta: #159c49;
   --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --accent: #a8d9be;
+  --background-accent: #6bbf8e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);