"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="medium"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[{ name: "Gallery", id: "/galeria" }, { name: "About", id: "/sobre" }]}
            brandName="Aura"
            button={{ text: "Get Started", href: "/contato" }}
          />
        </div>
        <div id="hero" data-section="hero">
          <HeroBillboardTestimonial
            background={{ variant: "gradient-bars" }}
            title="Silent Presence"
            description="An uncompromising archive of light and form, dedicated to the art of the decisive moment."
            testimonials={[
              { name: "Elena V.", handle: "@elena_arch", testimonial: "The curation is unparalleled. Every frame is a study in silence.", rating: 5 },
              { name: "Markus K.", handle: "@mark_lens", testimonial: "Technically flawless and visually profound. This is how digital art should be presented.", rating: 5 },
              { name: "Sarah Chen", handle: "@schen_view", testimonial: "Sophisticated UI, masterful navigation. Aura is the benchmark.", rating: 5 },
              { name: "Julian D.", handle: "@jd_photos", testimonial: "Rare to find a platform that respects photography this deeply.", rating: 5 },
              { name: "Liam Thorne", handle: "@lt_visuals", testimonial: "A sanctuary for photographers. The design language is pure, quiet, and essential.", rating: 5 }
            ]}
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/a-large-format-photograph-frame-floating-1774795232798-3bf07f8c.png"
          />
        </div>
        <div id="about" data-section="about">
          <MetricSplitMediaAbout
            useInvertedBackground={false}
            title="Architecting Perception"
            description="We treat digital space as a physical gallery, where pixels have weight and photographs exist as art, not content."
            metrics={[{ value: "12K", title: "Curated Pieces" }, { value: "24", title: "Active Collections" }, { value: "99%", title: "Visually Immersive" }]}
            mediaAnimation="slide-up"
            metricsAnimation="blur-reveal"
          />
        </div>
        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/abstract-dark-textured-background-minima-1774795232830-733abf77.png?_wi=1"
            columns={[{ title: "Archives", items: [{ label: "Gallery", href: "/galeria" }] }, { title: "Studio", items: [{ label: "About", href: "/sobre" }] }]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}