"use client" import Link from "next/link" import { Frame } from "@/components/ui/free/frame" import { Button } from "@/components/ui/free/button" import { ArrowUp, Sparkles } from "lucide-react" import { FaGithub, FaXTwitter, FaLinkedin } from "react-icons/fa6" const sections = [ { title: "Product", links: [ { label: "Blocks", href: "/blocks" }, { label: "Pricing", href: "#pricing" }, { label: "Showcase", href: "#showcase" }, { label: "FAQ", href: "#faq" }, ], }, { title: "Company", links: [ { label: "About", href: "#" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#" }, ], }, { title: "Legal", links: [ { label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "License", href: "#" }, ], }, ] const socialLinks = [ { label: "GitHub", href: "https://github.com", icon: FaGithub }, { label: "X", href: "https://x.com", icon: FaXTwitter }, { label: "LinkedIn", href: "https://linkedin.com", icon: FaLinkedin }, ] interface FooterProps { variant?: "full" | "island" } export function Footer({ variant = "full" }: FooterProps) { if (variant === "island") { return (

Blocks

Premium landing page blocks for SaaS. Build faster, ship sooner.

{socialLinks.map((s) => ( ))}

{sections.flatMap((s) => s.links).slice(0, 6).map((link) => ( {link.label} ))}

) } return ( ) }

Footer

More variants

Footer 2

Footer 3