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