Openstatus
www.openstatus.dev
1import { Link } from "@/content/link";
2import { ThemeToggle } from "@/content/theme-toggle";
3import { footerLinks } from "@/data/content";
4import { FooterStatus } from "./footer-status";
5
6export function Footer() {
7 return (
8 <footer>
9 <div className="grid grid-cols-1 gap-px border border-border bg-border sm:grid-cols-2 md:grid-cols-3 [&>div]:bg-background [&>div]:p-4">
10 {footerLinks.map((section) => (
11 <div key={section.label}>
12 <p className="text-muted-foreground">{section.label}</p>
13 <ul>
14 {section.items.map((item) => (
15 <li key={item.href}>
16 <Link
17 href={item.href}
18 className="block w-full hover:bg-muted"
19 >
20 {item.label}
21 </Link>
22 </li>
23 ))}
24 </ul>
25 </div>
26 ))}
27 </div>
28 <div className="grid gap-px border border-border border-t-0 bg-border sm:grid-cols-2 md:grid-cols-3 [&>*]:bg-background">
29 <Link
30 href="/cal"
31 className="flex w-full items-center gap-2 p-4 hover:bg-muted"
32 >
33 Talk to the founders
34 </Link>
35 <div>
36 <FooterStatus />
37 </div>
38 <div className="sm:col-span-2 md:col-span-1">
39 <ThemeToggle className="rounded-none" />
40 </div>
41 </div>
42 </footer>
43 );
44}