From 5d89388eb2809fd6890a5e299da27de66f54fb81 Mon Sep 17 00:00:00 2001
From: Matt Kirby <MattJKirby@outlook.com>
Date: Tue, 14 Mar 2023 18:12:17 +0000
Subject: [PATCH] Added a basic hero page
---
.../src/components/hero/Hero.tsx | 31 +++++++++++++++++++
1 file changed, 31 insertions(+)
create mode 100644 daily-thought-frontend/src/components/hero/Hero.tsx
diff --git a/daily-thought-frontend/src/components/hero/Hero.tsx b/daily-thought-frontend/src/components/hero/Hero.tsx
new file mode 100644
index 00000000..e754f1aa
--- /dev/null
+++ b/daily-thought-frontend/src/components/hero/Hero.tsx
@@ -0,0 +1,31 @@
+export default function Hero() {
+
+ return (
+ <div className="bg-white">
+ <div className="relative isolate px-6 pt-14 lg:px-8">
+ <div className="mx-auto max-w-2xl py-32 sm:py-48 lg:py-56">
+ <div className="text-center">
+ <h1 className="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">
+ Welcome to Daily
+ </h1>
+ <p className="mt-6 text-lg leading-8 text-gray-600">
+ Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet
+ fugiat veniam occaecat fugiat aliqua.
+ </p>
+ <div className="mt-10 flex items-center justify-center gap-x-6">
+ <a
+ href="#"
+ className="rounded-md bg-pink-400 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-white hover:text-pink-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pink-400"
+ >
+ Sign Up
+ </a>
+ <a href="#" className="text-sm font-semibold leading-6 text-gray-900">
+ Log In <span aria-hidden="true">→</span>
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ )
+}
--
GitLab