import { useTransition, animated } from '@react-spring/web'
export default function Home({ data = [1, 2, 3] }) {
 const [transitions, api] = useTransition(data, () => ({
 from: { opacity: 0, y: 100 },
 enter: { opacity: 1, y: 0 },
 leave: { opacity: 0, y: 100 },
 }))
 return(
 <animated.div>
 <div className="w-full justify-items-center p-10 min-h-[calc(100vh-8rem)] bg-green-100 text-black">
 <h1 className="text-4xl font-bold mb-6">Welcome to our company</h1>
 <p className="text-lg">
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat quam vel libero tristique tristique. Nullam nibh turpis, pretium et nisi ac, imperdiet tempus mauris. Praesent nunc lectus, sollicitudin ut ornare id, ullamcorper eu arcu. Integer ipsum lorem, fermentum quis dui non, molestie viverra risus. Nam cursus tellus id mauris consectetur finibus. Duis ipsum dui, hendrerit ut rhoncus vitae, convallis at lacus. Ut eget ullamcorper lacus, quis mattis orci.
 </p>
 </div>
 </animated.div>
 );
}