48 lines
1.3 KiB
JavaScript
48 lines
1.3 KiB
JavaScript
import Head from "next/head";
|
|
import TCard from "../components/title-card";
|
|
import FCard from "./footer-card";
|
|
import PButton from "../components/page-button";
|
|
|
|
export default function BasicPage({
|
|
page_title,
|
|
card_title,
|
|
children,
|
|
back_url,
|
|
}) {
|
|
const url = Boolean(back_url) ? back_url : "/";
|
|
|
|
return (
|
|
<div className="min-h-screen bg-werefox-grey-lighter dark:bg-werefox-grey-dark font-nerd">
|
|
<Head>
|
|
<title>{page_title}</title>
|
|
<link rel="icon" href="/favicon.ico" />
|
|
</Head>
|
|
<div className="container space-y-4 mx-auto px-4 py-4">
|
|
<TCard card_title={card_title} />
|
|
<nav>
|
|
<PButton
|
|
title="Take me back home!"
|
|
images={[
|
|
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
|
|
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
|
|
]}
|
|
url={url}
|
|
/>
|
|
</nav>
|
|
{children}
|
|
<nav>
|
|
<PButton
|
|
title="Take me back home!"
|
|
images={[
|
|
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
|
|
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
|
|
]}
|
|
url={url}
|
|
/>
|
|
</nav>
|
|
<FCard />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|