AI Editor

// Hero Section Component
function HeroSection() {
  return (
    <div className="relative overflow-hidden bg-gradient-to-r from-purple-700 to-pink-500 py-16">
      <div className="container mx-auto px-4">
        <div className="flex flex-col md:flex-row items-center">
          <div className="md:w-1/2 mb-8 md:mb-0">
            <h1 className="text-4xl md:text-6xl font-bold text-white mb-4">
              AI-Powered Development
            </h1>
            <p className="text-white/80 text-xl mb-6">
              Build web applications in minutes instead of days
            </p>
          </div>
          
          <div className="md:w-1/2 md:pl-8">
            <form className="bg-white p-6 rounded-lg shadow-lg">
              // Form fields
            </form>
          </div>
        </div>
      </div>
    </div>
  );
}