"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import ContactText from "@/components/sections/contact/ContactText";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import Link from "next/link";

export default function MarketplacePage() {
  const navItems = [
    { name: "Início", id: "/" },
    { name: "Marketplace", id: "/marketplace" },
    { name: "Soluções", id: "/solutions" },
    { name: "Contacto", id: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="AGROMARKET CONNECT 360"
          navItems={navItems}
          logoSrc="http://img.b2bpic.net/free-photo/watering-can-growth-green-tea-herb-bush-agriculture-concept_53876-123738.jpg"
          logoAlt="AgroMarket Connect 360 Logo"
        />
      </div>

      <div id="product-listing" data-section="product-listing">
        <ProductCardOne
          title="Explore Produtos Frescos e Locais"
          description="Descubra uma vasta gama de produtos agrícolas diretamente dos nossos agricultores em Moçambique, com qualidade garantida e preços competitivos."
          products={[
            { id: "milho", name: "Milho Fresco", price: "MZ 35/kg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-roasting-corn-grill_176420-1878.jpg", imageAlt: "Milho Fresco" },
            { id: "feijao", name: "Feijão Vermelho", price: "MZ 50/kg", imageSrc: "http://img.b2bpic.net/free-photo/dried-food-products-sold-market_181624-60209.jpg", imageAlt: "Feijão Vermelho" },
            { id: "arroz", name: "Arroz de Qualidade", price: "MZ 60/kg", imageSrc: "http://img.b2bpic.net/free-photo/half-shot-perfect-long-rice-brown-bowls-nude-color-towel-fallen-oil-bottles-garlics-peppers-dark-background_140725-158078.jpg", imageAlt: "Arroz de Qualidade" },
            { id: "tomate", name: "Tomate Maduro", price: "MZ 25/kg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tomatoes-wooden-surface_141793-10263.jpg", imageAlt: "Tomate Maduro" },
            { id: "cebola", name: "Cebola Roxa", price: "MZ 40/kg", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-root-vegetables-wooden-background_23-2147953572.jpg", imageAlt: "Cebola Roxa" },
            { id: "batata", name: "Batata Doce", price: "MZ 30/kg", imageSrc: "http://img.b2bpic.net/free-photo/market-stall-with-variety-organic-vegetable_23-2148209720.jpg", imageAlt: "Batata Doce" },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="buyer-features" data-section="buyer-features">
        <FeatureCardThree
          title="Ferramentas Avançadas para Compradores"
          description="Encontre exatamente o que você precisa com nossos filtros e opções de pesquisa inteligentes, otimizando sua experiência de compra e garantindo a melhor seleção de produtos."
          features={[
            { title: "Pesquisa Detalhada", description: "Utilize nossa barra de pesquisa para encontrar produtos específicos e suas categorias.", imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-studying-different-plants-with-tablet_23-2148776800.jpg", imageAlt: "Pesquisa Detalhada" },
            { title: "Filtrar por Província", description: "Localize produtos de regiões específicas de Moçambique para apoiar produtores locais.", imageSrc: "http://img.b2bpic.net/free-photo/map-guam-polygonal-mesh-line-map-flag-map_559531-11698.jpg", imageAlt: "Filtrar por Província" },
            { title: "Histórico de Compras", description: "Acompanhe seus pedidos anteriores e facilite a recompra de seus produtos favoritos.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-woman-checking-shopping-list-smartphone-grocery-store_662251-1450.jpg", imageAlt: "Histórico de Compras" },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="marketplace-cta" data-section="marketplace-cta">
        <ContactText
          text="Quer Vender Seus Produtos Agrícolas? Fale Conosco!"
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Começar a Vender", href: "/contact" },
            { text: "Saber Mais", href: "/solutions" },
          ]}
          animationType="entrance-slide"
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            { title: "Plataforma", items: [{ label: "Marketplace", href: "/marketplace" }, { label: "AgroLog", href: "/solutions" }, { label: "AgroPay", href: "/solutions" }, { label: "AgroAI", href: "/solutions" }] },
            { title: "Recursos", items: [{ label: "AgroLearning", href: "/solutions" }, { label: "AgroCredit", href: "/solutions" }, { label: "Ajuda", href: "/contact" }] },
            { title: "Empresa", items: [{ label: "Sobre Nós", href: "/" }, { label: "Contacto", href: "/contact" }, { label: "Carreiras", href: "/" }] },
            { title: "Legal", items: [{ label: "Termos de Serviço", href: "/" }, { label: "Política de Privacidade", href: "/" }] },
          ]}
          bottomLeftText="© 2024 AgroMarket Connect 360. Todos os direitos reservados."
          bottomRightText="Desenvolvido com ❤️ em Moçambique."
        />
      </div>
    </ThemeProvider>
  );
}
