nav updated

This commit is contained in:
Owen Rees
2023-06-09 16:50:32 +02:00
parent 4cf8566a59
commit 1ad2f1b306
19 changed files with 173 additions and 61 deletions
+1 -1
View File
@@ -3,7 +3,7 @@ import Layout from "@/components/Layout";
export default function About() {
return (
<Layout>
<header className="grid h-[calc(100%-144px)] md:h-[calc(100%-112px)] place-items-center">
<header className="grid h-[calc(100%-156px)] md:h-[calc(100%-124px)] place-items-center">
<div className="relative h-full w-full bg-amber-200"></div>
<div className="absolute">
<h1>About Page</h1>
+1 -1
View File
@@ -3,7 +3,7 @@ import Layout from "@/components/Layout";
export default function Contact() {
return (
<Layout>
<header className="grid h-[calc(100%-144px)] md:h-[calc(100%-112px)] place-items-center">
<header className="grid h-[calc(100%-156px)] md:h-[calc(100%-124px)] place-items-center">
<div className="relative h-full w-full bg-amber-200"></div>
<div className="absolute">
<h1>Contact Page</h1>
+21 -6
View File
@@ -1,14 +1,29 @@
import Link from "next/link";
import Layout from "@/components/Layout";
export default function Home() {
return (
<Layout>
<header className="grid h-[calc(100%-144px)] md:h-[calc(100%-112px)] place-items-center">
<div className="relative h-full w-full bg-[url('/images/map-bg.jpg')] brightness-[0.2]"></div>
<div className="absolute">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<header className="grid h-[calc(100%-156px)] md:h-[calc(100%-124px)] place-items-center">
<div className="relative h-full w-full bg-[url('/images/map-bg.jpg')] bg-cover bg-center brightness-[0.2]"></div>
<div className="absolute text-center">
<h1 className="text-5xl p-5">Echecs France</h1>
<h2 className="text-3xl p-5 capitalize">
Find chess tournaments in France on a map
</h2>
<h3 className="text-xl p-5 mb-5">
A visual representation of all the chess tournaments published by
the{" "}
<Link href="http://www.echecs.asso.fr/" target="_blank">
<abbr title="Fédération Française des Échecs">FFE</abbr>
</Link>
</h3>
<Link
href="/tournois"
className="text-white bg-gradient-to-r from-teal-400 via-teal-500 to-teal-600 hover:bg-gradient-to-br focus:ring-4 focus:outline-none focus:ring-teal-300 dark:focus:ring-teal-800 font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-2 mb-2"
>
Get Started
</Link>
</div>
</header>
</Layout>