"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="circleGradient"
        cardStyle="solid"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "Início", id: "hero" },
        { name: "Sobre", id: "about" },
        { name: "Imóveis", id: "products" },
        { name: "Contato", id: "contact" },
      ]}
      brandName="JR Imóveis"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{ variant: "plain" }}
      title="JR Imóveis: Transformando Vidas em Estância Velha"
      description="Especialistas em realizar sonhos. Encontre casas, terrenos e apartamentos com total segurança, transparência e agilidade na negociação."
      buttons={[{ text: "Ver Imóveis", href: "#products" }, { text: "Fale Conosco", href: "#contact" }]}
      imageSrc="http://img.b2bpic.net/free-photo/businessman-with-tablet_23-2147996523.jpg"
      imageAlt="JR Imóveis Estância Velha"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Tradição e Compromisso com você"
      description={[
        "Com décadas de experiência no mercado imobiliário de Estância Velha, a JR Imóveis é referência em atendimento personalizado.",        "Nosso foco é simplificar a jornada da casa própria, garantindo segurança jurídica e o melhor negócio para nossos clientes."
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        { id: "1", title: "Localização Estratégica", tags: ["Estância Velha"], imageSrc: "http://img.b2bpic.net/free-photo/man-with-shirt-tie-drawing-arrow_1134-471.jpg" },
        { id: "2", title: "Assessoria Jurídica", tags: ["Segurança"], imageSrc: "http://img.b2bpic.net/free-photo/technology-concept-with-futuristic-element_23-2151910950.jpg" },
        { id: "3", title: "Melhores Negócios", tags: ["Oportunidades"], imageSrc: "http://img.b2bpic.net/free-photo/cute-family-holding-roof-their-head_23-2149038355.jpg" },
      ]}
      title="Diferenciais JR Imóveis"
      description="Mais que vender, construímos confiança e valorizamos seu patrimônio."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "1", name: "Casa Alto Padrão", price: "R$ 850.000", imageSrc: "http://img.b2bpic.net/free-photo/relax-house-thai-style_1150-17982.jpg" },
        { id: "2", name: "Apartamento Loft", price: "R$ 380.000", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-red-coat-knitted-hat-sitting-wooden-stairs-she-holds-camera-knees-smiling_197531-1961.jpg" },
        { id: "3", name: "Terreno em Loteamento", price: "R$ 220.000", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-front-door_23-2147653339.jpg" },
      ]}
      title="Imóveis Selecionados"
      description="Explore nosso catálogo de oportunidades em Estância Velha e região."
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="Profissionais impecáveis. A JR Imóveis me entregou as chaves do meu apartamento com total tranquilidade no processo."
      rating={5}
      author="Fernanda M. - Cliente desde 2023"
      avatars={[{ src: "http://img.b2bpic.net/free-photo/medium-shot-real-estate-agent-showing-house_23-2150225242.jpg", alt: "Cliente" }]}
      ratingAnimation="slide-up"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        { id: "1", title: "Como funciona a visita?", content: "Agendamos conforme sua disponibilidade, inclusive aos fins de semana." },
        { id: "2", title: "Aceitam financiamento?", content: "Sim, atuamos com todos os bancos e assessoramos na aprovação de crédito." },
        { id: "3", title: "Como avalio meu imóvel para venda?", content: "Nossa equipe realiza uma avaliação técnica baseada no valor de mercado real." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg"
      mediaAnimation="slide-up"
      title="Perguntas Frequentes"
      description="Tire suas dúvidas e sinta-se seguro na hora da compra."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="split"
      useInvertedBackground={true}
      names={["Caixa Econômica", "Banco do Brasil", "Bradesco", "Itaú", "Santander"]}
      title="Parceiros Institucionais"
      description="Trabalhamos com os maiores bancos para garantir financiamentos facilitados."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      tag="Contato"
      title="Entre em Contato"
      description="Estamos prontos para atender suas dúvidas e ajudar você a encontrar o imóvel ideal."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoText="JR Imóveis"
      columns={[
        { items: [{ label: "Sobre Nós", href: "#about" }, { label: "Imóveis", href: "#products" }] },
        { items: [{ label: "Contato", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
        { items: [{ label: "Termos de Uso", href: "#" }, { label: "Privacidade", href: "#" }] }
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
