feat(home): add logo and placeholder content to home page

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('/')({