Update src/app/shop/page.tsx

src/app/about/page.tsx

@@ -26,8 +26,8 @@ export default function AboutPage() {
           brandName="Geüpcycled Threads"
           navItems={[
             { name: "Home", id: "/" },
-            { name: "Over Ons", id: "/about" },
-            { name: "Winkel", id: "/shop" },
+            { name: "Over mij", id: "/about" },
+            { name: "Shop", id: "/shop" },
             { name: "Contact", id: "/contact" }
           ]}
           bottomLeftText="Duurzame Mode"

src/app/blog/page.tsx

@@ -54,7 +54,8 @@ export default function BlogPage() {
                 const url = `${apiUrl}/posts/${projectId}?status=published`;
                 const response = await fetch(url, {
                     method: "GET",                    headers: {
-                        "Content-Type": "application/json"},
+                        "Content-Type": "application/json"
+                    },
                 });
 
                 if (response.ok) {
@@ -101,8 +102,8 @@ export default function BlogPage() {
                         navItems={[
                             { name: "Home", id: "/home" },
                             { name: "Home", id: "home" },
-                            { name: "Over Ons", id: "about" },
-                            { name: "Winkel", id: "products" },
+                            { name: "Over mij", id: "about" },
+                            { name: "Shop", id: "products" },
                             { name: "Proces", id: "process" },
                             { name: "Contact", id: "contact" }
                         ]}

src/app/contact/page.tsx

@@ -26,8 +26,8 @@ export default function ContactPage() {
           brandName="Geüpcycled Threads"
           navItems={[
             { name: "Home", id: "/" },
-            { name: "Over Ons", id: "/about" },
-            { name: "Winkel", id: "/shop" },
+            { name: "Over mij", id: "/about" },
+            { name: "Shop", id: "/shop" },
             { name: "Contact", id: "/contact" }
           ]}
           bottomLeftText="Duurzame Mode"
@@ -44,6 +44,7 @@ export default function ContactPage() {
             { text: "E-mail Mij", href: "mailto:hallo@geupycyledthreads.nl" },
             { text: "Instagram", href: "https://instagram.com" }
           ]}
+          buttonClassName="bg-primary-cta hover:bg-primary-cta/90 text-white px-8 py-4 text-lg font-semibold rounded-lg transition-all duration-300"
         />
       </div>
 

src/app/layout.tsx

@@ -10,9 +10,11 @@ const poppins = Poppins({
 export const metadata: Metadata = {
   title: "Geüpcycled Threads | Duurzame Mode & Handgemaakte Kleding",  description: "Transformeer je garderobe met unieke, handgemaakte geüpcycled mode. Shop eenmalige stukken gemaakt van vintage & duurzame materialen. Eco-bewuste stijl.",  keywords: ["geüpcycled mode", "duurzame kleding", "handgemaakte kledingstukken", "vintage mode", "eco-vriendelijke apparel", "tweedehandsestijl"],
   openGraph: {
-    title: "Geüpcycled Threads | Duurzame Mode",    description: "Ontdek unieke, handgemaakte geüpcycled modestukken die creativiteit en milieuverantwoordelijkheid vieren.",    siteName: "Geüpcycled Threads",    type: "website"},
+    title: "Geüpcycled Threads | Duurzame Mode",    description: "Ontdek unieke, handgemaakte geüpcycled modestukken die creativiteit en milieuverantwoordelijkheid vieren.",    siteName: "Geüpcycled Threads",    type: "website"
+  },
   twitter: {
-    card: "summary_large_image",    title: "Geüpcycled Threads | Duurzame Mode",    description: "Transformeer je garderobe met unieke, handgemaakte geüpcycled stukken"},
+    card: "summary_large_image",    title: "Geüpcycled Threads | Duurzame Mode",    description: "Transformeer je garderobe met unieke, handgemaakte geüpcycled stukken"
+  },
   robots: {
     index: true,
     follow: true,

src/app/page.tsx

@@ -31,8 +31,8 @@ export default function HomePage() {
           brandName="Geüpcycled Threads"
           navItems={[
             { name: "Home", id: "/" },
-            { name: "Over Ons", id: "/about" },
-            { name: "Winkel", id: "/shop" },
+            { name: "Over mij", id: "/about" },
+            { name: "Shop", id: "/shop" },
             { name: "Contact", id: "/contact" }
           ]}
           bottomLeftText="Duurzame Mode"
@@ -43,16 +43,19 @@ export default function HomePage() {
       <div id="hero" data-section="hero">
         <HeroBillboard 
           title="Transformeer Oud in Nieuw"
+          titleClassName="text-7xl md:text-8xl lg:text-9xl"
           description="Ontdek duurzaam vervaardigde modestukken gemaakt van geüpcycled materialen. Elk kledingstuk vertelt een verhaal van transformatie, creativiteit en milieuverantwoordelijkheid."
           background={{ variant: "sparkles-gradient" }}
           tag="Eco-Bewuste Mode"
           tagIcon={Leaf}
           imageSrc="https://img.b2bpic.net/free-photo/full-shot-woman-posing-fast-fashion-concept_23-2150805333.jpg"
           imageAlt="Geüpcycled mode transformatie showcase"
+          imageClassName="w-1/3 h-auto"
           buttons={[
             { text: "Verken Winkel", href: "/shop" },
             { text: "Lees Ons Verhaal", href: "/about" }
           ]}
+          buttonClassName="px-8 py-4 text-lg font-semibold"
         />
       </div>
 
@@ -96,6 +99,7 @@ export default function HomePage() {
           buttons={[
             { text: "Bekijk Volledige Winkel", href: "/shop" }
           ]}
+          textBoxButtonClassName="bg-primary-cta hover:bg-primary-cta/90 text-white px-8 py-4 text-lg font-semibold rounded-lg transition-all duration-300"
         />
       </div>
 

src/app/shop/page.tsx

@@ -27,8 +27,8 @@ export default function ShopPage() {
           brandName="Geüpcycled Threads"
           navItems={[
             { name: "Home", id: "/" },
-            { name: "Over Ons", id: "/about" },
-            { name: "Winkel", id: "/shop" },
+            { name: "Over mij", id: "/about" },
+            { name: "Shop", id: "/shop" },
             { name: "Contact", id: "/contact" }
           ]}
           bottomLeftText="Duurzame Mode"
@@ -69,6 +69,7 @@ export default function ShopPage() {
           buttons={[
             { text: "Aangepaste Bestelling", href: "/contact" }
           ]}
+          textBoxButtonClassName="bg-primary-cta hover:bg-primary-cta/90 text-white px-8 py-4 text-lg font-semibold rounded-lg transition-all duration-300"
         />
       </div>