88 lines
3.9 KiB
TypeScript
88 lines
3.9 KiB
TypeScript
/**
|
|
* 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>© 2024 AvanzaCast. Todos los derechos reservados.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</main>
|
|
);
|
|
} |