From aefb308497582f033c7b88c1b74ffcc5711e0671 Mon Sep 17 00:00:00 2001
From: Owen <owenrees.dev@gmail.com>
Date: Sun, 31 May 2026 21:08:58 +0200
Subject: [PATCH] add button to hero

---
 src/pages/index.tsx | 15 ++++++++++-----
 src/styles.css      | 14 ++++++++++++++
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 35478a7..a7f5bf2 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -9,15 +9,20 @@ const Home = () => (
 			className="grid max-w-screen-2xl items-center gap-8 p-8 text-center md:grid-cols-2 md:text-left"
 		>
 			<div>
-				<h1>Convert your Chess PGN</h1>
-				<h1>
-					into a <span>Publishable PDF.</span>
+				<h1 className="text-3xl font-bold text-base-content md:text-4xl">
+					Convert your Chess PGN
 				</h1>
-				<h2>
+				<h1 className="text-3xl font-bold text-base-content md:text-4xl">
+					into a <span className="text-(--accent)">Publishable PDF.</span>
+				</h1>
+				<h2 className="mb-8 mt-4 text-(--base-content)">
 					Upload and convert your games into a book format, along with variation
 					and annotations.
 				</h2>
-				<Link to="/chessboard" className="">
+				<Link
+					to="/chessboard"
+					className="rounded-3xl text-xl font-bold btn btn-primary"
+				>
 					Get Started
 				</Link>
 			</div>
diff --git a/src/styles.css b/src/styles.css
index 036a879..89916f1 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -62,6 +62,20 @@ body {
   }
 }
 
+.btn {
+  padding: 1rem 4rem;
+}
+
+.btn-primary {
+  background-color: var(--accent);
+  color: var(--bg-base);
+  transition: filter 0.3s ease;
+
+  &:hover {
+    filter: brightness(0.85);
+  }
+}
+
 /*a {*/
 /*  text-decoration-thickness: 1px;*/
 /*  text-underline-offset: 2px;*/