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>
   );
-}
+}