diff --git a/pages/controlpanel/index.js b/pages/controlpanel/index.js
index ef4a3c6..55eb1bf 100644
--- a/pages/controlpanel/index.js
+++ b/pages/controlpanel/index.js
@@ -3,14 +3,34 @@ import Card from '../../components/Card'
import Head from 'next/head'
import { useSession } from 'next-auth/client'
import { Flex, Text, Spacer } from "@chakra-ui/react"
+import {motion} from 'framer-motion'
+const container = {
+ hidden: { opacity: 1, scale: 0 },
+ visible: {
+ opacity: 1,
+ scale: 1,
+ transition: {
+ delayChildren: 0.3,
+ staggerChildren: 0.2
+ }
+ }
+}
+
+const item = {
+ hidden: { y: 20, opacity: 0 },
+ visible: {
+ y: 0,
+ opacity: 1
+ }
+}
function Index() {
const [session, loading] = useSession()
return (
- <>
+ <>
{!session && <>
Seems like you're not logged in. Log in to get started!
@@ -19,20 +39,20 @@ function Index() {
Cath Control Panel
-
- Control Panel
+ Control Panel
+
-
-
-
-
-
+
+
+
+
+
-
+
}
)
}
-export default Index
+export default Index
\ No newline at end of file
diff --git a/pages/index.js b/pages/index.js
index 292c515..18c02d6 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -4,8 +4,8 @@ import { Text } from "@chakra-ui/react"
import Hero from '../components/Hero/Hero'
import { CTA } from '../components/CTA'
import { Features } from '../components/Features/Features'
-import {Footer} from '../components/Footer/Footer'
-import {motion} from 'framer-motion'
+import { Footer } from '../components/Footer/Footer'
+import { motion } from 'framer-motion'
export default function Home() {
@@ -43,16 +43,16 @@ export default function Home() {
}
{session && <>
Welcome {session.user.name}!
-
-
-
-
-
-
-
+
+
+
+
+
+
+
}
)
-}
+}
\ No newline at end of file