Add a not-found page so people don't get lost completely #2

+6 -6

app/components/faq/faq-section.tsx

reviewed

··· 48 48 const [openId, setOpenId] = useState<string | null>(FAQ_ITEMS[0]?.id ?? null); 49 49 50 50 return ( 51 51 - <section 52 52 - id="faq" 53 53 - className="relative w-full px-4 py-20 sm:px-6 sm:py-24" 54 54 - > 51 51 + <section id="faq" className="relative w-full px-4 py-20 sm:px-6 sm:py-24"> 55 52 <div className="mx-auto max-w-4xl text-center"> 56 53 <Heading 57 54 as="h2" ··· 60 57 Frequently Asked Questions 61 58 </Heading> 62 59 <Paragraph className="mt-4 text-sm text-white/70 sm:text-base"> 63 63 - Answers to the most common questions about managed PDS hosting and the 60 60 + answers to the most common questions about managed PDS hosting and the 64 61 eny.space PDS browser. If you can't find what you're looking for, feel 65 62 free to{" "} 66 66 - <a href="mailto:hello@krekeny.com" className="font-semibold text-white underline underline-offset-2 hover:text-white/80"> 63 63 + <a 64 64 + href="mailto:hello@krekeny.com" 65 65 + className="font-semibold text-white underline underline-offset-2 hover:text-white/80" 66 66 + > 67 67 reach out to our friendly team 68 68 </a> 69 69 .

+1 -1

app/components/logo-bar/logo-bar.tsx

reviewed

··· 146 146 function LogoBarScroll() { 147 147 const shuffled = useMemo( 148 148 () => [...ATMOSPHERE_APPS].sort(() => Math.random() - 0.5), 149 149 - [], 149 149 + [] 150 150 ); 151 151 152 152 return (

+24

app/not-found.tsx

reviewed

··· 1 1 + import { Heading } from "@/components/heading"; 2 2 + import { ButtonLink } from "@/components/button-link"; 3 3 + 4 4 + export default function NotFound() { 5 5 + return ( 6 6 + <div className="flex flex-col items-center justify-center gap-6 py-32 text-center"> 7 7 + <Heading className="text-5xl tracking-tight text-white sm:text-6xl md:text-7xl"> 8 8 + you've drifted past the heliopause. 9 9 + </Heading> 10 10 + <Heading as="h2" className="text-2xl text-white/50"> 11 11 + 404 12 12 + </Heading> 13 13 + <p className="text-muted-foreground max-w-sm"> 14 14 + you've gone too far into the unknown. this page doesn't exist. 15 15 + </p> 16 16 + <ButtonLink 17 17 + href="/" 18 18 + className="bg-primary text-primary-foreground hover:bg-primary/90" 19 19 + > 20 20 + Go home 21 21 + </ButtonLink> 22 22 + </div> 23 23 + ); 24 24 + }

+4 -1

app/signup/signup-form.tsx

reviewed

··· 21 21 } 22 22 23 23 export function SignUpForm({ next, loginHref }: SignUpFormProps) { 24 24 - const [state, setState] = useState<{ error?: string; success?: boolean } | null>(null); 24 24 + const [state, setState] = useState<{ 25 25 + error?: string; 26 26 + success?: boolean; 27 27 + } | null>(null); 25 28 const [isPending, startTransition] = useTransition(); 26 29 27 30 function handleSubmit(e: React.FormEvent<HTMLFormElement>) {