From cc0fbd8e07c3d85400eaecbb2d4498d7108d3119 Mon Sep 17 00:00:00 2001
From: Sam Nystrom <sam@samnystrom.dev>
Date: Wed, 13 Mar 2024 12:43:43 +0000
Subject: feat: use different header actions for each page

---
 src/pages/Home.tsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

(limited to 'src/pages/Home.tsx')

diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index f177a75..43f5955 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,11 +1,18 @@
-import { Content } from '../components';
+import { Header, Content, Button } from '../components';
 
 const Home = () => {
 	return (
-		<Content>
-			<p><a href="/play">Try Now</a></p>
-			<p><a href="/signup">Create Account</a></p>
-		</Content>
+		<>
+			<Header>
+				<Button kind="ghost" href="/play">Try Now</Button>
+				<Button kind="ghost" href="/login">Log In</Button>
+				<Button kind="ghost" href="/signup">Sign Up</Button>
+			</Header>
+			<Content>
+				<p><a href="/play">Try Now</a></p>
+				<p><a href="/signup">Create Account</a></p>
+			</Content>
+		</>
 	);
 };
 
-- 
cgit v1.2.3