Files
next-static-site/src/components/layout.js
2022-05-10 10:47:55 -07:00

47 lines
1.4 KiB
JavaScript

import Head from 'next/head';
import Link from 'next/link';
import Navi from './navi';
import Footer from './footer';
function Banner({ data }) {
return (
<div className="banner">
<Link href={data.link}>
<a target="_blank" className="wrap">{data.text}</a>
</Link>
</div>
);
}
export default function Layout({ children, siteData, title = 'jambonz' }) {
return (
<>
<Head>
<title>{title}</title>
<link rel="icon" href="/favicon.ico" />
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="image" property="og:image" content="https://www.jambonz.org/jambonz.png" />
<meta
name="description"
content="The “bring your own everything” CPaaS"
/>
<link rel="apple-touch-icon" href="/logo192.png" />
{/*
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
*/}
<link rel="manifest" href="/manifest.json" />
</Head>
{siteData.banner && siteData.banner.active && <Banner data={siteData.banner} />}
<Navi siteData={siteData} />
<main className="main">
{children}
</main>
<Footer siteData={siteData} />
</>
);
}