import React, { useState, useEffect } from 'react';

import './App.css';

function App() {

const [animate, setAnimate] = useState(false);

useEffect(() => {

setAnimate(true);

}, []);

return (

<div className="container">

<div className={`card ${animate ? 'animate' : ''}`}>

<h1>Hey, there!</h1>

<p>Working on some masterpiece</p>

</div>

</div>

);

}

export default App;