diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..7e6d9fb
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,141 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import TextAbout from '@/components/sections/about/TextAbout';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { CheckCircle, Zap, Headphones, Shield, MapPin } from "lucide-react";
+
+export default function AboutPage() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..f3e5433
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,119 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function ContactPage() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx
new file mode 100644
index 0000000..9f7fb61
--- /dev/null
+++ b/src/app/faq/page.tsx
@@ -0,0 +1,134 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { HelpCircle } from "lucide-react";
+
+export default function FaqPage() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2d04733..1d506f2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,11 +30,11 @@ export default function LandingPage() {
@@ -47,8 +47,8 @@ export default function LandingPage() {
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
- { text: "Bekijk ons assortiment", href: "#products" },
- { text: "Vraag advies aan", href: "#contact" }
+ { text: "Bekijk ons assortiment", href: "/products" },
+ { text: "Vraag advies aan", href: "/contact" }
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
@@ -247,24 +247,24 @@ export default function LandingPage() {
columns={[
{
title: "Navigatie", items: [
- { label: "Home", href: "#hero" },
- { label: "Producten", href: "#products" },
- { label: "Waarom SANBO", href: "#why-sanbo" },
- { label: "Testimonials", href: "#testimonials" }
+ { label: "Home", href: "/" },
+ { label: "Producten", href: "/products" },
+ { label: "About", href: "/about" },
+ { label: "FAQ", href: "/faq" }
]
},
{
title: "Klantenservice", items: [
- { label: "Veelgestelde Vragen", href: "#faq" },
- { label: "Contacteer ons", href: "#contact" },
+ { label: "Veelgestelde Vragen", href: "/faq" },
+ { label: "Contacteer ons", href: "/contact" },
{ label: "Retourbeleid", href: "#" },
{ label: "Verzendbeleid", href: "#" }
]
},
{
title: "Bedrijf", items: [
- { label: "Over SANBO", href: "#" },
- { label: "Ons Verhaal", href: "#" },
+ { label: "Over SANBO", href: "/about" },
+ { label: "Ons Verhaal", href: "/about" },
{ label: "Carrières", href: "#" },
{ label: "Blog & Insights", href: "#" }
]
diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
new file mode 100644
index 0000000..0f6cb6b
--- /dev/null
+++ b/src/app/products/page.tsx
@@ -0,0 +1,130 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Award } from "lucide-react";
+
+export default function ProductsPage() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file