"use client";

import { ThemeProvider } from "@/components/providers/ThemeProvider";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";

export default function LandingPage() {
  return (
    <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>
  );
}
