"use client";

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Car, Star, Award } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="fluid"
      cardStyle="gradient-radial"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Seven Car Estética Automotiva"
          logoSrc="http://img.b2bpic.net/free-vector/car-detailing-logo-template_23-2149944706.jpg"
          logoAlt="Seven Car Logo"
          navItems={[
            { name: "Início", id: "#inicio" },
            { name: "Sobre Nós", id: "#sobre" },
            { name: "Serviços", id: "#servicos" },
            { name: "Pacotes", id: "#pacotes" },
            { name: "Resultados", id: "#resultados" },
            { name: "Depoimentos", id: "#depoimentos" },
            { name: "FAQ", id: "#faq" },
            { name: "Contato", id: "#contato" },
          ]}
          button={{ text: "Agendar Agora", href: "#contato" }}
          animateOnLoad={true}
        />
      </div>
      <div id="inicio" data-section="inicio" className="mx-auto px-4 md:px-6">
        <HeroSplitTestimonial
          title="Seu Carro, Nossa Paixão: Excelência em Estética Automotiva."
          description="Transformamos veículos com um cuidado e atenção aos detalhes que só a Seven Car pode oferecer. Experimente a sensação de ter seu carro 'como novo', com um brilho impecável e proteção duradoura."
          background={{ variant: "plain" }}
          testimonials={[
            {
              name: "LZ Gestao Financeira",              handle: "@lzgestaofinanceira",              testimonial: "Agradeço muito pelo cuidado, atenção e capricho com a lavagem do meu carro! Ficou impecável, como se tivesse saído de uma concessionária. Eu realmente aprecio a atenção aos detalhes, como a limpeza por dentro e os cuidados extras nas partes.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",              imageAlt: "Avatar de LZ Gestao Financeira"},
            {
              name: "Thaylor Moreira",              handle: "@thaylormoreira",              testimonial: "Gurizada muito gente boa, resultado satisfatório fizeram até a mais do que estava combinado! Super indico.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",              imageAlt: "Avatar de Thaylor Moreira"},
            {
              name: "Henrique Padilha",              handle: "@henriquep",              testimonial: "Trabalho com excelência e profissionais qualificados. Recomendo demais.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-looking-away-against-white-background_23-2147838724.jpg",              imageAlt: "Avatar de Henrique Padilha"},
            {
              name: "Melissa Burkatt",              handle: "@melissaburkatt",              testimonial: "Atendimento top, capricho e mtooo cuidado, trabalho fabulosooo. Serviço 10 estrelas. Vale super a pena a indicação!!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67073.jpg",              imageAlt: "Avatar de Melissa Burkatt"},
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Nossos Serviços", href: "#servicos" },
            { text: "Agende uma Avaliação", href: "#contato" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-old-man-car-salon_1157-31831.jpg"
          imageAlt="Carro de luxo sendo detalhado"
          mediaAnimation="slide-up"
        />
      </div>
      <div id="sobre" data-section="sobre" className="mx-auto px-4 md:px-6">
        <InlineImageSplitTextAbout
          heading={[{ type: "text", content: "A Paixão pelos Detalhes que Você Busca" }]}
          useInvertedBackground={true}
          buttons={[{ text: "Conheça Nossa História", href: "#" }]}
          ariaLabel="Sobre a Seven Car"
          imageSrc="http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg"
          imageAlt="Interior de carro de luxo detalhado"
        />
      </div>
      <div id="servicos" data-section="servicos" className="mx-auto px-4 md:px-6">
        <FeatureCardTwentyThree
          animationType="slide-up"
          title="Serviços de Estética Automotiva de Excelência"
          description="Nossos profissionais qualificados cuidam do seu veículo com capricho e as técnicas mais avançadas, garantindo um resultado impecável."
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: "polimento",              title: "Polimento e Correção de Pintura",              tags: ["Brilho Espelhado", "Proteção"],
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg",              imageAlt: "Polimento de carro de luxo"},
            {
              id: "lavagem",              title: "Lavagem Detalhada Premium",              tags: ["Limpeza Interna", "Externa"],
              imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30572.jpg",              imageAlt: "Lavagem detalhada de carro"},
            {
              id: "vitrificacao",              title: "Vitrificação e Proteção Cerâmica",              tags: ["Durabilidade", "Hidrorrepelência"],
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193575.jpg",              imageAlt: "Aplicação de vitrificação em carro"},
          ]}
        />
      </div>
      <div id="pacotes" data-section="pacotes" className="mx-auto px-4 md:px-6">
        <ProductCardOne
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          title="Pacotes Exclusivos para Seu Veículo"
          description="Escolha o pacote ideal para a transformação completa do seu carro, combinando nossos serviços de alta qualidade."
          textboxLayout="default"
          useInvertedBackground={true}
          products={[
            {
              id: "p1",              name: "Pacote Exterior Total",              price: "A partir de R$ 499",              imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg",              imageAlt: "Serviço de exterior total"},
            {
              id: "p2",              name: "Pacote Interior Renovado",              price: "A partir de R$ 399",              imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110876.jpg",              imageAlt: "Serviço de interior renovado"},
            {
              id: "p3",              name: "Proteção Cristalina",              price: "A partir de R$ 1.200",              imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342631.jpg",              imageAlt: "Serviço de proteção cristalina"},
            {
              id: "p4",              name: "Seven Car Premium",              price: "A partir de R$ 1.800",              imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934317.jpg",              imageAlt: "Serviço Seven Car Premium"},
            {
              id: "p5",              name: "Detailing de Motor",              price: "A partir de R$ 250",              imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-engine-car_1157-24688.jpg",              imageAlt: "Serviço de detailing de motor"},
            {
              id: "p6",              name: "Higienização Completa",              price: "A partir de R$ 450",              imageSrc: "http://img.b2bpic.net/free-photo/woman-with-gloves-cleaning-gym-equipment_23-2148766022.jpg",              imageAlt: "Serviço de higienização completa"},
          ]}
        />
      </div>
      <div id="resultados" data-section="resultados" className="mx-auto px-4 md:px-6">
        <MetricCardThree
          metrics={[
            { id: "m1", icon: Car, title: "Veículos Impecáveis", value: "+1.500" },
            { id: "m2", icon: Star, title: "Avaliações 5 Estrelas", value: "99%" },
            { id: "m3", icon: Award, title: "Anos de Experiência", value: "7+" },
          ]}
          animationType="slide-up"
          title="Nossos Números Falam por Si"
          description="Comprometimento, qualidade e satisfação do cliente são a base do nosso sucesso e da confiança que construímos."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="depoimentos" data-section="depoimentos" className="mx-auto px-4 md:px-6">
        <TestimonialCardTwo
          testimonials={[
            {
              id: "t1",              name: "Sandro Pi",              role: "Cliente Satisfeito",              testimonial: "Agendei o horário e deu tudo certo, apesar do carro ser novo, vi que o trabalho foi bem executado. Pretendo voltar.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Foto de Sandro Pi"},
            {
              id: "t2",              name: "Rúbia Masiero Rodriguez",              role: "Cliente Satisfeita",              testimonial: "Atendimento e serviço muito bom 👏🏼 excelente o trabalho.",              imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-caucasian-brunette-woman-with-red-lips-black-clothes-purple-background-lifestyle-different-emotions-leisure-concept_197531-32075.jpg",              imageAlt: "Foto de Rúbia Masiero Rodriguez"},
            {
              id: "t3",              name: "Lidyh Moura",              role: "Cliente Satisfeita",              testimonial: "Atendimento e serviço excelente, muito zelo e atenção em cada detalhe, sem dúvidas, o melhor lugar para levar o carro. Deixaram meu carro zerado, como se tivesse tirado da concessionária. Serviço de qualidade, podem confiar!!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",              imageAlt: "Foto de Lidyh Moura"},
            {
              id: "t4",              name: "Felix Antonio Hernández Pérez",              role: "Cliente Satisfeito",              testimonial: "A Seven Car Estética Automotiva é top demais, eles são muito atenciosos e vão à perfeição, o carro ficou como novo.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-wearing-stylish-glasses-smart-lady-elegent-pink-jacket-with-beige-blouse-happy-student-showing-thumbs-up-big-window-with-nice-view_197531-3127.jpg",              imageAlt: "Foto de Felix Antonio Hernández Pérez"},
            {
              id: "t5",              name: "Diego Pereira Leite",              role: "Cliente Satisfeito",              testimonial: "Melhor atendimento de Caxias! O espaço é magnífico! Muito bem organizado, limpo e claro. Muito caprichado o serviço deles! Parabéns aos donos! Levei meu golf e fui muito bem atendido! Recomendo!!!!!! 🤩🤩🤩🤩",              imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-couple-smiling-bearded-male-beautiful-woman-sitting-front-seats-luxury-car_613910-4818.jpg",              imageAlt: "Foto de Diego Pereira Leite"},
          ]}
          animationType="slide-up"
          title="O Que Nossos Clientes Dizem"
          description="Acreditamos que o feedback dos nossos clientes é o nosso maior testemunho de excelência e dedicação."
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
        <FaqSplitMedia
          faqs={[
            {
              id: "faq1",              title: "Quais serviços a Seven Car oferece?",              content: "Oferecemos uma gama completa de serviços de estética automotiva, incluindo polimento, vitrificação, lavagem detalhada, higienização interna, detailing de motor e muito mais. Tudo para deixar seu carro impecável."},
            {
              id: "faq2",              title: "Como posso agendar um serviço?",              content: "Você pode agendar um serviço diretamente pelo nosso site, preenchendo o formulário de contato abaixo, ou entrar em contato conosco pelo telefone ou WhatsApp. Nossa equipe está pronta para te atender!"},
            {
              id: "faq3",              title: "Quanto tempo leva para realizar os serviços?",              content: "O tempo de execução varia de acordo com o serviço e o estado do veículo. Para serviços como lavagem detalhada, pode levar algumas horas, enquanto a vitrificação pode exigir mais tempo. Recomendamos consultar nossa equipe para uma estimativa precisa."},
            {
              id: "faq4",              title: "A Seven Car utiliza produtos de alta qualidade?",              content: "Sim, trabalhamos apenas com produtos de alta performance e tecnologia avançada, garantindo a máxima proteção, brilho e durabilidade para a pintura e o interior do seu veículo."},
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/portrait-upbeat-car-showroom-saleswoman-ready-assist-customers_482257-124030.jpg"
          imageAlt="Suporte ao cliente e perguntas frequentes"
          mediaAnimation="slide-up"
          mediaPosition="right"
          title="Perguntas Frequentes"
          description="Encontre respostas para as dúvidas mais comuns sobre nossos serviços e como cuidamos do seu carro."
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="contato" data-section="contato" className="mx-auto px-4 md:px-6">
        <ContactSplit
          tag="Agende Agora"
          title="Transforme Seu Carro Conosco"
          description="Entre em contato para agendar seu serviço ou tirar suas dúvidas. Nossa equipe especializada está pronta para atender você e seu veículo com a atenção que merecem."
          background={{ variant: "plain" }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/happy-couple-talking-with-showroom-agent_23-2148384885.jpg"
          imageAlt="Carro de luxo em estúdio de detalhamento"
          mediaAnimation="slide-up"
          mediaPosition="left"
          inputPlaceholder="Seu melhor e-mail"
          buttonText="Enviar Mensagem"
          termsText="Ao clicar em Enviar Mensagem você concorda com nossos Termos e Condições."
        />
      </div>
      <div id="footer" data-section="footer" className="mx-auto px-4 md:px-6">
        <FooterSimple
          columns={[
            {
              title: "Serviços",              items: [
                { label: "Polimento", href: "#servicos" },
                { label: "Vitrificação", href: "#servicos" },
                { label: "Higienização", href: "#servicos" },
                { label: "Lavagem Premium", href: "#servicos" },
              ],
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nós", href: "#sobre" },
                { label: "Depoimentos", href: "#depoimentos" },
                { label: "FAQ", href: "#faq" },
                { label: "Contato", href: "#contato" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidade", href: "#" },
                { label: "Termos de Serviço", href: "#" },
              ],
            },
          ]}
          bottomLeftText="© 2024 Seven Car Estética Automotiva. Todos os direitos reservados."
          bottomRightText="Feito com paixão pela beleza automotiva."
        />
      </div>
    </ThemeProvider>
  );
}
