d6d0f210ba
* Redesign BadSEO homepage and add design lab routes * Migrate badseo.dev to TanStack Start * Refine BadSEO landing page design * Migrate badseo.dev to TanStack Start * Refine BadSEO field guide homepage * Simplify BadSEO example catalog * Remove BadSEO issue section label * Remove All issues from BadSEO header * Reorder BadSEO examples and simplify footer * Reduce BadSEO desktop hero type * Narrow BadSEO homepage content * Further reduce BadSEO hero type * Add BadSEO brand to footer * Tighten Kitchen sink description * Reorder BadSEO example categories
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import type { ReactNode } from "react";
|
|
|
|
export function SiteLayout({ children }: { children: ReactNode }) {
|
|
return (
|
|
<>
|
|
<nav className="nav" aria-label="BadSEO navigation">
|
|
<a className="brand" href="/">
|
|
BADSEO
|
|
</a>
|
|
<span className="nav-links">
|
|
<a href="https://openseo.so">OpenSEO</a>
|
|
<a href="https://github.com/every-app/open-seo">GitHub</a>
|
|
</span>
|
|
</nav>
|
|
{children}
|
|
<footer className="foot">
|
|
<div className="foot-inner">
|
|
<a className="foot-brand" href="/">
|
|
BADSEO
|
|
</a>
|
|
<span className="foot-links">
|
|
<a href="/#issues">All issues</a>
|
|
<a href="https://github.com/every-app/open-seo">GitHub</a>
|
|
<a href="https://openseo.so">OpenSEO</a>
|
|
<a href="/privacy">Privacy</a>
|
|
<button
|
|
className="footer-button"
|
|
type="button"
|
|
data-cookie-settings
|
|
>
|
|
Cookie settings
|
|
</button>
|
|
</span>
|
|
</div>
|
|
</footer>
|
|
</>
|
|
);
|
|
}
|