chore: update layout and app background color

calblueprint · Oct 28, 2024 · 5cc2efa · 5cc2efa
1 parent 37a5ee7
commit 5cc2efa
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 16 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,13 +1,14 @@
 import type { Metadata } from 'next';
 import StyledComponentsRegistry from '@/lib/registry';
 import { Sans } from '../styles/fonts';
+import COLORS from '@/styles/colors';
 import '../styles/global.css';
 import { OnboardingProvider } from '../utils/onboardingContext';
 
 // site metadata - what shows up on embeds
 export const metadata: Metadata = {
-  title: 'Project Name',
-  description: 'Description of project',
+  title: 'Bread & Roses Presents',
+  description: 'Created by Blueprint',
 };
 
 export default function RootLayout({
@@ -17,9 +18,12 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body className={Sans.className}>
+      <body
+        className={Sans.className}
+        style={{ background: COLORS.gray1 }}
+      >
         <StyledComponentsRegistry>
-          <OnboardingProvider>{children}</OnboardingProvider>
+            <OnboardingProvider>{children}</OnboardingProvider>
         </StyledComponentsRegistry>
       </body>
     </html>

diff --git a/app/page.tsx b/app/page.tsx
@@ -1,15 +1,14 @@
-import Link from 'next/link';
-import BPLogo from '@/public/images/bp-logo.png';
-import { Container, Image } from './page.style';
+'use client';
+
+import { useEffect } from 'react';
+import { useRouter } from 'next/navigation';
 
 export default function Home() {
-  return (
-    <Container>
-      <Image src={BPLogo} alt="Blueprint Logo" />
-      <p>Open up app/page.tsx to get started!</p>
-      <Link href="/onboarding/general">
-        <button>Onboarding</button>
-      </Link>
-    </Container>
-  );
+  const router = useRouter();
+
+  useEffect(() => {
+    router.push('/signin');
+  }, [router]);
+
+  return null;
 }