Bold Footer

1import Link from "next/link"
2 
3import { getBrand } from "@/lib/brand"
4 
5/**
6 * Edit CONTENT to change headline, nav, and socials.
7 * Defaults match the AtroUI docs Footer Bold demo.
8 */
9const CONTENT = {
10  headline: "Have a project in mind? Let's ship something this week.",
11  studio: [
12    { label: "Work", href: "/work" },
13    { label: "Tools", href: "/tools" },
14    { label: "Services", href: "/services" },
15    { label: "About", href: "/about" },
16    { label: "Contact", href: "/contact" },
17  ],
18  elsewhere: [
19    {
20      label: "GitHub",
21      href: "https://github.com/KOUSTAV2409",
22      external: true,
23    },
24    { label: "X / Twitter", href: "https://x.com/iamk", external: true },
25    { label: "iamk.xyz", href: "https://www.iamk.xyz", external: true },
26    { label: "Journal", href: "/journal", external: false },
27    { label: "Resources", href: "/resources", external: false },
28    { label: "Brand & links", href: "/brand", external: false },
29  ],
30  location: "West Bengal · Remote",
31}
32 
33export function BoldFooter() {
34  const year = new Date().getFullYear()
35  const { name, email } = getBrand()
36 
37  return (
38    <footer className="w-full overflow-hidden border-t border-border-subtle bg-background text-foreground pb-[env(safe-area-inset-bottom)]">
39      <div className="mx-auto max-w-7xl border-x border-border-subtle">
40        <div className="flex flex-col items-center px-6 py-16 sm:px-10 sm:py-20">
41          <div className="mb-16 flex w-full flex-col items-start justify-between gap-12 md:mb-20 md:flex-row">
42            <div className="max-w-md">
43              <h2 className="mb-6 text-3xl font-medium tracking-tight text-pretty text-foreground">
44                {CONTENT.headline}
45              </h2>
46              <a
47                href={`mailto:${email}`}
48                className="border-b-2 border-foreground pb-1 text-lg font-medium transition-colors hover:border-[var(--color-brand,#0b7bff)] hover:text-[var(--color-brand,#0b7bff)]"
49              >
50                {email}
51              </a>
52            </div>
53 
54            <div className="grid grid-cols-2 gap-12 sm:gap-16">
55              <div>
56                <p className="mb-4 text-[11px] font-semibold tracking-[0.14em] text-muted-foreground uppercase">
57                  Studio
58                </p>
59                <nav className="flex flex-col gap-1 text-sm">
60                  {CONTENT.studio.map((item) => (
61                    <Link
62                      key={item.href}
63                      href={item.href}
64// … truncated