diff --git a/pages/index.js b/pages/index.js
index b6fa385..292c515 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -5,9 +5,30 @@ 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'
export default function Home() {
+ const container = {
+ hidden: { opacity: 1, scale: 0 },
+ visible: {
+ opacity: 1,
+ scale: 1,
+ transition: {
+ delayChildren: 0.4,
+ staggerChildren: 0.3
+ }
+ }
+ }
+
+ const item = {
+ hidden: { y: 20, opacity: 0 },
+ visible: {
+ y: 0,
+ opacity: 1
+ }
+ }
+
const [session, loading] = useSession()
return (
@@ -22,14 +43,14 @@ export default function Home() {
}
{session && <>
Welcome {session.user.name}!
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
}