{/* Tech Stack */}
    <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
      <div className="flex items-center gap-2 bg-gray-700/30 p-4 rounded-lg">
        <Code2 className="text-blue-400" />
        <span>JavaScript/TypeScript</span>
      </div>
      <div className="flex items-center gap-2 bg-gray-700/30 p-4 rounded-lg">
        <Globe2 className="text-cyan-400" />
        <span>React</span>
      </div>
      <div className="flex items-center gap-2 bg-gray-700/30 p-4 rounded-lg">
        <Database className="text-orange-400" />
        <span>Firebase</span>
      </div>
      <div className="flex items-center gap-2 bg-gray-700/30 p-4 rounded-lg">
        <Code2 className="text-yellow-400" />
        <span>Python</span>
      </div>
      <div className="flex items-center gap-2 bg-gray-700/30 p-4 rounded-lg">
        <Git className="text-red-400" />
        <span>Git</span>
      </div>
      <div className="flex items-center gap-2 bg-gray-700/30 p-4 rounded-lg">
        <Container className="text-blue-400" />
        <span>Docker</span>
      </div>
    </div>

    {/* Introduction */}
    <div className="bg-gray-700/20 p-8 rounded-lg">
      <h2 className="text-2xl font-bold mb-6">Why Support My Work?</h2>
      <div className="space-y-4 text-gray-200">
        <p>
          Hello! I'm Tholumuzi, a dedicated frontend developer with a Higher Diploma in IT. My journey in tech is driven by a passion for creating intuitive, performant web applications that solve real-world problems.
        </p>
        <p>
          With expertise in modern web technologies like React, TypeScript, and Firebase, I specialize in building scalable frontend solutions that prioritize user experience. My background includes working with containerization through Docker and implementing robust version control practices with Git.
        </p>
        <p>
          Your sponsorship enables me to:
        </p>
        <ul className="list-disc list-inside ml-4 space-y-2">
          <li>Contribute more to open-source projects</li>
          <li>Create educational content for aspiring developers</li>
          <li>Develop innovative tools for the developer community</li>
          <li>Research and implement cutting-edge web technologies</li>
        </ul>
        <p className="mt-6">
          By supporting my work, you're not just helping an individual developer – you're investing in the future of web development and helping create resources that benefit the entire developer community.
        </p>
      </div>
    </div>
  </div>
</div>

);
}

export default App;
``