Join Leo, a brilliant young inventor, as he creates a magical digital tool that transforms a wasteful city into a green paradise. This inspiring tale blends technology and environmental awareness, showing how one smart idea can change the world.
import { useEffect, useRef } from "react"; import gsap from "gsap"; export default function DashboardCard() { const cardRef = useRef(null); useEffect(() => { gsap.fromTo(cardRef.current, { y: -50, opacity: 0 }, { y: 0, opacity: 1, duration: 1.5, ease: "elastic.out(1, 0.5)" } ); }, []); return ( <div ref={cardRef} className="max-w-sm p-6 bg-white rounded-xl shadow-lg hover:shadow-2xl transition"> <h2 className="text-xl font-bold text-gray-800">Smart Energy Usage</h2> <p className="text-gray-600 mt-2">Real-time monitoring of your business energy footprint.</p> <button className="mt-4 px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600"> View Dashboard </button> </div> ); }
