1const AboutSourave = () => {
2 const [projects, setProjects] = React.useState(24);
3 const [energy, setEnergy] = React.useState("∞");
4
5 const buildSomething = () => {
6 setProjects(prev => prev + 1);
7 };
8
9 return (
10 <div className="p-4 border rounded-lg">
11 <h2 className="text-xl font-bold mb-3">Hi, I'm Sourave 👋</h2>
12 <p className="mb-2 text-sm text-gray-300">
13 A full-stack developer who loves building things that matter.
14 </p>
15 <p className="mb-2 text-sm text-gray-400">
16 Projects built so far: {projects}
17 </p>
18 <p className="mb-4 text-sm text-gray-400">
19 Energy level: {energy}
20 </p>
21 <button
22 onClick={buildSomething}
23 className="px-4 py-2 bg-cyan-500 text-white rounded-md"
24 >
25 Build Next Project 🚀
26 </button>
27 </div>
28 );
29};