+
@@ -104,6 +123,8 @@ export default function AboutPage() {
{ label: "Home", href: "/" },
{ label: "Producten", href: "/products" },
{ label: "About", href: "/about" },
+ { label: "Support", href: "/support" },
+ { label: "Blog", href: "/blog" },
{ label: "FAQ", href: "/faq" }
]
},
@@ -120,7 +141,7 @@ export default function AboutPage() {
{ label: "Over SANBO", href: "/about" },
{ label: "Ons Verhaal", href: "/about" },
{ label: "Carrières", href: "#" },
- { label: "Blog & Insights", href: "#" }
+ { label: "Blog & Insights", href: "/blog" }
]
},
{
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
new file mode 100644
index 0000000..3cc5509
--- /dev/null
+++ b/src/app/blog/page.tsx
@@ -0,0 +1,142 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Sparkles } from "lucide-react";
+
+export default function BlogPage() {
+ return (
+
+
+
+
+
+
+
+
+
+
+ console.log("Blog 1 clicked")
+ },
+ {
+ id: "2", category: "Wellness", title: "De voordelen van dagelijks yoga oefenen", excerpt: "Ontdek hoe yoga niet alleen je lichaam sterker maakt, maar ook je mentale gezondheid verbetert. Lees onze gids voor beginners.", imageSrc: "http://img.b2bpic.net/free-photo/yoga-wellness-practice_23-2149215680.jpg", imageAlt: "Yoga practice session", authorName: "Emma Kowalski", authorAvatar: "http://img.b2bpic.net/free-photo/wellness-expert-portrait_23-2149215690.jpg", date: "12 Jan 2025", onBlogClick: () => console.log("Blog 2 clicked")
+ },
+ {
+ id: "3", category: "Outdoor Adventure", title: "Beginners gids voor bergwandelen in Nederland", excerpt: "Ontdek de mooiste bergwandelroutes in Nederland. Dit artikel bevat tips voor voorbereiding, wat mee te nemen en veiligheid.", imageSrc: "http://img.b2bpic.net/free-photo/hiking-adventure-mountains_23-2149215700.jpg", imageAlt: "Mountain hiking adventure", authorName: "Lucas Vrijman", authorAvatar: "http://img.b2bpic.net/free-photo/adventure-guide-portrait_23-2149215710.jpg", date: "8 Jan 2025", onBlogClick: () => console.log("Blog 3 clicked")
+ },
+ {
+ id: "4", category: "Lifestyle", title: "Hoe je een gezonde dagvullende routine opbouwt", excerpt: "Leer stapje voor stapje hoe je een gezonde en productieve dagvullende routine kunt creëren die bij je leven past.", imageSrc: "http://img.b2bpic.net/free-photo/daily-routine-lifestyle_23-2149215720.jpg", imageAlt: "Daily routine planning", authorName: "Anna Pettersson", authorAvatar: "http://img.b2bpic.net/free-photo/lifestyle-coach-portrait_23-2149215730.jpg", date: "5 Jan 2025", onBlogClick: () => console.log("Blog 4 clicked")
+ },
+ {
+ id: "5", category: "Sports", title: "Training tips van professionele atleten", excerpt: "Leer van de beste atleten in de sport hoe je beter kunt trainen en je doelen sneller kunt bereiken.", imageSrc: "http://img.b2bpic.net/free-photo/professional-athletes-training_23-2149215740.jpg", imageAlt: "Professional athlete training", authorName: "Marco Ramirez", authorAvatar: "http://img.b2bpic.net/free-photo/sports-coach-portrait_23-2149215750.jpg", date: "2 Jan 2025", onBlogClick: () => console.log("Blog 5 clicked")
+ },
+ {
+ id: "6", category: "Health", title: "De beste voedingssupplementen voor actieve personen", excerpt: "Ontdek welke voedingssupplementen werkelijk nuttig zijn voor je gezondheid en prestaties. Een science-based gids.", imageSrc: "http://img.b2bpic.net/free-photo/nutrition-supplements-health_23-2149215760.jpg", imageAlt: "Nutrition supplements", authorName: "Dr. Lisa Chen", authorAvatar: "http://img.b2bpic.net/free-photo/nutrition-expert-portrait_23-2149215770.jpg", date: "28 Dec 2024", onBlogClick: () => console.log("Blog 6 clicked")
+ }
+ ]}
+ />
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 248392c..a06175b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,6 +33,8 @@ export default function LandingPage() {
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "About", id: "/about" },
+ { name: "Support", id: "/support" },
+ { name: "Blog", id: "/blog" },
{ name: "FAQ", id: "/faq" },
{ name: "Contact", id: "/contact" }
]}
@@ -250,6 +252,8 @@ export default function LandingPage() {
{ label: "Home", href: "/" },
{ label: "Producten", href: "/products" },
{ label: "About", href: "/about" },
+ { label: "Support", href: "/support" },
+ { label: "Blog", href: "/blog" },
{ label: "FAQ", href: "/faq" }
]
},
@@ -266,7 +270,7 @@ export default function LandingPage() {
{ label: "Over SANBO", href: "/about" },
{ label: "Ons Verhaal", href: "/about" },
{ label: "Carrières", href: "#" },
- { label: "Blog & Insights", href: "#" }
+ { label: "Blog & Insights", href: "/blog" }
]
},
{
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 539ce00..24e5b73 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
- --background: #f5f5f5;
- --card: #ffffff;
- --foreground: #1c1c1c;
- --primary-cta: #1c1c1c;
+ --background: #ffffff;
+ --card: #f9f9f9;
+ --foreground: #1a1a1a;
+ --primary-cta: #ff6b35;
--primary-cta-text: #f5f5f5;
- --secondary-cta: #ffffff;
+ --secondary-cta: #f9f9f9;
--secondary-cta-text: #1c1c1c;
- --accent: #15479c;
- --background-accent: #a8cce8;
+ --accent: #ffb627;
+ --background-accent: #ffd460;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
diff --git a/src/app/support/page.tsx b/src/app/support/page.tsx
new file mode 100644
index 0000000..6ecee42
--- /dev/null
+++ b/src/app/support/page.tsx
@@ -0,0 +1,176 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Sparkles, HelpCircle } from "lucide-react";
+
+export default function SupportPage() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file