"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Briefcase, Building, Clock, Scale, ShieldCheck, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Início",
          id: "hero",
        },
        {
          name: "Sobre",
          id: "about",
        },
        {
          name: "Áreas",
          id: "features",
        },
        {
          name: "Depoimentos",
          id: "testimonials",
        },
        {
          name: "Contato",
          id: "contact",
        },
      ]}
      brandName="Tuy Rodrigues"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Advocacia Tuy Rodrigues"
      description="Excelência jurídica pautada pela ética, transparência e defesa intransigente dos direitos de nossos clientes."
      buttons={[
        {
          text: "Agendar Consulta",
          href: "#contact",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/inside-business-center-building_181624-330.jpg?_wi=1",
          imageAlt: "Legal workspace",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-551.jpg?_wi=1",
          imageAlt: "Law firm office",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/wooden-gavel_93675-130698.jpg?_wi=1",
          imageAlt: "Gavel symbol",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/member-human-resource-team-talking-with-candidate-while-reviewing-his-resume-job-interview-office_637285-6535.jpg",
          imageAlt: "Legal consultation",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
          imageAlt: "Legal professional",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-lawyer-environment_23-2151152197.jpg",
          imageAlt: "Courtroom hall",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Compromisso com a Justiça"
      description="Com anos de experiência, a Advocacia Tuy Rodrigues atua com foco na resolução estratégica de conflitos e assessoria jurídica especializada para empresas e particulares."
      metrics={[
        {
          value: "15+",
          title: "Anos de experiência",
        },
        {
          value: "500+",
          title: "Casos resolvidos",
        },
        {
          value: "98%",
          title: "Satisfação de clientes",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/businessman-looking-through-notes_1098-12646.jpg"
      imageAlt="Advogados em reunião"
      mediaAnimation="blur-reveal"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Direito Civil",
          description: "Consultoria e contencioso em questões contratuais, família e sucessões.",
          icon: Scale,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-businesswoman-s-hand-using-laptop-wooden-desk_23-2147970878.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-judges_23-2149443467.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/inside-business-center-building_181624-330.jpg?_wi=2",
          imageAlt: "lawyer office professional desk",
        },
        {
          title: "Direito Trabalhista",
          description: "Defesa de interesses empresariais e dos trabalhadores em conformidade legal.",
          icon: Briefcase,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/woman-shaking-hands-with-business-partner_53876-20924.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-with-lot-work_1098-3838.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-551.jpg?_wi=2",
          imageAlt: "lawyer office professional desk",
        },
        {
          title: "Direito Imobiliário",
          description: "Gestão de contratos imobiliários, locações e regularização de propriedades.",
          icon: Building,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-architectural-building-clear-blue-sky-with-white-clouds_181624-3532.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-ellis-island-great-hall_649448-4359.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/wooden-gavel_93675-130698.jpg?_wi=2",
          imageAlt: "lawyer office professional desk",
        },
      ]}
      title="Áreas de Atuação"
      description="Oferecemos soluções jurídicas abrangentes com foco em resultados precisos."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "24/7",
          title: "Disponibilidade",
          description: "Suporte constante aos clientes",
          icon: Clock,
        },
        {
          id: "m2",
          value: "100%",
          title: "Transparência",
          description: "Ética em todos os processos",
          icon: ShieldCheck,
        },
        {
          id: "m3",
          value: "Agilidade",
          title: "Velocidade",
          description: "Processos otimizados",
          icon: Zap,
        },
      ]}
      title="Nossos Indicadores"
      description="Dados que refletem nosso comprometimento e eficiência operacional."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Ana Oliveira",
          handle: "@ana_oliveira",
          testimonial: "Excelente suporte jurídico, profissionais muito capacitados.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cool-young-handsome-smiling-man-casual-outfit-sitting-table-working-laptop_285396-1832.jpg",
        },
        {
          id: "2",
          name: "Carlos Souza",
          handle: "@carlos_souza",
          testimonial: "Transparência total em todo o processo. Recomendo muito.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-employees-looking-laptop-laughing_74855-4007.jpg",
        },
        {
          id: "3",
          name: "Fernanda Lima",
          handle: "@fernanda_lima",
          testimonial: "Atendimento rápido e muito atencioso com as necessidades.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-with-long-blond-hair-holds-tablet-pc-with-red-single-speed-bicycle-park-background_613910-10146.jpg",
        },
        {
          id: "4",
          name: "Roberto Mendes",
          handle: "@roberto_mendes",
          testimonial: "Profissionais altamente éticos e dedicados ao cliente.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg",
        },
        {
          id: "5",
          name: "Paula Santos",
          handle: "@paula_santos",
          testimonial: "Soluções práticas e eficientes. Segurança total.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg",
        },
      ]}
      showRating={true}
      title="O que dizem nossos clientes"
      description="Confiança construída através de resultados sólidos."
    />
  </div>

  <div id="socialproof" data-section="socialproof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Parceiro 1",
        "Parceiro 2",
        "Parceiro 3",
        "Parceiro 4",
        "Parceiro 5",
        "Parceiro 6",
        "Parceiro 7",
      ]}
      title="Parcerias Estratégicas"
      description="Colaboramos com os melhores parceiros do setor."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Como agendar uma consulta?",
          content: "Entre em contato pelo nosso formulário ou telefones.",
        },
        {
          id: "2",
          title: "Atendem pessoas físicas?",
          content: "Sim, prestamos assistência integral a pessoas físicas.",
        },
        {
          id: "3",
          title: "Quais as áreas de atuação?",
          content: "Atuamos em diversas áreas, incluindo Cível, Trabalhista e Imobiliário.",
        },
      ]}
      title="Perguntas Frequentes"
      description="Esclareça suas dúvidas sobre nossos serviços."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Entre em contato conosco"
      description="Estamos prontos para analisar seu caso e oferecer o suporte necessário."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Nome completo",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "E-mail de contato",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Descreva sua necessidade jurídica",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/girl-exam_1098-15995.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Navegação",
          items: [
            {
              label: "Início",
              href: "#hero",
            },
            {
              label: "Sobre",
              href: "#about",
            },
            {
              label: "Áreas",
              href: "#features",
            },
          ],
        },
        {
          title: "Contato",
          items: [
            {
              label: "Formulário",
              href: "#contact",
            },
            {
              label: "E-mail: contato@tuyrodrigues.com",
              href: "mailto:contato@tuyrodrigues.com",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Advocacia Tuy Rodrigues. Todos os direitos reservados."
      bottomRightText="OAB/XX 000.000"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}