export function MissionSection() {
  return (
    <section className="py-24 bg-black">
      <div className="container">
        <div className="max-w-4xl mx-auto text-center mb-16">
          <h2 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl text-white leading-tight">
            We're here to create the extraordinary. No shortcuts, just bold, precision-engineered work that elevates the game & leaves a mark.
          </h2>
        </div>
        
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
          <div className="space-y-4">
            <h3 className="text-xl font-bold text-white">Website & Features</h3>
            <p className="text-gray-300 leading-relaxed">
              From sleek landing pages to complex web applications, we create responsive, user-friendly websites that look great and function flawlessly on any device.
            </p>
          </div>
          
          <div className="space-y-4">
            <h3 className="text-xl font-bold text-white">Visual Branding</h3>
            <p className="text-gray-300 leading-relaxed">
              From logo identities to comprehensive brand guidelines, we build brands that tell a story, resonate with audiences, and stand out in the market.
            </p>
          </div>
          
          <div className="space-y-4">
            <h3 className="text-xl font-bold text-white">UI/UX Design</h3>
            <p className="text-gray-300 leading-relaxed">
              We craft intuitive and engaging user interfaces that prioritize usability and accessibility, ensuring a seamless and enjoyable experience for every user.
            </p>
          </div>
          
          <div className="space-y-4">
            <h3 className="text-xl font-bold text-white">Marketing & Growth</h3>
            <p className="text-gray-300 leading-relaxed">
              From social media campaigns to SEO optimization, we develop strategies that drive traffic, generate leads, and boost conversions for your business.
            </p>
          </div>
        </div>
      </div>
    </section>
  );
}
