Merge version_12 into main

Merge version_12 into main

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) {

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>
 

src/app/layout.tsx

@@ -8,11 +8,13 @@ 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"],
+  title: "Atelier B. | Duurzame Mode & Handgemaakte Kleding",  description: "Transformeer je garderobe met unieke, handgemaakte Atelier B. mode. Shop eenmalige stukken gemaakt van vintage & duurzame materialen. Eco-bewuste stijl.",  keywords: ["Atelier B. 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: "Atelier B. | Duurzame Mode",    description: "Ontdek unieke, handgemaakte Atelier B. modestukken die creativiteit en milieuverantwoordelijkheid vieren.",    siteName: "Atelier B.",    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: "Atelier B. | Duurzame Mode",    description: "Transformeer je garderobe met unieke, handgemaakte Atelier B. stukken"
+  },
   robots: {
     index: true,
     follow: true,

src/app/page.tsx

@@ -28,7 +28,7 @@ export default function HomePage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen 
-          brandName="Geüpcycled Threads"
+          brandName="Atelier B."
           navItems={[
             { name: "Home", id: "/" },
             { name: "Over mij", id: "/about" },
@@ -36,23 +36,28 @@ export default function HomePage() {
             { name: "Contact", id: "/contact" }
           ]}
           bottomLeftText="Duurzame Mode"
-          bottomRightText="hallo@geupycyledthreads.nl"
+          bottomRightText="hallo@atelierb.nl"
         />
       </div>
 
       <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."
+          descriptionClassName="text-lg md:text-xl pt-8 md:pt-12"
           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"
+          imageAlt="Atelier B. mode transformatie showcase"
+          imageClassName="w-1/2 h-auto object-cover object-center crop-20"
           buttons={[
-            { text: "Verken Winkel", href: "/shop" },
+            { text: "Shop Nu & Ontdek", href: "/shop" },
             { text: "Lees Ons Verhaal", href: "/about" }
           ]}
+          buttonClassName="px-8 py-4 text-lg font-semibold"
+          mediaWrapperClassName="flex justify-center items-center"
         />
       </div>
 
@@ -77,7 +82,7 @@ export default function HomePage() {
           tagIcon={ShoppingBag}
           products={[
             {
-              id: "1",              name: "Vintage Denim Jas",              price: "€75",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-young-women-posing-outdoors_23-2149412643.jpg",              imageAlt: "Geüpcycled vintage denim jas"
+              id: "1",              name: "Vintage Denim Jas",              price: "€75",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-young-women-posing-outdoors_23-2149412643.jpg",              imageAlt: "Atelier B. vintage denim jas"
             },
             {
               id: "2",              name: "Patchwork Zomerjurk",              price: "€95",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-woman-wearing-vacation-outfit_23-2150668926.jpg",              imageAlt: "Handgemaakte patchwork zomerjurk"
@@ -102,20 +107,18 @@ export default function HomePage() {
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardOne 
           title="Wat Klanten Ervan Houden"
-          description="Echte recensies van mensen die hun perfecte geüpcycled stuk hebben ontdekt"
+          description="1,200+ gelukkige klanten vertrouwen ons - Echte recensies van mensen die hun perfecte geüpcycled stuk hebben ontdekt"
           testimonials={[
             {
               id: "1",              name: "Emma S.",              role: "Mode Liefhebber",              company: "Amsterdam",              rating: 5,
               imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Klant Emma"
             },
             {
-              id: "2",              name: "Sophie D.",              role: "Duurzaamheid Voorstander", 
+              id: "2",              name: "Sophie D.",              role: "Duurzaamheid Voorstander",              company: "Parijs",              rating: 5,
-              company: "Parijs",              rating: 5,
               imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Klant Sophie"
             },
             {
-              id: "3",              name: "Marcus B.",              role: "Ontwerp Professional",              company: "Berlijn", 
+              id: "3",              name: "Marcus B.",              role: "Ontwerp Professional",              company: "Berlijn",              rating: 5,
-              rating: 5,
               imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Klant Marcus"
             },
             {
@@ -137,12 +140,12 @@ export default function HomePage() {
           useInvertedBackground="noInvert"
           buttons={[
             { text: "Neem Contact Op", href: "/contact" },
-            { text: "Volg @geupycyledthreads", href: "https://instagram.com" }
+            { text: "Volg @atelierb", href: "https://instagram.com" }
           ]}
         />
       </div>
 
-      <FooterLogoReveal logoText="Geüpcycled Threads" />
+      <FooterLogoReveal logoText="Atelier B." />
     </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>