Fix layout issues & co-locate components (#46)

* Fix layout issues & co-locate components

* Fix front page

* Fix centering
This commit is contained in:
Timothy Armes
2023-07-04 13:26:25 +02:00
committed by GitHub
parent a9822b65fe
commit 75a6c74306
26 changed files with 306 additions and 305 deletions
+15 -18
View File
@@ -1,28 +1,25 @@
import { useTranslations } from "next-intl";
import Layout from "@/components/Layout";
import ContactForm from "@/components/ContactForm";
import ContactForm from "./ContactForm";
// TODO fix page sizing
export default function Contact() {
const t = useTranslations("Contact");
return (
<Layout>
<section className="grid place-items-center bg-white dark:bg-gray-800">
<div className="mx-auto max-w-screen-md px-4 pb-32 pt-8 lg:pt-16">
<h2
className="mb-4 text-center text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white"
data-test="header2"
>
{t("title")}
</h2>
<p className="mb-8 text-center font-light text-gray-500 dark:text-gray-400 sm:text-xl lg:mb-16">
{t("info")}
</p>
<ContactForm />
</div>
</section>
</Layout>
<section className="grid place-items-center bg-white dark:bg-gray-800">
<div className="mx-auto max-w-screen-md px-4 pb-16 pt-8 lg:pt-16">
<h2
className="mb-4 text-center text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white"
data-test="header2"
>
{t("title")}
</h2>
<p className="mb-8 text-center font-light text-gray-500 dark:text-gray-400 sm:text-xl lg:mb-16">
{t("info")}
</p>
<ContactForm />
</div>
</section>
);
}