echecsfrance/app/about/page.tsx

import Layout from "@/components/Layout";

export default function About() {
  return (
    <Layout>
      <header className="grid h-[calc(100%-144px)] md:h-[calc(100%-112px)] place-items-center">
        <div className="relative h-full w-full bg-amber-200"></div>
        <div className="absolute">
          <h1>About Page</h1>
        </div>
      </header>
    </Layout>
  );
}