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.
In a high-tech workshop filled with glowing screens and blueprints, a young inventor named Leo studies a map of a city that stays awake far too long. He dreams of a way to help everyone understand how much energy they are using so they can protect the planet.
Leo sits at his sleek glass desk, typing lines of code that shimmer like stars on his monitor. He is designing a special digital card that will act as a heartbeat for the city's power grid.
With a final tap on his keyboard, a bright white card suddenly drops from the top of the screen, bouncing with a playful, elastic energy as it settles into place. The card looks alive, floating perfectly in the center of the display.
The card displays the words Smart Energy Usage in bold, friendly letters, accompanied by a soft green glow that fills the room with a sense of hope. Leo smiles as he realizes his invention is ready to be shared with the world.
Leo takes his tablet into the bustling city center to show a local shopkeeper how the card works. As they look at the screen, the card tracks the shop's energy footprint in real-time, showing exactly where power is being saved.
The shopkeeper presses a bright green button on the card, and suddenly the lights in the store dim to a perfect, cozy level. The card pulses with a vibrant green light, signaling that the shop is now running on smart energy.
Word spreads quickly, and soon every business in the city has its own digital dashboard to monitor its energy use. The once-cluttered streets begin to feel cleaner and more organized as everyone works together.
High above the city, the thick gray smog that used to hide the mountains begins to drift away, revealing a stunning sunset and clear air. The buildings below glow with a soft, efficient light that doesn't waste a single spark.
Leo stands on a rooftop garden, looking out at the transformation he helped create with just a simple, well-designed tool. He realizes that when people have the right information, they can make amazing choices for the Earth.
Back in his workshop, Leo looks at his glowing dashboard one last time before heading home. He knows that this is just the beginning of his journey to build a brighter, greener future for everyone.
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> ); }
