"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Building, Facebook, Home, Instagram, Lightbulb, Linkedin, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Início",          id: "#hero"},
        {
          name: "Sobre",          id: "#about"},
        {
          name: "Serviços",          id: "#services"},
        {
          name: "Portfólio",          id: "#portfolio"},
        {
          name: "Processo",          id: "#process"},
        {
          name: "Depoimentos",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contato",          id: "#contact-cta"},
      ]}
      brandName="ArchitecPro"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain"}}
      title="Projetamos espaços que transformam experiências."
      description="Arquitetura, interiores e planejamento para projetos residenciais e comerciais."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397577.jpg",          imageAlt: "Luxurious modern architecture interior design"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683415.jpg",          imageAlt: "Modern office interior corporate architecture"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-woman-morning-standing-kitchen-making-herself-cup-coffee_1258-198122.jpg",          imageAlt: "Luxury kitchen design modern minimalist"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/roof-section-urban-modern-building_122409-10.jpg",          imageAlt: "Modern exterior house design minimalist facade"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-exterior-building-with-glass-window-pattern-textures_74190-2437.jpg",          imageAlt: "Urban skyscraper architecture modern city"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-pregnant-woman-laying-bed_23-2149072928.jpg",          imageAlt: "Minimalist bedroom design neutral tones"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-modern-skyscraper_1127-346.jpg",          imageAlt: "Modern exterior house design minimalist facade"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/tall-modern-gray-commercial-building_53876-64701.jpg",          imageAlt: "Urban skyscraper architecture modern city"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/home-composition-with-glass-vase-with-dried-flowers-blurred-background_169016-18321.jpg",          imageAlt: "Minimalist bedroom design neutral tones"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg",          imageAlt: "Luxurious modern architecture interior design"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/handicapped-young-woman-office-low-view_23-2148497295.jpg",          imageAlt: "Modern office interior corporate architecture"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-marble-backsplash-blue-kitchen-cabinets_169016-68873.jpg",          imageAlt: "Luxury kitchen design modern minimalist"},
      ]}
      buttons={[
        {
          text: "Solicitar orçamento",          href: "#contact-cta"},
        {
          text: "Ver projetos",          href: "#portfolio"},
      ]}
      carouselPosition="right"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/side-view-architect-with-plans-looking-camera_23-2148242979.jpg",          alt: "Side view architect with plans looking at camera"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-plans_23-2148819837.jpg",          alt: "Close-up smiley woman with plans"},
        {
          src: "http://img.b2bpic.net/free-photo/person-working-as-part-company-team_23-2149136826.jpg",          alt: "Person working as part of company team"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-office_23-2148242883.jpg",          alt: "Medium shot man posing at the office"},
        {
          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2597.jpg",          alt: "black businessman happy expression"},
      ]}
      avatarText="+100 Clientes Satisfeitos"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/view-lighting-lamp-with-futuristic-design_23-2151037497.jpg",          alt: "View of lighting lamp with futuristic design"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",          alt: "Panoramic sauna view organic wooden columns resort style wellness"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/interior-modern-high-building-high-quality-photo_114579-12190.jpg",          alt: "Interior of a modern high building. High quality photo"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/dining-set-modern-luxury-dining-room_105762-1797.jpg",          alt: "dining set in modern luxury dining room"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/black-white-background_23-2150530895.jpg",          alt: "Black and white background"},
      ]}
      marqueeSpeed={30}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Nossa História e Visão"
      description="Na ArchitecPro, transformamos visões em realidade arquitetônica. Com anos de experiência, nossa missão é criar espaços que inspiram, funcionam e enriquecem a vida das pessoas. Valorizamos a inovação, a sustentabilidade e a excelência em cada detalhe, buscando sempre superar as expectativas dos nossos clientes."
      tag="Sobre o Escritório"
      imageSrc="http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-with-each-other_1170-2975.jpg"
      imageAlt="Equipe de arquitetos discutindo um projeto"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBento
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Projetos Residenciais",          description: "Criamos lares que refletem sua personalidade e estilo de vida, com design funcional e esteticamente agradável.",          bentoComponent: "reveal-icon",          icon: Home,
        },
        {
          title: "Projetos Comerciais",          description: "Desenvolvemos espaços comerciais que otimizam a produtividade e a experiência do cliente, com soluções inovadoras.",          bentoComponent: "reveal-icon",          icon: Building,
        },
        {
          title: "Arquitetura de Interiores",          description: "Transformamos ambientes internos com design inteligente, mobiliário sob medida e iluminação estratégica para conforto e beleza.",          bentoComponent: "reveal-icon",          icon: Lightbulb,
        },
        {
          title: "Reformas e Ampliações",          description: "Revitalizamos e expandimos seus espaços existentes, garantindo funcionalidade, modernidade e valorização do imóvel.",          bentoComponent: "reveal-icon",          icon: Wrench,
        },
        {
          title: "Consultoria Arquitetônica",          description: "Oferecemos orientação especializada em todas as etapas do seu projeto, desde a viabilidade até a escolha de materiais.",          bentoComponent: "reveal-icon",          icon: Lightbulb,
        },
        {
          title: "Gerenciamento de Obras",          description: "Cuidamos de toda a gestão da obra, assegurando que o projeto seja executado com qualidade, prazo e orçamento.",          bentoComponent: "reveal-icon",          icon: Building,
        },
      ]}
      title="Nossos Serviços de Excelência"
      description="Oferecemos uma gama completa de serviços para atender às suas necessidades, desde o conceito inicial até a entrega final do projeto."
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardOne
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "residential-project-1",          name: "Residência Contemporânea",          price: "Projeto Residencial",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-travel-full-shot-woman_23-2149204471.jpg",          imageAlt: "Modern residential house exterior luxury"},
        {
          id: "apartment-project-2",          name: "Apartamento Urbano Minimalista",          price: "Interiores",          imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666335.jpg",          imageAlt: "Luxury apartment interior living space"},
        {
          id: "commercial-project-3",          name: "Escritório Corporativo",          price: "Projeto Comercial",          imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004706.jpg",          imageAlt: "Commercial office building interior lobby"},
        {
          id: "hospitality-project-4",          name: "Boutique Hotel Design",          price: "Design Hoteleiro",          imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-11378.jpg",          imageAlt: "Boutique hotel interior design luxurious"},
        {
          id: "restaurant-project-5",          name: "Restaurante Conceito",          price: "Arquitetura Gastronômica",          imageSrc: "http://img.b2bpic.net/free-photo/flirty-blond-girl-with-blue-eyes-bright-pink-lips-sitting-coffee-shop-chair-drinking-coffee_197531-87.jpg",          imageAlt: "Modern restaurant interior fine dining"},
        {
          id: "gallery-project-6",          name: "Galeria de Arte Urbana",          price: "Espaço Cultural",          imageSrc: "http://img.b2bpic.net/free-photo/empty-building_1127-2049.jpg",          imageAlt: "Art gallery interior modern minimalist space"},
      ]}
      title="Nossos Projetos Mais Recentes"
      description="Explore nossa galeria de projetos concluídos que demonstram nossa paixão por inovação e excelência em design."
    />
  </div>

  <div id="process" data-section="process">
      <FeatureBento
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Fase 1: Descoberta",          description: "Compreendemos suas necessidades, desejos e o escopo do projeto, estabelecendo uma base sólida para a criação.",          bentoComponent: "timeline",          heading: "Briefing e Entendimento",          subheading: "Início da Jornada",          items: [
            {
              label: "Reunião Inicial",              detail: "Coleta de informações e expectativas."},
            {
              label: "Análise de Viabilidade",              detail: "Estudo do local e regulamentações."},
            {
              label: "Definição de Requisitos",              detail: "Detalhes funcionais e estéticos."},
          ],
          completedLabel: "Entendimento completo das suas necessidades."},
        {
          title: "Fase 2: Concepção",          description: "Desenvolvemos as primeiras ideias, com esboços e modelos para visualizar o potencial do seu futuro espaço.",          bentoComponent: "timeline",          heading: "Conceito e Pré-Projeto",          subheading: "Ideias em Formato",          items: [
            {
              label: "Estudos Preliminares",              detail: "Criação de diferentes abordagens."},
            {
              label: "Apresentação do Conceito",              detail: "Maquetes e renderizações iniciais."},
            {
              label: "Feedback e Ajustes",              detail: "Refinamento com sua participação."},
          ],
          completedLabel: "Conceito aprovado, rumo ao projeto detalhado."},
        {
          title: "Fase 3: Detalhamento",          description: "Elaboramos todos os detalhes técnicos e encaminhamos para aprovação nos órgãos competentes, garantindo conformidade.",          bentoComponent: "timeline",          heading: "Projeto Executivo e Aprovação",          subheading: "Projeto em Ação",          items: [
            {
              label: "Desenvolvimento Técnico",              detail: "Plantas, cortes, fachadas, detalhes construtivos."},
            {
              label: "Compatibilização de Projetos",              detail: "Coordenação com engenharia e complementares."},
            {
              label: "Aprovação Legal",              detail: "Conformidade com normas e legislações."},
          ],
          completedLabel: "Projeto pronto para a execução, com todas as aprovações."},
        {
          title: "Fase 4: Realização",          description: "Acompanhamos a obra de perto, assegurando que cada etapa seja realizada conforme o projeto e com o mais alto padrão de qualidade.",          bentoComponent: "timeline",          heading: "Execução e Acompanhamento",          subheading: "Construindo o Sonho",          items: [
            {
              label: "Planejamento da Obra",              detail: "Cronograma, orçamento e logística."},
            {
              label: "Gerenciamento da Construção",              detail: "Supervisão e coordenação diária."},
            {
              label: "Controle de Qualidade",              detail: "Verificação de materiais e execução."},
          ],
          completedLabel: "Obra em andamento com excelência e controle."},
        {
          title: "Fase 5: Conclusão",          description: "Entregamos seu projeto pronto para uso, com atenção aos acabamentos e sua total satisfação.",          bentoComponent: "timeline",          heading: "Entrega e Finalização",          subheading: "Sonho Realizado",          items: [
            {
              label: "Vistoria Final",              detail: "Verificação de todos os detalhes."},
            {
              label: "Entrega das Chaves",              detail: "Seu novo espaço pronto para ser vivido."},
            {
              label: "Pós-Entrega",              detail: "Suporte e garantia de satisfação."},
          ],
          completedLabel: "Seu espaço transformado, superando expectativas."},
      ]}
      title="Nosso Processo de Trabalho"
      description="Entenda como transformamos suas ideias em projetos arquitetônicos de sucesso, com transparência e colaboração em cada etapa."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      textboxLayout="default"
      useInvertedBackground={true}
      animationType="blur-reveal"
      testimonials={[
        {
          id: "1",          name: "Ana Paula Silva",          role: "Empresária",          testimonial: "A equipe da ArchitecPro superou todas as nossas expectativas! O projeto de interiores para nossa casa ficou espetacular, unindo funcionalidade e um design que amamos. Profissionais altamente qualificados e atenciosos.",          imageSrc: "http://img.b2bpic.net/free-photo/architect-smiling-while-posing-office_23-2148242943.jpg",          imageAlt: "Ana Paula Silva, empresária"},
        {
          id: "2",          name: "Roberto Santos",          role: "CEO TechCorp",          testimonial: "Para o nosso novo escritório, buscávamos algo inovador e que refletisse a cultura da empresa. A ArchitecPro entregou um projeto comercial que se tornou um marco em nosso setor. Eficiência e criatividade de ponta!",          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg",          imageAlt: "Roberto Santos, CEO TechCorp"},
        {
          id: "3",          name: "Mariana Oliveira",          role: "Designer de Interiores",          testimonial: "Como designer, sou muito exigente, e a ArchitecPro conseguiu me surpreender. A reforma do meu apartamento foi conduzida com maestria, com atenção aos mínimos detalhes e um resultado que fala por si só. Recomendo!",          imageSrc: "http://img.b2bpic.net/free-photo/blurred-women-gesturing-thumb-up_23-2147774835.jpg",          imageAlt: "Mariana Oliveira, Designer de Interiores"},
        {
          id: "4",          name: "Fernando Costa",          role: "Investidor Imobiliário",          testimonial: "Os projetos da ArchitecPro são sinônimo de valorização. Sempre que investimos em um empreendimento com o toque deles, o retorno é garantido. Profissionais sérios e com uma visão de mercado incomparável.",          imageSrc: "http://img.b2bpic.net/free-photo/grey-haired-male-holding-his-chin-copy-space_23-2148401492.jpg",          imageAlt: "Fernando Costa, Investidor Imobiliário"},
        {
          id: "5",          name: "Juliana Lima",          role: "Arquiteta",          testimonial: "Fiquei impressionada com a forma como a ArchitecPro integrou soluções sustentáveis e inovadoras no meu projeto. Uma abordagem que admiro e que mostra o compromisso com o futuro da arquitetura. Excelente trabalho!",          imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-with-coffee-hands-emotion-concept-emotion-happiness_169016-66303.jpg",          imageAlt: "Juliana Lima, Arquiteta"},
        {
          id: "6",          name: "Carlos & Sofia",          role: "Proprietários Residenciais",          testimonial: "Nosso sonho de ter uma casa moderna e funcional se tornou realidade graças à ArchitecPro. Eles ouviram cada desejo e transformaram em um projeto lindo e prático. Estamos muito felizes com o resultado final!",          imageSrc: "http://img.b2bpic.net/free-photo/happy-family-looking-wrapped-painting-while-relocating-into-new-home_637285-12430.jpg",          imageAlt: "Carlos e Sofia, Proprietários Residenciais"},
      ]}
      title="O Que Nossos Clientes Dizem"
      description="A satisfação de quem confia em nosso trabalho é a maior prova de nossa dedicação e excelência."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "metric-1",          value: "+500",          title: "Projetos Realizados",          description: "De residenciais a comerciais, transformamos visões em espaços concretos.",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-ankarparken-skyscraper-with-dark-blue-sky-background_181624-17357.jpg",          imageAlt: "Modern city skyline with skyscrapers"},
        {
          id: "metric-2",          value: "+200k",          title: "m² Projetados",          description: "Uma vasta área de atuação, com expertise em diferentes escalas e complexidades.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-designer-working-layout_53876-15340.jpg",          imageAlt: "Architectural blueprint plans on desk"},
        {
          id: "metric-3",          value: "+15",          title: "Anos de Experiência",          description: "Tradição e inovação se encontram em mais de uma década de excelência.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-calendar-with-cigarette_23-2148527439.jpg",          imageAlt: "Calendar with highlighted dates deadlines"},
        {
          id: "metric-4",          value: "+300",          title: "Clientes Atendidos",          description: "Relacionamentos duradouros baseados em confiança e resultados surpreendentes.",          imageSrc: "http://img.b2bpic.net/free-photo/business-professionals-broker-evaluating-property-corporate-relocation_482257-107434.jpg",          imageAlt: "Architects shaking hands closing deal"},
      ]}
      title="ArchitecPro em Números"
      description="Nossos resultados falam por si. A paixão pela arquitetura se traduz em projetos de sucesso e clientes satisfeitos."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "Qual o prazo médio para a entrega de um projeto?",          content: "O prazo varia conforme a complexidade e o escopo do projeto. Após o briefing, apresentamos um cronograma detalhado para todas as etapas."},
        {
          id: "faq-2",          title: "Como são definidos os valores dos serviços?",          content: "Nossos valores são personalizados, considerando a metragem, complexidade, tipo de serviço e a equipe envolvida. Oferecemos um orçamento claro e transparente após a primeira consulta."},
        {
          id: "faq-3",          title: "Vocês acompanham a execução da obra?",          content: "Sim, oferecemos o serviço de gerenciamento e acompanhamento de obra para garantir que o projeto seja executado conforme o planejado, mantendo a qualidade e o cronograma."},
        {
          id: "faq-4",          title: "Quais tipos de projetos vocês realizam?",          content: "Somos especializados em projetos residenciais, comerciais, arquitetura de interiores, reformas, ampliações e consultoria, atendendo a diversas necessidades de nossos clientes."},
        {
          id: "faq-5",          title: "É possível fazer uma consultoria antes de contratar o projeto completo?",          content: "Com certeza! Nossas consultorias são ideais para quem busca orientação inicial, viabilidade de projetos ou ideias para pequenos espaços, sem o compromisso de um projeto completo."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/entrepreneur-collaborates-with-real-estate-team-experts_482257-95542.jpg"
      imageAlt="Architect explaining project details to a client"
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="Perguntas Frequentes"
      description="Tire suas dúvidas sobre nossos serviços, processo de trabalho e tudo o que envolve seu projeto arquitetônico."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact-cta" data-section="contact-cta">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Entre em Contato"
      title="Vamos transformar sua ideia em realidade."
      description="Se você tem um projeto em mente ou busca transformar seu espaço, nossa equipe está pronta para atendê-lo. Preencha o formulário ou entre em contato diretamente."
      imageSrc="http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone_107420-84724.jpg"
      imageAlt="Modern office building exterior glass facade"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Seu e-mail"
      buttonText="Solicitar Orçamento"
      termsText="Ao clicar em 'Solicitar Orçamento', você concorda com nossos Termos e Condições."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="ArchitecPro"
      copyrightText="© 2024 ArchitecPro. Todos os direitos reservados."
      socialLinks={[
        {
          icon: Instagram,
          href: "#",          ariaLabel: "Instagram"},
        {
          icon: Linkedin,
          href: "#",          ariaLabel: "LinkedIn"},
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
