shellphone.app/app/public-area/components/base-layout.tsx

33 lines
724 B
TypeScript
Raw Normal View History

2021-08-29 21:28:42 +00:00
import type { FunctionComponent } from "react";
import { Head } from "blitz";
import Header from "./header";
2021-08-29 22:47:43 +00:00
import Footer from "./footer";
2021-08-29 21:28:42 +00:00
const BaseLayout: FunctionComponent = ({ children }) => (
<>
<Head>
<title>Shellphone: Your Personal Cloud Phone</title>
<link
rel="preload"
href="/fonts/P22MackinacPro-ExtraBold.woff2"
as="font"
type="font/woff2"
crossOrigin="anonymous"
/>
</Head>
<section className="font-inter antialiased bg-white text-gray-900 tracking-tight">
<section className="flex flex-col min-h-screen overflow-hidden">
<Header />
<main className="flex-grow">{children}</main>
2021-08-29 22:47:43 +00:00
<Footer />
2021-08-29 21:28:42 +00:00
</section>
</section>
</>
);
export default BaseLayout;