Update src/app/page.tsx

src/app/page.tsx

@@ -1,10 +1,31 @@
 "use client";
 
+import { ThemeProvider } from "@/components/providers/ThemeProvider";
+import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
+
 export default function LandingPage() {
   return (
-    <div className="min-h-screen">
-      <h1 className="text-4xl font-bold text-center py-8">Aline's Labubu Collection</h1>
-      <p className="text-center text-lg px-4">Welcome to my beautiful collection of labubu figures from Spain.</p>
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="large"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
+    >
+      <div id="hero" data-section="hero">
+        <HeroLogoBillboard
+          logoText="Aline's Labubu Collection"
+          description="Welcome to my beautiful collection of labubu figures from Spain. Explore curated pieces, collector stories, and discover the magic of these charming collectibles."
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182310902-lq5rakkm.jpg"
+          imageAlt="Aline's Labubu collection showcase"
+          frameStyle="card"
+        />
       </div>
+    </ThemeProvider>
   );
 }