TypeScript 97.5%
SQL 1.4%
Python 0.8%
1import Link from "next/link";2import { Logo } from "@/components/ui/logo";34const columns = [5 { title: "Product", links: [["Platform", "/#platform"], ["Playground", "/dashboard/playground"], ["Access", "/pricing"], ["Changelog", "/changelog"], ["Status", "/status"]] },6 { title: "Developers", links: [["Documentation", "/docs"], ["Quickstart", "/docs/quickstart"], ["Fetch API", "/docs/fetch"], ["SDKs", "/docs/sdks"], ["Errors", "/docs/errors"]] },7 { title: "Company", links: [["About", "/#about"], ["Support", "mailto:support@fetcha.co"], ["Contact", "mailto:hello@fetcha.co"]] },8 { title: "Legal", links: [["Terms of Service", "/legal/terms"], ["Privacy Policy", "/legal/privacy"], ["Acceptable Use", "/legal/acceptable-use"], ["DPA", "/legal/dpa"], ["Cookies", "/legal/cookies"]] },9];1011export function MarketingFooter() {12 return (13 <footer className="border-t border-border bg-bg-subtle/60">14 <div className="container-page grid gap-10 py-14 md:grid-cols-[1.4fr_repeat(4,1fr)]">15 <div className="max-w-xs">16 <Logo />17 <p className="mt-3 text-[13px] leading-relaxed text-fg-muted">Intelligent Web Access Infrastructure. One API. Multiple proxy networks. Reliable web access.</p>18 <p className="mt-4 text-[12px] text-fg-subtle">© {new Date().getFullYear()} Fetcha. All rights reserved.</p>19 </div>20 {columns.map((c) => (21 <div key={c.title}>22 <h3 className="text-[12px] font-semibold uppercase tracking-wide text-fg-subtle">{c.title}</h3>23 <ul className="mt-3 space-y-2">24 {c.links.map(([label, href]) => (25 <li key={href}>26 <Link href={href} className="text-[13.5px] text-fg-muted transition-colors hover:text-fg">27 {label}28 </Link>29 </li>30 ))}31 </ul>32 </div>33 ))}34 </div>35 </footer>36 );37}38