import { Link } from "@tanstack/react-router";
import { Logo } from "./Logo";
import { Instagram, Linkedin, Youtube } from "lucide-react";

export function Footer() {
  return (
    <footer className="ink-section border-t border-white/5">
      <div className="mx-auto max-w-7xl px-4 py-16 sm:px-6 lg:px-8">
        <div className="grid gap-12 md:grid-cols-4">
          <div className="space-y-4">
            <Logo />
            <p className="text-sm text-white/60">
              Plataforma de equity crowdfunding autorizada pela CVM (Resolução 88/2022).
              Conectamos investidores às startups que estão moldando o futuro.
            </p>
            <div className="flex gap-3 text-white/60">
              <a href="https://www.instagram.com/investplus.vc/" target="_blank" rel="noopener noreferrer" aria-label="Instagram" className="hover:text-white"><Instagram className="size-5" /></a>
              <a href="https://www.linkedin.com/company/fcj-invest-plus" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" className="hover:text-white"><Linkedin className="size-5" /></a>
              <a href="https://www.youtube.com/@fcjgroup" target="_blank" rel="noopener noreferrer" aria-label="YouTube" className="hover:text-white"><Youtube className="size-5" /></a>
            </div>
          </div>
          <FooterCol title="Plataforma" links={[
            { to: "/ofertas", label: "Ofertas" },
            { to: "/como-investir", label: "Como Investir" },
            { to: "/blog", label: "Blog" },
          ]} />
          <FooterCol title="Investidor" links={[
            { href: "https://www.platform.investplus.vc/auth/register", label: "Cadastre-se" },
            { href: "https://www.platform.investplus.vc/auth/login", label: "Acessar conta" },
            { href: "https://chat.whatsapp.com/BXngZuQ4VP995Ncj73wrsQ", label: "Grupo WhatsApp" },
          ]} />
          <FooterCol title="Legal" links={[
            { to: "/politica-de-privacidade", label: "Política de privacidade" },
            { to: "/politica-de-cookies", label: "Política de cookies" },
            { href: "mailto:contato@investplus.vc", label: "contato@investplus.vc" },
          ]} />
        </div>
        <div className="mt-12 border-t border-white/5 pt-6 text-xs leading-relaxed text-white/50">
          <p className="mb-4">
            Em respeito a você, a InvestPlus importa em informar que, as sociedades empresárias de pequeno porte e as ofertas apresentadas nesta plataforma estão automaticamente dispensadas de registro pela Comissão de Valores Mobiliários – CVM e que a InvestPlus é uma plataforma de investimento autorizada pela Comissão de Valores Mobiliários – CVM. Ainda, a CVM não analisa previamente as ofertas. As ofertas realizadas não implicam por parte da CVM a garantia da veracidade das informações prestadas, de adequação à legislação vigente ou julgamento sobre a qualidade da sociedade empresária de pequeno porte.
          </p>
          <p className="mb-4">
            Com isso, para que possa aproveitar nossa plataforma da melhor maneira possível, visto que este nicho de mercado não garante retorno do investimento aplicado e que existe o risco de perdas parciais ou totais em relação ao dinheiro investido. Indicamos que os investimentos em startups não perfaçam o único produto de sua carteira de investimentos. Antes de investir procure informações e adquira o conhecimento necessário para entender sobre as possibilidades de riscos, de modo que tome as melhores decisões sobre os investimentos. Por fim, veja nosso Aviso de Risco em cada oferta e leia com atenção o material didático do investidor e as informações essenciais que integram a oferta.
          </p>
          <p className="mb-4 text-white/60">
            FCJ INVEST S/A., CNPJ: 38.268.345/0001-01, Rua Paraíba 1323, 5° andar, bairro Savassi, Belo Horizonte – MG, Telefone: (31) 3019-7977 e email: <a href="mailto:juridico@fcjventurebuilder.com.br" className="underline hover:text-white">juridico@fcjventurebuilder.com.br</a>
          </p>
          <p className="text-white/40">© {new Date().getFullYear()} InvestPlus. Todos os direitos reservados.</p>
        </div>
      </div>
    </footer>
  );
}

type LinkItem = { to: string; label: string } | { href: string; label: string };
function FooterCol({ title, links }: { title: string; links: LinkItem[] }) {
  return (
    <div>
      <h4 className="mb-4 text-sm font-semibold text-white">{title}</h4>
      <ul className="space-y-2 text-sm text-white/60">
        {links.map((l) => (
          <li key={l.label}>
            {"to" in l ? (
              <Link to={l.to} className="hover:text-white">{l.label}</Link>
            ) : (
              <a href={l.href} className="hover:text-white">{l.label}</a>
            )}
          </li>
        ))}
      </ul>
    </div>
  );
}