1import type { ReactNode } from 'react';
2
3export default function Layout({ children }: { children: ReactNode }) {
4  return (
5    <>
6      <header>
7        <nav>
8          <a href="/" className="logo">
9            <span className="logo-p">p</span>
10            <span className="logo-o">o</span>
11            <span className="logo-ps">p</span>
12            <span className="logo-s">s</span>
13            <span className="logo-ss">s</span>
14            <span className="logo-h">h</span>
15          </a>
16          <div className="nav-links">
17            <a href="https://apps.apple.com/us/app/popssh/id6761133769?mt=12">download</a>
18          </div>
19        </nav>
20      </header>
21
22      <main>
23        <div className="rainbow-divider"></div>
24        {children}
25      </main>
26
27      <footer>
28        <div className="footer-content">
29          <span>popssh by <a href="https://systemoperator.com">system operator</a> · hosted on <a href="https://sublimated.com">sublimated</a></span>
30          <div className="footer-links">
31            <a href="https://pop.tinysend.com">newsletter</a>
32            <a href="/privacy">privacy</a>
33            <a href="/terms">terms</a>
34          </div>
35        </div>
36      </footer>
37    </>
38  );
39}