diff --git a/app/layout.js b/app/layout.js
index 170b54a..81588e7 100644
--- a/app/layout.js
+++ b/app/layout.js
@@ -1,5 +1,3 @@
-import '@styles/globals.css';
-
export const metadata = {
title: 'Spokane Bitcoin Club',
description: 'Generated by Next.js',
@@ -8,11 +6,7 @@ export const metadata = {
export default function RootLayout({ children }) {
return (
-
-
-
+
{children}
diff --git a/app/page.jsx b/app/page.jsx
index f6054a8..841848b 100644
--- a/app/page.jsx
+++ b/app/page.jsx
@@ -1,7 +1,52 @@
+"use client"
+import { LineChart, Line, CartesianGrid, XAxis, YAxis } from 'recharts';
+import { AppBar, Grid, ThemeProvider, Toolbar } from '@mui/material';
+import { useTheme } from '@emotion/react';
+import styled from '@emotion/styled';
+import theme from './theme';
+import MainPage from './MainPage';
+import PerksPage from './PerksPage';
+import WheelSpinPage from './WheelSpinPage';
+import CalendarPage from './CalendarPage';
+import GraphPage from './GraphPage';
+import BottomBar from './BottomBar';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+
+// const Graph = () => {
+// const data = [{name: 'Page A', uv: 400, pv: 2400, amt: 2400}, {name: 'Page B', uv: 800, pv: 2400, amt: 2400}];
+// return (
+//
+//
+//
+// )
+
+// }
+
+const StyledToolbar = styled(Toolbar)(({ theme }) => ({
+ backgroundColor: theme.palette.primary.dark,
+ color: theme.palette.text.light
+}));
const Home = () => {
return (
- test page with a test
+
+
+
+
+
+ Spokane Bitcoin Club
+
+
+
+
+
+
+
+
+