"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="none"
        cardStyle="solid"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Sobre Nós",
          id: "#sobre-nos",
        },
        {
          name: "Serviços",
          id: "#servicos",
        },
        {
          name: "Trabalhos",
          id: "#trabalhos",
        },
        {
          name: "Testemunhos",
          id: "#testemunhos",
        },
        {
          name: "Contactos",
          id: "#contactos",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xghebu"
      logoAlt="Logotipo PressObediente Lda"
      brandName="PressObediente Lda"
      button={{
        text: "Pedir Orçamento",
        href: "#contactos",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="Construção Civil, Remodelações e Serviços Profissionais em Todo o País"
      description="Executamos projetos com qualidade, rigor e experiência. Soluções completas para particulares, empresas e entidades públicas."
      buttons={[
        {
          text: "Pedir Orçamento",
          href: "#contactos",
        },
        {
          text: "Contactar Agora",
          href: "#contactos",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004748.jpg",
          imageAlt: "Construção civil moderna em Portugal",
        },
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwYE270xcBsWRryy5yaTmhVDZk/uploaded-1781091035844-z1othsq5.jpg?_wi=1",
          imageAlt: "Casa moderna em construção",
        },
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwYE270xcBsWRryy5yaTmhVDZk/uploaded-1781091035844-irclt6bv.jpg?_wi=1",
          imageAlt: "Detalhe de jardim e exterior de edifício",
        },
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwYE270xcBsWRryy5yaTmhVDZk/uploaded-1781091035843-azld1c21.jpg?_wi=1",
          imageAlt: "Escadas em construção",
        },
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwYE270xcBsWRryy5yaTmhVDZk/uploaded-1781091035844-juu6cr9y.jpg?_wi=1",
          imageAlt: "Revestimento de parede com mármore",
        },
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwYE270xcBsWRryy5yaTmhVDZk/uploaded-1781091035844-a6977s71.jpg?_wi=1",
          imageAlt: "Espaço exterior de lazer em construção",
        },
      ]}
    />
  </div>

  <div id="sobre-nos" data-section="sobre-nos">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "Quem Somos",
        },
      ]}
      buttonAnimation="none"
    />
  </div>

  <div id="servicos" data-section="servicos">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      features={[
        {
          title: "Construção Civil",
          description: "Realizamos projetos de construção do zero, garantindo a solidez e a qualidade em cada estrutura.",
          imageSrc: "http://img.b2bpic.net/free-photo/city-transportation-concept-with-tram_23-2148996440.jpg",
          imageAlt: "Ícone de construção civil",
        },
        {
          title: "Obras Públicas",
          description: "Participamos ativamente no desenvolvimento de infraestruturas, com experiência em grandes e complexos projetos públicos.",
          imageSrc: "http://img.b2bpic.net/free-vector/flat-construction-template_23-2147735310.jpg",
          imageAlt: "Ícone de obras públicas",
        },
        {
          title: "Remodelações e Restauros",
          description: "Transformamos e revitalizamos espaços, com atenção aos detalhes e respeito pela arquitetura existente.",
          imageSrc: "http://img.b2bpic.net/free-vector/furniture-logo-collection_23-2148614915.jpg",
          imageAlt: "Ícone de remodelações",
        },
        {
          title: "Instalações Elétricas",
          description: "Soluções completas para sistemas elétricos, assegurando a segurança e eficiência energética em todos os edifícios.",
          imageSrc: "http://img.b2bpic.net/free-vector/energy-efficiency-icons-set_1284-13990.jpg",
          imageAlt: "Ícone de instalações elétricas",
        },
        {
          title: "Estruturas Metálicas",
          description: "Executamos e montamos estruturas metálicas robustas e duradouras para diversas aplicações industriais e comerciais.",
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283295.jpg",
          imageAlt: "Ícone de estruturas metálicas",
        },
        {
          title: "Sistemas de Segurança",
          description: "Instalamos e configuramos sistemas de segurança avançados para proteger o seu património e garantir a sua tranquilidade.",
          imageSrc: "http://img.b2bpic.net/free-vector/nine-insurance-service-set-icons_603843-1609.jpg",
          imageAlt: "Ícone de sistemas de segurança",
        },
        {
          title: "Climatização",
          description: "Desenvolvemos projetos de climatização para garantir o conforto térmico e a qualidade do ar em qualquer ambiente.",
          imageSrc: "http://img.b2bpic.net/free-vector/vector-blue-snowflake-isolated-white-background_134830-1078.jpg",
          imageAlt: "Ícone de climatização",
        },
        {
          title: "Iluminação e Sinalização",
          description: "Concebemos e implementamos soluções de iluminação e sinalização para espaços interiores e exteriores, otimizando a visibilidade e estética.",
          imageSrc: "http://img.b2bpic.net/free-photo/park-side-with-stands-projectors-against-blue-sky_140725-11124.jpg",
          imageAlt: "Ícone de iluminação e sinalização",
        },
        {
          title: "Comércio de Materiais de Construção",
          description: "Disponibilizamos uma vasta gama de materiais de construção de alta qualidade, garantindo a durabilidade e o sucesso dos seus projetos.",
          imageSrc: "http://img.b2bpic.net/free-vector/usa-labor-day-background_1057-7158.jpg",
          imageAlt: "Ícone de comércio de materiais de construção",
        },
        {
          title: "Limpezas Profissionais",
          description: "Serviços de limpeza especializados para todo o tipo de espaços, assegurando higiene e bem-estar.",
          imageSrc: "http://img.b2bpic.net/free-photo/illustration-home-cleaning-service-digital-tablet_53876-120073.jpg",
          imageAlt: "Ícone de limpezas profissionais",
        },
        {
          title: "Jardinagem",
          description: "Criação e manutenção de jardins, com soluções paisagísticas que valorizam o seu espaço exterior.",
          imageSrc: "http://img.b2bpic.net/free-vector/flat-garden-tool-collection_23-2147544665.jpg",
          imageAlt: "Ícone de jardinagem",
        },
        {
          title: "Abate de Árvores",
          description: "Serviços seguros e eficientes de abate e remoção de árvores, com foco na segurança e no ambiente.",
          imageSrc: "http://img.b2bpic.net/free-vector/sawmill-timber-mill-lumberjack-isometric-composition_1284-20589.jpg",
          imageAlt: "Ícone de abate de árvores",
        },
      ]}
      title="Os Nossos Serviços Profissionais"
      description="Descubra a gama completa de soluções que a PressObediente Lda oferece, desde a construção civil a serviços especializados de manutenção."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="trabalhos" data-section="trabalhos">
      <ProductCardFour
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "project-1",
          name: "Escadaria de Betão",
          price: "Projeto Residencial",
          variant: "Remodelações",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwYE270xcBsWRryy5yaTmhVDZk/uploaded-1781091035843-azld1c21.jpg?_wi=2",
          imageAlt: "Escadaria de betão em fase de construção",
        },
        {
          id: "project-2",
          name: "Exterior Moderno",
          price: "Moradia Privada",
          variant: "Construção Civil",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwYE270xcBsWRryy5yaTmhVDZk/uploaded-1781091035844-z1othsq5.jpg?_wi=2",
          imageAlt: "Exterior de moradia moderna com paisagismo",
        },
        {
          id: "project-3",
          name: "Jardim e Iluminação",
          price: "Espaço Exterior",
          variant: "Jardinagem e Instalações",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwYE270xcBsWRryy5yaTmhVDZk/uploaded-1781091035844-irclt6bv.jpg?_wi=2",
          imageAlt: "Caminho exterior iluminado com árvores jovens",
        },
        {
          id: "project-4",
          name: "Revestimento de Parede",
          price: "Design de Interiores",
          variant: "Remodelações",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwYE270xcBsWRryy5yaTmhVDZk/uploaded-1781091035844-juu6cr9y.jpg?_wi=2",
          imageAlt: "Parede com revestimento de mármore e madeira",
        },
        {
          id: "project-5",
          name: "Área de Lazer Exterior",
          price: "Residência Privada",
          variant: "Construção Exterior",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwYE270xcBsWRryy5yaTmhVDZk/uploaded-1781091035844-a6977s71.jpg?_wi=2",
          imageAlt: "Área de lazer exterior em construção com banco de betão",
        },
        {
          id: "project-6",
          name: "Construção de Fachada",
          price: "Edifício Comercial",
          variant: "Obras Públicas",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821319.jpg",
          imageAlt: "Construção de fachada de edifício moderno",
        },
      ]}
      title="Trabalhos Realizados"
      description="Cada projeto demonstra o nosso compromisso com a qualidade, segurança e satisfação dos nossos clientes."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="porque-escolher" data-section="porque-escolher">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "advantage-1",
          value: "Equipa",
          title: "Experiente",
          items: [
            "Profissionais qualificados",
            "Vasta experiência no setor",
          ],
        },
        {
          id: "advantage-2",
          value: "Orçamentos",
          title: "Gratuitos",
          items: [
            "Sem compromisso",
            "Transparência total",
          ],
        },
        {
          id: "advantage-3",
          value: "Cobertura",
          title: "Nacional",
          items: [
            "Atendimento em todo o país",
            "Flexibilidade geográfica",
          ],
        },
        {
          id: "advantage-4",
          value: "Cumprimento",
          title: "de Prazos",
          items: [
            "Gestão rigorosa de projetos",
            "Entregas pontuais",
          ],
        },
      ]}
      title="Porque Escolher a PressObediente"
      description="A nossa dedicação à excelência e ao cliente faz-nos o parceiro ideal para os seus projetos."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="testemunhos" data-section="testemunhos">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "testimonial-1",
          name: "Ana Sofia",
          role: "Cliente Particular",
          testimonial: "A PressObediente transformou a minha casa! Profissionalismo e atenção ao detalhe impecáveis.",
          imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet-plan_23-2147702532.jpg",
          imageAlt: "Foto de Ana Sofia",
        },
        {
          id: "testimonial-2",
          name: "João Pereira",
          role: "Empresário",
          testimonial: "Confiamos as obras da nossa empresa à PressObediente e o resultado superou todas as expectativas. Excelente trabalho!",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1730.jpg",
          imageAlt: "Foto de João Pereira",
        },
        {
          id: "testimonial-3",
          name: "Marta Gomes",
          role: "Gestora de Projetos",
          testimonial: "A equipa da PressObediente é altamente competente e cumpriu os prazos de forma exemplar. Recomendo vivamente!",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-architectural-designer-enjoying-work-process_1262-18386.jpg",
          imageAlt: "Foto de Marta Gomes",
        },
        {
          id: "testimonial-4",
          name: "Pedro Santos",
          role: "Arquiteto",
          testimonial: "Colaborar com a PressObediente é garantia de qualidade e rigor em todas as fases do projeto. Um parceiro de confiança.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-attractive-senior-gentleman-with-bald-head-gray-beard-posing-isolated-wearing-black-jacket-white-shirt-having-confident-look-grinning_343059-2305.jpg",
          imageAlt: "Foto de Pedro Santos",
        },
        {
          id: "testimonial-5",
          name: "Beatriz Costa",
          role: "Proprietária",
          testimonial: "Desde o primeiro contacto, senti um atendimento personalizado e uma dedicação que fizeram toda a diferença na minha remodelação.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-red-helmet-celebrating-with-raised-fist_1187-3250.jpg",
          imageAlt: "Foto de Beatriz Costa",
        },
        {
          id: "testimonial-6",
          name: "Rui Silva",
          role: "Investidor",
          testimonial: "A capacidade de gerir grandes projetos e a qualidade de execução da PressObediente são inigualáveis.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-clipboard-stairs_23-2148384533.jpg",
          imageAlt: "Foto de Rui Silva",
        },
      ]}
      title="O Que Dizem os Nossos Clientes"
      description="A satisfação dos nossos clientes é a nossa maior recompensa e prova da qualidade dos nossos serviços."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="contactos" data-section="contactos">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Peça Já o Seu Orçamento"
      description="Contacte-nos para discutir o seu projeto. Estamos disponíveis para o ajudar com soluções personalizadas e eficientes."
      inputs={[
        {
          name: "Nome",
          type: "text",
          placeholder: "O seu nome",
          required: true,
        },
        {
          name: "Telefone",
          type: "tel",
          placeholder: "O seu telefone",
          required: true,
        },
        {
          name: "Email",
          type: "email",
          placeholder: "O seu email",
          required: true,
        },
      ]}
      textarea={{
        name: "Mensagem",
        placeholder: "Descreva o seu projeto ou pedido de orçamento...",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/aerial-view-algarve-beach-beautiful-falesia-beach-from-portugal-summer-vocation_231208-6938.jpg"
      imageAlt="Localização da PressObediente Lda no mapa de Loulé"
      mediaAnimation="none"
      mediaPosition="left"
      buttonText="Enviar Pedido"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xghebu"
      logoAlt="Logotipo PressObediente Lda"
      columns={[
        {
          items: [
            {
              label: "Sítio Barreiras Brancas, Quinta D'Apra, Caixa Postal 814S, Loulé, 8100-227",
              href: "#",
            },
            {
              label: "+351 965 223 377",
              href: "tel:+351965223377",
            },
            {
              label: "+351 965 223 295",
              href: "tel:+351965223295",
            },
            {
              label: "pressobediente@gmail.com",
              href: "mailto:pressobediente@gmail.com",
            },
          ],
        },
        {
          items: [
            {
              label: "Construção Civil",
              href: "#servicos",
            },
            {
              label: "Remodelações",
              href: "#servicos",
            },
            {
              label: "Obras Públicas",
              href: "#servicos",
            },
            {
              label: "Limpezas Profissionais",
              href: "#servicos",
            },
          ],
        },
        {
          items: [
            {
              label: "Quem Somos",
              href: "#sobre-nos",
            },
            {
              label: "Trabalhos Realizados",
              href: "#trabalhos",
            },
            {
              label: "Testemunhos",
              href: "#testemunhos",
            },
            {
              label: "Contactos",
              href: "#contactos",
            },
          ],
        },
      ]}
      logoText="Construção Civil & Engenharia"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
