/**
 * AvanzaCast Landing Page - Plataforma de Streaming Profesional
 * SaaS optimizado para creadores de contenido, empresas y educadores
 * Enfocado en multistreaming, broadcasting y grabación en la nube
 */

import StreamingHeroSection from '../components/StreamingHeroSection';
import StreamingStats from '../components/StreamingStats';
import PlatformLogos from '../components/PlatformLogos';
import StreamingFeatures from '../components/StreamingFeatures';
import StudioPreview from '../components/StudioPreview';
import TestimonialsSection from '../components/TestimonialsSection';
import PricingSection from '../components/PricingSection';

export default function LandingPage() {
  return (
    <main className="min-h-screen bg-white dark:bg-gray-900">
      <StreamingHeroSection />
      <StreamingStats />
      <PlatformLogos />
      <StreamingFeatures />
      <StudioPreview />
      <TestimonialsSection />
      <PricingSection />
      
      {/* CTA Final */}
      <section className="py-20 bg-gradient-to-r from-purple-600 to-blue-600">
        <div className="container mx-auto px-4 text-center">
          <h2 className="text-4xl md:text-5xl font-bold text-white mb-6">
            ¿Listo para Revolucionar tus Transmisiones?
          </h2>
          <p className="text-xl text-purple-100 mb-8 max-w-2xl mx-auto">
            Únete a miles de creadores que ya confían en AvanzaCast para sus streams profesionales
          </p>
          <button className="bg-white text-purple-600 hover:bg-gray-100 font-bold py-4 px-12 rounded-full text-lg shadow-xl hover:shadow-2xl transform hover:scale-105 transition-all duration-300">
            Comenzar Gratis - 14 Días de Prueba
          </button>
        </div>
      </section>

      {/* Footer */}
      <footer className="bg-gray-900 text-white py-12">
        <div className="container mx-auto px-4">
          <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
            <div>
              <h3 className="text-2xl font-bold mb-4 bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent">
                AvanzaCast
              </h3>
              <p className="text-gray-400">
                La plataforma profesional de multistreaming para creadores de contenido.
              </p>
            </div>
            <div>
              <h4 className="font-semibold mb-4">Producto</h4>
              <ul className="space-y-2 text-gray-400">
                <li><a href="#" className="hover:text-white">Características</a></li>
                <li><a href="#" className="hover:text-white">Precios</a></li>
                <li><a href="#" className="hover:text-white">Casos de Uso</a></li>
                <li><a href="#" className="hover:text-white">Integraciones</a></li>
              </ul>
            </div>
            <div>
              <h4 className="font-semibold mb-4">Recursos</h4>
              <ul className="space-y-2 text-gray-400">
                <li><a href="#" className="hover:text-white">Blog</a></li>
                <li><a href="#" className="hover:text-white">Guías</a></li>
                <li><a href="#" className="hover:text-white">API Docs</a></li>
                <li><a href="#" className="hover:text-white">Soporte</a></li>
              </ul>
            </div>
            <div>
              <h4 className="font-semibold mb-4">Compañía</h4>
              <ul className="space-y-2 text-gray-400">
                <li><a href="#" className="hover:text-white">Acerca de</a></li>
                <li><a href="#" className="hover:text-white">Contacto</a></li>
                <li><a href="#" className="hover:text-white">Términos</a></li>
                <li><a href="#" className="hover:text-white">Privacidad</a></li>
              </ul>
            </div>
          </div>
          <div className="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
            <p>&copy; 2024 AvanzaCast. Todos los derechos reservados.</p>
          </div>
        </div>
      </footer>
    </main>
  );
}