Elementor Alternatives: Modern Replacements

// Reusable Hero component in React + Tailwind
export function Hero({ title, subtitle, cta }) {
  return (
    <section className="py-20 bg-gradient-to-r from-violet-600 to-purple-600">
      <div className="container mx-auto px-4 text-center">
        <h1 className="text-5xl font-bold text-white mb-4">
          {title}
        </h1>
        <p className="text-xl text-white/80 mb-8">
          {subtitle}
        </p>
        <Button size="lg">{cta}</Button>
      </div>
    </section>
  );
}