Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/openstatusHQ/openstatus. 🫖 Status page with uptime monitoring & API monitoring as code 🫖 openstatus.dev
bun drizzle-orm monitoring monitoring-as-code nextjs observability on-call open-source shadcn-ui status-page statuspage synthetic-monitoring tinybird turso uptime uptime-checker uptime-monitor
Something went wrong. Try again.
1.4 kB · 44 lines
TSX
123456789101112131415161718192021222324252627282930313233343536373839404142434445import { footerLinks } from "../data/content";import { FooterStatus } from "./footer-status";import { Link } from "./link";import { ThemeToggle } from "./theme-toggle";
export function Footer() { return ( <footer> <div className="border-border bg-border [&>div]:bg-background grid grid-cols-1 gap-px border sm:grid-cols-2 md:grid-cols-3 [&>div]:p-4"> {footerLinks.map((section) => ( <div key={section.label}> <p className="text-muted-foreground">{section.label}</p> <ul> {section.items.map((item) => ( <li key={item.href}> <Link href={item.href} className="hover:bg-muted block w-full truncate" > {item.label} </Link> </li> ))} </ul> </div> ))} </div> <div className="border-border bg-border [&>*]:bg-background grid gap-px border border-t-0 sm:grid-cols-2 md:grid-cols-3"> <Link href="/cal" className="hover:bg-muted flex w-full items-center gap-2 p-4" > Talk to the founders </Link> <div> <FooterStatus /> </div> <div className="sm:col-span-2 md:col-span-1"> <ThemeToggle className="rounded-none" /> </div> </div> </footer> );}