Update src/app/shop/page.tsx

src/app/about/page.tsx

@@ -79,4 +79,4 @@ export default function AboutPage() {
       <FooterLogoReveal logoText="Geüpcycled Threads" />
     </ThemeProvider>
   );
-}
+}

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) {
@@ -133,4 +134,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/contact/page.tsx

@@ -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>
 
@@ -79,4 +80,4 @@ export default function ContactPage() {
       <FooterLogoReveal logoText="Geüpcycled Threads" />
     </ThemeProvider>
   );
-}
+}

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,
@@ -1249,4 +1251,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -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>
 
@@ -145,4 +149,4 @@ export default function HomePage() {
       <FooterLogoReveal logoText="Geüpcycled Threads" />
     </ThemeProvider>
   );
-}
+}

src/app/shop/page.tsx

@@ -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>
 
@@ -96,4 +97,4 @@ export default function ShopPage() {
       <FooterLogoReveal logoText="Geüpcycled Threads" />
     </ThemeProvider>
   );
-}
+}