"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="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="blurBottom"
        cardStyle="gradient-mesh"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        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, formado pela PUC-RS. Dedicado à proteção e ao crescimento estratégico de empresas com excelência jurídica e foco em resultados."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-smiling-businessman-with-folded-arms_23-2147900019.jpg",
          alt: "Dr. Vinicius",
        },
        {
          src: "http://img.b2bpic.net/free-photo/low-angle-elegant-businessman-standing-office-building_1098-19247.jpg",
          alt: "Advogado parceiro",
        },
        {
          src: "http://img.b2bpic.net/free-photo/businessman-with-open-folder_23-2147708155.jpg",
          alt: "Advogado parceiro",
        },
        {
          src: "http://img.b2bpic.net/free-photo/confident-male-mature-lawyer-sitting-office_23-2147898674.jpg",
          alt: "Advogado parceiro",
        },
        {
          src: "http://img.b2bpic.net/free-photo/serious-executive-sitting-couch_1098-2454.jpg",
          alt: "Advogado parceiro",
        },
      ]}
      buttons={[
        {
          text: "Agendar consulta via WhatsApp",
          href: "#contact",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Direito Empresarial",
        },
        {
          type: "text",
          text: "Compliance",
        },
        {
          type: "text",
          text: "Governança Corporativa",
        },
        {
          type: "text",
          text: "Contratos",
        },
        {
          type: "text",
          text: "Planejamento Estratégico",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Compromisso com a Excelência Jurídica"
      buttons={[
        {
          text: "Saiba mais",
        },
      ]}
    />
  </div>

  <div id="areas" data-section="areas">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      features={[
        {
          title: "Contratos Empresariais",
          description: "Assessoria e elaboração contratual.",
          imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-79242.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-96201.jpg",
          buttonText: "Detalhes",
        },
        {
          title: "Direito Societário",
          description: "Estruturação e governança corporativa.",
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-twisted-folds-background_1048-15993.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99494.jpg",
          buttonText: "Detalhes",
        },
        {
          title: "Compliance Empresarial",
          description: "Integridade e normas internas.",
          imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-100247.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103159.jpg",
          buttonText: "Detalhes",
        },
        {
          title: "Consultoria Preventiva",
          description: "Gestão estratégica de riscos.",
          imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1385-1257.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/gray-concrete-pillars_181624-1500.jpg",
          buttonText: "Detalhes",
        },
      ]}
      title="Áreas de Atuação"
      description="Soluções jurídicas preventivas e contenciosas."
    />
  </div>

  <div id="diferenciais" data-section="diferenciais">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "PUC-RS",
          title: "Formação de Elite",
          items: [
            "Excelência",
            "Credibilidade",
            "Conhecimento",
          ],
        },
        {
          id: "2",
          value: "1:1",
          title: "Atendimento Personalizado",
          items: [
            "Direto",
            "Humano",
            "Exclusivo",
          ],
        },
        {
          id: "3",
          value: "Estratégico",
          title: "Visão de Negócios",
          items: [
            "Resultados",
            "Soluções",
            "Inovação",
          ],
        },
      ]}
      title="Diferenciais do Escritório"
      description="Foco exclusivo na sua necessidade empresarial."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Contato"
      title="Agende sua Consulta"
      description="Atendimento em Santo Ângelo/RS e região. Entre em contato para discutir as necessidades do seu negócio."
      buttons={[
        {
          text: "WhatsApp",
          href: "#",
        },
      ]}
    />
  </div>

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