import React from "react"; 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 && ( <>