components/Hero.jsx

export default function Hero() {
  return (
    <section className="bg-secondary py-20">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <h1 className="text-4xl md:text-6xl font-bold text-primary mb-6">
          Soluções em Tecnologia
        </h1>
        <p className="text-xl text-gray-600 max-w-3xl mx-auto mb-8">
          Transformamos ideias em soluções digitais inovadoras para o seu negócio.
        </p>
        <button className="bg-primary text-white px-8 py-3 rounded-md hover:bg-opacity-90 transition">
          Conheça nossos serviços
        </button>
      </div>
    </section>
  );
}