Footer

Pie de página con logo, links organizados en columnas (Recursos y Legal), y creditos del autor.

Import

import { Footer } from "@/components/landing";

Que incluye

• Logo con gradiente y nombre del sitio
• Tagline descriptiva
• Grid de 2 columnas: Recursos y Legal
• Links a Documentacion, Guia Gratuita, Libro, Claude Code Cheatsheet
• Link a Politica de Privacidad
• Creditos del autor con link externo (desde landingConfig.contact)
• Copyright dinámico con ano actual
• Borde superior como separador visual

Tips

• Siempre incluye un link a la Politica de Privacidad. Es obligatorio por GDPR.
• Añade links a recursos gratuitos (guias, blog, docs) para SEO y confianza.
• Mantener el footer simple. No es el lugar para vender, sino para dar confianza.
• Incluye tu nombre real o marca personal. Genera autenticidad.

Personalizacion

Cambiar links

Edita el objeto footerLinks en components/landing/footer.tsx:

const footerLinks = {
  resources: [
    { label: "Documentation", href: "/docs" },
    { label: "Guia Gratuita", href: "/guia-gratuita" },
    { label: "Libro", href: "/book" },
    { label: "Claude Code Cheatsheet", href: "/claude-code-cheatsheet" },
  ],
  legal: [
    { label: "Politica de Privacidad", href: "/politica-privacidad" },
  ],
};

Añadir una columna

Añade una nueva key al objeto footerLinks y renderizala en el grid:

const footerLinks = {
  resources: [...],
  legal: [...],
  soporte: [
    { label: "Contacto", href: "/contacto" },
    { label: "Discord", href: "https://discord.gg/tu-server" },
  ],
};

Cambiar creditos del autor

Edita lib/config.ts:

contact: {
  authorName: "Tu Nombre",
  authorUrl: "https://tu-web.com",
},