spb/fetcha

1import Link from "next/link";2import { Logo } from "@/components/ui/logo";3import { Button } from "@/components/ui/button";45export const metadata = { title: "Account deletion · Fetcha" };67export default function GoodbyePage() {8  return (9    <div className="relative flex min-h-dvh flex-col">10      <div className="absolute inset-0 -z-10 grid-bg opacity-60" aria-hidden />11      <header className="container-page flex h-16 items-center">12        <Logo />13      </header>14      <main className="flex flex-1 items-start justify-center px-4 pb-16 pt-6 sm:pt-12">15        <div className="w-full max-w-[440px] animate-fade-up rounded-xl border border-border bg-bg-elevated p-6 shadow-md sm:p-8">16          <h1 className="text-xl font-semibold tracking-tight">Account deletion</h1>17          <p className="mt-1.5 text-[13.5px] leading-relaxed text-fg-muted">Sorry to see you go. Here is what happens next.</p>18          <ol className="mt-6 grid gap-4 text-[13.5px] leading-relaxed">19            <li className="flex gap-3">20              <span className="flex size-6 shrink-0 items-center justify-center rounded-full bg-bg-muted font-mono text-[12px] tabular">1</span>21              <span>22                <span className="font-medium">Requested.</span> <span className="text-fg-muted">If you just asked to delete your account, we sent a confirmation link to your email. Nothing is removed until you click it. The link expires after 24 hours.</span>23              </span>24            </li>25            <li className="flex gap-3">26              <span className="flex size-6 shrink-0 items-center justify-center rounded-full bg-bg-muted font-mono text-[12px] tabular">2</span>27              <span>28                <span className="font-medium">Confirmed.</span> <span className="text-fg-muted">If you arrived here from that link, your login is now disabled, every API key is rejected and you have been signed out.</span>29              </span>30            </li>31            <li className="flex gap-3">32              <span className="flex size-6 shrink-0 items-center justify-center rounded-full bg-bg-muted font-mono text-[12px] tabular">3</span>33              <span>34                <span className="font-medium">Purged after 7 days.</span> <span className="text-fg-muted">Projects, keys, request logs and usage records are permanently erased 7 days after confirmation. To recover the account within that window, email support@fetcha.co from the deleted address.</span>35              </span>36            </li>37          </ol>38          <div className="mt-6 flex flex-wrap items-center gap-2 border-t border-border pt-5">39            <Button asChild variant="outline" size="sm">40              <Link href="/">Back to fetcha.co</Link>41            </Button>42            <Button asChild variant="ghost" size="sm">43              <a href="mailto:support@fetcha.co?subject=Account%20deletion">Contact support</a>44            </Button>45          </div>46        </div>47      </main>48      <footer className="container-page pb-6 text-center text-[12px] text-fg-subtle">49        <Link href="/legal/privacy" className="hover:text-fg">Privacy Policy</Link> · <Link href="/legal/terms" className="hover:text-fg">Terms</Link>50      </footer>51    </div>52  );53}54