AaronPo/the-biergarten-app
1
0
Fork 0
mirror of https://github.com/aaronpo97/the-biergarten-app.git synced 2026-04-06 02:19:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update theme colors and layout styles, upgrade daisyui/tailwind

Browse Source
This commit is contained in:
Aaron William Po
2024-02-19 16:28:58 -05:00
parent 3af82f7dbf
commit 34e960f0c6
17 changed files with 155 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/index.tsx
View File

@@ -1,5 +1,6 @@
import { NextPage } from 'next';
import Head from 'next/head';
import Image from 'next/image';
const keywords = [
'beer',
@@ -29,7 +30,7 @@ const keywords = [
'beer recipes',
];
const description = `The Biergarten App is an app for beer lovers to share their favourite brews and breweries with like-minded people online.`;
const description = `An app for beer lovers to share their favourite brews and breweries with like-minded people online.`;
const Home: NextPage = () => {
return (
@@ -39,13 +40,17 @@ const Home: NextPage = () => {
<meta name="description" content={description} />
<meta name="keywords" content={keywords.join(', ')} />
</Head>
<div className="flex h-full w-full items-center justify-center bg-primary">
<div className="w-9/12 text-center lg:w-8/12">
<h1 className="text-3xl font-bold md:text-4xl lg:text-5xl xl:text-8xl">
The Biergarten App
</h1>
<p className="mt-4 text-lg lg:text-2xl">{description}</p>
<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>
</>