| 1 | import { createFileRoute } from "@tanstack/react-router"; |
| 2 | |
| 3 | export const Route = createFileRoute("/about")({ |
| 4 | component: About, |
| 5 | }); |
| 6 | |
| 7 | function About() { |
| 8 | return ( |
| 9 | <main className="page-wrap px-4 py-12"> |
| 10 | <section className="island-shell rounded-2xl p-6 sm:p-8"> |
| 11 | <p className="island-kicker mb-2">About</p> |
| 12 | <h1 className="display-title mb-3 text-4xl font-bold text-[var(--sea-ink)] sm:text-5xl"> |
| 13 | A small starter with room to grow. |
| 14 | </h1> |
| 15 | <p className="m-0 max-w-3xl text-base leading-8 text-[var(--sea-ink-soft)]"> |
| 16 | TanStack Start gives you type-safe routing, server functions, and |
| 17 | modern SSR defaults. Use this as a clean foundation, then layer in |
| 18 | your own routes, styling, and add-ons. |
| 19 | </p> |
| 20 | </section> |
| 21 | </main> |
| 22 | ); |
| 23 | } |