mirror of
https://github.com/aaronpo97/the-biergarten-app.git
synced 2026-02-16 10:42:08 +00:00
61 lines
1.4 KiB
TypeScript
61 lines
1.4 KiB
TypeScript
import { NextPage } from 'next';
|
|
import Head from 'next/head';
|
|
import Image from 'next/image';
|
|
|
|
const keywords = [
|
|
'beer',
|
|
'bier',
|
|
'biergarten',
|
|
'brewery',
|
|
'brew',
|
|
'drink',
|
|
'alcohol',
|
|
'brews',
|
|
'breweries',
|
|
'craft beer',
|
|
'beer enthusiast',
|
|
'beer tasting',
|
|
'beer culture',
|
|
'beer connoisseur',
|
|
'beer reviews',
|
|
'beer community',
|
|
'beer events',
|
|
'brewpubs',
|
|
'beer aficionado',
|
|
'beer types',
|
|
'beer selection',
|
|
'beer recommendations',
|
|
'beer ratings',
|
|
'beer pairing',
|
|
'beer recipes',
|
|
];
|
|
|
|
const description = `An app for beer lovers to share their favourite brews and breweries with like-minded people online.`;
|
|
|
|
const Home: NextPage = () => {
|
|
return (
|
|
<>
|
|
<Head>
|
|
<title>The Biergarten App</title>
|
|
<meta name="description" content={description} />
|
|
<meta name="keywords" content={keywords.join(', ')} />
|
|
</Head>
|
|
<div className="relative flex h-dvh w-full flex-col items-center justify-center">
|
|
<Image
|
|
alt=""
|
|
src="/background.jpg"
|
|
height={4015}
|
|
width={6035}
|
|
className="pointer-events-none absolute h-full w-full object-cover mix-blend-overlay"
|
|
/>
|
|
<div className="relative flex w-9/12 flex-col space-y-3 text-base-content">
|
|
<h1 className="text-8xl font-extrabold">The Biergarten App</h1>
|
|
<p className="text-3xl font-bold">{description}</p>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Home;
|