From de91f3923138728d27bdc8deb7dbb1197b48e264 Mon Sep 17 00:00:00 2001
From: SrJuggernaut <jugger@srjuggernaut.dev>
Date: Fri, 6 Mar 2026 18:49:13 -0600
Subject: [PATCH] feat(home): add logo and placeholder content to home page

---
 src/routes/index.tsx | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 0dafc08..db4118b 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -1,7 +1,33 @@
+import { css, cx } from '@styled-system/css'
+import { skeleton } from '@styled-system/patterns'
 import { createFileRoute } from '@tanstack/react-router'
+import SrJuggernautLogo from '@/components/assets/SrJuggernautLogo'
+import FullWidth from '@/components/layout/FullWidth'
 
 const HomeRoute = () => {
-  return <div>Home</div>
+  return (
+    <FullWidth
+      className={cx(
+        skeleton({ duration: 4.5, variant: 'shimmerRight' }),
+        css({
+          display: 'flex',
+          flexDirection: 'column',
+          justifyContent: 'center',
+          alignItems: 'center'
+        })
+      )}
+    >
+      <SrJuggernautLogo
+        className={css({
+          fill: 'neutral.12',
+          minWidth: '200px',
+          width: '100%',
+          maxWidth: { sm: 'breakpoint-sm' }
+        })}
+      />
+      <h1>Work in progress</h1>
+    </FullWidth>
+  )
 }
 
 export const Route = createFileRoute('/')({