"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "Início", id: "hero" },
        { name: "Sobre", id: "about" },
        { name: "Áreas", id: "areas" },
        { name: "Diferenciais", id: "diferenciais" },
        { name: "Contato", id: "contact" },
      ]}
      brandName="Vinicius B. Morais"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{ variant: "radial-gradient" }}
      title="Vinicius B. Morais — Advocacia e Consultoria"
      description="Especialista em Direito Empresarial. Protegendo seus interesses com excelência, discrição e estratégia de alto padrão para negócios exigentes."
      avatars={[
        { src: "https://images.unsplash.com/photo-1560250097-0b93528c311a?w=400&h=400&fit=crop", alt: "Dr. Vinicius" },
      ]}
      buttons={[{ text: "Agendar Consulta", href: "#contact" }]}
      marqueeItems={[
        { type: "text", text: "Direito Empresarial" },
        { type: "text", text: "Compliance Corporativo" },
        { type: "text", text: "Governança e Estruturação" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      title="Advocacia de Alta Performance"
      buttons={[{ text: "Conheça nossa trajetória" }]}
      useInvertedBackground={false}
    />
  </div>

  <div id="areas" data-section="areas">
      <FeatureCardTwentyNine
      animationType="blur-reveal"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      title="Áreas de Atuação"
      description="Expertise voltada para o ambiente corporativo."
      features={[
        { title: "Contratos Empresariais", description: "Negociação e elaboração de contratos complexos.", imageSrc: "https://images.unsplash.com/photo-1507679799987-c73779587ccf?w=800", titleImageSrc: "", buttonText: "Saiba mais" },
        { title: "Direito Societário", description: "Gestão de conflitos e governança corporativa.", imageSrc: "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=800", titleImageSrc: "", buttonText: "Saiba mais" },
        { title: "Compliance", description: "Programas de integridade e ética corporativa.", imageSrc: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=800", titleImageSrc: "", buttonText: "Saiba mais" },
        { title: "Consultoria Preventiva", description: "Blindagem e proteção estratégica de ativos.", imageSrc: "https://images.unsplash.com/photo-1497215728101-856f4ea42174?w=800", titleImageSrc: "", buttonText: "Saiba mais" },
      ]}
      useInvertedBackground={false}
    />
  </div>

  <div id="diferenciais" data-section="diferenciais">
      <MetricCardSeven
      animationType="blur-reveal"
      textboxLayout="split"
      title="Nossos Diferenciais"
      description="Compromisso com a sobriedade, agilidade e resultados concretos."
      metrics={[
        { id: "1", value: "Foco", title: "Negócios", items: ["Visão estratégica", "Foco no cliente"] },
        { id: "2", value: "Exclusividade", title: "Atendimento", items: ["Direct access", "Sigilo absoluto"] },
        { id: "3", value: "Alta performance", title: "Resultado", items: ["Soluções eficazes", "Agilidade"] },
      ]}
      useInvertedBackground={false}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      tag="Contato"
      title="Consultoria Jurídica Estratégica"
      description="Agende um atendimento exclusivo para tratar das demandas do seu negócio."
      buttons={[{ text: "Falar via WhatsApp", href: "#" }]}
      background={{ variant: "plain" }}
      useInvertedBackground={false}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Vinicius B. Morais"
      leftLink={{ text: "Políticas", href: "#" }}
      rightLink={{ text: "© 2025 Advocacia", href: "#" }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}