import { m, Variants } from "framer-motion";
import Head from "next/head";
import Image from "next/image";
import { ReactElement } from "react";
import HomeLayout from "../layouts/HomeLayout";
import { homeMain } from "../layouts/NavTemplates";
function Team() {
return (
<>
Team - InvestBot
people
{/* Person 1 */}
TBW
{/* Person 2 */}
TBW
{/* Person 3 */}
TBW
{/* Person 4 */}
TBW
{/* Person 5 */}
TBW
);
}
const PersonLeftCard = (props: { name: string; img: string }) => {
return (
{props.name}
);
};
// takes in children
const PersonRightCard = (props: { children: React.ReactNode }) => {
return (
{props.children}
);
};
const containerVariants: Variants = {
initial: {
opacity: 1,
},
animate: {
opacity: 1,
transition: {
duration: 2,
delayChildren: 0.5,
staggerChildren: 0.25,
},
},
};
const leftCardVariants: Variants = {
initial: {
opacity: 0,
x: 100,
},
animate: {
opacity: 1,
x: 0,
},
};
const rightCardVariants: Variants = {
initial: {
opacity: 0,
x: -100,
},
animate: {
opacity: 1,
x: 0,
},
};
Team.getLayout = function getLayout(page: ReactElement) {
return {page};
};
export default Team;