diff --git a/docs/LANDING_PAGE_IMPLEMENTACION.md b/docs/LANDING_PAGE_IMPLEMENTACION.md index 9cf3284..1e9bdd3 100644 --- a/docs/LANDING_PAGE_IMPLEMENTACION.md +++ b/docs/LANDING_PAGE_IMPLEMENTACION.md @@ -132,7 +132,7 @@ Planes y precios SaaS: - Soporte 24/7 + Account Manager - Multi-usuario (5 cuentas) - **Visual Destacado**: Plan Pro con badge "MÁS POPULAR", scale aumentado, gradiente -- **CTA por Plan**: "Comenzar Gratis" / "Iniciar Prueba de 14 Días" +- **CTA por Plan**: "Empecemos" / "Iniciar Prueba de 14 Días" - **Features con Iconos**: ✓ para incluido, ✗ para no incluido - **Trust Badges**: - Sin tarjeta de crédito @@ -143,7 +143,7 @@ Planes y precios SaaS: - **CTA Section**: - Gradiente purple-to-blue de fondo - Headline impactante: "¿Listo para Revolucionar tus Transmisiones?" - - Botón grande: "Comenzar Gratis - 14 Días de Prueba" + - Botón grande: "Empecemos - 14 Días de Prueba" - **Footer Completo**: - Logo AvanzaCast con gradiente - 4 Columnas: diff --git a/packages/landing-page/LIMPIEZA_ARCHIVOS.md b/packages/landing-page/LIMPIEZA_ARCHIVOS.md new file mode 100644 index 0000000..fd1fb63 --- /dev/null +++ b/packages/landing-page/LIMPIEZA_ARCHIVOS.md @@ -0,0 +1,288 @@ +# 🧹 Análisis de Limpieza - Landing Page AvanzaCast + +## ✅ LIMPIEZA COMPLETADA - 4 Nov 2025 + +### � ARCHIVOS ELIMINADOS + +**TOTAL: 22 archivos .tsx eliminados (~60KB)** + +#### Páginas obsoletas (3) +- ✅ `src/pages/Dashboard.tsx` +- ✅ `src/pages/Landing.tsx` +- ✅ `src/pages/NewLanding.tsx` + +#### Componentes Landing antigua (5) +- ✅ `src/components/HeroSection.tsx` +- ✅ `src/components/FeatureHighlights.tsx` +- ✅ `src/components/FeaturesCarousel.tsx` +- ✅ `src/components/ContentSection.tsx` +- ✅ `src/components/CTAAndFooter.tsx` + +#### Componentes NewLanding (7) +- ✅ `src/components/NewHeroSection.tsx` +- ✅ `src/components/NewFeaturesGrid.tsx` +- ✅ `src/components/NewContentDetailsSection.tsx` +- ✅ `src/components/NewTestimonialsCarousel.tsx` +- ✅ `src/components/NewCallToAction.tsx` +- ✅ `src/components/NewFooter.tsx` +- ✅ `src/components/PageContainer.tsx` + +#### Headers/Footers duplicados (2) +- ✅ `src/components/NewHeader.tsx` +- ✅ `src/components/NextreamHeader.tsx` + +#### Componentes huérfanos (5) +- ✅ `src/components/Navigation.tsx` +- ✅ `src/components/Header.tsx` +- ✅ `src/components/StudioPreview.tsx` +- ✅ `src/components/StreamingStats.tsx` +- ✅ `src/components/ScrollToTop.tsx` + +#### App.tsx actualizado +- ✅ Eliminados imports de Landing y NewLanding +- ✅ Eliminadas rutas `/landing` y `/new-landing` +- ✅ Ruta principal: `/` → NextreamLanding + +--- + +## 📂 ESTRUCTURA ACTUAL + +### Páginas (6) +- ✅ `Broadcasts.tsx` - Panel de transmisiones +- ✅ `Studio.tsx` - Estudio de streaming +- ✅ `Login.tsx` - Inicio de sesión +- ✅ `Register.tsx` - Registro +- ✅ `NextreamLanding.tsx` - **Landing principal** +- ✅ `index.tsx` + +### Componentes Activos (14) +- ✅ `ModernSaasHeader.tsx` - Header principal +- ✅ `ModernSaasFooter.tsx` - Footer principal +- ✅ `StreamingHeroSection.tsx` - Hero landing +- ✅ `NextreamHeroSection.tsx` - Hero alternativo +- ✅ `StreamingFeatures.tsx` - Características +- ✅ `PlatformLogos.tsx` - Logos plataformas +- ✅ `TestimonialsSection.tsx` - Testimonios +- ✅ `PricingSection.tsx` - Precios +- ✅ `BlogSection.tsx` - Blog +- ✅ `BackToTop.tsx` - Botón scroll +- ✅ `Reveal.tsx` - Animaciones +- ✅ `MainLayout.tsx` - Layout autenticado +- ✅ `Layouts/Header.tsx` - Header app +- ✅ `Layouts/Sidebar.tsx` - Sidebar app + +--- + +## 🎯 BENEFICIOS + +✅ Código más limpio y mantenible +✅ Estructura clara y sin duplicados +✅ Menor confusión sobre qué componentes usar +✅ ~60KB de código eliminado +✅ Un solo landing principal: NextreamLanding + +--- + +## 🔄 PRÓXIMOS PASOS + +1. ✅ Verificar que la app funcione correctamente +2. ✅ Hacer commit de los cambios +3. ✅ Probar todas las rutas +4. ⏳ Documentar componentes restantes (opcional) + +--- + +**Limpieza realizada:** 4 de noviembre de 2025 +**Archivos eliminados:** 22 TSX +**Estado:** ✅ Completado sin errores + +--- + +## ❌ PÁGINAS OBSOLETAS (3 archivos) + +### Páginas a eliminar: +1. **`src/pages/Dashboard.tsx`** - No se usa en ninguna ruta del router +2. **`src/pages/Landing.tsx`** - Versión antigua, reemplazada por NextreamLanding +3. **`src/pages/NewLanding.tsx`** - Versión intermedia, no es la ruta principal + +**✅ Página principal actual:** `NextreamLanding.tsx` (ruta "/" en App.tsx) + +--- + +## ❌ HEADERS DUPLICADOS (3 archivos) + +### Headers sin uso activo en landing: +1. **`src/components/Header.tsx`** - Header genérico básico (solo en MainLayout para área autenticada) +2. **`src/components/NewHeader.tsx`** - Solo usado en NewLanding (obsoleta) +3. **`src/components/NextreamHeader.tsx`** - Parece duplicado de ModernSaasHeader + +**✅ Header actual:** `ModernSaasHeader.tsx` (usado en NextreamLanding) + +--- + +## ❌ FOOTERS DUPLICADOS (2 archivos) + +### Footers obsoletos: +1. **`src/components/NewFooter.tsx`** - Solo en NewLanding (obsoleta) +2. **`src/components/CTAAndFooter.tsx`** - Solo en Landing (obsoleta) + +**✅ Footer actual:** `ModernSaasFooter.tsx` (usado en NextreamLanding) + +--- + +## ❌ COMPONENTES DE LANDING ANTIGUA (4 archivos) + +### Componentes solo usados en Landing.tsx (obsoleta): +1. **`src/components/HeroSection.tsx`** +2. **`src/components/FeatureHighlights.tsx`** +3. **`src/components/FeaturesCarousel.tsx`** +4. **`src/components/ContentSection.tsx`** + +--- + +## ❌ COMPONENTES DE NEW LANDING (5 archivos) + +### Componentes solo usados en NewLanding.tsx (obsoleta): +1. **`src/components/NewHeroSection.tsx`** +2. **`src/components/NewFeaturesGrid.tsx`** +3. **`src/components/NewContentDetailsSection.tsx`** +4. **`src/components/NewTestimonialsCarousel.tsx`** +5. **`src/components/NewCallToAction.tsx`** + +--- + +## ❌ COMPONENTES HUÉRFANOS (4 archivos) + +### Sin referencias activas: +1. **`src/components/Navigation.tsx`** - No usado en landing principal +2. **`src/components/PageContainer.tsx`** - Solo en NewLanding (obsoleta) +3. **`src/components/StudioPreview.tsx`** - No referenciado +4. **`src/components/StreamingStats.tsx`** - No referenciado +5. **`src/components/ScrollToTop.tsx`** - No referenciado + +--- + +## ✅ COMPONENTES ACTIVOS (Mantener) + +### Landing Principal (NextreamLanding): +- ✅ `ModernSaasHeader.tsx` +- ✅ `StreamingHeroSection.tsx` +- ✅ `StreamingFeatures.tsx` +- ✅ `PlatformLogos.tsx` +- ✅ `TestimonialsSection.tsx` +- ✅ `PricingSection.tsx` +- ✅ `BlogSection.tsx` +- ✅ `ModernSaasFooter.tsx` +- ✅ `BackToTop.tsx` +- ✅ `Reveal.tsx` (utilidad de animación) + +### Área Autenticada: +- ✅ `MainLayout.tsx` +- ✅ `Layouts/Sidebar.tsx` +- ✅ `Layouts/Header.tsx` + +### Páginas Funcionales: +- ✅ `Login.tsx` +- ✅ `Register.tsx` +- ✅ `Broadcasts.tsx` +- ✅ `Studio.tsx` +- ✅ `NextreamLanding.tsx` + +--- + +## 🗑️ PLAN DE LIMPIEZA + +### Fase 1 - Páginas obsoletas (3 archivos) +```bash +rm src/pages/Dashboard.tsx +rm src/pages/Landing.tsx +rm src/pages/NewLanding.tsx +``` + +### Fase 2 - Componentes Landing antigua (4 archivos) +```bash +rm src/components/HeroSection.tsx +rm src/components/FeatureHighlights.tsx +rm src/components/FeaturesCarousel.tsx +rm src/components/ContentSection.tsx +rm src/components/CTAAndFooter.tsx +``` + +### Fase 3 - Componentes NewLanding (6 archivos) +```bash +rm src/components/NewHeroSection.tsx +rm src/components/NewFeaturesGrid.tsx +rm src/components/NewContentDetailsSection.tsx +rm src/components/NewTestimonialsCarousel.tsx +rm src/components/NewCallToAction.tsx +rm src/components/NewFooter.tsx +rm src/components/PageContainer.tsx +``` + +### Fase 4 - Headers/Footers duplicados (2 archivos) +```bash +rm src/components/NewHeader.tsx +rm src/components/NextreamHeader.tsx +``` + +### Fase 5 - Componentes huérfanos (5 archivos) +```bash +rm src/components/Navigation.tsx +rm src/components/Header.tsx +rm src/components/StudioPreview.tsx +rm src/components/StreamingStats.tsx +rm src/components/ScrollToTop.tsx +``` + +### Fase 6 - Actualizar App.tsx +Eliminar imports obsoletos: +```tsx +// Eliminar estas líneas: +import Landing from './pages/Landing' +import NewLanding from './pages/NewLanding' + +// Y sus rutas: +} /> +} /> +``` + +--- + +## 📊 IMPACTO DE LA LIMPIEZA + +| Categoría | Archivos | Estimado | +|-----------|----------|----------| +| Páginas | 3 | ~5KB | +| Headers/Footers | 5 | ~15KB | +| Componentes Landing | 4 | ~12KB | +| Componentes NewLanding | 6 | ~18KB | +| Huérfanos | 5 | ~10KB | +| **TOTAL** | **23** | **~60KB** | + +--- + +## ⚠️ RECOMENDACIONES + +1. ✅ **Hacer commit** antes de eliminar archivos +2. ✅ **Verificar imports** con grep antes de eliminar +3. ✅ **Probar la app** después de cada fase +4. ✅ **Mantener backup** temporal +5. ✅ **Actualizar documentación** después de limpiar + +--- + +## 🚀 SIGUIENTE PASO + +Ejecutar el siguiente comando para eliminar todos los archivos de una vez: + +```bash +cd /home/xesar/Documentos/Nextream/AvanzaCast/packages/landing-page + +# Eliminar todo de una vez (¡CUIDADO!) +rm src/pages/{Dashboard,Landing,NewLanding}.tsx \ + src/components/{HeroSection,FeatureHighlights,FeaturesCarousel,ContentSection,CTAAndFooter}.tsx \ + src/components/{NewHeroSection,NewFeaturesGrid,NewContentDetailsSection,NewTestimonialsCarousel,NewCallToAction,NewFooter,PageContainer}.tsx \ + src/components/{NewHeader,NextreamHeader,Navigation,Header,StudioPreview,StreamingStats,ScrollToTop}.tsx +``` + +O hacerlo fase por fase para mayor seguridad. diff --git a/packages/landing-page/dist.bak/assets/index-e5009ee1.js b/packages/landing-page/dist.bak/assets/index-e5009ee1.js index 9a0997d..b7f3976 100644 --- a/packages/landing-page/dist.bak/assets/index-e5009ee1.js +++ b/packages/landing-page/dist.bak/assets/index-e5009ee1.js @@ -64,4 +64,4 @@ Error generating stack: `+s.message+` * LICENSE.md file in the root directory of this source tree. * * @license MIT - */function Sl(){return Sl=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)&&(n[l]=e[l]);return n}function Eh(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function Ph(e,t){return e.button===0&&(!t||t==="_self")&&!Eh(e)}const bh=["onClick","relative","reloadDocument","replace","state","target","to","preventScrollReset","viewTransition"],zh=["aria-current","caseSensitive","className","end","style","to","viewTransition","children"],Lh="6";try{window.__reactRouterVersion=Lh}catch{}const _h=v.createContext({isTransitioning:!1}),Th="startTransition",Pa=Ed[Th];function Rh(e){let{basename:t,children:n,future:r,window:l}=e,s=v.useRef();s.current==null&&(s.current=Fm({window:l,v5Compat:!0}));let o=s.current,[a,u]=v.useState({action:o.action,location:o.location}),{v7_startTransition:c}=r||{},m=v.useCallback(p=>{c&&Pa?Pa(()=>u(p)):u(p)},[u,c]);return v.useLayoutEffect(()=>o.listen(m),[o,m]),v.useEffect(()=>Sh(r),[r]),v.createElement(Ch,{basename:t,children:n,location:a.location,navigationType:a.action,navigator:o,future:r})}const Mh=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",Ih=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,Lt=v.forwardRef(function(t,n){let{onClick:r,relative:l,reloadDocument:s,replace:o,state:a,target:u,to:c,preventScrollReset:m,viewTransition:p}=t,g=id(t,bh),{basename:y}=v.useContext(Nt),w,j=!1;if(typeof c=="string"&&Ih.test(c)&&(w=c,Mh))try{let h=new URL(window.location.href),x=c.startsWith("//")?new URL(h.protocol+c):new URL(c),k=gn(x.pathname,y);x.origin===h.origin&&k!=null?c=k+x.search+x.hash:j=!0}catch{}let S=uh(c,{relative:l}),f=Ah(c,{replace:o,state:a,target:u,preventScrollReset:m,relative:l,viewTransition:p});function d(h){r&&r(h),h.defaultPrevented||f(h)}return v.createElement("a",Sl({},g,{href:w||S,onClick:j||s?r:d,ref:n,target:u}))}),Fe=v.forwardRef(function(t,n){let{"aria-current":r="page",caseSensitive:l=!1,className:s="",end:o=!1,style:a,to:u,viewTransition:c,children:m}=t,p=id(t,zh),g=Wl(u,{relative:p.relative}),y=xr(),w=v.useContext(Jc),{navigator:j,basename:S}=v.useContext(Nt),f=w!=null&&Fh(g)&&c===!0,d=j.encodeLocation?j.encodeLocation(g).pathname:g.pathname,h=y.pathname,x=w&&w.navigation&&w.navigation.location?w.navigation.location.pathname:null;l||(h=h.toLowerCase(),x=x?x.toLowerCase():null,d=d.toLowerCase()),x&&S&&(x=gn(x,S)||x);const k=d!=="/"&&d.endsWith("/")?d.length-1:d.length;let C=h===d||!o&&h.startsWith(d)&&h.charAt(k)==="/",b=x!=null&&(x===d||!o&&x.startsWith(d)&&x.charAt(d.length)==="/"),z={isActive:C,isPending:b,isTransitioning:f},B=C?r:void 0,_;typeof s=="function"?_=s(z):_=[s,C?"active":null,b?"pending":null,f?"transitioning":null].filter(Boolean).join(" ");let xe=typeof a=="function"?a(z):a;return v.createElement(Lt,Sl({},p,{"aria-current":B,className:_,ref:n,style:xe,to:u,viewTransition:c}),typeof m=="function"?m(z):m)});var gs;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(gs||(gs={}));var ba;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(ba||(ba={}));function Oh(e){let t=v.useContext(Ul);return t||H(!1),t}function Ah(e,t){let{target:n,replace:r,state:l,preventScrollReset:s,relative:o,viewTransition:a}=t===void 0?{}:t,u=vr(),c=xr(),m=Wl(e,{relative:o});return v.useCallback(p=>{if(Ph(p,n)){p.preventDefault();let g=r!==void 0?r:jl(c)===jl(m);u(e,{replace:g,state:l,preventScrollReset:s,relative:o,viewTransition:a})}},[c,u,m,r,l,n,e,s,o,a])}function Fh(e,t){t===void 0&&(t={});let n=v.useContext(_h);n==null&&H(!1);let{basename:r}=Oh(gs.useViewTransitionState),l=Wl(e,{relative:t.relative});if(!n.isTransitioning)return!1;let s=gn(n.currentLocation.pathname,r)||n.currentLocation.pathname,o=gn(n.nextLocation.pathname,r)||n.nextLocation.pathname;return Nl(l.pathname,o)!=null||Nl(l.pathname,s)!=null}const Dh=[{image:"📅",color:"bg-red-500",title:"Cómo programar una transmisión en vivo en YouTube",author:"Kelsey Bentz",tag:"YouTube"},{image:"🎙️",color:"bg-blue-600",title:"7 formas de mejorar el audio de la transmisión en vivo",author:"AvanzaCast",tag:"Audio"},{image:"⏱️",color:"bg-yellow-500",title:"¿Cuánto tiempo debe durar un podcast? Elegir la duración adecuada del episodio",author:"AvanzaCast",tag:"Podcast"},{image:"📺",color:"bg-blue-700",title:"Cómo realizar una transmisión en vivo de prueba sin ir en vivo | 3 formas fáciles",author:"AvanzaCast",tag:"Tutorial"}];function Bh(){return i.jsxs(i.Fragment,{children:[i.jsx("section",{className:"bg-gradient-to-r from-blue-600 via-purple-600 to-green-500 py-20",children:i.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center",children:[i.jsx("h2",{className:"text-3xl lg:text-4xl font-bold text-white mb-8",children:"Transmite mejor, crece más rápido"}),i.jsx("p",{className:"text-xl text-white/90 mb-8 max-w-4xl mx-auto",children:"Descubre consejos de expertos, guías prácticas y acciones reales diseñadas para ayudarte a crear contenido de alta calidad, involucrar a tu audiencia y aumentar tu presencia—una transmisión a la vez."}),i.jsx("button",{className:"text-blue-600 bg-white hover:bg-gray-50 px-6 py-3 rounded-lg font-medium transition-colors",children:"Ver todas las publicaciones"})]})}),i.jsx("section",{className:"bg-white py-20",children:i.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:i.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-4 gap-8",children:Dh.map((e,t)=>i.jsxs("article",{className:"group cursor-pointer",children:[i.jsxs("div",{className:`${e.color} rounded-2xl p-6 mb-4 text-center text-white relative overflow-hidden hover:scale-105 transition-transform`,children:[i.jsx("div",{className:"text-6xl mb-4",children:e.image}),i.jsx("div",{className:"absolute bottom-4 left-4 right-4",children:i.jsx("p",{className:"text-sm opacity-90",children:"avanzacast.com/blog"})})]}),i.jsxs("div",{className:"space-y-2",children:[i.jsx("div",{className:"flex items-center space-x-2",children:i.jsx("span",{className:"text-xs bg-gray-100 text-gray-600 px-2 py-1 rounded-full",children:e.tag})}),i.jsxs("p",{className:"text-sm text-gray-500",children:["Escrito por ",i.jsx("span",{className:"text-blue-600 font-medium",children:e.author})]}),i.jsx("h3",{className:"font-bold text-gray-900 group-hover:text-blue-600 transition-colors line-clamp-3",children:e.title}),i.jsxs("button",{className:"text-blue-600 text-sm font-medium flex items-center hover:text-blue-800 transition-colors",children:["Leer más",i.jsx("svg",{className:"w-4 h-4 ml-1",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})]})]})]},t))})})})]})}const Uh=["YouTube","Twitch","Facebook","LinkedIn","TikTok"],$h=[{name:"Microsoft",logo:"🏢"},{name:"Adobe",logo:"🎨"},{name:"Netflix",logo:"🎬"},{name:"Spotify",logo:"🎵"},{name:"Google",logo:"🔍"},{name:"Meta",logo:"📘"}];function Wh(){return i.jsxs(i.Fragment,{children:[i.jsx("section",{className:"bg-white py-20",children:i.jsxs("div",{className:"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center",children:[i.jsx("h2",{className:"text-3xl lg:text-5xl font-bold text-gray-900 mb-8",children:"Transmite profesionalmente desde el primer día"}),i.jsx("p",{className:"text-xl text-gray-600 mb-10 leading-relaxed",children:"Con AvanzaCast, no necesitas ser un experto en tecnología para crear transmisiones de alta calidad. Comienza en minutos y crece con nosotros."}),i.jsxs("div",{className:"flex flex-col sm:flex-row gap-6 justify-center items-center mb-8",children:[i.jsx("a",{href:"/auth/register",children:i.jsx("button",{className:"bg-gradient-to-r from-teal-600 to-teal-700 hover:from-teal-700 hover:to-teal-800 text-white px-10 py-5 text-xl font-bold rounded-xl transition-all duration-200 transform hover:scale-105 hover:shadow-xl active:scale-95 shadow-lg",children:"Comenzar prueba gratuita"})}),i.jsx("button",{className:"text-gray-600 hover:text-gray-800 font-semibold underline transition-colors text-lg hover:bg-white px-4 py-3 rounded-lg hover:shadow-sm",children:"Ver demos en vivo"})]}),i.jsx("p",{className:"text-sm text-gray-500",children:"✓ Sin tarjeta de crédito requerida • ✓ Configuración en 2 minutos • ✓ Soporte 24/7"})]})}),i.jsx("section",{className:"bg-gray-50 py-16",children:i.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center",children:[i.jsx("p",{className:"text-gray-500 text-lg mb-8",children:"Confiado por más de 4 millones de creadores"}),i.jsx("div",{className:"grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-8 items-center opacity-60",children:$h.map((e,t)=>i.jsxs("div",{className:"flex flex-col items-center space-y-2 hover:opacity-100 transition-opacity",children:[i.jsx("div",{className:"text-3xl",children:e.logo}),i.jsx("span",{className:"text-sm font-medium text-gray-400",children:e.name})]},t))})]})}),i.jsx("section",{className:"py-20 bg-gradient-to-r from-blue-50 to-indigo-50",children:i.jsxs("div",{className:"max-w-4xl mx-auto text-center px-4 sm:px-6 lg:px-8",children:[i.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-gray-900 mb-4",children:"¿Listo para elevar tu contenido?"}),i.jsx("p",{className:"text-xl text-gray-600 mb-8",children:"Únete a miles de creadores que ya confían en AvanzaCast para sus transmisiones profesionales"}),i.jsxs("div",{className:"flex flex-col sm:flex-row gap-6 justify-center mb-8",children:[i.jsx("a",{href:"/auth/register",children:i.jsx("button",{className:"w-full sm:w-auto bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white px-10 py-5 text-xl font-bold rounded-xl transition-all duration-200 transform hover:scale-105 hover:shadow-xl active:scale-95 shadow-lg",children:"🚀 Crear Cuenta Gratis"})}),i.jsx("button",{className:"w-full sm:w-auto border-2 border-gray-300 hover:border-gray-400 bg-white hover:bg-gray-50 text-gray-700 px-10 py-5 text-xl font-bold rounded-xl transition-all duration-200 transform hover:scale-105 hover:shadow-lg active:scale-95",children:"📞 Contactar Ventas"})]}),i.jsxs("div",{className:"pt-8 border-t border-gray-200",children:[i.jsx("p",{className:"text-sm text-gray-500 mb-4",children:"Confiado por creadores en todo el mundo"}),i.jsx("div",{className:"flex justify-center items-center space-x-8 opacity-60",children:Uh.map((e,t)=>i.jsx("div",{className:"text-gray-400 font-medium hover:text-gray-600 hover:-translate-y-0.5 transition-all duration-200 cursor-pointer",children:e},e))})]})]})}),i.jsx("footer",{className:"bg-gray-900 text-white py-12",children:i.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[i.jsxs("div",{className:"grid md:grid-cols-4 gap-8",children:[i.jsxs("div",{children:[i.jsx("div",{className:"mb-4",children:i.jsx("img",{src:"/images/logoavanzacast_white.png",alt:"AvanzaCast",className:"h-12 w-auto"})}),i.jsx("p",{className:"text-gray-400 mb-6",children:"La plataforma profesional de streaming que necesitas para crear contenido de calidad."}),i.jsxs("div",{className:"flex space-x-4",children:[i.jsx("a",{href:"#",className:"text-gray-400 hover:text-white transition-colors",children:i.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{d:"M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"})})}),i.jsx("a",{href:"#",className:"text-gray-400 hover:text-white transition-colors",children:i.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{d:"M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z"})})}),i.jsx("a",{href:"#",className:"text-gray-400 hover:text-white transition-colors",children:i.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{d:"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"})})})]})]}),["Producto","Soporte","Empresa"].map((e,t)=>i.jsxs("div",{children:[i.jsx("h4",{className:"font-semibold mb-4",children:e}),i.jsxs("ul",{className:"space-y-2 text-gray-400",children:[i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white transition-colors",children:"Enlace 1"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white transition-colors",children:"Enlace 2"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white transition-colors",children:"Enlace 3"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white transition-colors",children:"Enlace 4"})})]})]},t))]}),i.jsxs("div",{className:"border-t border-gray-700 mt-8 pt-8 flex flex-col md:flex-row justify-between items-center text-gray-400",children:[i.jsx("p",{children:"© 2024 AvanzaCast. Todos los derechos reservados."}),i.jsxs("div",{className:"flex space-x-6 mt-4 md:mt-0",children:[i.jsx("a",{href:"/privacy",className:"hover:text-white transition-colors",children:"Política de Privacidad"}),i.jsx("a",{href:"/terms",className:"hover:text-white transition-colors",children:"Términos de Servicio"}),i.jsx("a",{href:"/cookies",className:"hover:text-white transition-colors",children:"Cookies"})]})]})]})})]})}function Vh(){const[e,t]=v.useState(""),[n,r]=v.useState(!1),[l]=v.useState({name:"Nextv",email:"nextv.stream@gmail.com",initial:"N"}),s=vr(),o=c=>{c.preventDefault(),s(`/auth/register?email=${encodeURIComponent(e)}`)},a=()=>{setTimeout(()=>r(!0),600)},u=()=>{s("/broadcasts")};return i.jsx("section",{className:"relative bg-white py-20 lg:py-32",children:i.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:i.jsxs("div",{className:"grid lg:grid-cols-2 gap-16 items-center",children:[i.jsx("div",{className:"space-y-8",children:i.jsxs("div",{className:"space-y-6",children:[i.jsxs("h1",{className:"text-4xl lg:text-6xl font-black text-gray-900 leading-tight",children:["La manera más sencilla de",i.jsx("br",{}),i.jsx("span",{className:"text-gray-900",children:"grabar y transmitir"}),i.jsx("br",{}),i.jsx("span",{className:"text-gray-900",children:"en vivo"})]}),i.jsx("p",{className:"text-xl text-gray-600 leading-relaxed max-w-lg",children:"AvanzaCast es un estudio profesional para grabar y hacer transmisiones en vivo desde tu navegador. Graba contenido o transmite en vivo a Facebook, YouTube y otras plataformas."}),i.jsx("div",{className:"bg-blue-50 border border-blue-200 rounded-lg p-4",children:i.jsxs("div",{className:"flex items-start",children:[i.jsx("div",{className:"text-blue-600 mr-3 mt-0.5",children:"ℹ️"}),i.jsxs("div",{children:[i.jsx("p",{className:"text-blue-900 font-medium",children:"¡Te refieres a AvanzaCast!"}),i.jsx("p",{className:"text-blue-700 text-sm",children:"Recibirás una prueba gratuita de 14 días. No se requiere tarjeta."})]})]})})]})}),i.jsxs("div",{className:"bg-white rounded-2xl shadow-xl border border-gray-200 p-6 max-w-md mx-auto",children:[i.jsx("div",{className:"mb-4",children:n?i.jsxs("button",{onClick:u,className:"w-full flex items-center px-4 py-2.5 border border-gray-300 rounded-lg shadow-sm bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors",children:[i.jsx("div",{className:"w-7 h-7 bg-purple-600 rounded-full flex items-center justify-center",children:i.jsx("span",{className:"text-white text-sm font-bold",children:l.initial})}),i.jsxs("div",{className:"flex-1 ml-3",children:[i.jsxs("p",{className:"text-sm font-medium text-gray-900",children:["Continuar como ",l.name]}),i.jsx("p",{className:"text-xs text-gray-500",children:l.email})]}),i.jsx("svg",{className:"w-4 h-4 text-gray-400",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"})})]}):i.jsx("button",{onClick:a,className:"w-full flex items-center justify-center px-4 py-2.5 border border-gray-300 rounded-md shadow-sm bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors",children:i.jsxs("div",{className:"flex items-center space-x-3",children:[i.jsxs("svg",{className:"w-5 h-5",viewBox:"0 0 24 24",children:[i.jsx("path",{fill:"#4285F4",d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"}),i.jsx("path",{fill:"#34A853",d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"}),i.jsx("path",{fill:"#FBBC04",d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"}),i.jsx("path",{fill:"#EA4335",d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"})]}),i.jsx("span",{className:"text-sm font-medium text-gray-700",children:"Continuar con Google"})]})})}),i.jsxs("div",{className:"relative mb-4",children:[i.jsx("div",{className:"absolute inset-0 flex items-center",children:i.jsx("div",{className:"w-full border-t border-gray-200"})}),i.jsx("div",{className:"relative flex justify-center text-sm",children:i.jsx("span",{className:"px-3 bg-white text-gray-500",children:"O continúa con tu correo"})})]}),i.jsxs("form",{onSubmit:o,className:"space-y-4",children:[i.jsx("div",{children:i.jsx("input",{type:"email",value:e,onChange:c=>t(c.target.value),placeholder:"Ingresa tu dirección de correo electrónico",className:"w-full px-6 py-4 text-base border-2 border-gray-300 rounded-xl focus:ring-4 focus:ring-blue-500/20 focus:border-blue-500 transition-all duration-200 placeholder:text-gray-500 hover:border-gray-400 shadow-sm hover:shadow-md",required:!0})}),i.jsx("button",{type:"submit",className:"w-full bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white py-4 px-6 rounded-xl font-bold text-base transition-all duration-200 transform hover:scale-105 hover:shadow-lg active:scale-95 shadow-md",children:"¡Empiezo gratis ahora!"}),i.jsx("div",{className:"text-center py-2",children:i.jsx("p",{className:"text-green-600 font-medium text-xs",children:"¡Confiado por más de 12,000,000 creadores!"})}),i.jsx("div",{className:"text-xs text-gray-500 text-center leading-tight",children:i.jsxs("p",{children:["Al continuar, aceptas nuestros"," ",i.jsx(Lt,{to:"/terms",className:"text-blue-600 hover:underline",children:"Términos de Servicio"}),", "," ",i.jsx(Lt,{to:"/privacy-policy",className:"text-blue-600 hover:underline",children:"Política de Uso"}),", y reconoces nuestra"," ",i.jsx(Lt,{to:"/privacy",className:"text-blue-600 hover:underline",children:"Política de Privacidad"}),"."]})}),i.jsx("div",{className:"text-center pt-2",children:i.jsxs("p",{className:"text-sm text-gray-600",children:["¿Ya usas AvanzaCast?"," ",i.jsx(Lt,{to:"/auth/login",className:"text-blue-600 hover:underline font-medium",children:"Inicia sesión"}),"."]})})]})]})]})})})}function Hh(){return i.jsx("section",{className:"bg-gray-50 py-20",children:i.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[i.jsxs("div",{className:"grid lg:grid-cols-2 gap-16 items-center mb-20",children:[i.jsxs("div",{children:[i.jsx("h2",{className:"text-3xl lg:text-4xl font-bold text-gray-900 mb-6",children:"Transmite en vivo o graba podcasts con invitados remotos"}),i.jsx("p",{className:"text-xl text-gray-600 leading-relaxed",children:"Los invitados pueden unirse fácilmente desde su navegador o teléfono en unos pocos clics. No hace falta descargar ningún software."}),i.jsx("div",{className:"mt-8",children:i.jsx("button",{className:"bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white px-8 py-4 rounded-xl font-bold text-lg transition-all duration-200 transform hover:scale-105 hover:shadow-xl active:scale-95 shadow-lg",children:"Invitar colaboradores"})})]}),i.jsx("div",{className:"bg-pink-100 rounded-3xl p-8",children:i.jsxs("div",{className:"bg-white rounded-2xl p-6 shadow-lg",children:[i.jsxs("div",{className:"flex items-center space-x-4 mb-4",children:[i.jsx("div",{className:"w-20 h-16 bg-gray-300 rounded flex items-center justify-center",children:i.jsx("span",{className:"text-xs font-medium",children:"James"})}),i.jsx("div",{className:"w-20 h-16 bg-gray-300 rounded flex items-center justify-center",children:i.jsx("span",{className:"text-xs font-medium",children:"Helena"})})]}),i.jsxs("div",{className:"bg-purple-600 rounded-lg p-4 text-center",children:[i.jsx("div",{className:"text-white text-lg font-semibold",children:"Melanie Dyann Howe"}),i.jsx("div",{className:"text-purple-200 text-sm",children:"Anfitriona"})]})]})})]}),i.jsxs("div",{className:"grid lg:grid-cols-2 gap-16 items-center",children:[i.jsx("div",{className:"order-2 lg:order-1",children:i.jsxs("div",{className:"bg-gradient-to-r from-purple-600 to-blue-600 rounded-3xl p-8 text-white",children:[i.jsxs("div",{className:"flex items-center justify-between mb-4",children:[i.jsx("span",{className:"text-sm opacity-80",children:"Zoom"}),i.jsx("span",{className:"text-sm font-semibold",children:"AvanzaCast"})]}),i.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[i.jsx("div",{className:"bg-black/20 rounded-lg aspect-video flex items-center justify-center",children:i.jsx("span",{className:"text-xs",children:"📹 Video Feed 1"})}),i.jsx("div",{className:"bg-black/20 rounded-lg aspect-video flex items-center justify-center",children:i.jsx("span",{className:"text-xs",children:"📹 Video Feed 2"})})]}),i.jsx("div",{className:"mt-4 text-center",children:i.jsxs("div",{className:"inline-flex items-center bg-green-500 text-white px-3 py-1 rounded-full text-xs",children:[i.jsx("div",{className:"w-2 h-2 bg-white rounded-full mr-2"}),"Grabando en HD"]})})]})}),i.jsxs("div",{className:"order-1 lg:order-2",children:[i.jsx("h2",{className:"text-3xl lg:text-4xl font-bold text-gray-900 mb-6",children:"Grabaciones con calidad de estudio, independientemente de tu conexión"}),i.jsx("p",{className:"text-xl text-gray-600 leading-relaxed mb-8",children:"¿Te cansaste de que tus podcasts queden arruinados con Zoom y Skype? Con las grabaciones locales, se graba un archivo de video separado de cada invitado directamente en su computadora, sin importar qué tan mala sea su conexión a internet."}),i.jsxs("div",{className:"space-y-4",children:[i.jsxs("div",{className:"flex items-center space-x-3",children:[i.jsx("div",{className:"w-5 h-5 bg-green-500 rounded-full flex items-center justify-center",children:i.jsx("svg",{className:"w-3 h-3 text-white",fill:"currentColor",viewBox:"0 0 20 20",children:i.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})}),i.jsx("span",{className:"text-gray-600",children:"Grabación local en cada dispositivo"})]}),i.jsxs("div",{className:"flex items-center space-x-3",children:[i.jsx("div",{className:"w-5 h-5 bg-green-500 rounded-full flex items-center justify-center",children:i.jsx("svg",{className:"w-3 h-3 text-white",fill:"currentColor",viewBox:"0 0 20 20",children:i.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})}),i.jsx("span",{className:"text-gray-600",children:"Calidad 4K independiente de la conexión"})]}),i.jsxs("div",{className:"flex items-center space-x-3",children:[i.jsx("div",{className:"w-5 h-5 bg-green-500 rounded-full flex items-center justify-center",children:i.jsx("svg",{className:"w-3 h-3 text-white",fill:"currentColor",viewBox:"0 0 20 20",children:i.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})}),i.jsx("span",{className:"text-gray-600",children:"Sincronización automática"})]})]})]})]})]})})}const _n=[{icon:"/images/carousel_recording.svg",title:"Recording",description:"Graba contenido de alta calidad"},{icon:"/images/carousel_streaming.svg",title:"Streaming",description:"Transmite en vivo a múltiples plataformas"},{icon:"/images/carousel_guests.svg",title:"Guests",description:"Invita colaboradores fácilmente"},{icon:"/images/carousel_branding.svg",title:"Branding",description:"Personaliza tu transmisión"},{icon:"/images/carousel_engagement.svg",title:"Engagement",description:"Interactúa con tu audiencia"},{icon:"/images/carousel_podcasts.svg",title:"Podcasts",description:"Crea podcasts profesionales"},{icon:"/images/carousel_repurpose.svg",title:"Repurpose",description:"Reutiliza tu contenido"}];function Qh(){const e=v.useRef(null),t=12,n=Array.from({length:t},()=>_n).flat(),r=()=>{e.current&&e.current.scrollBy({left:-320,behavior:"smooth"})},l=()=>{e.current&&e.current.scrollBy({left:320,behavior:"smooth"})};return v.useEffect(()=>{if(e.current){const o=_n.length*312*Math.floor(t/2);e.current.scrollLeft=o}},[]),v.useEffect(()=>{let s;const o=e.current,a=()=>{if(!o)return;const u=_n.length*(288+24),c=u*t,m=u*Math.floor(t/2),p=50;requestAnimationFrame(()=>{(o.scrollLeft<=p||o.scrollLeft>=c-o.clientWidth-p)&&(o.scrollLeft=m)})};if(o){const u=()=>{clearTimeout(s),s=setTimeout(a,150)};return o.addEventListener("scroll",u,{passive:!0}),()=>{o.removeEventListener("scroll",u),clearTimeout(s)}}},[]),i.jsx("section",{className:"bg-gray-50 py-16 w-full",children:i.jsxs("div",{className:"w-full",children:[i.jsx("div",{className:"text-center mb-12 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto",children:i.jsx("p",{className:"text-gray-600 mb-8",children:"AvanzaCast es un estudio profesional para grabar y hacer transmisiones en vivo desde tu navegador. Graba contenido o transmite en vivo a Facebook, YouTube y otras plataformas."})}),i.jsxs("div",{className:"relative w-full",children:[i.jsx("button",{onClick:r,className:"absolute left-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 rounded-full bg-white shadow-lg border border-gray-200 flex items-center justify-center hover:bg-gray-50 cursor-pointer transition-all",children:i.jsx("svg",{className:"w-6 h-6 text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),i.jsx("button",{onClick:l,className:"absolute right-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 rounded-full bg-white shadow-lg border border-gray-200 flex items-center justify-center hover:bg-gray-50 cursor-pointer transition-all",children:i.jsx("svg",{className:"w-6 h-6 text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})}),i.jsx("div",{ref:e,className:"flex space-x-6 overflow-x-auto scrollbar-hide carousel-smooth pb-4 px-16",children:n.map((s,o)=>{const a=Math.floor(o/_n.length),u=o%_n.length;return i.jsx("div",{className:"flex-shrink-0 w-72",children:i.jsx(Lt,{to:"/auth/register",className:"block group hover:scale-105 transition-transform duration-200",children:i.jsxs("div",{className:"bg-white rounded-2xl p-6 text-center shadow-sm hover:shadow-lg transition-all duration-200 border border-gray-100 hover:border-blue-200",children:[i.jsx("div",{className:"mb-6 overflow-hidden rounded-xl",children:i.jsx("img",{src:s.icon,alt:s.title,className:"w-full h-40 object-cover group-hover:scale-110 transition-transform duration-300"})}),i.jsx("h5",{className:"font-bold text-gray-900 text-lg mb-2 group-hover:text-blue-600 transition-colors",children:s.title})]})})},`set-${a}-item-${u}-${s.title}`)})})]})]})})}const Tn=[{text:"Esta probablemente sea la plataforma de transmisión más fácil de usar que conozco...",author:"Bomeca Trotter"},{text:"Uso AvanzaCast desde hace mucho tiempo y sigo eligiéndolo...",author:"Krissy Buck"},{text:"Hace dos años que uso este sistema y me encanta!",author:"Joy Ann Lajeret"},{text:"La integración con múltiples plataformas es perfecta...",author:"Carlos Mendoza"},{text:"Como creadora de contenido, necesitaba una herramienta confiable...",author:"María González"}];function Gh(){const e=v.useRef(null),[t,n]=v.useState(!0),r=12,l=Array.from({length:r},()=>Tn).flat(),s=()=>{e.current&&e.current.scrollBy({left:-400,behavior:"smooth"})},o=()=>{e.current&&e.current.scrollBy({left:400,behavior:"smooth"})};return v.useEffect(()=>{if(e.current){const u=Tn.length*400*Math.floor(r/2);e.current.scrollLeft=u}},[]),v.useEffect(()=>{if(!t||!e.current)return;const a=setInterval(()=>o(),4e3);return()=>clearInterval(a)},[t]),v.useEffect(()=>{let a;const u=e.current,c=()=>{if(!u)return;const m=Tn.length*400,p=m*r,g=m*Math.floor(r/2),y=100;requestAnimationFrame(()=>{(u.scrollLeft<=y||u.scrollLeft>=p-u.clientWidth-y)&&(u.scrollLeft=g)})};if(u){const m=()=>{clearTimeout(a),a=setTimeout(c,150)};return u.addEventListener("scroll",m,{passive:!0}),()=>{u.removeEventListener("scroll",m),clearTimeout(a)}}},[]),i.jsx("section",{className:"bg-white py-20",children:i.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center",children:[i.jsx("h2",{className:"text-3xl lg:text-5xl font-black text-gray-900 mb-16",children:"Ya se crearon más de 60 millones de transmisiones y grabaciones en AvanzaCast"}),i.jsxs("div",{className:"relative w-full",children:[i.jsx("button",{onClick:s,className:"absolute left-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 rounded-full bg-white shadow-lg border border-gray-200 flex items-center justify-center hover:bg-gray-50 cursor-pointer transition-all",children:i.jsx("svg",{className:"w-6 h-6 text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),i.jsx("button",{onClick:o,className:"absolute right-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 rounded-full bg-white shadow-lg border border-gray-200 flex items-center justify-center hover:bg-gray-50 cursor-pointer transition-all",children:i.jsx("svg",{className:"w-6 h-6 text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})}),i.jsx("div",{ref:e,className:"flex space-x-8 overflow-x-auto scrollbar-hide carousel-smooth pb-4 px-16",onMouseEnter:()=>n(!1),onMouseLeave:()=>n(!0),children:l.map((a,u)=>{const c=Math.floor(u/Tn.length),m=u%Tn.length;return i.jsx("div",{className:"flex-shrink-0 w-80",children:i.jsxs("div",{className:"bg-gray-50 p-8 rounded-2xl h-full",children:[i.jsxs("p",{className:"text-gray-700 italic mb-6 leading-relaxed text-sm",children:["“",a.text,"”"]}),i.jsx("p",{className:"font-semibold text-gray-900",children:a.author})]})},`testimonial-set-${c}-item-${m}-${a.author}`)})})]}),i.jsx("div",{className:"flex justify-center space-x-4 mt-8",children:i.jsx("button",{onClick:()=>n(!t),className:"text-sm text-gray-500 hover:text-gray-700 flex items-center space-x-1 transition-colors",children:t?i.jsxs(i.Fragment,{children:[i.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M10 9v6m4-6v6"})}),i.jsx("span",{children:"Pausar auto-scroll"})]}):i.jsxs(i.Fragment,{children:[i.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M14.828 14.828a4 4 0 01-5.656 0M9 10h1m4 0h1m-6 4h.01M15 14h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})}),i.jsx("span",{children:"Reanudar auto-scroll"})]})})})]})})}function Kh(){return v.useEffect(()=>{const e=document.createElement("script");return e.src="/next-assets/js/main.js",e.async=!0,document.body.appendChild(e),()=>{document.body.removeChild(e)}},[]),i.jsxs("div",{className:"bg-white",children:[i.jsx("header",{className:"bg-white py-6",children:i.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between",children:[i.jsx("a",{href:"/",className:"text-2xl font-bold",children:"AvanzaCast"}),i.jsxs("div",{className:"space-x-4",children:[i.jsx("a",{href:"/auth/login",className:"text-gray-700",children:"Accede"}),i.jsx("a",{href:"/auth/register",className:"bg-blue-600 text-white px-4 py-2 rounded-lg",children:"Empezamos"})]})]})}),i.jsxs("main",{children:[i.jsx(Vh,{}),i.jsx(Qh,{}),i.jsx(Hh,{}),i.jsx(Bh,{}),i.jsx(Gh,{}),i.jsx(Wh,{})]})]})}const Yh=()=>i.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("line",{x1:"3",y1:"12",x2:"21",y2:"12"}),i.jsx("line",{x1:"3",y1:"6",x2:"21",y2:"6"}),i.jsx("line",{x1:"3",y1:"18",x2:"21",y2:"18"})]}),Xh=()=>i.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),i.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),za=()=>i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:i.jsx("polyline",{points:"6 9 12 15 18 9"})}),qh=()=>i.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("path",{d:"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"}),i.jsx("path",{d:"M19 10v2a7 7 0 0 1-14 0v-2"}),i.jsx("line",{x1:"12",y1:"19",x2:"12",y2:"23"}),i.jsx("line",{x1:"8",y1:"23",x2:"16",y2:"23"})]}),Zh=()=>i.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("path",{d:"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"}),i.jsx("circle",{cx:"9",cy:"7",r:"4"}),i.jsx("path",{d:"M23 21v-2a4 4 0 0 0-3-3.87m-3-12a4 4 0 0 1 0 7.75"})]}),Jh=()=>i.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("path",{d:"M23 7l-7 5 7 5V7z"}),i.jsx("rect",{x:"1",y:"5",width:"15",height:"14",rx:"2",ry:"2"})]}),ep=()=>{const[e,t]=v.useState(!1),[n,r]=v.useState(!1),[l,s]=v.useState(!1),o=()=>t(!e);return i.jsx("header",{className:"sticky top-0 bg-white border-b border-gray-200 z-50 shadow-sm",children:i.jsxs("div",{className:"max-w-[1280px] mx-auto px-5",children:[i.jsxs("div",{className:"flex items-center justify-between h-20",children:[i.jsx("a",{href:"/",className:"flex items-center",children:i.jsx("img",{src:"/images/logo.svg",alt:"AvanzaCast",className:"h-10 w-auto"})}),i.jsxs("nav",{className:"hidden lg:flex items-center gap-8",children:[i.jsxs("ul",{className:"flex items-center gap-8 list-none m-0 p-0",children:[i.jsxs("li",{className:"relative",onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:[i.jsxs("a",{href:"#",className:"flex items-center gap-1 text-gray-700 hover:text-blue-600 transition-colors no-underline",children:["Producto",i.jsx(za,{})]}),n&&i.jsxs("ul",{className:"absolute top-full left-0 mt-2 bg-white border border-gray-200 rounded-lg shadow-lg min-w-[220px] p-2",children:[i.jsx("li",{children:i.jsxs("a",{href:"#",className:"flex items-center gap-3 px-4 py-3 hover:bg-gray-50 rounded text-gray-700 no-underline",children:[i.jsx(qh,{}),i.jsx("span",{children:"Grabación"})]})}),i.jsx("li",{children:i.jsxs("a",{href:"#",className:"flex items-center gap-3 px-4 py-3 hover:bg-gray-50 rounded text-gray-700 no-underline",children:[i.jsx(Jh,{}),i.jsx("span",{children:"Multistream"})]})}),i.jsx("li",{children:i.jsxs("a",{href:"#",className:"flex items-center gap-3 px-4 py-3 hover:bg-gray-50 rounded text-gray-700 no-underline",children:[i.jsx(Zh,{}),i.jsx("span",{children:"Invitados"})]})})]})]}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"text-gray-700 hover:text-blue-600 transition-colors no-underline",children:"Contacto"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"text-gray-700 hover:text-blue-600 transition-colors no-underline",children:"Precios"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"text-gray-700 hover:text-blue-600 transition-colors no-underline",children:"Novedades"})}),i.jsxs("li",{className:"relative",onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),children:[i.jsxs("a",{href:"#",className:"flex items-center gap-1 text-gray-700 hover:text-blue-600 transition-colors no-underline",children:["Para empresas",i.jsx(za,{})]}),l&&i.jsxs("ul",{className:"absolute top-full left-0 mt-2 bg-white border border-gray-200 rounded-lg shadow-lg min-w-[220px] p-2",children:[i.jsx("li",{children:i.jsx("a",{href:"#",className:"flex items-center gap-3 px-4 py-3 hover:bg-gray-50 rounded text-gray-700 no-underline",children:"Soluciones empresariales"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"flex items-center gap-3 px-4 py-3 hover:bg-gray-50 rounded text-gray-700 no-underline",children:"Casos de uso"})})]})]}),i.jsx("li",{children:i.jsx("a",{href:"/auth/login",className:"text-gray-700 hover:text-blue-600 transition-colors no-underline",children:"Accede"})})]}),i.jsx("a",{href:"/auth/register",className:"bg-blue-600 text-white px-8 py-4 rounded-lg hover:bg-blue-700 transition-colors no-underline font-medium",children:"Empecemos"})]}),i.jsx("button",{className:"lg:hidden p-2 text-gray-700 hover:text-blue-600",onClick:o,"aria-label":"Toggle menu",children:e?i.jsx(Xh,{}):i.jsx(Yh,{})})]}),e&&i.jsx("nav",{className:"lg:hidden py-4 border-t border-gray-200",children:i.jsxs("ul",{className:"flex flex-col gap-4 list-none m-0 p-0",children:[i.jsx("li",{children:i.jsx("a",{href:"#",className:"block py-2 text-gray-700 hover:text-blue-600 no-underline",children:"Producto"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"block py-2 text-gray-700 hover:text-blue-600 no-underline",children:"Contacto"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"block py-2 text-gray-700 hover:text-blue-600 no-underline",children:"Precios"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"block py-2 text-gray-700 hover:text-blue-600 no-underline",children:"Novedades"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"block py-2 text-gray-700 hover:text-blue-600 no-underline",children:"Para empresas"})}),i.jsx("li",{children:i.jsx("a",{href:"/auth/login",className:"block py-2 text-gray-700 hover:text-blue-600 no-underline",children:"Accede"})}),i.jsx("li",{children:i.jsx("a",{href:"/auth/register",className:"block bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors no-underline text-center font-medium",children:"Empecemos"})})]})})]})})},tp=()=>{const[e,t]=v.useState(""),n=()=>{window.location.href="/auth/register?provider=google"},r=l=>{l.preventDefault(),window.location.href=`/auth/register?email=${encodeURIComponent(e)}`};return i.jsx("section",{className:"relative py-24 lg:py-32 bg-gradient-to-b from-blue-50 to-white overflow-hidden",children:i.jsxs("div",{className:"max-w-[1280px] mx-auto px-5",children:[i.jsxs("div",{className:"grid lg:grid-cols-2 gap-12 items-center",children:[i.jsxs("div",{className:"max-w-[600px]",children:[i.jsx("h1",{className:"text-5xl lg:text-6xl font-bold text-gray-900 leading-tight mb-6",children:"La manera más sencilla de transmitir en vivo y grabar"}),i.jsx("p",{className:"text-lg lg:text-xl text-gray-600 mb-8 max-w-[500px]",children:"AvanzaCast es un estudio profesional para grabar y hacer transmisiones en vivo desde tu navegador. Invita a tus invitados, comparte tu pantalla y transmite en varias plataformas a la vez."})]}),i.jsxs("div",{className:"relative min-w-[350px]",children:[i.jsxs("div",{className:"bg-white p-8 rounded-2xl shadow-xl relative z-10",children:[i.jsx("h3",{className:"text-2xl font-bold text-gray-900 mb-6",children:"Comienza gratis"}),i.jsxs("button",{onClick:n,className:"w-full bg-white border-2 border-gray-300 text-gray-700 px-6 py-4 rounded-lg hover:bg-gray-50 transition-colors flex items-center justify-center gap-3 mb-4 font-medium",children:[i.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",children:[i.jsx("path",{fill:"#4285F4",d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"}),i.jsx("path",{fill:"#34A853",d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"}),i.jsx("path",{fill:"#FBBC05",d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"}),i.jsx("path",{fill:"#EA4335",d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"})]}),"Continuar con Google"]}),i.jsxs("div",{className:"relative text-center my-6",children:[i.jsx("span",{className:"relative bg-white px-4 text-sm text-gray-500 z-10",children:"o"}),i.jsx("div",{className:"absolute top-1/2 left-0 right-0 h-px bg-gray-200 -z-10"})]}),i.jsxs("form",{onSubmit:r,children:[i.jsx("input",{type:"email",value:e,onChange:l=>t(l.target.value),placeholder:"Ingresa tu correo electrónico",className:"w-full border border-gray-300 px-4 py-4 rounded-lg mb-4 focus:outline-none focus:border-blue-600 focus:ring-2 focus:ring-blue-100",required:!0}),i.jsx("button",{type:"submit",className:"w-full bg-blue-600 text-white px-6 py-4 rounded-lg hover:bg-blue-700 transition-colors font-medium text-lg",children:"Empecemos"})]}),i.jsxs("p",{className:"text-xs text-gray-500 mt-4 text-center",children:["Al continuar, aceptas nuestros"," ",i.jsx("a",{href:"/terms",className:"text-blue-600 hover:underline",children:"Términos de Servicio"})," ","y"," ",i.jsx("a",{href:"/privacy",className:"text-blue-600 hover:underline",children:"Política de Privacidad"}),"."]}),i.jsxs("p",{className:"text-sm text-gray-600 mt-6 text-center",children:["¿Ya tienes cuenta?"," ",i.jsx("a",{href:"/auth/login",className:"text-blue-600 hover:underline font-medium",children:"Inicia sesión"})]})]}),i.jsx("div",{className:"absolute -right-8 -bottom-8 w-64 h-64 bg-gradient-to-br from-blue-100 to-purple-100 rounded-full blur-3xl opacity-30 -z-10"})]})]}),i.jsxs("div",{className:"mt-20 pt-12 border-t border-gray-200",children:[i.jsx("p",{className:"text-center text-sm text-gray-500 mb-8",children:"Confiado por miles de creadores y empresas"}),i.jsxs("div",{className:"flex flex-wrap justify-center items-center gap-12 opacity-60 grayscale",children:[i.jsx("img",{src:"/images/clients/microsoft.svg",alt:"Microsoft",className:"h-8"}),i.jsx("img",{src:"/images/clients/google.svg",alt:"Google",className:"h-8"}),i.jsx("img",{src:"/images/clients/amazon.svg",alt:"Amazon",className:"h-8"}),i.jsx("img",{src:"/images/clients/facebook.svg",alt:"Facebook",className:"h-8"}),i.jsx("img",{src:"/images/clients/linkedin.svg",alt:"LinkedIn",className:"h-8"})]})]})]})})},np=[{id:1,name:"Grabación",icon:"🎙️",description:"Graba con calidad de estudio"},{id:2,name:"Multistream",icon:"📡",description:"Transmite a múltiples plataformas"},{id:3,name:"Invitados",icon:"👥",description:"Invita fácilmente a colaboradores"},{id:4,name:"Marca",icon:"🎨",description:"Personaliza con tu branding"},{id:5,name:"Chat en Vivo",icon:"💬",description:"Interactúa con tu audiencia"},{id:6,name:"Pantalla Compartida",icon:"🖥️",description:"Comparte tu pantalla fácilmente"},{id:7,name:"Analytics",icon:"📊",description:"Analiza tu rendimiento"}],rp=()=>{const e=v.useRef(null),t=r=>{e.current&&e.current.scrollBy({left:r==="left"?-300:300,behavior:"smooth"})},n=r=>{window.location.href=`/auth/register?feature=${encodeURIComponent(r)}`};return i.jsx("section",{className:"py-24 bg-white",children:i.jsxs("div",{className:"max-w-[1280px] mx-auto px-5",children:[i.jsxs("div",{className:"text-center mb-16",children:[i.jsx("h2",{className:"text-4xl lg:text-5xl font-bold text-gray-900 mb-4",children:"Todo lo que necesitas para transmitir"}),i.jsx("p",{className:"text-lg text-gray-600 max-w-2xl mx-auto",children:"Herramientas profesionales al alcance de un clic"})]}),i.jsxs("div",{className:"relative",children:[i.jsx("button",{onClick:()=>t("left"),className:"absolute left-0 top-1/2 -translate-y-1/2 z-10 bg-white border-2 border-gray-200 rounded-full p-3 hover:bg-gray-50 hover:scale-105 transition-all shadow-lg hidden md:block","aria-label":"Anterior",children:i.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:i.jsx("polyline",{points:"15 18 9 12 15 6"})})}),i.jsx("div",{ref:e,className:"flex gap-6 overflow-x-auto scrollbar-hide scroll-smooth pb-4",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:np.map(r=>i.jsxs("div",{onClick:()=>n(r.name),className:"flex-none w-64 bg-white border-2 border-gray-200 rounded-2xl p-8 hover:-translate-y-2 hover:shadow-2xl transition-all cursor-pointer group",children:[i.jsx("div",{className:"text-5xl mb-4 group-hover:scale-110 transition-transform",children:r.icon}),i.jsx("h3",{className:"text-xl font-bold text-gray-900 mb-2",children:r.name}),i.jsx("p",{className:"text-sm text-gray-600",children:r.description})]},r.id))}),i.jsx("button",{onClick:()=>t("right"),className:"absolute right-0 top-1/2 -translate-y-1/2 z-10 bg-white border-2 border-gray-200 rounded-full p-3 hover:bg-gray-50 hover:scale-105 transition-all shadow-lg hidden md:block","aria-label":"Siguiente",children:i.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:i.jsx("polyline",{points:"9 18 15 12 9 6"})})})]})]})})},lp=[{title:"Transmite en vivo o graba podcasts con invitados remotos",description:"Los invitados pueden unirse fácilmente desde su navegador o teléfono en unos pocos clics. No necesitan crear una cuenta ni descargar nada.",image:"/images/features/guests.svg",link:"/features/guests",reverse:!1},{title:"Grabaciones con calidad de estudio, independientemente de tu conexión",description:"¿Te cansaste de que tus podcasts queden arruinados con Zoom y Skype? AvanzaCast graba localmente en la computadora de cada invitado para obtener pistas de audio y video perfectas.",image:"/images/features/recording.svg",link:"/features/recording",background:"bg-pink-50",reverse:!0},{title:"Transmite a YouTube, Facebook, LinkedIn y más",description:"Transmite simultáneamente a múltiples destinos. Alcanza a tu audiencia dondequiera que estén, todo desde un solo lugar.",image:"/images/features/multistream.svg",link:"/features/multistream",reverse:!1},{title:"Personaliza con tu marca",description:"Añade tu logo, fondos personalizados y overlays para crear transmisiones profesionales que reflejen tu marca.",image:"/images/features/branding.svg",link:"/features/branding",background:"bg-purple-50",reverse:!0}],ip=()=>i.jsx("section",{className:"py-12",children:lp.map((e,t)=>i.jsx("div",{className:`py-20 ${e.background||""}`,children:i.jsx("div",{className:"max-w-[1280px] mx-auto px-5",children:i.jsxs("div",{className:`grid lg:grid-cols-2 gap-12 items-center ${e.reverse?"lg:grid-flow-dense":""}`,children:[i.jsxs("div",{className:e.reverse?"lg:col-start-2":"",children:[i.jsx("h2",{className:"text-4xl lg:text-5xl font-bold text-gray-900 mb-6",children:e.title}),i.jsx("p",{className:"text-lg text-gray-600 mb-8 leading-relaxed",children:e.description}),e.link&&i.jsxs("a",{href:e.link,className:"inline-flex items-center gap-2 text-blue-600 hover:text-blue-700 font-medium text-lg group",children:["Saber más",i.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"group-hover:translate-x-1 transition-transform",children:i.jsx("polyline",{points:"9 18 15 12 9 6"})})]})]}),i.jsx("div",{className:e.reverse?"lg:col-start-1 lg:row-start-1":"",children:i.jsx("div",{className:"relative rounded-2xl overflow-hidden shadow-2xl bg-gradient-to-br from-indigo-500 to-purple-600",children:i.jsx("img",{src:e.image,alt:e.title,className:"w-full h-auto",onError:n=>{const r=`data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'%3E%3Crect width='600' height='400' fill='%234F46E5'/%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-family='system-ui' font-size='18' fill='white'%3E${encodeURIComponent(e.title.substring(0,50))}%3C/text%3E%3C/svg%3E`;n.currentTarget.src=r}})})})]})})},t))}),De=[{id:1,name:"María García",role:"CEO",company:"TechStartup",image:"/images/testimonials/user1.jpg",quote:"AvanzaCast transformó completamente la forma en que hacemos webinars. La calidad es excepcional y es súper fácil de usar.",rating:5},{id:2,name:"Carlos Rodríguez",role:"Content Creator",company:"YouTube",image:"/images/testimonials/user2.jpg",quote:"Llevo más de 2 años usando AvanzaCast para mis streams. No cambiaría a otra plataforma por nada del mundo.",rating:5},{id:3,name:"Ana Martínez",role:"Marketing Director",company:"GlobalCorp",image:"/images/testimonials/user3.jpg",quote:"La capacidad de transmitir simultáneamente a múltiples plataformas nos ha ayudado a triplicar nuestro alcance.",rating:5},{id:4,name:"Juan Pérez",role:"Podcaster",company:"El Podcast Diario",image:"/images/testimonials/user4.jpg",quote:"La calidad de audio es impresionante. Mis invitados siempre comentan lo profesional que se ve todo.",rating:5}],sp=()=>{const[e,t]=v.useState(0),n=()=>{t(s=>(s+1)%De.length)},r=()=>{t(s=>(s-1+De.length)%De.length)},l=s=>{t(s)};return i.jsx("section",{className:"py-24 bg-gradient-to-b from-blue-50 to-white",children:i.jsxs("div",{className:"max-w-[1280px] mx-auto px-5",children:[i.jsxs("div",{className:"text-center mb-16",children:[i.jsx("p",{className:"text-sm font-semibold text-blue-600 uppercase tracking-wider mb-4",children:"Testimonios"}),i.jsx("h2",{className:"text-4xl lg:text-5xl font-bold text-gray-900 mb-4",children:"60,000,000+ transmisiones realizadas"}),i.jsx("p",{className:"text-lg text-gray-600 max-w-2xl mx-auto",children:"Miles de creadores confían en AvanzaCast para sus transmisiones"})]}),i.jsxs("div",{className:"relative max-w-4xl mx-auto",children:[i.jsx("button",{onClick:r,className:"absolute left-0 top-1/2 -translate-y-1/2 -translate-x-12 z-10 bg-white border-2 border-gray-200 rounded-full p-3 hover:bg-gray-50 hover:scale-105 transition-all shadow-lg hidden lg:block","aria-label":"Anterior testimonio",children:i.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:i.jsx("polyline",{points:"15 18 9 12 15 6"})})}),i.jsxs("div",{className:"bg-white rounded-2xl shadow-xl p-12 min-h-[400px] flex flex-col justify-between",children:[i.jsx("div",{className:"flex gap-1 mb-6",children:[...Array(De[e].rating)].map((s,o)=>i.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"#FFD700",stroke:"#FFD700",children:i.jsx("path",{d:"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"})},o))}),i.jsxs("blockquote",{className:"text-2xl text-gray-700 leading-relaxed mb-8 flex-grow",children:['"',De[e].quote,'"']}),i.jsxs("div",{className:"flex items-center gap-4",children:[i.jsx("div",{className:"w-16 h-16 rounded-full bg-gradient-to-br from-blue-400 to-purple-600 flex items-center justify-center text-white text-2xl font-bold",children:De[e].name.charAt(0)}),i.jsxs("div",{children:[i.jsx("p",{className:"font-bold text-gray-900 text-lg",children:De[e].name}),i.jsxs("p",{className:"text-gray-600",children:[De[e].role," at ",De[e].company]})]})]})]}),i.jsx("button",{onClick:n,className:"absolute right-0 top-1/2 -translate-y-1/2 translate-x-12 z-10 bg-white border-2 border-gray-200 rounded-full p-3 hover:bg-gray-50 hover:scale-105 transition-all shadow-lg hidden lg:block","aria-label":"Siguiente testimonio",children:i.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:i.jsx("polyline",{points:"9 18 15 12 9 6"})})}),i.jsx("div",{className:"flex justify-center gap-3 mt-8",children:De.map((s,o)=>i.jsx("button",{onClick:()=>l(o),className:`w-3 h-3 rounded-full transition-all ${o===e?"bg-blue-600 w-8":"bg-gray-300 hover:bg-gray-400"}`,"aria-label":`Ir al testimonio ${o+1}`},o))})]}),i.jsxs("div",{className:"flex justify-center gap-4 mt-8 lg:hidden",children:[i.jsx("button",{onClick:r,className:"bg-white border-2 border-gray-200 rounded-full p-3 hover:bg-gray-50 transition-all shadow","aria-label":"Anterior",children:i.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:i.jsx("polyline",{points:"15 18 9 12 15 6"})})}),i.jsx("button",{onClick:n,className:"bg-white border-2 border-gray-200 rounded-full p-3 hover:bg-gray-50 transition-all shadow","aria-label":"Siguiente",children:i.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:i.jsx("polyline",{points:"9 18 15 12 9 6"})})})]})]})})},op=()=>i.jsxs("section",{className:"py-24 bg-gradient-to-r from-blue-600 to-purple-600 relative overflow-hidden",children:[i.jsx("div",{className:"absolute top-0 left-0 w-96 h-96 bg-white opacity-5 rounded-full -translate-x-1/2 -translate-y-1/2"}),i.jsx("div",{className:"absolute bottom-0 right-0 w-96 h-96 bg-white opacity-5 rounded-full translate-x-1/2 translate-y-1/2"}),i.jsx("div",{className:"max-w-[1280px] mx-auto px-5 relative z-10",children:i.jsxs("div",{className:"text-center max-w-3xl mx-auto",children:[i.jsx("h2",{className:"text-4xl lg:text-5xl font-bold text-white mb-6",children:"¿Listo para comenzar tu próxima transmisión?"}),i.jsx("p",{className:"text-xl text-blue-100 mb-10",children:"Únete a miles de creadores que ya están transmitiendo con AvanzaCast. Es gratis para comenzar."}),i.jsxs("div",{className:"flex flex-col sm:flex-row gap-4 justify-center items-center",children:[i.jsx("a",{href:"/auth/register",className:"bg-white text-blue-600 px-10 py-5 rounded-lg hover:bg-gray-100 transition-all font-bold text-lg shadow-xl hover:shadow-2xl hover:-translate-y-1 no-underline",children:"Comienza gratis"}),i.jsx("a",{href:"#features",className:"bg-transparent border-2 border-white text-white px-10 py-5 rounded-lg hover:bg-white hover:text-blue-600 transition-all font-bold text-lg no-underline",children:"Ver características"})]}),i.jsx("p",{className:"text-sm text-blue-100 mt-8",children:"No se requiere tarjeta de crédito • Configura en menos de 2 minutos"})]})})]}),ap=()=>{const[e,t]=v.useState("es");return i.jsx("footer",{className:"bg-gray-900 text-gray-300 py-16",children:i.jsxs("div",{className:"max-w-[1280px] mx-auto px-5",children:[i.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-8 mb-12",children:[i.jsxs("div",{className:"col-span-2 md:col-span-4 lg:col-span-1",children:[i.jsx("img",{src:"/images/logo-white.svg",alt:"AvanzaCast",className:"h-10 mb-4"}),i.jsx("p",{className:"text-sm text-gray-400",children:"La plataforma de streaming profesional para creadores y empresas."})]}),i.jsxs("div",{children:[i.jsx("h3",{className:"text-white font-bold mb-4",children:"Producto"}),i.jsxs("ul",{className:"space-y-3 text-sm",children:[i.jsx("li",{children:i.jsx("a",{href:"/features",className:"hover:text-white transition-colors no-underline",children:"Características"})}),i.jsx("li",{children:i.jsx("a",{href:"/pricing",className:"hover:text-white transition-colors no-underline",children:"Precios"})}),i.jsx("li",{children:i.jsx("a",{href:"/integrations",className:"hover:text-white transition-colors no-underline",children:"Integraciones"})}),i.jsx("li",{children:i.jsx("a",{href:"/updates",className:"hover:text-white transition-colors no-underline",children:"Novedades"})})]})]}),i.jsxs("div",{children:[i.jsx("h3",{className:"text-white font-bold mb-4",children:"Comunidad"}),i.jsxs("ul",{className:"space-y-3 text-sm",children:[i.jsx("li",{children:i.jsx("a",{href:"/blog",className:"hover:text-white transition-colors no-underline",children:"Blog"})}),i.jsx("li",{children:i.jsx("a",{href:"/tutorials",className:"hover:text-white transition-colors no-underline",children:"Tutoriales"})}),i.jsx("li",{children:i.jsx("a",{href:"/forum",className:"hover:text-white transition-colors no-underline",children:"Foro"})}),i.jsx("li",{children:i.jsx("a",{href:"/events",className:"hover:text-white transition-colors no-underline",children:"Eventos"})})]})]}),i.jsxs("div",{children:[i.jsx("h3",{className:"text-white font-bold mb-4",children:"Empresa"}),i.jsxs("ul",{className:"space-y-3 text-sm",children:[i.jsx("li",{children:i.jsx("a",{href:"/about",className:"hover:text-white transition-colors no-underline",children:"Acerca de"})}),i.jsx("li",{children:i.jsx("a",{href:"/careers",className:"hover:text-white transition-colors no-underline",children:"Carreras"})}),i.jsx("li",{children:i.jsx("a",{href:"/contact",className:"hover:text-white transition-colors no-underline",children:"Contacto"})}),i.jsx("li",{children:i.jsx("a",{href:"/partners",className:"hover:text-white transition-colors no-underline",children:"Partners"})})]})]}),i.jsxs("div",{children:[i.jsx("h3",{className:"text-white font-bold mb-4",children:"Legal"}),i.jsxs("ul",{className:"space-y-3 text-sm",children:[i.jsx("li",{children:i.jsx("a",{href:"/terms",className:"hover:text-white transition-colors no-underline",children:"Términos de Servicio"})}),i.jsx("li",{children:i.jsx("a",{href:"/privacy",className:"hover:text-white transition-colors no-underline",children:"Política de Privacidad"})}),i.jsx("li",{children:i.jsx("a",{href:"/cookies",className:"hover:text-white transition-colors no-underline",children:"Cookies"})}),i.jsx("li",{children:i.jsx("a",{href:"/dmca",className:"hover:text-white transition-colors no-underline",children:"DMCA"})})]})]})]}),i.jsxs("div",{className:"border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center gap-4",children:[i.jsx("p",{className:"text-sm text-gray-400",children:"© 2025 AvanzaCast. Todos los derechos reservados."}),i.jsxs("div",{className:"flex gap-6",children:[i.jsx("a",{href:"https://twitter.com/avanzacast",className:"text-gray-400 hover:text-white transition-colors","aria-label":"Twitter",children:i.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"})})}),i.jsx("a",{href:"https://facebook.com/avanzacast",className:"text-gray-400 hover:text-white transition-colors","aria-label":"Facebook",children:i.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"})})}),i.jsx("a",{href:"https://youtube.com/avanzacast",className:"text-gray-400 hover:text-white transition-colors","aria-label":"YouTube",children:i.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",children:[i.jsx("path",{d:"M22.54 6.42a2.78 2.78 0 00-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 00-1.94 2A29 29 0 001 11.75a29 29 0 00.46 5.33A2.78 2.78 0 003.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 001.94-2 29 29 0 00.46-5.25 29 29 0 00-.46-5.33z"}),i.jsx("polygon",{points:"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02",fill:"#fff"})]})}),i.jsx("a",{href:"https://linkedin.com/company/avanzacast",className:"text-gray-400 hover:text-white transition-colors","aria-label":"LinkedIn",children:i.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",children:[i.jsx("path",{d:"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"}),i.jsx("circle",{cx:"4",cy:"4",r:"2"})]})})]}),i.jsxs("div",{className:"relative",children:[i.jsxs("select",{value:e,onChange:n=>t(n.target.value),className:"bg-gray-800 border border-gray-700 text-gray-300 px-4 py-2 rounded-lg appearance-none cursor-pointer hover:bg-gray-700 transition-colors pr-10",children:[i.jsx("option",{value:"es",children:"🇪🇸 Español"}),i.jsx("option",{value:"en",children:"🇺🇸 English"}),i.jsx("option",{value:"pt",children:"🇧🇷 Português"}),i.jsx("option",{value:"fr",children:"🇫🇷 Français"})]}),i.jsx("svg",{className:"absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none text-gray-400",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:i.jsx("polyline",{points:"6 9 12 15 18 9"})})]})]})]})})},up=()=>i.jsxs("div",{className:"min-h-screen bg-white",children:[i.jsx(ep,{}),i.jsxs("main",{children:[i.jsx(tp,{}),i.jsx(rp,{}),i.jsx(ip,{}),i.jsx(sp,{}),i.jsx(op,{})]}),i.jsx(ap,{})]});function cp(){return v.useEffect(()=>{const e=document.querySelector(".tiny-slider");let t=0,n,r=0,l=0;function s(){const y=window.innerWidth;return y>=1024?3:y>=768?2:1}function o(){document.querySelectorAll(".slider-dots > button").forEach((w,j)=>{j===t?(w.classList.add("bg-indigo-600"),w.classList.remove("bg-slate-300")):(w.classList.remove("bg-indigo-600"),w.classList.add("bg-slate-300"))})}function a(y){if(!e)return;const w=e.querySelectorAll("[data-slide]"),j=s(),S=Math.max(0,w.length-j);y<0&&(y=0),y>S&&(y=0),t=y;const f=t*(100/j);e.style.transform=`translateX(-${f}%)`,o()}function u(){a(t+1)}function c(){m(),n=window.setInterval(u,4e3);const y=document.querySelector("[data-autoplay]");if(y){y.setAttribute("aria-pressed","true");const w=y.querySelector("[data-autoplay-icon]");w&&w.setAttribute("data-state","playing")}}function m(){n&&(clearInterval(n),n=void 0);const y=document.querySelector("[data-autoplay]");if(y){y.setAttribute("aria-pressed","false");const w=y.querySelector("[data-autoplay-icon]");w&&w.setAttribute("data-state","paused")}}function p(){if(!e)return;const y=Array.from(e.querySelectorAll("[data-slide]"));if(!y.length)return;e.style.display="flex",e.style.overflow="hidden",e.style.gap="20px";const w=s();y.forEach(d=>{d.style.flex=`0 0 ${100/w}%`,d.style.boxSizing="border-box"}),e.style.transition="transform 400ms ease",a(t);const j=document.querySelector("[data-prev]"),S=document.querySelector("[data-next]");j&&S&&(j.onclick=()=>{a(t-1),c()},S.onclick=()=>{a(t+1),c()});const f=document.querySelector(".slider-dots");if(f){f.innerHTML="";const d=Math.max(1,y.length-w+1);for(let h=0;h{a(h),c()},x.onkeydown=k=>{(k.key==="Enter"||k.key===" ")&&(k.preventDefault(),a(h),c())},f.appendChild(x)}o()}}p(),c();const g=()=>{p()};if(window.addEventListener("resize",g),e){e.setAttribute("tabindex","0");const y=x=>{x.key==="ArrowLeft"&&(a(t-1),c()),x.key==="ArrowRight"&&(a(t+1),c())};e.addEventListener("keydown",y),e.addEventListener("mouseenter",m),e.addEventListener("mouseleave",c),e.addEventListener("focusin",m),e.addEventListener("focusout",c);let w=!1;const j=x=>{r=x.touches[0].clientX,l=0,w=!1},S=x=>{const k=x.touches[0].clientX,C=x.touches[0].clientY;l=k-r,!(Math.abs(l){if(!w)return;const x=40;Math.abs(l)>x&&(l>0?a(t-1):a(t+1),c()),r=0,l=0,w=!1};e.addEventListener("touchstart",j,{passive:!0}),e.addEventListener("touchmove",S,{passive:!0}),e.addEventListener("touchend",f);const d=document.querySelectorAll("[data-accordion]"),h=[];return d.forEach(x=>{const k=x.querySelector("[data-accordion-button]"),C=x.querySelector("[data-accordion-panel]");if(!k||!C)return;const b=()=>{const z=k.getAttribute("aria-expanded")==="true";k.setAttribute("aria-expanded",z?"false":"true"),z?C.style.maxHeight="":C.style.maxHeight=C.scrollHeight+"px"};k.addEventListener("click",b),h.push(()=>k.removeEventListener("click",b))}),()=>{m(),window.removeEventListener("resize",g),e.removeEventListener("keydown",y),e.removeEventListener("mouseenter",m),e.removeEventListener("mouseleave",c),e.removeEventListener("focusin",m),e.removeEventListener("focusout",c),e.removeEventListener("touchstart",j),e.removeEventListener("touchmove",S),e.removeEventListener("touchend",f),h.forEach(x=>x())}}return()=>{m(),window.removeEventListener("resize",g)}},[]),null}function La(){return i.jsxs("main",{className:"min-h-screen bg-white dark:bg-slate-900",children:[i.jsx("span",{className:"fixed blur-[200px] lg:size-[600px] size-[400px] rounded-full top-[10%] md:left-[10%] -left-[20%] bg-indigo-600/20","aria-hidden":"true"}),i.jsx("span",{className:"fixed blur-[200px] lg:size-[600px] size-[400px] rounded-full bottom-[10%] md:right-[10%] -right-[20%] bg-red-600/20","aria-hidden":"true"}),i.jsx("header",{className:"py-6",children:i.jsxs("div",{className:"container mx-auto px-4 flex items-center justify-between",children:[i.jsx("div",{className:"text-2xl font-bold",children:"AvanzaCast"}),i.jsx("nav",{children:i.jsxs("ul",{className:"flex gap-6 text-sm text-slate-700 dark:text-slate-200",children:[i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-indigo-600",children:"Product"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-indigo-600",children:"Pricing"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-indigo-600",children:"Docs"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-indigo-600",children:"Contact"})})]})})]})}),i.jsxs("section",{className:"relative table w-full lg:py-40 md:py-36 pt-36 pb-24 overflow-hidden bg-white dark:bg-slate-900",children:[i.jsx("div",{className:"absolute inset-0 hero-overlay opacity-10 dark:opacity-60","aria-hidden":"true"}),i.jsx("div",{className:"container mx-auto relative z-10 px-4",children:i.jsxs("div",{className:"relative grid lg:grid-cols-12 grid-cols-1 items-center mt-10 gap-[30px]",children:[i.jsx("div",{className:"lg:col-span-7",children:i.jsxs("div",{className:"lg:me-6 lg:text-start text-center",children:[i.jsxs("h1",{className:"font-bold lg:leading-normal leading-normal text-4xl lg:text-6xl mb-5",children:["Access powerful AI ",i.jsx("br",{}),"For ",i.jsx("span",{className:"bg-gradient-to-tl to-indigo-600 from-red-600 text-transparent bg-clip-text",children:"AI Content"})]}),i.jsx("p",{className:"text-lg max-w-xl lg:ms-0 mx-auto",children:"Beatae cum eius, animi itaque aliquid ducimus facere dicta, vitae ipsam maiores nam sit blanditiis, quisquam expedita?"}),i.jsx("div",{className:"subcribe-form mt-6 mb-3",children:i.jsxs("form",{className:"relative max-w-md mx-auto lg:ms-0",children:[i.jsxs("div",{className:"relative",children:[i.jsx("i",{className:"uil uil-envelope text-xl absolute top-3 left-5"}),i.jsx("input",{type:"email",id:"aiemail",name:"email",className:"py-4 pe-40 ps-12 w-full h-[50px] outline-none text-black dark:text-white rounded-md bg-white/60 dark:bg-slate-900/60 shadow dark:shadow-gray-800",placeholder:"support@techwind.com"})]}),i.jsx("button",{type:"submit",className:"py-2 px-5 inline-block font-semibold tracking-wide align-middle duration-500 text-base text-center absolute top-[2px] end-[3px] h-[46px] bg-indigo-600 hover:bg-indigo-700 border border-indigo-600 hover:border-indigo-700 text-white rounded-md",children:"Sign Up"})]})})]})}),i.jsx("div",{className:"lg:col-span-5",children:i.jsx("div",{className:"relative",children:i.jsx("div",{className:"relative",children:i.jsx("img",{src:"/images/hero/light-dash.png",className:"lg:max-w-none lg:ms-14 mx-auto",alt:""})})})})]})})]}),i.jsx("section",{className:"pt-6",children:i.jsx("div",{className:"container mx-auto px-4 relative",children:i.jsxs("div",{className:"grid md:grid-cols-6 grid-cols-2 justify-center gap-[30px]",children:[i.jsx("div",{className:"mx-auto pt-6",children:i.jsx("img",{src:"/images/client/amazon.svg",className:"h-6",alt:"Amazon"})}),i.jsx("div",{className:"mx-auto pt-6",children:i.jsx("img",{src:"/images/client/google.svg",className:"h-6",alt:"Google"})}),i.jsx("div",{className:"mx-auto pt-6",children:i.jsx("img",{src:"/images/client/lenovo.svg",className:"h-6",alt:"Lenovo"})}),i.jsx("div",{className:"mx-auto pt-6",children:i.jsx("img",{src:"/images/client/paypal.svg",className:"h-6",alt:"PayPal"})}),i.jsx("div",{className:"mx-auto pt-6",children:i.jsx("img",{src:"/images/client/shopify.svg",className:"h-6",alt:"Shopify"})}),i.jsx("div",{className:"mx-auto pt-6",children:i.jsx("img",{src:"/images/client/spotify.svg",className:"h-6",alt:"Spotify"})})]})})}),i.jsx("section",{className:"relative md:py-24 py-16",children:i.jsx("div",{className:"container mx-auto px-4 relative",children:i.jsxs("div",{className:"grid md:grid-cols-3 grid-cols-1 shadow shadow-gray-300 dark:shadow-gray-500 rounded-lg md:divide-x divide-y divide-gray-200 dark:divide-gray-700",children:[i.jsxs("div",{className:"relative p-6 md:p-8",children:[i.jsx("i",{className:"mdi mdi-account-search-outline bg-gradient-to-tl to-indigo-600 from-red-600 text-transparent bg-clip-text text-[45px]"}),i.jsx("h5",{className:"text-xl font-semibold my-5",children:"Search & Write Content"}),i.jsx("p",{className:"text-slate-400",children:"If the distribution of letters and 'words' is random, the reader will not be distracted from making."})]}),i.jsxs("div",{className:"relative p-6 md:p-8",children:[i.jsx("i",{className:"mdi mdi-wallet-bifold-outline bg-gradient-to-tl to-indigo-600 from-red-600 text-transparent bg-clip-text text-[45px]"}),i.jsx("h5",{className:"text-xl font-semibold my-5",children:"Discribe Content"}),i.jsx("p",{className:"text-slate-400",children:"If the distribution of letters and 'words' is random, the reader will not be distracted from making."})]}),i.jsxs("div",{className:"relative p-6 md:p-8",children:[i.jsx("i",{className:"mdi mdi-home-plus-outline bg-gradient-to-tl to-indigo-600 from-red-600 text-transparent bg-clip-text text-[45px]"}),i.jsx("h5",{className:"text-xl font-semibold my-5",children:"Generate Content"}),i.jsx("p",{className:"text-slate-400",children:"If the distribution of letters and 'words' is random, the reader will not be distracted from making."})]})]})})}),i.jsx("section",{className:"py-12",children:i.jsxs("div",{className:"container mx-auto px-4",children:[i.jsxs("div",{className:"grid grid-cols-1 pb-8 text-center",children:[i.jsx("h3",{className:"mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold",children:"What Our Users Say"}),i.jsx("p",{className:"text-slate-400 max-w-xl mx-auto",children:"Start working with Tailwind CSS that can provide everything you need to generate awareness, drive traffic, connect."})]}),i.jsx("div",{className:"relative",children:i.jsxs("div",{className:"relative slider-wrapper",children:[i.jsxs("div",{className:"grid md:grid-cols-3 grid-cols-1 gap-6 mt-8 tiny-slider",children:[i.jsxs("div",{className:"rounded-lg shadow p-6","data-slide":!0,children:[i.jsxs("div",{className:"flex items-center pb-4",children:[i.jsx("img",{src:"/images/client/01.jpg",className:"size-16 rounded-full shadow",alt:""}),i.jsxs("div",{className:"pl-4",children:[i.jsx("a",{className:"text-lg hover:text-indigo-600",children:"Thomas Israel"}),i.jsx("p",{className:"text-slate-400",children:"User"})]})]}),i.jsx("p",{className:"text-slate-400",children:"I didn't know a thing about icon design until I read this book. Now I can create any icon I need in no time. Great resource!"})]}),i.jsxs("div",{className:"rounded-lg shadow p-6","data-slide":!0,children:[i.jsxs("div",{className:"flex items-center pb-4",children:[i.jsx("img",{src:"/images/client/02.jpg",className:"size-16 rounded-full shadow",alt:""}),i.jsxs("div",{className:"pl-4",children:[i.jsx("a",{className:"text-lg hover:text-indigo-600",children:"Carl Oliver"}),i.jsx("p",{className:"text-slate-400",children:"User"})]})]}),i.jsx("p",{className:"text-slate-400",children:"The best part about Techwind is every time I pay my employees, my bank balance doesn't go down like it used to."})]}),i.jsxs("div",{className:"rounded-lg shadow p-6","data-slide":!0,children:[i.jsxs("div",{className:"flex items-center pb-4",children:[i.jsx("img",{src:"/images/client/03.jpg",className:"size-16 rounded-full shadow",alt:""}),i.jsxs("div",{className:"pl-4",children:[i.jsx("a",{className:"text-lg hover:text-indigo-600",children:"Barbara McIntosh"}),i.jsx("p",{className:"text-slate-400",children:"User"})]})]}),i.jsx("p",{className:"text-slate-400",children:"I used to have to remit tax to the EU and with Techwind I somehow don't have to do that anymore."})]})]}),i.jsx("div",{className:"absolute inset-y-0 left-0 flex items-center pl-2 pointer-events-none",children:i.jsx("button",{"data-prev":!0,"aria-label":"Previous",className:"prev-btn pointer-events-auto bg-white/90 dark:bg-slate-800/90 text-slate-700 dark:text-slate-200 p-2 rounded-full shadow-md hover:scale-105 focus:outline-none focus:ring-2 focus:ring-indigo-500 transition",children:i.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:i.jsx("path",{d:"M15 18l-6-6 6-6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}),i.jsx("div",{className:"absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none",children:i.jsx("button",{"data-next":!0,"aria-label":"Next",className:"next-btn pointer-events-auto bg-white/90 dark:bg-slate-800/90 text-slate-700 dark:text-slate-200 p-2 rounded-full shadow-md hover:scale-105 focus:outline-none focus:ring-2 focus:ring-indigo-500 transition",children:i.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:i.jsx("path",{d:"M9 6l6 6-6 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}),i.jsxs("div",{className:"mt-4 flex justify-center items-center gap-4",children:[i.jsx("div",{className:"flex justify-center slider-dots","aria-hidden":"false",role:"tablist"}),i.jsx("button",{"data-autoplay":!0,"aria-pressed":"true",title:"Pause autoplay",className:"ml-2 bg-white/90 dark:bg-slate-800/90 text-slate-700 dark:text-slate-200 p-2 rounded-full shadow-md hover:scale-105 focus:outline-none focus:ring-2 focus:ring-indigo-500 transition",children:i.jsx("svg",{"data-autoplay-icon":!0,width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:i.jsx("path",{d:"M5 3v18l15-9L5 3z",stroke:"currentColor",strokeWidth:"0",fill:"currentColor"})})})]})]})})]})}),i.jsx(cp,{}),i.jsx("section",{className:"py-12 bg-white dark:bg-slate-900",children:i.jsx("div",{className:"container mx-auto px-4",children:i.jsxs("div",{className:"grid lg:grid-cols-12 md:grid-cols-2 grid-cols-1 items-center md:gap-[30px]",children:[i.jsxs("div",{className:"lg:col-span-4 md:mb-0 mb-8",children:[i.jsx("h3",{className:"mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold",children:"Frequently Asked Questions"}),i.jsx("p",{className:"text-slate-400 max-w-xl mx-auto mb-6",children:"Start working with Tailwind CSS that can provide everything you need to generate awareness, drive traffic, connect."}),i.jsx("a",{href:"#",className:"py-2 px-5 inline-block font-semibold tracking-wide border align-middle duration-500 text-base text-center bg-transparent hover:bg-indigo-600 border-gray-100 dark:border-gray-800 hover:border-indigo-600 dark:hover:border-indigo-600 text-slate-900 dark:text-white hover:text-white rounded-full",children:"Contact Us"})]}),i.jsx("div",{className:"lg:col-span-8 md:mt-0 mt-8",children:i.jsxs("div",{className:"space-y-4",children:[i.jsxs("div",{className:"shadow rounded-md p-4",children:[i.jsx("h4",{className:"font-semibold",children:"How does it work?"}),i.jsx("p",{className:"text-slate-400 mt-2",children:"There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form."})]}),i.jsxs("div",{className:"shadow rounded-md p-4",children:[i.jsx("h4",{className:"font-semibold",children:"Do I need a designer to use Techwind?"}),i.jsx("p",{className:"text-slate-400 mt-2",children:"There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form."})]}),i.jsxs("div",{className:"shadow rounded-md p-4",children:[i.jsx("h4",{className:"font-semibold",children:"What do I need to do to start selling?"}),i.jsx("p",{className:"text-slate-400 mt-2",children:"There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form."})]})]})})]})})}),i.jsx("section",{className:"py-20 bg-gradient-to-r from-purple-600 to-blue-600",children:i.jsxs("div",{className:"container mx-auto px-4 text-center",children:[i.jsx("h2",{className:"text-4xl md:text-5xl font-bold text-white mb-6",children:"¿Listo para Revolucionar tus Transmisiones?"}),i.jsx("p",{className:"text-xl text-purple-100 mb-8 max-w-2xl mx-auto",children:"Únete a miles de creadores que ya confían en AvanzaCast para sus streams profesionales"}),i.jsx("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",children:"Comenzar Gratis - 14 Días de Prueba"})]})}),i.jsx("footer",{className:"bg-gray-900 text-white py-12",children:i.jsxs("div",{className:"container mx-auto px-4",children:[i.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-4 gap-8",children:[i.jsxs("div",{children:[i.jsx("h3",{className:"text-2xl font-bold mb-4 bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent",children:"AvanzaCast"}),i.jsx("p",{className:"text-gray-400",children:"La plataforma profesional de multistreaming para creadores de contenido."})]}),i.jsxs("div",{children:[i.jsx("h4",{className:"font-semibold mb-4",children:"Producto"}),i.jsxs("ul",{className:"space-y-2 text-gray-400",children:[i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Características"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Precios"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Casos de Uso"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Integraciones"})})]})]}),i.jsxs("div",{children:[i.jsx("h4",{className:"font-semibold mb-4",children:"Recursos"}),i.jsxs("ul",{className:"space-y-2 text-gray-400",children:[i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Blog"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Guías"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"API Docs"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Soporte"})})]})]}),i.jsxs("div",{children:[i.jsx("h4",{className:"font-semibold mb-4",children:"Compañía"}),i.jsxs("ul",{className:"space-y-2 text-gray-400",children:[i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Acerca de"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Contacto"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Términos"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Privacidad"})})]})]})]}),i.jsx("div",{className:"border-t border-gray-800 mt-8 pt-8 text-center text-gray-400",children:i.jsx("p",{children:"© 2024 AvanzaCast. Todos los derechos reservados."})})]})})]})}function dp({title:e,titleId:t,...n},r){return v.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},n),e?v.createElement("title",{id:t},e):null,v.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"}))}const fp=v.forwardRef(dp),mp=fp;function hp({title:e,titleId:t,...n},r){return v.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},n),e?v.createElement("title",{id:t},e):null,v.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"}))}const pp=v.forwardRef(hp),gp=pp;function xp({title:e,titleId:t,...n},r){return v.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},n),e?v.createElement("title",{id:t},e):null,v.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25m18 0A2.25 2.25 0 0 0 18.75 3H5.25A2.25 2.25 0 0 0 3 5.25m18 0V12a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 12V5.25"}))}const vp=v.forwardRef(xp),yp=vp;function wp({title:e,titleId:t,...n},r){return v.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},n),e?v.createElement("title",{id:t},e):null,v.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"}))}const jp=v.forwardRef(wp),Np=jp;function kp({title:e,titleId:t,...n},r){return v.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},n),e?v.createElement("title",{id:t},e):null,v.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"}))}const Sp=v.forwardRef(kp),Cp=Sp;function Ep({title:e,titleId:t,...n},r){return v.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},n),e?v.createElement("title",{id:t},e):null,v.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18 18 6M6 6l12 12"}))}const Pp=v.forwardRef(Ep),bp=Pp;function wi({title:e,subtitle:t}){return i.jsxs("button",{className:"create-card rounded-md hover:shadow-sm p-4 text-left",children:[i.jsx("div",{className:"icon bg-sky-50 text-sky-600 flex items-center justify-center",children:i.jsx(yp,{className:"w-6 h-6"})}),i.jsxs("div",{className:"ml-3",children:[i.jsx("div",{className:"font-medium",children:e}),t&&i.jsx("div",{className:"text-sm text-slate-500",children:t})]})]})}function zp(){const[e,t]=v.useState("upcoming");return i.jsxs("div",{className:"max-w-7xl mx-auto",children:[i.jsx("h1",{className:"text-2xl font-semibold mb-6",children:"Inicio"}),i.jsxs("section",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-8",children:[i.jsx(wi,{title:"Transmisión en vivo",subtitle:"Inicia una transmisión"}),i.jsx(wi,{title:"Grabación",subtitle:"Inicia una grabación"}),i.jsx(wi,{title:"Seminario web On-Air",subtitle:"Programar evento"})]}),i.jsxs("section",{className:"panel p-6",children:[i.jsxs("div",{className:"flex items-center justify-between mb-4",children:[i.jsx("h2",{className:"text-lg font-medium",children:"Transmisiones y grabaciones"}),i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsx("button",{className:`tab-btn ${e==="upcoming"?"active":""}`,onClick:()=>t("upcoming"),children:"Próximamente"}),i.jsx("button",{className:`tab-btn ${e==="previous"?"active":""}`,onClick:()=>t("previous"),children:"Anteriores"})]})]}),i.jsx("div",{className:"min-h-[260px] flex items-center justify-center text-slate-500",children:"No tienes próximas transmisiones ni grabaciones"})]})]})}function Lp(){return i.jsxs("div",{className:"space-y-4",children:[i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsx("h1",{className:"text-2xl font-bold",children:"Studio"}),i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsx("button",{className:"btn btn-ghost px-3 py-1 rounded-md",children:"Previsualizar"}),i.jsx("button",{className:"btn btn-gradient px-3 py-1 rounded-md",children:"Ir en Vivo"})]})]}),i.jsx("div",{className:"panel p-4",children:i.jsx("div",{className:"min-h-[260px] flex items-center justify-center text-slate-500",children:"Estudio de transmisión (placeholder)."})})]})}const ji={id:"1",name:"César Mendívil",email:"cesar@avanzacast.com",avatar:"",role:"admin",createdAt:new Date().toISOString(),isActive:!0,plan:"pro"},sd=[{id:"1",name:"youtube",displayName:"YouTube",isConnected:!0,accountName:"AvanzaCast Channel",isLive:!1,viewerCount:0},{id:"2",name:"facebook",displayName:"Facebook Live",isConnected:!0,accountName:"AvanzaCast Page",isLive:!1,viewerCount:0}],_p=[{id:"1",title:"Tutorial: Cómo usar AvanzaCast",description:"Aprende a crear transmisiones",status:"ended",userId:"1",startedAt:new Date().toISOString(),platforms:sd,viewerCount:0,maxViewers:245,chatEnabled:!0,isPrivate:!1,tags:[]}],$t=(e=300)=>new Promise(t=>setTimeout(t,e));class Wt{static async login(t,n){return await $t(),t===ji.email&&n==="password"?{success:!0,data:ji}:{success:!1,error:"Credenciales inválidas"}}static async register(t){return await $t(),{success:!0,data:{...ji,id:Date.now().toString(),name:t.name||"",email:t.email||""}}}static async getStreams(){return await $t(),{success:!0,data:_p}}static async getPlatforms(){return await $t(),{success:!0,data:sd}}static async getScenes(){return await $t(),{success:!0,data:[]}}static async getChatMessages(t){return await $t(),{success:!0,data:[]}}}const _a={login:async(e,t)=>Wt.login(e,t),register:async e=>Wt.register(e),getStreams:async()=>Wt.getStreams(),getPlatforms:async()=>Wt.getPlatforms(),getScenes:async()=>Wt.getScenes(),getChatMessages:async e=>Wt.getChatMessages(e)};function od(){const[e,t]=v.useState(null),[n,r]=v.useState(!1),[l,s]=v.useState(!1),o=async(c,m)=>{r(!0);try{const p=await _a.login(c,m);return p.success&&p.data&&(t(p.data),s(!0),localStorage.setItem("user",JSON.stringify(p.data))),p}finally{r(!1)}},a=async c=>{r(!0);try{const m=await _a.register(c);return m.success&&m.data&&(t(m.data),s(!0),localStorage.setItem("user",JSON.stringify(m.data))),m}finally{r(!1)}},u=()=>{t(null),s(!1),localStorage.removeItem("user")};return v.useEffect(()=>{const c=localStorage.getItem("user");if(c)try{const m=JSON.parse(c);t(m),s(!0)}catch{localStorage.removeItem("user")}},[]),{user:e,isAuthenticated:l,isLoading:n,login:o,register:a,logout:u}}function Tp(){const[e,t]=v.useState("cesar@avanzacast.com"),[n,r]=v.useState(""),[l,s]=v.useState(""),{login:o,isLoading:a}=od(),u=vr(),c=async m=>{m.preventDefault(),s("");const p=await o(e,n);p.success?u("/broadcasts"):s(p.error||"Error al iniciar sesión")};return i.jsx("div",{className:"min-h-screen flex items-center justify-center p-6 bg-gray-50",children:i.jsx("div",{className:"w-full max-w-md",children:i.jsxs("div",{className:"bg-white rounded-2xl shadow p-8",children:[i.jsx("h2",{className:"text-2xl font-bold mb-4",children:"Iniciar sesión"}),i.jsxs("form",{onSubmit:c,className:"space-y-4",children:[l&&i.jsx("div",{className:"text-red-600",children:l}),i.jsx("input",{className:"w-full p-3 border rounded",value:e,onChange:m=>t(m.target.value),placeholder:"Email",required:!0}),i.jsx("input",{className:"w-full p-3 border rounded",type:"password",value:n,onChange:m=>r(m.target.value),placeholder:"Password",required:!0}),i.jsx("button",{className:"w-full bg-blue-600 text-white p-3 rounded",disabled:a,children:a?"Cargando...":"Entrar"})]}),i.jsxs("p",{className:"mt-4 text-sm",children:["¿No tienes cuenta? ",i.jsx(Lt,{to:"/auth/register",className:"text-blue-600",children:"Regístrate"})]})]})})})}function Rp(){const[e,t]=v.useState(""),[n,r]=v.useState(""),[l,s]=v.useState(""),[o,a]=v.useState(""),{register:u,isLoading:c}=od(),m=vr(),p=async g=>{g.preventDefault(),a("");const y=await u({name:e,email:n});y.success?m("/broadcasts"):a(y.error||"Error al registrar")};return i.jsx("div",{className:"min-h-screen flex items-center justify-center p-6 bg-gray-50",children:i.jsx("div",{className:"w-full max-w-md",children:i.jsxs("div",{className:"bg-white rounded-2xl shadow p-8",children:[i.jsx("h2",{className:"text-2xl font-bold mb-4",children:"Crear cuenta"}),i.jsxs("form",{onSubmit:p,className:"space-y-4",children:[o&&i.jsx("div",{className:"text-red-600",children:o}),i.jsx("input",{className:"w-full p-3 border rounded",value:e,onChange:g=>t(g.target.value),placeholder:"Nombre",required:!0}),i.jsx("input",{className:"w-full p-3 border rounded",value:n,onChange:g=>r(g.target.value),placeholder:"Email",required:!0}),i.jsx("input",{className:"w-full p-3 border rounded",type:"password",value:l,onChange:g=>s(g.target.value),placeholder:"Password",required:!0}),i.jsx("button",{className:"w-full bg-blue-600 text-white p-3 rounded",disabled:c,children:c?"Creando...":"Crear cuenta"})]})]})})})}function Mp({isOpen:e,onToggle:t}){const[n,r]=v.useState(""),l=s=>{r(o=>o===s?"":s)};return i.jsxs(i.Fragment,{children:[e&&i.jsx("div",{className:"fixed inset-0 z-40 bg-black/60 lg:hidden",onClick:t}),i.jsx("nav",{role:"navigation","aria-label":"Menú lateral",className:`fixed top-0 bottom-0 z-50 h-full w-[260px] transition-all duration-300 ${e?"left-0":"-left-[260px]"} lg:left-0`,children:i.jsxs("div",{className:"h-full bg-white",children:[i.jsxs("div",{className:"flex items-center justify-between px-4 py-3",children:[i.jsx("div",{className:"main-logo flex items-center shrink-0",children:i.jsx("span",{className:"text-2xl font-semibold text-accent",children:"AvanzaCast"})}),i.jsx("button",{type:"button","aria-label":"Cerrar menú",className:"collapse-icon p-2 rounded-md hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-primary",onClick:t,children:i.jsx(bp,{className:"w-5 h-5","aria-hidden":!0})})]}),i.jsx("div",{className:"p-4",children:i.jsxs("ul",{className:"space-y-2",children:[i.jsx("li",{className:"nav-item",children:i.jsx(Fe,{to:"/landing",className:"w-full block text-left font-semibold focus:outline-none focus:ring-2 focus:ring-primary rounded-md px-2 py-2",children:"Página pública"})}),i.jsx("hr",{className:"my-2 border-t"}),i.jsx("li",{className:"nav-item",children:i.jsx(Fe,{to:"/broadcasts",className:({isActive:s})=>`w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary rounded-md px-2 py-2 ${s?"font-medium active":""}`,end:!0,children:"Transmisiones"})}),i.jsx("h2",{className:"mt-4 mb-2 uppercase text-xs font-extrabold",children:"Streaming"}),i.jsx("li",{className:"nav-item",children:i.jsx(Fe,{to:"/studio",className:({isActive:s})=>`w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary rounded-md px-2 py-2 ${s?"font-medium active":""}`,children:"Estudio Virtual"})}),i.jsxs("li",{className:"nav-item",children:[i.jsx("button",{className:"w-full text-left rounded-md px-2 py-2",onClick:()=>l("streams"),children:"Transmisiones"}),n==="streams"&&i.jsxs("ul",{className:"pl-4 mt-2 space-y-1 text-sm",role:"menu","aria-label":"Submenú Transmisiones",children:[i.jsx("li",{role:"none",children:i.jsx(Fe,{role:"menuitem",to:"/streams",className:"w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary",children:"Todas"})}),i.jsx("li",{role:"none",children:i.jsx(Fe,{role:"menuitem",to:"/streams/create",className:"w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary",children:"Nueva Transmisión"})}),i.jsx("li",{role:"none",children:i.jsx(Fe,{role:"menuitem",to:"/streams/scheduled",className:"w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary",children:"Programadas"})}),i.jsx("li",{role:"none",children:i.jsx(Fe,{role:"menuitem",to:"/streams/history",className:"w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary",children:"Historial"})})]})]}),i.jsx("li",{className:"nav-item mt-4",children:i.jsx(Fe,{to:"/analytics",className:"w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary rounded-md px-2 py-2",children:"Analytics"})}),i.jsx("h2",{className:"mt-6 mb-2 uppercase text-xs font-extrabold",children:"Configuración"}),i.jsx("li",{className:"nav-item",children:i.jsx(Fe,{to:"/platforms",className:"w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary rounded-md px-2 py-2",children:"Plataformas"})}),i.jsx("li",{className:"nav-item",children:i.jsx(Fe,{to:"/settings",className:"w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary rounded-md px-2 py-2",children:"Configuración"})})]})})]})})]})}function Ip({onToggleSidebar:e}){const[t,n]=v.useState(""),[r,l]=v.useState(!1),[s,o]=v.useState(!1),a=vr();return i.jsx("header",{className:"sticky top-0 z-40 bg-white border-b border-white-light shadow-sm",role:"banner","aria-label":"Barra superior",children:i.jsxs("div",{className:"relative flex w-full items-center px-4 py-2",children:[i.jsx("div",{className:"horizontal-logo flex lg:hidden justify-between items-center",children:i.jsx("div",{className:"main-logo flex items-center shrink-0",children:i.jsx("span",{className:"text-2xl font-semibold align-middle text-accent",children:"AvanzaCast"})})}),i.jsx("button",{type:"button","aria-label":"Abrir menú lateral",title:"Abrir menú lateral",className:"collapse-icon flex-none hover:text-primary flex lg:hidden p-2 rounded-md bg-white-light/40 focus:outline-none focus:ring-2 focus:ring-primary",onClick:e,children:i.jsx(mp,{className:"w-5 h-5","aria-hidden":!0})}),i.jsx("div",{className:"sm:ltr:mr-auto sm:rtl:ml-auto hidden sm:block",children:i.jsx("form",{className:"relative",action:"#",method:"GET",role:"search","aria-label":"Buscar en AvanzaCast",children:i.jsxs("div",{className:"relative",children:[i.jsx("label",{htmlFor:"search",className:"sr-only",children:"Buscar"}),i.jsx("input",{id:"search",name:"q",type:"text",className:"form-input ltr:pl-9 rtl:pr-9 ltr:sm:pr-4 rtl:sm:pl-4 peer sm:bg-transparent bg-gray-100 placeholder:tracking-widest focus:outline-none focus:ring-2 focus:ring-primary rounded-md py-2 px-3",placeholder:"Buscar...","aria-label":"Buscar",value:t,onChange:u=>n(u.target.value)})]})})}),i.jsxs("div",{className:"ltr:ml-auto rtl:mr-auto flex items-center space-x-1.5 lg:space-x-2",children:[i.jsx("button",{type:"button","aria-label":"Ir en vivo",onClick:()=>a("/studio"),className:"btn btn-gradient !mt-0 border-0 uppercase focus:outline-none focus:ring-2 focus:ring-primary px-3 py-1.5 text-sm",children:i.jsxs("span",{className:"flex items-center",children:[i.jsx("span",{className:"w-2 h-2 bg-white rounded-full animate-pulse ltr:mr-2","aria-hidden":!0}),"Ir en Vivo"]})}),i.jsx("button",{type:"button","aria-label":"Cambiar tema",title:"Cambiar tema",className:"p-2 rounded-md bg-white-light/40 focus:outline-none focus:ring-2 focus:ring-primary",children:i.jsx(Np,{className:"w-5 h-5","aria-hidden":!0})}),i.jsxs("div",{className:"relative",children:[i.jsxs("button",{type:"button","aria-label":"Notificaciones","aria-expanded":r,className:"relative flex items-center p-2 rounded-full bg-white-light/40 focus:outline-none focus:ring-2 focus:ring-primary",onClick:()=>l(!r),children:[i.jsx(gp,{className:"w-5 h-5","aria-hidden":!0}),i.jsx("span",{className:"absolute top-0 right-0 w-2 h-2 rounded-full bg-danger","aria-hidden":!0}),i.jsx("span",{className:"sr-only",children:"Tienes notificaciones"})]}),r&&i.jsxs("div",{role:"dialog","aria-label":"Panel de notificaciones",className:"absolute top-full right-0 mt-2 w-80 bg-white rounded shadow-lg z-50 overflow-hidden",children:[i.jsx("div",{className:"px-4 py-3 border-b border-white-light",children:i.jsx("h5",{className:"font-semibold",children:"Notificaciones"})}),i.jsx("div",{className:"p-4 text-center text-sm",children:"No hay notificaciones nuevas"})]})]}),i.jsxs("div",{className:"relative",children:[i.jsxs("button",{type:"button","aria-label":"Abrir menú de usuario","aria-expanded":s,className:"flex items-center space-x-2 p-2 rounded-full bg-white-light/40 focus:outline-none focus:ring-2 focus:ring-primary",onClick:()=>o(!s),children:[i.jsx("div",{className:"h-9 w-9 rounded-full bg-accent flex items-center justify-center text-white font-semibold",children:i.jsx(Cp,{className:"w-5 h-5"})}),i.jsxs("div",{className:"hidden md:block",children:[i.jsx("h4",{className:"text-xs font-semibold",children:"Usuario"}),i.jsx("span",{className:"text-[10px] text-white-dark",children:"Free Plan"})]})]}),s&&i.jsx("div",{role:"menu","aria-label":"Menú de usuario",className:"absolute top-full right-0 mt-2 w-56 bg-white rounded shadow-lg z-50 overflow-hidden",children:i.jsxs("ul",{className:"py-2",role:"none",children:[i.jsx("li",{role:"none",children:i.jsx("button",{role:"menuitem",className:"w-full text-left px-4 py-2 hover:bg-white-light focus:outline-none focus:ring-2 focus:ring-primary",onClick:()=>a("/profile"),children:"Perfil"})}),i.jsx("li",{role:"none",children:i.jsx("button",{role:"menuitem",className:"w-full text-left px-4 py-2 hover:bg-white-light focus:outline-none focus:ring-2 focus:ring-primary",onClick:()=>a("/settings"),children:"Configuración"})}),i.jsx("li",{role:"none",className:"border-t border-white-light",children:i.jsx("button",{role:"menuitem",className:"w-full text-left px-4 py-2 text-danger hover:bg-white-light focus:outline-none focus:ring-2 focus:ring-primary",onClick:()=>a("/auth/login"),children:"Cerrar Sesión"})})]})})]})]})]})})}function Op({children:e}){const[t,n]=v.useState(!1),r=()=>n(!t);return i.jsxs("div",{className:"min-h-screen bg-[#f1f5f9]",children:[i.jsx(Mp,{isOpen:t,onToggle:r}),i.jsxs("div",{className:"lg:pl-64 flex flex-col min-h-screen",children:[i.jsx(Ip,{onToggleSidebar:r}),i.jsx("main",{className:"flex-1 p-6",children:e})]})]})}const Ap=ld;function Fr(){const e=ld;return i.jsx(Op,{children:i.jsxs(e,{children:[i.jsx(oe,{path:"/broadcasts",element:i.jsx(zp,{})}),i.jsx(oe,{path:"/studio",element:i.jsx(Lp,{})}),i.jsx(oe,{path:"/profile",element:i.jsx("div",{children:"Perfil (placeholder)"})}),i.jsx(oe,{path:"/settings",element:i.jsx("div",{children:"Settings (placeholder)"})})]})})}function Fp(){return i.jsx(Rh,{children:i.jsxs(Ap,{children:[i.jsx(oe,{path:"/",element:i.jsx(La,{})}),i.jsx(oe,{path:"/landing",element:i.jsx(Kh,{})}),i.jsx(oe,{path:"/new-landing",element:i.jsx(up,{})}),i.jsx(oe,{path:"/nextream",element:i.jsx(La,{})}),i.jsx(oe,{path:"/auth/login",element:i.jsx(Tp,{})}),i.jsx(oe,{path:"/auth/register",element:i.jsx(Rp,{})}),i.jsx(oe,{path:"/broadcasts/*",element:i.jsx(Fr,{})}),i.jsx(oe,{path:"/studio/*",element:i.jsx(Fr,{})}),i.jsx(oe,{path:"/profile/*",element:i.jsx(Fr,{})}),i.jsx(oe,{path:"/settings/*",element:i.jsx(Fr,{})})]})})}Qc(document.getElementById("root")).render(i.jsx(Ua.StrictMode,{children:i.jsx(Fp,{})})); + */function Sl(){return Sl=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)&&(n[l]=e[l]);return n}function Eh(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function Ph(e,t){return e.button===0&&(!t||t==="_self")&&!Eh(e)}const bh=["onClick","relative","reloadDocument","replace","state","target","to","preventScrollReset","viewTransition"],zh=["aria-current","caseSensitive","className","end","style","to","viewTransition","children"],Lh="6";try{window.__reactRouterVersion=Lh}catch{}const _h=v.createContext({isTransitioning:!1}),Th="startTransition",Pa=Ed[Th];function Rh(e){let{basename:t,children:n,future:r,window:l}=e,s=v.useRef();s.current==null&&(s.current=Fm({window:l,v5Compat:!0}));let o=s.current,[a,u]=v.useState({action:o.action,location:o.location}),{v7_startTransition:c}=r||{},m=v.useCallback(p=>{c&&Pa?Pa(()=>u(p)):u(p)},[u,c]);return v.useLayoutEffect(()=>o.listen(m),[o,m]),v.useEffect(()=>Sh(r),[r]),v.createElement(Ch,{basename:t,children:n,location:a.location,navigationType:a.action,navigator:o,future:r})}const Mh=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",Ih=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,Lt=v.forwardRef(function(t,n){let{onClick:r,relative:l,reloadDocument:s,replace:o,state:a,target:u,to:c,preventScrollReset:m,viewTransition:p}=t,g=id(t,bh),{basename:y}=v.useContext(Nt),w,j=!1;if(typeof c=="string"&&Ih.test(c)&&(w=c,Mh))try{let h=new URL(window.location.href),x=c.startsWith("//")?new URL(h.protocol+c):new URL(c),k=gn(x.pathname,y);x.origin===h.origin&&k!=null?c=k+x.search+x.hash:j=!0}catch{}let S=uh(c,{relative:l}),f=Ah(c,{replace:o,state:a,target:u,preventScrollReset:m,relative:l,viewTransition:p});function d(h){r&&r(h),h.defaultPrevented||f(h)}return v.createElement("a",Sl({},g,{href:w||S,onClick:j||s?r:d,ref:n,target:u}))}),Fe=v.forwardRef(function(t,n){let{"aria-current":r="page",caseSensitive:l=!1,className:s="",end:o=!1,style:a,to:u,viewTransition:c,children:m}=t,p=id(t,zh),g=Wl(u,{relative:p.relative}),y=xr(),w=v.useContext(Jc),{navigator:j,basename:S}=v.useContext(Nt),f=w!=null&&Fh(g)&&c===!0,d=j.encodeLocation?j.encodeLocation(g).pathname:g.pathname,h=y.pathname,x=w&&w.navigation&&w.navigation.location?w.navigation.location.pathname:null;l||(h=h.toLowerCase(),x=x?x.toLowerCase():null,d=d.toLowerCase()),x&&S&&(x=gn(x,S)||x);const k=d!=="/"&&d.endsWith("/")?d.length-1:d.length;let C=h===d||!o&&h.startsWith(d)&&h.charAt(k)==="/",b=x!=null&&(x===d||!o&&x.startsWith(d)&&x.charAt(d.length)==="/"),z={isActive:C,isPending:b,isTransitioning:f},B=C?r:void 0,_;typeof s=="function"?_=s(z):_=[s,C?"active":null,b?"pending":null,f?"transitioning":null].filter(Boolean).join(" ");let xe=typeof a=="function"?a(z):a;return v.createElement(Lt,Sl({},p,{"aria-current":B,className:_,ref:n,style:xe,to:u,viewTransition:c}),typeof m=="function"?m(z):m)});var gs;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(gs||(gs={}));var ba;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(ba||(ba={}));function Oh(e){let t=v.useContext(Ul);return t||H(!1),t}function Ah(e,t){let{target:n,replace:r,state:l,preventScrollReset:s,relative:o,viewTransition:a}=t===void 0?{}:t,u=vr(),c=xr(),m=Wl(e,{relative:o});return v.useCallback(p=>{if(Ph(p,n)){p.preventDefault();let g=r!==void 0?r:jl(c)===jl(m);u(e,{replace:g,state:l,preventScrollReset:s,relative:o,viewTransition:a})}},[c,u,m,r,l,n,e,s,o,a])}function Fh(e,t){t===void 0&&(t={});let n=v.useContext(_h);n==null&&H(!1);let{basename:r}=Oh(gs.useViewTransitionState),l=Wl(e,{relative:t.relative});if(!n.isTransitioning)return!1;let s=gn(n.currentLocation.pathname,r)||n.currentLocation.pathname,o=gn(n.nextLocation.pathname,r)||n.nextLocation.pathname;return Nl(l.pathname,o)!=null||Nl(l.pathname,s)!=null}const Dh=[{image:"📅",color:"bg-red-500",title:"Cómo programar una transmisión en vivo en YouTube",author:"Kelsey Bentz",tag:"YouTube"},{image:"🎙️",color:"bg-blue-600",title:"7 formas de mejorar el audio de la transmisión en vivo",author:"AvanzaCast",tag:"Audio"},{image:"⏱️",color:"bg-yellow-500",title:"¿Cuánto tiempo debe durar un podcast? Elegir la duración adecuada del episodio",author:"AvanzaCast",tag:"Podcast"},{image:"📺",color:"bg-blue-700",title:"Cómo realizar una transmisión en vivo de prueba sin ir en vivo | 3 formas fáciles",author:"AvanzaCast",tag:"Tutorial"}];function Bh(){return i.jsxs(i.Fragment,{children:[i.jsx("section",{className:"bg-gradient-to-r from-blue-600 via-purple-600 to-green-500 py-20",children:i.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center",children:[i.jsx("h2",{className:"text-3xl lg:text-4xl font-bold text-white mb-8",children:"Transmite mejor, crece más rápido"}),i.jsx("p",{className:"text-xl text-white/90 mb-8 max-w-4xl mx-auto",children:"Descubre consejos de expertos, guías prácticas y acciones reales diseñadas para ayudarte a crear contenido de alta calidad, involucrar a tu audiencia y aumentar tu presencia—una transmisión a la vez."}),i.jsx("button",{className:"text-blue-600 bg-white hover:bg-gray-50 px-6 py-3 rounded-lg font-medium transition-colors",children:"Ver todas las publicaciones"})]})}),i.jsx("section",{className:"bg-white py-20",children:i.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:i.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-4 gap-8",children:Dh.map((e,t)=>i.jsxs("article",{className:"group cursor-pointer",children:[i.jsxs("div",{className:`${e.color} rounded-2xl p-6 mb-4 text-center text-white relative overflow-hidden hover:scale-105 transition-transform`,children:[i.jsx("div",{className:"text-6xl mb-4",children:e.image}),i.jsx("div",{className:"absolute bottom-4 left-4 right-4",children:i.jsx("p",{className:"text-sm opacity-90",children:"avanzacast.com/blog"})})]}),i.jsxs("div",{className:"space-y-2",children:[i.jsx("div",{className:"flex items-center space-x-2",children:i.jsx("span",{className:"text-xs bg-gray-100 text-gray-600 px-2 py-1 rounded-full",children:e.tag})}),i.jsxs("p",{className:"text-sm text-gray-500",children:["Escrito por ",i.jsx("span",{className:"text-blue-600 font-medium",children:e.author})]}),i.jsx("h3",{className:"font-bold text-gray-900 group-hover:text-blue-600 transition-colors line-clamp-3",children:e.title}),i.jsxs("button",{className:"text-blue-600 text-sm font-medium flex items-center hover:text-blue-800 transition-colors",children:["Leer más",i.jsx("svg",{className:"w-4 h-4 ml-1",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})]})]})]},t))})})})]})}const Uh=["YouTube","Twitch","Facebook","LinkedIn","TikTok"],$h=[{name:"Microsoft",logo:"🏢"},{name:"Adobe",logo:"🎨"},{name:"Netflix",logo:"🎬"},{name:"Spotify",logo:"🎵"},{name:"Google",logo:"🔍"},{name:"Meta",logo:"📘"}];function Wh(){return i.jsxs(i.Fragment,{children:[i.jsx("section",{className:"bg-white py-20",children:i.jsxs("div",{className:"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center",children:[i.jsx("h2",{className:"text-3xl lg:text-5xl font-bold text-gray-900 mb-8",children:"Transmite profesionalmente desde el primer día"}),i.jsx("p",{className:"text-xl text-gray-600 mb-10 leading-relaxed",children:"Con AvanzaCast, no necesitas ser un experto en tecnología para crear transmisiones de alta calidad. Comienza en minutos y crece con nosotros."}),i.jsxs("div",{className:"flex flex-col sm:flex-row gap-6 justify-center items-center mb-8",children:[i.jsx("a",{href:"/auth/register",children:i.jsx("button",{className:"bg-gradient-to-r from-teal-600 to-teal-700 hover:from-teal-700 hover:to-teal-800 text-white px-10 py-5 text-xl font-bold rounded-xl transition-all duration-200 transform hover:scale-105 hover:shadow-xl active:scale-95 shadow-lg",children:"Comenzar prueba gratuita"})}),i.jsx("button",{className:"text-gray-600 hover:text-gray-800 font-semibold underline transition-colors text-lg hover:bg-white px-4 py-3 rounded-lg hover:shadow-sm",children:"Ver demos en vivo"})]}),i.jsx("p",{className:"text-sm text-gray-500",children:"✓ Sin tarjeta de crédito requerida • ✓ Configuración en 2 minutos • ✓ Soporte 24/7"})]})}),i.jsx("section",{className:"bg-gray-50 py-16",children:i.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center",children:[i.jsx("p",{className:"text-gray-500 text-lg mb-8",children:"Confiado por más de 4 millones de creadores"}),i.jsx("div",{className:"grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-8 items-center opacity-60",children:$h.map((e,t)=>i.jsxs("div",{className:"flex flex-col items-center space-y-2 hover:opacity-100 transition-opacity",children:[i.jsx("div",{className:"text-3xl",children:e.logo}),i.jsx("span",{className:"text-sm font-medium text-gray-400",children:e.name})]},t))})]})}),i.jsx("section",{className:"py-20 bg-gradient-to-r from-blue-50 to-indigo-50",children:i.jsxs("div",{className:"max-w-4xl mx-auto text-center px-4 sm:px-6 lg:px-8",children:[i.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-gray-900 mb-4",children:"¿Listo para elevar tu contenido?"}),i.jsx("p",{className:"text-xl text-gray-600 mb-8",children:"Únete a miles de creadores que ya confían en AvanzaCast para sus transmisiones profesionales"}),i.jsxs("div",{className:"flex flex-col sm:flex-row gap-6 justify-center mb-8",children:[i.jsx("a",{href:"/auth/register",children:i.jsx("button",{className:"w-full sm:w-auto bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white px-10 py-5 text-xl font-bold rounded-xl transition-all duration-200 transform hover:scale-105 hover:shadow-xl active:scale-95 shadow-lg",children:"🚀 Crear Cuenta Gratis"})}),i.jsx("button",{className:"w-full sm:w-auto border-2 border-gray-300 hover:border-gray-400 bg-white hover:bg-gray-50 text-gray-700 px-10 py-5 text-xl font-bold rounded-xl transition-all duration-200 transform hover:scale-105 hover:shadow-lg active:scale-95",children:"📞 Contactar Ventas"})]}),i.jsxs("div",{className:"pt-8 border-t border-gray-200",children:[i.jsx("p",{className:"text-sm text-gray-500 mb-4",children:"Confiado por creadores en todo el mundo"}),i.jsx("div",{className:"flex justify-center items-center space-x-8 opacity-60",children:Uh.map((e,t)=>i.jsx("div",{className:"text-gray-400 font-medium hover:text-gray-600 hover:-translate-y-0.5 transition-all duration-200 cursor-pointer",children:e},e))})]})]})}),i.jsx("footer",{className:"bg-gray-900 text-white py-12",children:i.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[i.jsxs("div",{className:"grid md:grid-cols-4 gap-8",children:[i.jsxs("div",{children:[i.jsx("div",{className:"mb-4",children:i.jsx("img",{src:"/images/logoavanzacast_white.png",alt:"AvanzaCast",className:"h-12 w-auto"})}),i.jsx("p",{className:"text-gray-400 mb-6",children:"La plataforma profesional de streaming que necesitas para crear contenido de calidad."}),i.jsxs("div",{className:"flex space-x-4",children:[i.jsx("a",{href:"#",className:"text-gray-400 hover:text-white transition-colors",children:i.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{d:"M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"})})}),i.jsx("a",{href:"#",className:"text-gray-400 hover:text-white transition-colors",children:i.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{d:"M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z"})})}),i.jsx("a",{href:"#",className:"text-gray-400 hover:text-white transition-colors",children:i.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{d:"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"})})})]})]}),["Producto","Soporte","Empresa"].map((e,t)=>i.jsxs("div",{children:[i.jsx("h4",{className:"font-semibold mb-4",children:e}),i.jsxs("ul",{className:"space-y-2 text-gray-400",children:[i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white transition-colors",children:"Enlace 1"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white transition-colors",children:"Enlace 2"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white transition-colors",children:"Enlace 3"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white transition-colors",children:"Enlace 4"})})]})]},t))]}),i.jsxs("div",{className:"border-t border-gray-700 mt-8 pt-8 flex flex-col md:flex-row justify-between items-center text-gray-400",children:[i.jsx("p",{children:"© 2024 AvanzaCast. Todos los derechos reservados."}),i.jsxs("div",{className:"flex space-x-6 mt-4 md:mt-0",children:[i.jsx("a",{href:"/privacy",className:"hover:text-white transition-colors",children:"Política de Privacidad"}),i.jsx("a",{href:"/terms",className:"hover:text-white transition-colors",children:"Términos de Servicio"}),i.jsx("a",{href:"/cookies",className:"hover:text-white transition-colors",children:"Cookies"})]})]})]})})]})}function Vh(){const[e,t]=v.useState(""),[n,r]=v.useState(!1),[l]=v.useState({name:"Nextv",email:"nextv.stream@gmail.com",initial:"N"}),s=vr(),o=c=>{c.preventDefault(),s(`/auth/register?email=${encodeURIComponent(e)}`)},a=()=>{setTimeout(()=>r(!0),600)},u=()=>{s("/broadcasts")};return i.jsx("section",{className:"relative bg-white py-20 lg:py-32",children:i.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:i.jsxs("div",{className:"grid lg:grid-cols-2 gap-16 items-center",children:[i.jsx("div",{className:"space-y-8",children:i.jsxs("div",{className:"space-y-6",children:[i.jsxs("h1",{className:"text-4xl lg:text-6xl font-black text-gray-900 leading-tight",children:["La manera más sencilla de",i.jsx("br",{}),i.jsx("span",{className:"text-gray-900",children:"grabar y transmitir"}),i.jsx("br",{}),i.jsx("span",{className:"text-gray-900",children:"en vivo"})]}),i.jsx("p",{className:"text-xl text-gray-600 leading-relaxed max-w-lg",children:"AvanzaCast es un estudio profesional para grabar y hacer transmisiones en vivo desde tu navegador. Graba contenido o transmite en vivo a Facebook, YouTube y otras plataformas."}),i.jsx("div",{className:"bg-blue-50 border border-blue-200 rounded-lg p-4",children:i.jsxs("div",{className:"flex items-start",children:[i.jsx("div",{className:"text-blue-600 mr-3 mt-0.5",children:"ℹ️"}),i.jsxs("div",{children:[i.jsx("p",{className:"text-blue-900 font-medium",children:"¡Te refieres a AvanzaCast!"}),i.jsx("p",{className:"text-blue-700 text-sm",children:"Recibirás una prueba gratuita de 14 días. No se requiere tarjeta."})]})]})})]})}),i.jsxs("div",{className:"bg-white rounded-2xl shadow-xl border border-gray-200 p-6 max-w-md mx-auto",children:[i.jsx("div",{className:"mb-4",children:n?i.jsxs("button",{onClick:u,className:"w-full flex items-center px-4 py-2.5 border border-gray-300 rounded-lg shadow-sm bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors",children:[i.jsx("div",{className:"w-7 h-7 bg-purple-600 rounded-full flex items-center justify-center",children:i.jsx("span",{className:"text-white text-sm font-bold",children:l.initial})}),i.jsxs("div",{className:"flex-1 ml-3",children:[i.jsxs("p",{className:"text-sm font-medium text-gray-900",children:["Continuar como ",l.name]}),i.jsx("p",{className:"text-xs text-gray-500",children:l.email})]}),i.jsx("svg",{className:"w-4 h-4 text-gray-400",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"})})]}):i.jsx("button",{onClick:a,className:"w-full flex items-center justify-center px-4 py-2.5 border border-gray-300 rounded-md shadow-sm bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors",children:i.jsxs("div",{className:"flex items-center space-x-3",children:[i.jsxs("svg",{className:"w-5 h-5",viewBox:"0 0 24 24",children:[i.jsx("path",{fill:"#4285F4",d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"}),i.jsx("path",{fill:"#34A853",d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"}),i.jsx("path",{fill:"#FBBC04",d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"}),i.jsx("path",{fill:"#EA4335",d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"})]}),i.jsx("span",{className:"text-sm font-medium text-gray-700",children:"Continuar con Google"})]})})}),i.jsxs("div",{className:"relative mb-4",children:[i.jsx("div",{className:"absolute inset-0 flex items-center",children:i.jsx("div",{className:"w-full border-t border-gray-200"})}),i.jsx("div",{className:"relative flex justify-center text-sm",children:i.jsx("span",{className:"px-3 bg-white text-gray-500",children:"O continúa con tu correo"})})]}),i.jsxs("form",{onSubmit:o,className:"space-y-4",children:[i.jsx("div",{children:i.jsx("input",{type:"email",value:e,onChange:c=>t(c.target.value),placeholder:"Ingresa tu dirección de correo electrónico",className:"w-full px-6 py-4 text-base border-2 border-gray-300 rounded-xl focus:ring-4 focus:ring-blue-500/20 focus:border-blue-500 transition-all duration-200 placeholder:text-gray-500 hover:border-gray-400 shadow-sm hover:shadow-md",required:!0})}),i.jsx("button",{type:"submit",className:"w-full bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white py-4 px-6 rounded-xl font-bold text-base transition-all duration-200 transform hover:scale-105 hover:shadow-lg active:scale-95 shadow-md",children:"¡Empiezo gratis ahora!"}),i.jsx("div",{className:"text-center py-2",children:i.jsx("p",{className:"text-green-600 font-medium text-xs",children:"¡Confiado por más de 12,000,000 creadores!"})}),i.jsx("div",{className:"text-xs text-gray-500 text-center leading-tight",children:i.jsxs("p",{children:["Al continuar, aceptas nuestros"," ",i.jsx(Lt,{to:"/terms",className:"text-blue-600 hover:underline",children:"Términos de Servicio"}),", "," ",i.jsx(Lt,{to:"/privacy-policy",className:"text-blue-600 hover:underline",children:"Política de Uso"}),", y reconoces nuestra"," ",i.jsx(Lt,{to:"/privacy",className:"text-blue-600 hover:underline",children:"Política de Privacidad"}),"."]})}),i.jsx("div",{className:"text-center pt-2",children:i.jsxs("p",{className:"text-sm text-gray-600",children:["¿Ya usas AvanzaCast?"," ",i.jsx(Lt,{to:"/auth/login",className:"text-blue-600 hover:underline font-medium",children:"Inicia sesión"}),"."]})})]})]})]})})})}function Hh(){return i.jsx("section",{className:"bg-gray-50 py-20",children:i.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[i.jsxs("div",{className:"grid lg:grid-cols-2 gap-16 items-center mb-20",children:[i.jsxs("div",{children:[i.jsx("h2",{className:"text-3xl lg:text-4xl font-bold text-gray-900 mb-6",children:"Transmite en vivo o graba podcasts con invitados remotos"}),i.jsx("p",{className:"text-xl text-gray-600 leading-relaxed",children:"Los invitados pueden unirse fácilmente desde su navegador o teléfono en unos pocos clics. No hace falta descargar ningún software."}),i.jsx("div",{className:"mt-8",children:i.jsx("button",{className:"bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white px-8 py-4 rounded-xl font-bold text-lg transition-all duration-200 transform hover:scale-105 hover:shadow-xl active:scale-95 shadow-lg",children:"Invitar colaboradores"})})]}),i.jsx("div",{className:"bg-pink-100 rounded-3xl p-8",children:i.jsxs("div",{className:"bg-white rounded-2xl p-6 shadow-lg",children:[i.jsxs("div",{className:"flex items-center space-x-4 mb-4",children:[i.jsx("div",{className:"w-20 h-16 bg-gray-300 rounded flex items-center justify-center",children:i.jsx("span",{className:"text-xs font-medium",children:"James"})}),i.jsx("div",{className:"w-20 h-16 bg-gray-300 rounded flex items-center justify-center",children:i.jsx("span",{className:"text-xs font-medium",children:"Helena"})})]}),i.jsxs("div",{className:"bg-purple-600 rounded-lg p-4 text-center",children:[i.jsx("div",{className:"text-white text-lg font-semibold",children:"Melanie Dyann Howe"}),i.jsx("div",{className:"text-purple-200 text-sm",children:"Anfitriona"})]})]})})]}),i.jsxs("div",{className:"grid lg:grid-cols-2 gap-16 items-center",children:[i.jsx("div",{className:"order-2 lg:order-1",children:i.jsxs("div",{className:"bg-gradient-to-r from-purple-600 to-blue-600 rounded-3xl p-8 text-white",children:[i.jsxs("div",{className:"flex items-center justify-between mb-4",children:[i.jsx("span",{className:"text-sm opacity-80",children:"Zoom"}),i.jsx("span",{className:"text-sm font-semibold",children:"AvanzaCast"})]}),i.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[i.jsx("div",{className:"bg-black/20 rounded-lg aspect-video flex items-center justify-center",children:i.jsx("span",{className:"text-xs",children:"📹 Video Feed 1"})}),i.jsx("div",{className:"bg-black/20 rounded-lg aspect-video flex items-center justify-center",children:i.jsx("span",{className:"text-xs",children:"📹 Video Feed 2"})})]}),i.jsx("div",{className:"mt-4 text-center",children:i.jsxs("div",{className:"inline-flex items-center bg-green-500 text-white px-3 py-1 rounded-full text-xs",children:[i.jsx("div",{className:"w-2 h-2 bg-white rounded-full mr-2"}),"Grabando en HD"]})})]})}),i.jsxs("div",{className:"order-1 lg:order-2",children:[i.jsx("h2",{className:"text-3xl lg:text-4xl font-bold text-gray-900 mb-6",children:"Grabaciones con calidad de estudio, independientemente de tu conexión"}),i.jsx("p",{className:"text-xl text-gray-600 leading-relaxed mb-8",children:"¿Te cansaste de que tus podcasts queden arruinados con Zoom y Skype? Con las grabaciones locales, se graba un archivo de video separado de cada invitado directamente en su computadora, sin importar qué tan mala sea su conexión a internet."}),i.jsxs("div",{className:"space-y-4",children:[i.jsxs("div",{className:"flex items-center space-x-3",children:[i.jsx("div",{className:"w-5 h-5 bg-green-500 rounded-full flex items-center justify-center",children:i.jsx("svg",{className:"w-3 h-3 text-white",fill:"currentColor",viewBox:"0 0 20 20",children:i.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})}),i.jsx("span",{className:"text-gray-600",children:"Grabación local en cada dispositivo"})]}),i.jsxs("div",{className:"flex items-center space-x-3",children:[i.jsx("div",{className:"w-5 h-5 bg-green-500 rounded-full flex items-center justify-center",children:i.jsx("svg",{className:"w-3 h-3 text-white",fill:"currentColor",viewBox:"0 0 20 20",children:i.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})}),i.jsx("span",{className:"text-gray-600",children:"Calidad 4K independiente de la conexión"})]}),i.jsxs("div",{className:"flex items-center space-x-3",children:[i.jsx("div",{className:"w-5 h-5 bg-green-500 rounded-full flex items-center justify-center",children:i.jsx("svg",{className:"w-3 h-3 text-white",fill:"currentColor",viewBox:"0 0 20 20",children:i.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})}),i.jsx("span",{className:"text-gray-600",children:"Sincronización automática"})]})]})]})]})]})})}const _n=[{icon:"/images/carousel_recording.svg",title:"Recording",description:"Graba contenido de alta calidad"},{icon:"/images/carousel_streaming.svg",title:"Streaming",description:"Transmite en vivo a múltiples plataformas"},{icon:"/images/carousel_guests.svg",title:"Guests",description:"Invita colaboradores fácilmente"},{icon:"/images/carousel_branding.svg",title:"Branding",description:"Personaliza tu transmisión"},{icon:"/images/carousel_engagement.svg",title:"Engagement",description:"Interactúa con tu audiencia"},{icon:"/images/carousel_podcasts.svg",title:"Podcasts",description:"Crea podcasts profesionales"},{icon:"/images/carousel_repurpose.svg",title:"Repurpose",description:"Reutiliza tu contenido"}];function Qh(){const e=v.useRef(null),t=12,n=Array.from({length:t},()=>_n).flat(),r=()=>{e.current&&e.current.scrollBy({left:-320,behavior:"smooth"})},l=()=>{e.current&&e.current.scrollBy({left:320,behavior:"smooth"})};return v.useEffect(()=>{if(e.current){const o=_n.length*312*Math.floor(t/2);e.current.scrollLeft=o}},[]),v.useEffect(()=>{let s;const o=e.current,a=()=>{if(!o)return;const u=_n.length*(288+24),c=u*t,m=u*Math.floor(t/2),p=50;requestAnimationFrame(()=>{(o.scrollLeft<=p||o.scrollLeft>=c-o.clientWidth-p)&&(o.scrollLeft=m)})};if(o){const u=()=>{clearTimeout(s),s=setTimeout(a,150)};return o.addEventListener("scroll",u,{passive:!0}),()=>{o.removeEventListener("scroll",u),clearTimeout(s)}}},[]),i.jsx("section",{className:"bg-gray-50 py-16 w-full",children:i.jsxs("div",{className:"w-full",children:[i.jsx("div",{className:"text-center mb-12 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto",children:i.jsx("p",{className:"text-gray-600 mb-8",children:"AvanzaCast es un estudio profesional para grabar y hacer transmisiones en vivo desde tu navegador. Graba contenido o transmite en vivo a Facebook, YouTube y otras plataformas."})}),i.jsxs("div",{className:"relative w-full",children:[i.jsx("button",{onClick:r,className:"absolute left-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 rounded-full bg-white shadow-lg border border-gray-200 flex items-center justify-center hover:bg-gray-50 cursor-pointer transition-all",children:i.jsx("svg",{className:"w-6 h-6 text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),i.jsx("button",{onClick:l,className:"absolute right-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 rounded-full bg-white shadow-lg border border-gray-200 flex items-center justify-center hover:bg-gray-50 cursor-pointer transition-all",children:i.jsx("svg",{className:"w-6 h-6 text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})}),i.jsx("div",{ref:e,className:"flex space-x-6 overflow-x-auto scrollbar-hide carousel-smooth pb-4 px-16",children:n.map((s,o)=>{const a=Math.floor(o/_n.length),u=o%_n.length;return i.jsx("div",{className:"flex-shrink-0 w-72",children:i.jsx(Lt,{to:"/auth/register",className:"block group hover:scale-105 transition-transform duration-200",children:i.jsxs("div",{className:"bg-white rounded-2xl p-6 text-center shadow-sm hover:shadow-lg transition-all duration-200 border border-gray-100 hover:border-blue-200",children:[i.jsx("div",{className:"mb-6 overflow-hidden rounded-xl",children:i.jsx("img",{src:s.icon,alt:s.title,className:"w-full h-40 object-cover group-hover:scale-110 transition-transform duration-300"})}),i.jsx("h5",{className:"font-bold text-gray-900 text-lg mb-2 group-hover:text-blue-600 transition-colors",children:s.title})]})})},`set-${a}-item-${u}-${s.title}`)})})]})]})})}const Tn=[{text:"Esta probablemente sea la plataforma de transmisión más fácil de usar que conozco...",author:"Bomeca Trotter"},{text:"Uso AvanzaCast desde hace mucho tiempo y sigo eligiéndolo...",author:"Krissy Buck"},{text:"Hace dos años que uso este sistema y me encanta!",author:"Joy Ann Lajeret"},{text:"La integración con múltiples plataformas es perfecta...",author:"Carlos Mendoza"},{text:"Como creadora de contenido, necesitaba una herramienta confiable...",author:"María González"}];function Gh(){const e=v.useRef(null),[t,n]=v.useState(!0),r=12,l=Array.from({length:r},()=>Tn).flat(),s=()=>{e.current&&e.current.scrollBy({left:-400,behavior:"smooth"})},o=()=>{e.current&&e.current.scrollBy({left:400,behavior:"smooth"})};return v.useEffect(()=>{if(e.current){const u=Tn.length*400*Math.floor(r/2);e.current.scrollLeft=u}},[]),v.useEffect(()=>{if(!t||!e.current)return;const a=setInterval(()=>o(),4e3);return()=>clearInterval(a)},[t]),v.useEffect(()=>{let a;const u=e.current,c=()=>{if(!u)return;const m=Tn.length*400,p=m*r,g=m*Math.floor(r/2),y=100;requestAnimationFrame(()=>{(u.scrollLeft<=y||u.scrollLeft>=p-u.clientWidth-y)&&(u.scrollLeft=g)})};if(u){const m=()=>{clearTimeout(a),a=setTimeout(c,150)};return u.addEventListener("scroll",m,{passive:!0}),()=>{u.removeEventListener("scroll",m),clearTimeout(a)}}},[]),i.jsx("section",{className:"bg-white py-20",children:i.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center",children:[i.jsx("h2",{className:"text-3xl lg:text-5xl font-black text-gray-900 mb-16",children:"Ya se crearon más de 60 millones de transmisiones y grabaciones en AvanzaCast"}),i.jsxs("div",{className:"relative w-full",children:[i.jsx("button",{onClick:s,className:"absolute left-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 rounded-full bg-white shadow-lg border border-gray-200 flex items-center justify-center hover:bg-gray-50 cursor-pointer transition-all",children:i.jsx("svg",{className:"w-6 h-6 text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),i.jsx("button",{onClick:o,className:"absolute right-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 rounded-full bg-white shadow-lg border border-gray-200 flex items-center justify-center hover:bg-gray-50 cursor-pointer transition-all",children:i.jsx("svg",{className:"w-6 h-6 text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})}),i.jsx("div",{ref:e,className:"flex space-x-8 overflow-x-auto scrollbar-hide carousel-smooth pb-4 px-16",onMouseEnter:()=>n(!1),onMouseLeave:()=>n(!0),children:l.map((a,u)=>{const c=Math.floor(u/Tn.length),m=u%Tn.length;return i.jsx("div",{className:"flex-shrink-0 w-80",children:i.jsxs("div",{className:"bg-gray-50 p-8 rounded-2xl h-full",children:[i.jsxs("p",{className:"text-gray-700 italic mb-6 leading-relaxed text-sm",children:["“",a.text,"”"]}),i.jsx("p",{className:"font-semibold text-gray-900",children:a.author})]})},`testimonial-set-${c}-item-${m}-${a.author}`)})})]}),i.jsx("div",{className:"flex justify-center space-x-4 mt-8",children:i.jsx("button",{onClick:()=>n(!t),className:"text-sm text-gray-500 hover:text-gray-700 flex items-center space-x-1 transition-colors",children:t?i.jsxs(i.Fragment,{children:[i.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M10 9v6m4-6v6"})}),i.jsx("span",{children:"Pausar auto-scroll"})]}):i.jsxs(i.Fragment,{children:[i.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M14.828 14.828a4 4 0 01-5.656 0M9 10h1m4 0h1m-6 4h.01M15 14h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})}),i.jsx("span",{children:"Reanudar auto-scroll"})]})})})]})})}function Kh(){return v.useEffect(()=>{const e=document.createElement("script");return e.src="/next-assets/js/main.js",e.async=!0,document.body.appendChild(e),()=>{document.body.removeChild(e)}},[]),i.jsxs("div",{className:"bg-white",children:[i.jsx("header",{className:"bg-white py-6",children:i.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between",children:[i.jsx("a",{href:"/",className:"text-2xl font-bold",children:"AvanzaCast"}),i.jsxs("div",{className:"space-x-4",children:[i.jsx("a",{href:"/auth/login",className:"text-gray-700",children:"Accede"}),i.jsx("a",{href:"/auth/register",className:"bg-blue-600 text-white px-4 py-2 rounded-lg",children:"Empezamos"})]})]})}),i.jsxs("main",{children:[i.jsx(Vh,{}),i.jsx(Qh,{}),i.jsx(Hh,{}),i.jsx(Bh,{}),i.jsx(Gh,{}),i.jsx(Wh,{})]})]})}const Yh=()=>i.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("line",{x1:"3",y1:"12",x2:"21",y2:"12"}),i.jsx("line",{x1:"3",y1:"6",x2:"21",y2:"6"}),i.jsx("line",{x1:"3",y1:"18",x2:"21",y2:"18"})]}),Xh=()=>i.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),i.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),za=()=>i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:i.jsx("polyline",{points:"6 9 12 15 18 9"})}),qh=()=>i.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("path",{d:"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"}),i.jsx("path",{d:"M19 10v2a7 7 0 0 1-14 0v-2"}),i.jsx("line",{x1:"12",y1:"19",x2:"12",y2:"23"}),i.jsx("line",{x1:"8",y1:"23",x2:"16",y2:"23"})]}),Zh=()=>i.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("path",{d:"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"}),i.jsx("circle",{cx:"9",cy:"7",r:"4"}),i.jsx("path",{d:"M23 21v-2a4 4 0 0 0-3-3.87m-3-12a4 4 0 0 1 0 7.75"})]}),Jh=()=>i.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("path",{d:"M23 7l-7 5 7 5V7z"}),i.jsx("rect",{x:"1",y:"5",width:"15",height:"14",rx:"2",ry:"2"})]}),ep=()=>{const[e,t]=v.useState(!1),[n,r]=v.useState(!1),[l,s]=v.useState(!1),o=()=>t(!e);return i.jsx("header",{className:"sticky top-0 bg-white border-b border-gray-200 z-50 shadow-sm",children:i.jsxs("div",{className:"max-w-[1280px] mx-auto px-5",children:[i.jsxs("div",{className:"flex items-center justify-between h-20",children:[i.jsx("a",{href:"/",className:"flex items-center",children:i.jsx("img",{src:"/images/logo.svg",alt:"AvanzaCast",className:"h-10 w-auto"})}),i.jsxs("nav",{className:"hidden lg:flex items-center gap-8",children:[i.jsxs("ul",{className:"flex items-center gap-8 list-none m-0 p-0",children:[i.jsxs("li",{className:"relative",onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:[i.jsxs("a",{href:"#",className:"flex items-center gap-1 text-gray-700 hover:text-blue-600 transition-colors no-underline",children:["Producto",i.jsx(za,{})]}),n&&i.jsxs("ul",{className:"absolute top-full left-0 mt-2 bg-white border border-gray-200 rounded-lg shadow-lg min-w-[220px] p-2",children:[i.jsx("li",{children:i.jsxs("a",{href:"#",className:"flex items-center gap-3 px-4 py-3 hover:bg-gray-50 rounded text-gray-700 no-underline",children:[i.jsx(qh,{}),i.jsx("span",{children:"Grabación"})]})}),i.jsx("li",{children:i.jsxs("a",{href:"#",className:"flex items-center gap-3 px-4 py-3 hover:bg-gray-50 rounded text-gray-700 no-underline",children:[i.jsx(Jh,{}),i.jsx("span",{children:"Multistream"})]})}),i.jsx("li",{children:i.jsxs("a",{href:"#",className:"flex items-center gap-3 px-4 py-3 hover:bg-gray-50 rounded text-gray-700 no-underline",children:[i.jsx(Zh,{}),i.jsx("span",{children:"Invitados"})]})})]})]}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"text-gray-700 hover:text-blue-600 transition-colors no-underline",children:"Contacto"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"text-gray-700 hover:text-blue-600 transition-colors no-underline",children:"Precios"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"text-gray-700 hover:text-blue-600 transition-colors no-underline",children:"Novedades"})}),i.jsxs("li",{className:"relative",onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),children:[i.jsxs("a",{href:"#",className:"flex items-center gap-1 text-gray-700 hover:text-blue-600 transition-colors no-underline",children:["Para empresas",i.jsx(za,{})]}),l&&i.jsxs("ul",{className:"absolute top-full left-0 mt-2 bg-white border border-gray-200 rounded-lg shadow-lg min-w-[220px] p-2",children:[i.jsx("li",{children:i.jsx("a",{href:"#",className:"flex items-center gap-3 px-4 py-3 hover:bg-gray-50 rounded text-gray-700 no-underline",children:"Soluciones empresariales"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"flex items-center gap-3 px-4 py-3 hover:bg-gray-50 rounded text-gray-700 no-underline",children:"Casos de uso"})})]})]}),i.jsx("li",{children:i.jsx("a",{href:"/auth/login",className:"text-gray-700 hover:text-blue-600 transition-colors no-underline",children:"Accede"})})]}),i.jsx("a",{href:"/auth/register",className:"bg-blue-600 text-white px-8 py-4 rounded-lg hover:bg-blue-700 transition-colors no-underline font-medium",children:"Empecemos"})]}),i.jsx("button",{className:"lg:hidden p-2 text-gray-700 hover:text-blue-600",onClick:o,"aria-label":"Toggle menu",children:e?i.jsx(Xh,{}):i.jsx(Yh,{})})]}),e&&i.jsx("nav",{className:"lg:hidden py-4 border-t border-gray-200",children:i.jsxs("ul",{className:"flex flex-col gap-4 list-none m-0 p-0",children:[i.jsx("li",{children:i.jsx("a",{href:"#",className:"block py-2 text-gray-700 hover:text-blue-600 no-underline",children:"Producto"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"block py-2 text-gray-700 hover:text-blue-600 no-underline",children:"Contacto"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"block py-2 text-gray-700 hover:text-blue-600 no-underline",children:"Precios"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"block py-2 text-gray-700 hover:text-blue-600 no-underline",children:"Novedades"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"block py-2 text-gray-700 hover:text-blue-600 no-underline",children:"Para empresas"})}),i.jsx("li",{children:i.jsx("a",{href:"/auth/login",className:"block py-2 text-gray-700 hover:text-blue-600 no-underline",children:"Accede"})}),i.jsx("li",{children:i.jsx("a",{href:"/auth/register",className:"block bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors no-underline text-center font-medium",children:"Empecemos"})})]})})]})})},tp=()=>{const[e,t]=v.useState(""),n=()=>{window.location.href="/auth/register?provider=google"},r=l=>{l.preventDefault(),window.location.href=`/auth/register?email=${encodeURIComponent(e)}`};return i.jsx("section",{className:"relative py-24 lg:py-32 bg-gradient-to-b from-blue-50 to-white overflow-hidden",children:i.jsxs("div",{className:"max-w-[1280px] mx-auto px-5",children:[i.jsxs("div",{className:"grid lg:grid-cols-2 gap-12 items-center",children:[i.jsxs("div",{className:"max-w-[600px]",children:[i.jsx("h1",{className:"text-5xl lg:text-6xl font-bold text-gray-900 leading-tight mb-6",children:"La manera más sencilla de transmitir en vivo y grabar"}),i.jsx("p",{className:"text-lg lg:text-xl text-gray-600 mb-8 max-w-[500px]",children:"AvanzaCast es un estudio profesional para grabar y hacer transmisiones en vivo desde tu navegador. Invita a tus invitados, comparte tu pantalla y transmite en varias plataformas a la vez."})]}),i.jsxs("div",{className:"relative min-w-[350px]",children:[i.jsxs("div",{className:"bg-white p-8 rounded-2xl shadow-xl relative z-10",children:[i.jsx("h3",{className:"text-2xl font-bold text-gray-900 mb-6",children:"Comienza gratis"}),i.jsxs("button",{onClick:n,className:"w-full bg-white border-2 border-gray-300 text-gray-700 px-6 py-4 rounded-lg hover:bg-gray-50 transition-colors flex items-center justify-center gap-3 mb-4 font-medium",children:[i.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",children:[i.jsx("path",{fill:"#4285F4",d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"}),i.jsx("path",{fill:"#34A853",d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"}),i.jsx("path",{fill:"#FBBC05",d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"}),i.jsx("path",{fill:"#EA4335",d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"})]}),"Continuar con Google"]}),i.jsxs("div",{className:"relative text-center my-6",children:[i.jsx("span",{className:"relative bg-white px-4 text-sm text-gray-500 z-10",children:"o"}),i.jsx("div",{className:"absolute top-1/2 left-0 right-0 h-px bg-gray-200 -z-10"})]}),i.jsxs("form",{onSubmit:r,children:[i.jsx("input",{type:"email",value:e,onChange:l=>t(l.target.value),placeholder:"Ingresa tu correo electrónico",className:"w-full border border-gray-300 px-4 py-4 rounded-lg mb-4 focus:outline-none focus:border-blue-600 focus:ring-2 focus:ring-blue-100",required:!0}),i.jsx("button",{type:"submit",className:"w-full bg-blue-600 text-white px-6 py-4 rounded-lg hover:bg-blue-700 transition-colors font-medium text-lg",children:"Empecemos"})]}),i.jsxs("p",{className:"text-xs text-gray-500 mt-4 text-center",children:["Al continuar, aceptas nuestros"," ",i.jsx("a",{href:"/terms",className:"text-blue-600 hover:underline",children:"Términos de Servicio"})," ","y"," ",i.jsx("a",{href:"/privacy",className:"text-blue-600 hover:underline",children:"Política de Privacidad"}),"."]}),i.jsxs("p",{className:"text-sm text-gray-600 mt-6 text-center",children:["¿Ya tienes cuenta?"," ",i.jsx("a",{href:"/auth/login",className:"text-blue-600 hover:underline font-medium",children:"Inicia sesión"})]})]}),i.jsx("div",{className:"absolute -right-8 -bottom-8 w-64 h-64 bg-gradient-to-br from-blue-100 to-purple-100 rounded-full blur-3xl opacity-30 -z-10"})]})]}),i.jsxs("div",{className:"mt-20 pt-12 border-t border-gray-200",children:[i.jsx("p",{className:"text-center text-sm text-gray-500 mb-8",children:"Confiado por miles de creadores y empresas"}),i.jsxs("div",{className:"flex flex-wrap justify-center items-center gap-12 opacity-60 grayscale",children:[i.jsx("img",{src:"/images/clients/microsoft.svg",alt:"Microsoft",className:"h-8"}),i.jsx("img",{src:"/images/clients/google.svg",alt:"Google",className:"h-8"}),i.jsx("img",{src:"/images/clients/amazon.svg",alt:"Amazon",className:"h-8"}),i.jsx("img",{src:"/images/clients/facebook.svg",alt:"Facebook",className:"h-8"}),i.jsx("img",{src:"/images/clients/linkedin.svg",alt:"LinkedIn",className:"h-8"})]})]})]})})},np=[{id:1,name:"Grabación",icon:"🎙️",description:"Graba con calidad de estudio"},{id:2,name:"Multistream",icon:"📡",description:"Transmite a múltiples plataformas"},{id:3,name:"Invitados",icon:"👥",description:"Invita fácilmente a colaboradores"},{id:4,name:"Marca",icon:"🎨",description:"Personaliza con tu branding"},{id:5,name:"Chat en Vivo",icon:"💬",description:"Interactúa con tu audiencia"},{id:6,name:"Pantalla Compartida",icon:"🖥️",description:"Comparte tu pantalla fácilmente"},{id:7,name:"Analytics",icon:"📊",description:"Analiza tu rendimiento"}],rp=()=>{const e=v.useRef(null),t=r=>{e.current&&e.current.scrollBy({left:r==="left"?-300:300,behavior:"smooth"})},n=r=>{window.location.href=`/auth/register?feature=${encodeURIComponent(r)}`};return i.jsx("section",{className:"py-24 bg-white",children:i.jsxs("div",{className:"max-w-[1280px] mx-auto px-5",children:[i.jsxs("div",{className:"text-center mb-16",children:[i.jsx("h2",{className:"text-4xl lg:text-5xl font-bold text-gray-900 mb-4",children:"Todo lo que necesitas para transmitir"}),i.jsx("p",{className:"text-lg text-gray-600 max-w-2xl mx-auto",children:"Herramientas profesionales al alcance de un clic"})]}),i.jsxs("div",{className:"relative",children:[i.jsx("button",{onClick:()=>t("left"),className:"absolute left-0 top-1/2 -translate-y-1/2 z-10 bg-white border-2 border-gray-200 rounded-full p-3 hover:bg-gray-50 hover:scale-105 transition-all shadow-lg hidden md:block","aria-label":"Anterior",children:i.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:i.jsx("polyline",{points:"15 18 9 12 15 6"})})}),i.jsx("div",{ref:e,className:"flex gap-6 overflow-x-auto scrollbar-hide scroll-smooth pb-4",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:np.map(r=>i.jsxs("div",{onClick:()=>n(r.name),className:"flex-none w-64 bg-white border-2 border-gray-200 rounded-2xl p-8 hover:-translate-y-2 hover:shadow-2xl transition-all cursor-pointer group",children:[i.jsx("div",{className:"text-5xl mb-4 group-hover:scale-110 transition-transform",children:r.icon}),i.jsx("h3",{className:"text-xl font-bold text-gray-900 mb-2",children:r.name}),i.jsx("p",{className:"text-sm text-gray-600",children:r.description})]},r.id))}),i.jsx("button",{onClick:()=>t("right"),className:"absolute right-0 top-1/2 -translate-y-1/2 z-10 bg-white border-2 border-gray-200 rounded-full p-3 hover:bg-gray-50 hover:scale-105 transition-all shadow-lg hidden md:block","aria-label":"Siguiente",children:i.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:i.jsx("polyline",{points:"9 18 15 12 9 6"})})})]})]})})},lp=[{title:"Transmite en vivo o graba podcasts con invitados remotos",description:"Los invitados pueden unirse fácilmente desde su navegador o teléfono en unos pocos clics. No necesitan crear una cuenta ni descargar nada.",image:"/images/features/guests.svg",link:"/features/guests",reverse:!1},{title:"Grabaciones con calidad de estudio, independientemente de tu conexión",description:"¿Te cansaste de que tus podcasts queden arruinados con Zoom y Skype? AvanzaCast graba localmente en la computadora de cada invitado para obtener pistas de audio y video perfectas.",image:"/images/features/recording.svg",link:"/features/recording",background:"bg-pink-50",reverse:!0},{title:"Transmite a YouTube, Facebook, LinkedIn y más",description:"Transmite simultáneamente a múltiples destinos. Alcanza a tu audiencia dondequiera que estén, todo desde un solo lugar.",image:"/images/features/multistream.svg",link:"/features/multistream",reverse:!1},{title:"Personaliza con tu marca",description:"Añade tu logo, fondos personalizados y overlays para crear transmisiones profesionales que reflejen tu marca.",image:"/images/features/branding.svg",link:"/features/branding",background:"bg-purple-50",reverse:!0}],ip=()=>i.jsx("section",{className:"py-12",children:lp.map((e,t)=>i.jsx("div",{className:`py-20 ${e.background||""}`,children:i.jsx("div",{className:"max-w-[1280px] mx-auto px-5",children:i.jsxs("div",{className:`grid lg:grid-cols-2 gap-12 items-center ${e.reverse?"lg:grid-flow-dense":""}`,children:[i.jsxs("div",{className:e.reverse?"lg:col-start-2":"",children:[i.jsx("h2",{className:"text-4xl lg:text-5xl font-bold text-gray-900 mb-6",children:e.title}),i.jsx("p",{className:"text-lg text-gray-600 mb-8 leading-relaxed",children:e.description}),e.link&&i.jsxs("a",{href:e.link,className:"inline-flex items-center gap-2 text-blue-600 hover:text-blue-700 font-medium text-lg group",children:["Saber más",i.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"group-hover:translate-x-1 transition-transform",children:i.jsx("polyline",{points:"9 18 15 12 9 6"})})]})]}),i.jsx("div",{className:e.reverse?"lg:col-start-1 lg:row-start-1":"",children:i.jsx("div",{className:"relative rounded-2xl overflow-hidden shadow-2xl bg-gradient-to-br from-indigo-500 to-purple-600",children:i.jsx("img",{src:e.image,alt:e.title,className:"w-full h-auto",onError:n=>{const r=`data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'%3E%3Crect width='600' height='400' fill='%234F46E5'/%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-family='system-ui' font-size='18' fill='white'%3E${encodeURIComponent(e.title.substring(0,50))}%3C/text%3E%3C/svg%3E`;n.currentTarget.src=r}})})})]})})},t))}),De=[{id:1,name:"María García",role:"CEO",company:"TechStartup",image:"/images/testimonials/user1.jpg",quote:"AvanzaCast transformó completamente la forma en que hacemos webinars. La calidad es excepcional y es súper fácil de usar.",rating:5},{id:2,name:"Carlos Rodríguez",role:"Content Creator",company:"YouTube",image:"/images/testimonials/user2.jpg",quote:"Llevo más de 2 años usando AvanzaCast para mis streams. No cambiaría a otra plataforma por nada del mundo.",rating:5},{id:3,name:"Ana Martínez",role:"Marketing Director",company:"GlobalCorp",image:"/images/testimonials/user3.jpg",quote:"La capacidad de transmitir simultáneamente a múltiples plataformas nos ha ayudado a triplicar nuestro alcance.",rating:5},{id:4,name:"Juan Pérez",role:"Podcaster",company:"El Podcast Diario",image:"/images/testimonials/user4.jpg",quote:"La calidad de audio es impresionante. Mis invitados siempre comentan lo profesional que se ve todo.",rating:5}],sp=()=>{const[e,t]=v.useState(0),n=()=>{t(s=>(s+1)%De.length)},r=()=>{t(s=>(s-1+De.length)%De.length)},l=s=>{t(s)};return i.jsx("section",{className:"py-24 bg-gradient-to-b from-blue-50 to-white",children:i.jsxs("div",{className:"max-w-[1280px] mx-auto px-5",children:[i.jsxs("div",{className:"text-center mb-16",children:[i.jsx("p",{className:"text-sm font-semibold text-blue-600 uppercase tracking-wider mb-4",children:"Testimonios"}),i.jsx("h2",{className:"text-4xl lg:text-5xl font-bold text-gray-900 mb-4",children:"60,000,000+ transmisiones realizadas"}),i.jsx("p",{className:"text-lg text-gray-600 max-w-2xl mx-auto",children:"Miles de creadores confían en AvanzaCast para sus transmisiones"})]}),i.jsxs("div",{className:"relative max-w-4xl mx-auto",children:[i.jsx("button",{onClick:r,className:"absolute left-0 top-1/2 -translate-y-1/2 -translate-x-12 z-10 bg-white border-2 border-gray-200 rounded-full p-3 hover:bg-gray-50 hover:scale-105 transition-all shadow-lg hidden lg:block","aria-label":"Anterior testimonio",children:i.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:i.jsx("polyline",{points:"15 18 9 12 15 6"})})}),i.jsxs("div",{className:"bg-white rounded-2xl shadow-xl p-12 min-h-[400px] flex flex-col justify-between",children:[i.jsx("div",{className:"flex gap-1 mb-6",children:[...Array(De[e].rating)].map((s,o)=>i.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"#FFD700",stroke:"#FFD700",children:i.jsx("path",{d:"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"})},o))}),i.jsxs("blockquote",{className:"text-2xl text-gray-700 leading-relaxed mb-8 flex-grow",children:['"',De[e].quote,'"']}),i.jsxs("div",{className:"flex items-center gap-4",children:[i.jsx("div",{className:"w-16 h-16 rounded-full bg-gradient-to-br from-blue-400 to-purple-600 flex items-center justify-center text-white text-2xl font-bold",children:De[e].name.charAt(0)}),i.jsxs("div",{children:[i.jsx("p",{className:"font-bold text-gray-900 text-lg",children:De[e].name}),i.jsxs("p",{className:"text-gray-600",children:[De[e].role," at ",De[e].company]})]})]})]}),i.jsx("button",{onClick:n,className:"absolute right-0 top-1/2 -translate-y-1/2 translate-x-12 z-10 bg-white border-2 border-gray-200 rounded-full p-3 hover:bg-gray-50 hover:scale-105 transition-all shadow-lg hidden lg:block","aria-label":"Siguiente testimonio",children:i.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:i.jsx("polyline",{points:"9 18 15 12 9 6"})})}),i.jsx("div",{className:"flex justify-center gap-3 mt-8",children:De.map((s,o)=>i.jsx("button",{onClick:()=>l(o),className:`w-3 h-3 rounded-full transition-all ${o===e?"bg-blue-600 w-8":"bg-gray-300 hover:bg-gray-400"}`,"aria-label":`Ir al testimonio ${o+1}`},o))})]}),i.jsxs("div",{className:"flex justify-center gap-4 mt-8 lg:hidden",children:[i.jsx("button",{onClick:r,className:"bg-white border-2 border-gray-200 rounded-full p-3 hover:bg-gray-50 transition-all shadow","aria-label":"Anterior",children:i.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:i.jsx("polyline",{points:"15 18 9 12 15 6"})})}),i.jsx("button",{onClick:n,className:"bg-white border-2 border-gray-200 rounded-full p-3 hover:bg-gray-50 transition-all shadow","aria-label":"Siguiente",children:i.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:i.jsx("polyline",{points:"9 18 15 12 9 6"})})})]})]})})},op=()=>i.jsxs("section",{className:"py-24 bg-gradient-to-r from-blue-600 to-purple-600 relative overflow-hidden",children:[i.jsx("div",{className:"absolute top-0 left-0 w-96 h-96 bg-white opacity-5 rounded-full -translate-x-1/2 -translate-y-1/2"}),i.jsx("div",{className:"absolute bottom-0 right-0 w-96 h-96 bg-white opacity-5 rounded-full translate-x-1/2 translate-y-1/2"}),i.jsx("div",{className:"max-w-[1280px] mx-auto px-5 relative z-10",children:i.jsxs("div",{className:"text-center max-w-3xl mx-auto",children:[i.jsx("h2",{className:"text-4xl lg:text-5xl font-bold text-white mb-6",children:"¿Listo para comenzar tu próxima transmisión?"}),i.jsx("p",{className:"text-xl text-blue-100 mb-10",children:"Únete a miles de creadores que ya están transmitiendo con AvanzaCast. Es gratis para comenzar."}),i.jsxs("div",{className:"flex flex-col sm:flex-row gap-4 justify-center items-center",children:[i.jsx("a",{href:"/auth/register",className:"bg-white text-blue-600 px-10 py-5 rounded-lg hover:bg-gray-100 transition-all font-bold text-lg shadow-xl hover:shadow-2xl hover:-translate-y-1 no-underline",children:"Comienza gratis"}),i.jsx("a",{href:"#features",className:"bg-transparent border-2 border-white text-white px-10 py-5 rounded-lg hover:bg-white hover:text-blue-600 transition-all font-bold text-lg no-underline",children:"Ver características"})]}),i.jsx("p",{className:"text-sm text-blue-100 mt-8",children:"No se requiere tarjeta de crédito • Configura en menos de 2 minutos"})]})})]}),ap=()=>{const[e,t]=v.useState("es");return i.jsx("footer",{className:"bg-gray-900 text-gray-300 py-16",children:i.jsxs("div",{className:"max-w-[1280px] mx-auto px-5",children:[i.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-8 mb-12",children:[i.jsxs("div",{className:"col-span-2 md:col-span-4 lg:col-span-1",children:[i.jsx("img",{src:"/images/logo-white.svg",alt:"AvanzaCast",className:"h-10 mb-4"}),i.jsx("p",{className:"text-sm text-gray-400",children:"La plataforma de streaming profesional para creadores y empresas."})]}),i.jsxs("div",{children:[i.jsx("h3",{className:"text-white font-bold mb-4",children:"Producto"}),i.jsxs("ul",{className:"space-y-3 text-sm",children:[i.jsx("li",{children:i.jsx("a",{href:"/features",className:"hover:text-white transition-colors no-underline",children:"Características"})}),i.jsx("li",{children:i.jsx("a",{href:"/pricing",className:"hover:text-white transition-colors no-underline",children:"Precios"})}),i.jsx("li",{children:i.jsx("a",{href:"/integrations",className:"hover:text-white transition-colors no-underline",children:"Integraciones"})}),i.jsx("li",{children:i.jsx("a",{href:"/updates",className:"hover:text-white transition-colors no-underline",children:"Novedades"})})]})]}),i.jsxs("div",{children:[i.jsx("h3",{className:"text-white font-bold mb-4",children:"Comunidad"}),i.jsxs("ul",{className:"space-y-3 text-sm",children:[i.jsx("li",{children:i.jsx("a",{href:"/blog",className:"hover:text-white transition-colors no-underline",children:"Blog"})}),i.jsx("li",{children:i.jsx("a",{href:"/tutorials",className:"hover:text-white transition-colors no-underline",children:"Tutoriales"})}),i.jsx("li",{children:i.jsx("a",{href:"/forum",className:"hover:text-white transition-colors no-underline",children:"Foro"})}),i.jsx("li",{children:i.jsx("a",{href:"/events",className:"hover:text-white transition-colors no-underline",children:"Eventos"})})]})]}),i.jsxs("div",{children:[i.jsx("h3",{className:"text-white font-bold mb-4",children:"Empresa"}),i.jsxs("ul",{className:"space-y-3 text-sm",children:[i.jsx("li",{children:i.jsx("a",{href:"/about",className:"hover:text-white transition-colors no-underline",children:"Acerca de"})}),i.jsx("li",{children:i.jsx("a",{href:"/careers",className:"hover:text-white transition-colors no-underline",children:"Carreras"})}),i.jsx("li",{children:i.jsx("a",{href:"/contact",className:"hover:text-white transition-colors no-underline",children:"Contacto"})}),i.jsx("li",{children:i.jsx("a",{href:"/partners",className:"hover:text-white transition-colors no-underline",children:"Partners"})})]})]}),i.jsxs("div",{children:[i.jsx("h3",{className:"text-white font-bold mb-4",children:"Legal"}),i.jsxs("ul",{className:"space-y-3 text-sm",children:[i.jsx("li",{children:i.jsx("a",{href:"/terms",className:"hover:text-white transition-colors no-underline",children:"Términos de Servicio"})}),i.jsx("li",{children:i.jsx("a",{href:"/privacy",className:"hover:text-white transition-colors no-underline",children:"Política de Privacidad"})}),i.jsx("li",{children:i.jsx("a",{href:"/cookies",className:"hover:text-white transition-colors no-underline",children:"Cookies"})}),i.jsx("li",{children:i.jsx("a",{href:"/dmca",className:"hover:text-white transition-colors no-underline",children:"DMCA"})})]})]})]}),i.jsxs("div",{className:"border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center gap-4",children:[i.jsx("p",{className:"text-sm text-gray-400",children:"© 2025 AvanzaCast. Todos los derechos reservados."}),i.jsxs("div",{className:"flex gap-6",children:[i.jsx("a",{href:"https://twitter.com/avanzacast",className:"text-gray-400 hover:text-white transition-colors","aria-label":"Twitter",children:i.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"})})}),i.jsx("a",{href:"https://facebook.com/avanzacast",className:"text-gray-400 hover:text-white transition-colors","aria-label":"Facebook",children:i.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"})})}),i.jsx("a",{href:"https://youtube.com/avanzacast",className:"text-gray-400 hover:text-white transition-colors","aria-label":"YouTube",children:i.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",children:[i.jsx("path",{d:"M22.54 6.42a2.78 2.78 0 00-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 00-1.94 2A29 29 0 001 11.75a29 29 0 00.46 5.33A2.78 2.78 0 003.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 001.94-2 29 29 0 00.46-5.25 29 29 0 00-.46-5.33z"}),i.jsx("polygon",{points:"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02",fill:"#fff"})]})}),i.jsx("a",{href:"https://linkedin.com/company/avanzacast",className:"text-gray-400 hover:text-white transition-colors","aria-label":"LinkedIn",children:i.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",children:[i.jsx("path",{d:"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"}),i.jsx("circle",{cx:"4",cy:"4",r:"2"})]})})]}),i.jsxs("div",{className:"relative",children:[i.jsxs("select",{value:e,onChange:n=>t(n.target.value),className:"bg-gray-800 border border-gray-700 text-gray-300 px-4 py-2 rounded-lg appearance-none cursor-pointer hover:bg-gray-700 transition-colors pr-10",children:[i.jsx("option",{value:"es",children:"🇪🇸 Español"}),i.jsx("option",{value:"en",children:"🇺🇸 English"}),i.jsx("option",{value:"pt",children:"🇧🇷 Português"}),i.jsx("option",{value:"fr",children:"🇫🇷 Français"})]}),i.jsx("svg",{className:"absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none text-gray-400",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:i.jsx("polyline",{points:"6 9 12 15 18 9"})})]})]})]})})},up=()=>i.jsxs("div",{className:"min-h-screen bg-white",children:[i.jsx(ep,{}),i.jsxs("main",{children:[i.jsx(tp,{}),i.jsx(rp,{}),i.jsx(ip,{}),i.jsx(sp,{}),i.jsx(op,{})]}),i.jsx(ap,{})]});function cp(){return v.useEffect(()=>{const e=document.querySelector(".tiny-slider");let t=0,n,r=0,l=0;function s(){const y=window.innerWidth;return y>=1024?3:y>=768?2:1}function o(){document.querySelectorAll(".slider-dots > button").forEach((w,j)=>{j===t?(w.classList.add("bg-indigo-600"),w.classList.remove("bg-slate-300")):(w.classList.remove("bg-indigo-600"),w.classList.add("bg-slate-300"))})}function a(y){if(!e)return;const w=e.querySelectorAll("[data-slide]"),j=s(),S=Math.max(0,w.length-j);y<0&&(y=0),y>S&&(y=0),t=y;const f=t*(100/j);e.style.transform=`translateX(-${f}%)`,o()}function u(){a(t+1)}function c(){m(),n=window.setInterval(u,4e3);const y=document.querySelector("[data-autoplay]");if(y){y.setAttribute("aria-pressed","true");const w=y.querySelector("[data-autoplay-icon]");w&&w.setAttribute("data-state","playing")}}function m(){n&&(clearInterval(n),n=void 0);const y=document.querySelector("[data-autoplay]");if(y){y.setAttribute("aria-pressed","false");const w=y.querySelector("[data-autoplay-icon]");w&&w.setAttribute("data-state","paused")}}function p(){if(!e)return;const y=Array.from(e.querySelectorAll("[data-slide]"));if(!y.length)return;e.style.display="flex",e.style.overflow="hidden",e.style.gap="20px";const w=s();y.forEach(d=>{d.style.flex=`0 0 ${100/w}%`,d.style.boxSizing="border-box"}),e.style.transition="transform 400ms ease",a(t);const j=document.querySelector("[data-prev]"),S=document.querySelector("[data-next]");j&&S&&(j.onclick=()=>{a(t-1),c()},S.onclick=()=>{a(t+1),c()});const f=document.querySelector(".slider-dots");if(f){f.innerHTML="";const d=Math.max(1,y.length-w+1);for(let h=0;h{a(h),c()},x.onkeydown=k=>{(k.key==="Enter"||k.key===" ")&&(k.preventDefault(),a(h),c())},f.appendChild(x)}o()}}p(),c();const g=()=>{p()};if(window.addEventListener("resize",g),e){e.setAttribute("tabindex","0");const y=x=>{x.key==="ArrowLeft"&&(a(t-1),c()),x.key==="ArrowRight"&&(a(t+1),c())};e.addEventListener("keydown",y),e.addEventListener("mouseenter",m),e.addEventListener("mouseleave",c),e.addEventListener("focusin",m),e.addEventListener("focusout",c);let w=!1;const j=x=>{r=x.touches[0].clientX,l=0,w=!1},S=x=>{const k=x.touches[0].clientX,C=x.touches[0].clientY;l=k-r,!(Math.abs(l){if(!w)return;const x=40;Math.abs(l)>x&&(l>0?a(t-1):a(t+1),c()),r=0,l=0,w=!1};e.addEventListener("touchstart",j,{passive:!0}),e.addEventListener("touchmove",S,{passive:!0}),e.addEventListener("touchend",f);const d=document.querySelectorAll("[data-accordion]"),h=[];return d.forEach(x=>{const k=x.querySelector("[data-accordion-button]"),C=x.querySelector("[data-accordion-panel]");if(!k||!C)return;const b=()=>{const z=k.getAttribute("aria-expanded")==="true";k.setAttribute("aria-expanded",z?"false":"true"),z?C.style.maxHeight="":C.style.maxHeight=C.scrollHeight+"px"};k.addEventListener("click",b),h.push(()=>k.removeEventListener("click",b))}),()=>{m(),window.removeEventListener("resize",g),e.removeEventListener("keydown",y),e.removeEventListener("mouseenter",m),e.removeEventListener("mouseleave",c),e.removeEventListener("focusin",m),e.removeEventListener("focusout",c),e.removeEventListener("touchstart",j),e.removeEventListener("touchmove",S),e.removeEventListener("touchend",f),h.forEach(x=>x())}}return()=>{m(),window.removeEventListener("resize",g)}},[]),null}function La(){return i.jsxs("main",{className:"min-h-screen bg-white dark:bg-slate-900",children:[i.jsx("span",{className:"fixed blur-[200px] lg:size-[600px] size-[400px] rounded-full top-[10%] md:left-[10%] -left-[20%] bg-indigo-600/20","aria-hidden":"true"}),i.jsx("span",{className:"fixed blur-[200px] lg:size-[600px] size-[400px] rounded-full bottom-[10%] md:right-[10%] -right-[20%] bg-red-600/20","aria-hidden":"true"}),i.jsx("header",{className:"py-6",children:i.jsxs("div",{className:"container mx-auto px-4 flex items-center justify-between",children:[i.jsx("div",{className:"text-2xl font-bold",children:"AvanzaCast"}),i.jsx("nav",{children:i.jsxs("ul",{className:"flex gap-6 text-sm text-slate-700 dark:text-slate-200",children:[i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-indigo-600",children:"Product"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-indigo-600",children:"Pricing"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-indigo-600",children:"Docs"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-indigo-600",children:"Contact"})})]})})]})}),i.jsxs("section",{className:"relative table w-full lg:py-40 md:py-36 pt-36 pb-24 overflow-hidden bg-white dark:bg-slate-900",children:[i.jsx("div",{className:"absolute inset-0 hero-overlay opacity-10 dark:opacity-60","aria-hidden":"true"}),i.jsx("div",{className:"container mx-auto relative z-10 px-4",children:i.jsxs("div",{className:"relative grid lg:grid-cols-12 grid-cols-1 items-center mt-10 gap-[30px]",children:[i.jsx("div",{className:"lg:col-span-7",children:i.jsxs("div",{className:"lg:me-6 lg:text-start text-center",children:[i.jsxs("h1",{className:"font-bold lg:leading-normal leading-normal text-4xl lg:text-6xl mb-5",children:["Access powerful AI ",i.jsx("br",{}),"For ",i.jsx("span",{className:"bg-gradient-to-tl to-indigo-600 from-red-600 text-transparent bg-clip-text",children:"AI Content"})]}),i.jsx("p",{className:"text-lg max-w-xl lg:ms-0 mx-auto",children:"Beatae cum eius, animi itaque aliquid ducimus facere dicta, vitae ipsam maiores nam sit blanditiis, quisquam expedita?"}),i.jsx("div",{className:"subcribe-form mt-6 mb-3",children:i.jsxs("form",{className:"relative max-w-md mx-auto lg:ms-0",children:[i.jsxs("div",{className:"relative",children:[i.jsx("i",{className:"uil uil-envelope text-xl absolute top-3 left-5"}),i.jsx("input",{type:"email",id:"aiemail",name:"email",className:"py-4 pe-40 ps-12 w-full h-[50px] outline-none text-black dark:text-white rounded-md bg-white/60 dark:bg-slate-900/60 shadow dark:shadow-gray-800",placeholder:"support@techwind.com"})]}),i.jsx("button",{type:"submit",className:"py-2 px-5 inline-block font-semibold tracking-wide align-middle duration-500 text-base text-center absolute top-[2px] end-[3px] h-[46px] bg-indigo-600 hover:bg-indigo-700 border border-indigo-600 hover:border-indigo-700 text-white rounded-md",children:"Sign Up"})]})})]})}),i.jsx("div",{className:"lg:col-span-5",children:i.jsx("div",{className:"relative",children:i.jsx("div",{className:"relative",children:i.jsx("img",{src:"/images/hero/light-dash.png",className:"lg:max-w-none lg:ms-14 mx-auto",alt:""})})})})]})})]}),i.jsx("section",{className:"pt-6",children:i.jsx("div",{className:"container mx-auto px-4 relative",children:i.jsxs("div",{className:"grid md:grid-cols-6 grid-cols-2 justify-center gap-[30px]",children:[i.jsx("div",{className:"mx-auto pt-6",children:i.jsx("img",{src:"/images/client/amazon.svg",className:"h-6",alt:"Amazon"})}),i.jsx("div",{className:"mx-auto pt-6",children:i.jsx("img",{src:"/images/client/google.svg",className:"h-6",alt:"Google"})}),i.jsx("div",{className:"mx-auto pt-6",children:i.jsx("img",{src:"/images/client/lenovo.svg",className:"h-6",alt:"Lenovo"})}),i.jsx("div",{className:"mx-auto pt-6",children:i.jsx("img",{src:"/images/client/paypal.svg",className:"h-6",alt:"PayPal"})}),i.jsx("div",{className:"mx-auto pt-6",children:i.jsx("img",{src:"/images/client/shopify.svg",className:"h-6",alt:"Shopify"})}),i.jsx("div",{className:"mx-auto pt-6",children:i.jsx("img",{src:"/images/client/spotify.svg",className:"h-6",alt:"Spotify"})})]})})}),i.jsx("section",{className:"relative md:py-24 py-16",children:i.jsx("div",{className:"container mx-auto px-4 relative",children:i.jsxs("div",{className:"grid md:grid-cols-3 grid-cols-1 shadow shadow-gray-300 dark:shadow-gray-500 rounded-lg md:divide-x divide-y divide-gray-200 dark:divide-gray-700",children:[i.jsxs("div",{className:"relative p-6 md:p-8",children:[i.jsx("i",{className:"mdi mdi-account-search-outline bg-gradient-to-tl to-indigo-600 from-red-600 text-transparent bg-clip-text text-[45px]"}),i.jsx("h5",{className:"text-xl font-semibold my-5",children:"Search & Write Content"}),i.jsx("p",{className:"text-slate-400",children:"If the distribution of letters and 'words' is random, the reader will not be distracted from making."})]}),i.jsxs("div",{className:"relative p-6 md:p-8",children:[i.jsx("i",{className:"mdi mdi-wallet-bifold-outline bg-gradient-to-tl to-indigo-600 from-red-600 text-transparent bg-clip-text text-[45px]"}),i.jsx("h5",{className:"text-xl font-semibold my-5",children:"Discribe Content"}),i.jsx("p",{className:"text-slate-400",children:"If the distribution of letters and 'words' is random, the reader will not be distracted from making."})]}),i.jsxs("div",{className:"relative p-6 md:p-8",children:[i.jsx("i",{className:"mdi mdi-home-plus-outline bg-gradient-to-tl to-indigo-600 from-red-600 text-transparent bg-clip-text text-[45px]"}),i.jsx("h5",{className:"text-xl font-semibold my-5",children:"Generate Content"}),i.jsx("p",{className:"text-slate-400",children:"If the distribution of letters and 'words' is random, the reader will not be distracted from making."})]})]})})}),i.jsx("section",{className:"py-12",children:i.jsxs("div",{className:"container mx-auto px-4",children:[i.jsxs("div",{className:"grid grid-cols-1 pb-8 text-center",children:[i.jsx("h3",{className:"mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold",children:"What Our Users Say"}),i.jsx("p",{className:"text-slate-400 max-w-xl mx-auto",children:"Start working with Tailwind CSS that can provide everything you need to generate awareness, drive traffic, connect."})]}),i.jsx("div",{className:"relative",children:i.jsxs("div",{className:"relative slider-wrapper",children:[i.jsxs("div",{className:"grid md:grid-cols-3 grid-cols-1 gap-6 mt-8 tiny-slider",children:[i.jsxs("div",{className:"rounded-lg shadow p-6","data-slide":!0,children:[i.jsxs("div",{className:"flex items-center pb-4",children:[i.jsx("img",{src:"/images/client/01.jpg",className:"size-16 rounded-full shadow",alt:""}),i.jsxs("div",{className:"pl-4",children:[i.jsx("a",{className:"text-lg hover:text-indigo-600",children:"Thomas Israel"}),i.jsx("p",{className:"text-slate-400",children:"User"})]})]}),i.jsx("p",{className:"text-slate-400",children:"I didn't know a thing about icon design until I read this book. Now I can create any icon I need in no time. Great resource!"})]}),i.jsxs("div",{className:"rounded-lg shadow p-6","data-slide":!0,children:[i.jsxs("div",{className:"flex items-center pb-4",children:[i.jsx("img",{src:"/images/client/02.jpg",className:"size-16 rounded-full shadow",alt:""}),i.jsxs("div",{className:"pl-4",children:[i.jsx("a",{className:"text-lg hover:text-indigo-600",children:"Carl Oliver"}),i.jsx("p",{className:"text-slate-400",children:"User"})]})]}),i.jsx("p",{className:"text-slate-400",children:"The best part about Techwind is every time I pay my employees, my bank balance doesn't go down like it used to."})]}),i.jsxs("div",{className:"rounded-lg shadow p-6","data-slide":!0,children:[i.jsxs("div",{className:"flex items-center pb-4",children:[i.jsx("img",{src:"/images/client/03.jpg",className:"size-16 rounded-full shadow",alt:""}),i.jsxs("div",{className:"pl-4",children:[i.jsx("a",{className:"text-lg hover:text-indigo-600",children:"Barbara McIntosh"}),i.jsx("p",{className:"text-slate-400",children:"User"})]})]}),i.jsx("p",{className:"text-slate-400",children:"I used to have to remit tax to the EU and with Techwind I somehow don't have to do that anymore."})]})]}),i.jsx("div",{className:"absolute inset-y-0 left-0 flex items-center pl-2 pointer-events-none",children:i.jsx("button",{"data-prev":!0,"aria-label":"Previous",className:"prev-btn pointer-events-auto bg-white/90 dark:bg-slate-800/90 text-slate-700 dark:text-slate-200 p-2 rounded-full shadow-md hover:scale-105 focus:outline-none focus:ring-2 focus:ring-indigo-500 transition",children:i.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:i.jsx("path",{d:"M15 18l-6-6 6-6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}),i.jsx("div",{className:"absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none",children:i.jsx("button",{"data-next":!0,"aria-label":"Next",className:"next-btn pointer-events-auto bg-white/90 dark:bg-slate-800/90 text-slate-700 dark:text-slate-200 p-2 rounded-full shadow-md hover:scale-105 focus:outline-none focus:ring-2 focus:ring-indigo-500 transition",children:i.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:i.jsx("path",{d:"M9 6l6 6-6 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}),i.jsxs("div",{className:"mt-4 flex justify-center items-center gap-4",children:[i.jsx("div",{className:"flex justify-center slider-dots","aria-hidden":"false",role:"tablist"}),i.jsx("button",{"data-autoplay":!0,"aria-pressed":"true",title:"Pause autoplay",className:"ml-2 bg-white/90 dark:bg-slate-800/90 text-slate-700 dark:text-slate-200 p-2 rounded-full shadow-md hover:scale-105 focus:outline-none focus:ring-2 focus:ring-indigo-500 transition",children:i.jsx("svg",{"data-autoplay-icon":!0,width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:i.jsx("path",{d:"M5 3v18l15-9L5 3z",stroke:"currentColor",strokeWidth:"0",fill:"currentColor"})})})]})]})})]})}),i.jsx(cp,{}),i.jsx("section",{className:"py-12 bg-white dark:bg-slate-900",children:i.jsx("div",{className:"container mx-auto px-4",children:i.jsxs("div",{className:"grid lg:grid-cols-12 md:grid-cols-2 grid-cols-1 items-center md:gap-[30px]",children:[i.jsxs("div",{className:"lg:col-span-4 md:mb-0 mb-8",children:[i.jsx("h3",{className:"mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold",children:"Frequently Asked Questions"}),i.jsx("p",{className:"text-slate-400 max-w-xl mx-auto mb-6",children:"Start working with Tailwind CSS that can provide everything you need to generate awareness, drive traffic, connect."}),i.jsx("a",{href:"#",className:"py-2 px-5 inline-block font-semibold tracking-wide border align-middle duration-500 text-base text-center bg-transparent hover:bg-indigo-600 border-gray-100 dark:border-gray-800 hover:border-indigo-600 dark:hover:border-indigo-600 text-slate-900 dark:text-white hover:text-white rounded-full",children:"Contact Us"})]}),i.jsx("div",{className:"lg:col-span-8 md:mt-0 mt-8",children:i.jsxs("div",{className:"space-y-4",children:[i.jsxs("div",{className:"shadow rounded-md p-4",children:[i.jsx("h4",{className:"font-semibold",children:"How does it work?"}),i.jsx("p",{className:"text-slate-400 mt-2",children:"There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form."})]}),i.jsxs("div",{className:"shadow rounded-md p-4",children:[i.jsx("h4",{className:"font-semibold",children:"Do I need a designer to use Techwind?"}),i.jsx("p",{className:"text-slate-400 mt-2",children:"There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form."})]}),i.jsxs("div",{className:"shadow rounded-md p-4",children:[i.jsx("h4",{className:"font-semibold",children:"What do I need to do to start selling?"}),i.jsx("p",{className:"text-slate-400 mt-2",children:"There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form."})]})]})})]})})}),i.jsx("section",{className:"py-20 bg-gradient-to-r from-purple-600 to-blue-600",children:i.jsxs("div",{className:"container mx-auto px-4 text-center",children:[i.jsx("h2",{className:"text-4xl md:text-5xl font-bold text-white mb-6",children:"¿Listo para Revolucionar tus Transmisiones?"}),i.jsx("p",{className:"text-xl text-purple-100 mb-8 max-w-2xl mx-auto",children:"Únete a miles de creadores que ya confían en AvanzaCast para sus streams profesionales"}),i.jsx("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",children:"Empecemos - 14 Días de Prueba"})]})}),i.jsx("footer",{className:"bg-gray-900 text-white py-12",children:i.jsxs("div",{className:"container mx-auto px-4",children:[i.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-4 gap-8",children:[i.jsxs("div",{children:[i.jsx("h3",{className:"text-2xl font-bold mb-4 bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent",children:"AvanzaCast"}),i.jsx("p",{className:"text-gray-400",children:"La plataforma profesional de multistreaming para creadores de contenido."})]}),i.jsxs("div",{children:[i.jsx("h4",{className:"font-semibold mb-4",children:"Producto"}),i.jsxs("ul",{className:"space-y-2 text-gray-400",children:[i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Características"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Precios"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Casos de Uso"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Integraciones"})})]})]}),i.jsxs("div",{children:[i.jsx("h4",{className:"font-semibold mb-4",children:"Recursos"}),i.jsxs("ul",{className:"space-y-2 text-gray-400",children:[i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Blog"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Guías"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"API Docs"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Soporte"})})]})]}),i.jsxs("div",{children:[i.jsx("h4",{className:"font-semibold mb-4",children:"Compañía"}),i.jsxs("ul",{className:"space-y-2 text-gray-400",children:[i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Acerca de"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Contacto"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Términos"})}),i.jsx("li",{children:i.jsx("a",{href:"#",className:"hover:text-white",children:"Privacidad"})})]})]})]}),i.jsx("div",{className:"border-t border-gray-800 mt-8 pt-8 text-center text-gray-400",children:i.jsx("p",{children:"© 2024 AvanzaCast. Todos los derechos reservados."})})]})})]})}function dp({title:e,titleId:t,...n},r){return v.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},n),e?v.createElement("title",{id:t},e):null,v.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"}))}const fp=v.forwardRef(dp),mp=fp;function hp({title:e,titleId:t,...n},r){return v.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},n),e?v.createElement("title",{id:t},e):null,v.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"}))}const pp=v.forwardRef(hp),gp=pp;function xp({title:e,titleId:t,...n},r){return v.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},n),e?v.createElement("title",{id:t},e):null,v.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25m18 0A2.25 2.25 0 0 0 18.75 3H5.25A2.25 2.25 0 0 0 3 5.25m18 0V12a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 12V5.25"}))}const vp=v.forwardRef(xp),yp=vp;function wp({title:e,titleId:t,...n},r){return v.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},n),e?v.createElement("title",{id:t},e):null,v.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"}))}const jp=v.forwardRef(wp),Np=jp;function kp({title:e,titleId:t,...n},r){return v.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},n),e?v.createElement("title",{id:t},e):null,v.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"}))}const Sp=v.forwardRef(kp),Cp=Sp;function Ep({title:e,titleId:t,...n},r){return v.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},n),e?v.createElement("title",{id:t},e):null,v.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18 18 6M6 6l12 12"}))}const Pp=v.forwardRef(Ep),bp=Pp;function wi({title:e,subtitle:t}){return i.jsxs("button",{className:"create-card rounded-md hover:shadow-sm p-4 text-left",children:[i.jsx("div",{className:"icon bg-sky-50 text-sky-600 flex items-center justify-center",children:i.jsx(yp,{className:"w-6 h-6"})}),i.jsxs("div",{className:"ml-3",children:[i.jsx("div",{className:"font-medium",children:e}),t&&i.jsx("div",{className:"text-sm text-slate-500",children:t})]})]})}function zp(){const[e,t]=v.useState("upcoming");return i.jsxs("div",{className:"max-w-7xl mx-auto",children:[i.jsx("h1",{className:"text-2xl font-semibold mb-6",children:"Inicio"}),i.jsxs("section",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-8",children:[i.jsx(wi,{title:"Transmisión en vivo",subtitle:"Inicia una transmisión"}),i.jsx(wi,{title:"Grabación",subtitle:"Inicia una grabación"}),i.jsx(wi,{title:"Seminario web On-Air",subtitle:"Programar evento"})]}),i.jsxs("section",{className:"panel p-6",children:[i.jsxs("div",{className:"flex items-center justify-between mb-4",children:[i.jsx("h2",{className:"text-lg font-medium",children:"Transmisiones y grabaciones"}),i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsx("button",{className:`tab-btn ${e==="upcoming"?"active":""}`,onClick:()=>t("upcoming"),children:"Próximamente"}),i.jsx("button",{className:`tab-btn ${e==="previous"?"active":""}`,onClick:()=>t("previous"),children:"Anteriores"})]})]}),i.jsx("div",{className:"min-h-[260px] flex items-center justify-center text-slate-500",children:"No tienes próximas transmisiones ni grabaciones"})]})]})}function Lp(){return i.jsxs("div",{className:"space-y-4",children:[i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsx("h1",{className:"text-2xl font-bold",children:"Studio"}),i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsx("button",{className:"btn btn-ghost px-3 py-1 rounded-md",children:"Previsualizar"}),i.jsx("button",{className:"btn btn-gradient px-3 py-1 rounded-md",children:"Ir en Vivo"})]})]}),i.jsx("div",{className:"panel p-4",children:i.jsx("div",{className:"min-h-[260px] flex items-center justify-center text-slate-500",children:"Estudio de transmisión (placeholder)."})})]})}const ji={id:"1",name:"César Mendívil",email:"cesar@avanzacast.com",avatar:"",role:"admin",createdAt:new Date().toISOString(),isActive:!0,plan:"pro"},sd=[{id:"1",name:"youtube",displayName:"YouTube",isConnected:!0,accountName:"AvanzaCast Channel",isLive:!1,viewerCount:0},{id:"2",name:"facebook",displayName:"Facebook Live",isConnected:!0,accountName:"AvanzaCast Page",isLive:!1,viewerCount:0}],_p=[{id:"1",title:"Tutorial: Cómo usar AvanzaCast",description:"Aprende a crear transmisiones",status:"ended",userId:"1",startedAt:new Date().toISOString(),platforms:sd,viewerCount:0,maxViewers:245,chatEnabled:!0,isPrivate:!1,tags:[]}],$t=(e=300)=>new Promise(t=>setTimeout(t,e));class Wt{static async login(t,n){return await $t(),t===ji.email&&n==="password"?{success:!0,data:ji}:{success:!1,error:"Credenciales inválidas"}}static async register(t){return await $t(),{success:!0,data:{...ji,id:Date.now().toString(),name:t.name||"",email:t.email||""}}}static async getStreams(){return await $t(),{success:!0,data:_p}}static async getPlatforms(){return await $t(),{success:!0,data:sd}}static async getScenes(){return await $t(),{success:!0,data:[]}}static async getChatMessages(t){return await $t(),{success:!0,data:[]}}}const _a={login:async(e,t)=>Wt.login(e,t),register:async e=>Wt.register(e),getStreams:async()=>Wt.getStreams(),getPlatforms:async()=>Wt.getPlatforms(),getScenes:async()=>Wt.getScenes(),getChatMessages:async e=>Wt.getChatMessages(e)};function od(){const[e,t]=v.useState(null),[n,r]=v.useState(!1),[l,s]=v.useState(!1),o=async(c,m)=>{r(!0);try{const p=await _a.login(c,m);return p.success&&p.data&&(t(p.data),s(!0),localStorage.setItem("user",JSON.stringify(p.data))),p}finally{r(!1)}},a=async c=>{r(!0);try{const m=await _a.register(c);return m.success&&m.data&&(t(m.data),s(!0),localStorage.setItem("user",JSON.stringify(m.data))),m}finally{r(!1)}},u=()=>{t(null),s(!1),localStorage.removeItem("user")};return v.useEffect(()=>{const c=localStorage.getItem("user");if(c)try{const m=JSON.parse(c);t(m),s(!0)}catch{localStorage.removeItem("user")}},[]),{user:e,isAuthenticated:l,isLoading:n,login:o,register:a,logout:u}}function Tp(){const[e,t]=v.useState("cesar@avanzacast.com"),[n,r]=v.useState(""),[l,s]=v.useState(""),{login:o,isLoading:a}=od(),u=vr(),c=async m=>{m.preventDefault(),s("");const p=await o(e,n);p.success?u("/broadcasts"):s(p.error||"Error al iniciar sesión")};return i.jsx("div",{className:"min-h-screen flex items-center justify-center p-6 bg-gray-50",children:i.jsx("div",{className:"w-full max-w-md",children:i.jsxs("div",{className:"bg-white rounded-2xl shadow p-8",children:[i.jsx("h2",{className:"text-2xl font-bold mb-4",children:"Iniciar sesión"}),i.jsxs("form",{onSubmit:c,className:"space-y-4",children:[l&&i.jsx("div",{className:"text-red-600",children:l}),i.jsx("input",{className:"w-full p-3 border rounded",value:e,onChange:m=>t(m.target.value),placeholder:"Email",required:!0}),i.jsx("input",{className:"w-full p-3 border rounded",type:"password",value:n,onChange:m=>r(m.target.value),placeholder:"Password",required:!0}),i.jsx("button",{className:"w-full bg-blue-600 text-white p-3 rounded",disabled:a,children:a?"Cargando...":"Entrar"})]}),i.jsxs("p",{className:"mt-4 text-sm",children:["¿No tienes cuenta? ",i.jsx(Lt,{to:"/auth/register",className:"text-blue-600",children:"Regístrate"})]})]})})})}function Rp(){const[e,t]=v.useState(""),[n,r]=v.useState(""),[l,s]=v.useState(""),[o,a]=v.useState(""),{register:u,isLoading:c}=od(),m=vr(),p=async g=>{g.preventDefault(),a("");const y=await u({name:e,email:n});y.success?m("/broadcasts"):a(y.error||"Error al registrar")};return i.jsx("div",{className:"min-h-screen flex items-center justify-center p-6 bg-gray-50",children:i.jsx("div",{className:"w-full max-w-md",children:i.jsxs("div",{className:"bg-white rounded-2xl shadow p-8",children:[i.jsx("h2",{className:"text-2xl font-bold mb-4",children:"Crear cuenta"}),i.jsxs("form",{onSubmit:p,className:"space-y-4",children:[o&&i.jsx("div",{className:"text-red-600",children:o}),i.jsx("input",{className:"w-full p-3 border rounded",value:e,onChange:g=>t(g.target.value),placeholder:"Nombre",required:!0}),i.jsx("input",{className:"w-full p-3 border rounded",value:n,onChange:g=>r(g.target.value),placeholder:"Email",required:!0}),i.jsx("input",{className:"w-full p-3 border rounded",type:"password",value:l,onChange:g=>s(g.target.value),placeholder:"Password",required:!0}),i.jsx("button",{className:"w-full bg-blue-600 text-white p-3 rounded",disabled:c,children:c?"Creando...":"Crear cuenta"})]})]})})})}function Mp({isOpen:e,onToggle:t}){const[n,r]=v.useState(""),l=s=>{r(o=>o===s?"":s)};return i.jsxs(i.Fragment,{children:[e&&i.jsx("div",{className:"fixed inset-0 z-40 bg-black/60 lg:hidden",onClick:t}),i.jsx("nav",{role:"navigation","aria-label":"Menú lateral",className:`fixed top-0 bottom-0 z-50 h-full w-[260px] transition-all duration-300 ${e?"left-0":"-left-[260px]"} lg:left-0`,children:i.jsxs("div",{className:"h-full bg-white",children:[i.jsxs("div",{className:"flex items-center justify-between px-4 py-3",children:[i.jsx("div",{className:"main-logo flex items-center shrink-0",children:i.jsx("span",{className:"text-2xl font-semibold text-accent",children:"AvanzaCast"})}),i.jsx("button",{type:"button","aria-label":"Cerrar menú",className:"collapse-icon p-2 rounded-md hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-primary",onClick:t,children:i.jsx(bp,{className:"w-5 h-5","aria-hidden":!0})})]}),i.jsx("div",{className:"p-4",children:i.jsxs("ul",{className:"space-y-2",children:[i.jsx("li",{className:"nav-item",children:i.jsx(Fe,{to:"/landing",className:"w-full block text-left font-semibold focus:outline-none focus:ring-2 focus:ring-primary rounded-md px-2 py-2",children:"Página pública"})}),i.jsx("hr",{className:"my-2 border-t"}),i.jsx("li",{className:"nav-item",children:i.jsx(Fe,{to:"/broadcasts",className:({isActive:s})=>`w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary rounded-md px-2 py-2 ${s?"font-medium active":""}`,end:!0,children:"Transmisiones"})}),i.jsx("h2",{className:"mt-4 mb-2 uppercase text-xs font-extrabold",children:"Streaming"}),i.jsx("li",{className:"nav-item",children:i.jsx(Fe,{to:"/studio",className:({isActive:s})=>`w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary rounded-md px-2 py-2 ${s?"font-medium active":""}`,children:"Estudio Virtual"})}),i.jsxs("li",{className:"nav-item",children:[i.jsx("button",{className:"w-full text-left rounded-md px-2 py-2",onClick:()=>l("streams"),children:"Transmisiones"}),n==="streams"&&i.jsxs("ul",{className:"pl-4 mt-2 space-y-1 text-sm",role:"menu","aria-label":"Submenú Transmisiones",children:[i.jsx("li",{role:"none",children:i.jsx(Fe,{role:"menuitem",to:"/streams",className:"w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary",children:"Todas"})}),i.jsx("li",{role:"none",children:i.jsx(Fe,{role:"menuitem",to:"/streams/create",className:"w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary",children:"Nueva Transmisión"})}),i.jsx("li",{role:"none",children:i.jsx(Fe,{role:"menuitem",to:"/streams/scheduled",className:"w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary",children:"Programadas"})}),i.jsx("li",{role:"none",children:i.jsx(Fe,{role:"menuitem",to:"/streams/history",className:"w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary",children:"Historial"})})]})]}),i.jsx("li",{className:"nav-item mt-4",children:i.jsx(Fe,{to:"/analytics",className:"w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary rounded-md px-2 py-2",children:"Analytics"})}),i.jsx("h2",{className:"mt-6 mb-2 uppercase text-xs font-extrabold",children:"Configuración"}),i.jsx("li",{className:"nav-item",children:i.jsx(Fe,{to:"/platforms",className:"w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary rounded-md px-2 py-2",children:"Plataformas"})}),i.jsx("li",{className:"nav-item",children:i.jsx(Fe,{to:"/settings",className:"w-full block text-left focus:outline-none focus:ring-2 focus:ring-primary rounded-md px-2 py-2",children:"Configuración"})})]})})]})})]})}function Ip({onToggleSidebar:e}){const[t,n]=v.useState(""),[r,l]=v.useState(!1),[s,o]=v.useState(!1),a=vr();return i.jsx("header",{className:"sticky top-0 z-40 bg-white border-b border-white-light shadow-sm",role:"banner","aria-label":"Barra superior",children:i.jsxs("div",{className:"relative flex w-full items-center px-4 py-2",children:[i.jsx("div",{className:"horizontal-logo flex lg:hidden justify-between items-center",children:i.jsx("div",{className:"main-logo flex items-center shrink-0",children:i.jsx("span",{className:"text-2xl font-semibold align-middle text-accent",children:"AvanzaCast"})})}),i.jsx("button",{type:"button","aria-label":"Abrir menú lateral",title:"Abrir menú lateral",className:"collapse-icon flex-none hover:text-primary flex lg:hidden p-2 rounded-md bg-white-light/40 focus:outline-none focus:ring-2 focus:ring-primary",onClick:e,children:i.jsx(mp,{className:"w-5 h-5","aria-hidden":!0})}),i.jsx("div",{className:"sm:ltr:mr-auto sm:rtl:ml-auto hidden sm:block",children:i.jsx("form",{className:"relative",action:"#",method:"GET",role:"search","aria-label":"Buscar en AvanzaCast",children:i.jsxs("div",{className:"relative",children:[i.jsx("label",{htmlFor:"search",className:"sr-only",children:"Buscar"}),i.jsx("input",{id:"search",name:"q",type:"text",className:"form-input ltr:pl-9 rtl:pr-9 ltr:sm:pr-4 rtl:sm:pl-4 peer sm:bg-transparent bg-gray-100 placeholder:tracking-widest focus:outline-none focus:ring-2 focus:ring-primary rounded-md py-2 px-3",placeholder:"Buscar...","aria-label":"Buscar",value:t,onChange:u=>n(u.target.value)})]})})}),i.jsxs("div",{className:"ltr:ml-auto rtl:mr-auto flex items-center space-x-1.5 lg:space-x-2",children:[i.jsx("button",{type:"button","aria-label":"Ir en vivo",onClick:()=>a("/studio"),className:"btn btn-gradient !mt-0 border-0 uppercase focus:outline-none focus:ring-2 focus:ring-primary px-3 py-1.5 text-sm",children:i.jsxs("span",{className:"flex items-center",children:[i.jsx("span",{className:"w-2 h-2 bg-white rounded-full animate-pulse ltr:mr-2","aria-hidden":!0}),"Ir en Vivo"]})}),i.jsx("button",{type:"button","aria-label":"Cambiar tema",title:"Cambiar tema",className:"p-2 rounded-md bg-white-light/40 focus:outline-none focus:ring-2 focus:ring-primary",children:i.jsx(Np,{className:"w-5 h-5","aria-hidden":!0})}),i.jsxs("div",{className:"relative",children:[i.jsxs("button",{type:"button","aria-label":"Notificaciones","aria-expanded":r,className:"relative flex items-center p-2 rounded-full bg-white-light/40 focus:outline-none focus:ring-2 focus:ring-primary",onClick:()=>l(!r),children:[i.jsx(gp,{className:"w-5 h-5","aria-hidden":!0}),i.jsx("span",{className:"absolute top-0 right-0 w-2 h-2 rounded-full bg-danger","aria-hidden":!0}),i.jsx("span",{className:"sr-only",children:"Tienes notificaciones"})]}),r&&i.jsxs("div",{role:"dialog","aria-label":"Panel de notificaciones",className:"absolute top-full right-0 mt-2 w-80 bg-white rounded shadow-lg z-50 overflow-hidden",children:[i.jsx("div",{className:"px-4 py-3 border-b border-white-light",children:i.jsx("h5",{className:"font-semibold",children:"Notificaciones"})}),i.jsx("div",{className:"p-4 text-center text-sm",children:"No hay notificaciones nuevas"})]})]}),i.jsxs("div",{className:"relative",children:[i.jsxs("button",{type:"button","aria-label":"Abrir menú de usuario","aria-expanded":s,className:"flex items-center space-x-2 p-2 rounded-full bg-white-light/40 focus:outline-none focus:ring-2 focus:ring-primary",onClick:()=>o(!s),children:[i.jsx("div",{className:"h-9 w-9 rounded-full bg-accent flex items-center justify-center text-white font-semibold",children:i.jsx(Cp,{className:"w-5 h-5"})}),i.jsxs("div",{className:"hidden md:block",children:[i.jsx("h4",{className:"text-xs font-semibold",children:"Usuario"}),i.jsx("span",{className:"text-[10px] text-white-dark",children:"Free Plan"})]})]}),s&&i.jsx("div",{role:"menu","aria-label":"Menú de usuario",className:"absolute top-full right-0 mt-2 w-56 bg-white rounded shadow-lg z-50 overflow-hidden",children:i.jsxs("ul",{className:"py-2",role:"none",children:[i.jsx("li",{role:"none",children:i.jsx("button",{role:"menuitem",className:"w-full text-left px-4 py-2 hover:bg-white-light focus:outline-none focus:ring-2 focus:ring-primary",onClick:()=>a("/profile"),children:"Perfil"})}),i.jsx("li",{role:"none",children:i.jsx("button",{role:"menuitem",className:"w-full text-left px-4 py-2 hover:bg-white-light focus:outline-none focus:ring-2 focus:ring-primary",onClick:()=>a("/settings"),children:"Configuración"})}),i.jsx("li",{role:"none",className:"border-t border-white-light",children:i.jsx("button",{role:"menuitem",className:"w-full text-left px-4 py-2 text-danger hover:bg-white-light focus:outline-none focus:ring-2 focus:ring-primary",onClick:()=>a("/auth/login"),children:"Cerrar Sesión"})})]})})]})]})]})})}function Op({children:e}){const[t,n]=v.useState(!1),r=()=>n(!t);return i.jsxs("div",{className:"min-h-screen bg-[#f1f5f9]",children:[i.jsx(Mp,{isOpen:t,onToggle:r}),i.jsxs("div",{className:"lg:pl-64 flex flex-col min-h-screen",children:[i.jsx(Ip,{onToggleSidebar:r}),i.jsx("main",{className:"flex-1 p-6",children:e})]})]})}const Ap=ld;function Fr(){const e=ld;return i.jsx(Op,{children:i.jsxs(e,{children:[i.jsx(oe,{path:"/broadcasts",element:i.jsx(zp,{})}),i.jsx(oe,{path:"/studio",element:i.jsx(Lp,{})}),i.jsx(oe,{path:"/profile",element:i.jsx("div",{children:"Perfil (placeholder)"})}),i.jsx(oe,{path:"/settings",element:i.jsx("div",{children:"Settings (placeholder)"})})]})})}function Fp(){return i.jsx(Rh,{children:i.jsxs(Ap,{children:[i.jsx(oe,{path:"/",element:i.jsx(La,{})}),i.jsx(oe,{path:"/landing",element:i.jsx(Kh,{})}),i.jsx(oe,{path:"/new-landing",element:i.jsx(up,{})}),i.jsx(oe,{path:"/nextream",element:i.jsx(La,{})}),i.jsx(oe,{path:"/auth/login",element:i.jsx(Tp,{})}),i.jsx(oe,{path:"/auth/register",element:i.jsx(Rp,{})}),i.jsx(oe,{path:"/broadcasts/*",element:i.jsx(Fr,{})}),i.jsx(oe,{path:"/studio/*",element:i.jsx(Fr,{})}),i.jsx(oe,{path:"/profile/*",element:i.jsx(Fr,{})}),i.jsx(oe,{path:"/settings/*",element:i.jsx(Fr,{})})]})})}Qc(document.getElementById("root")).render(i.jsx(Ua.StrictMode,{children:i.jsx(Fp,{})})); diff --git a/packages/landing-page/public/logo-avanzacast.svg b/packages/landing-page/public/logo-avanzacast.svg new file mode 100644 index 0000000..f66a816 --- /dev/null +++ b/packages/landing-page/public/logo-avanzacast.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/landing-page/public/logo_avanzacast.svg b/packages/landing-page/public/logo_avanzacast.svg new file mode 100644 index 0000000..4748b5e --- /dev/null +++ b/packages/landing-page/public/logo_avanzacast.svg @@ -0,0 +1,1641 @@ + +AvanzaCast diff --git a/packages/landing-page/src/App.tsx b/packages/landing-page/src/App.tsx index 769310e..fadfd80 100644 --- a/packages/landing-page/src/App.tsx +++ b/packages/landing-page/src/App.tsx @@ -3,8 +3,6 @@ import { BrowserRouter, Routes as RRDRoutes, Route, useLocation } from 'react-ro const AnyRoutes: any = RRDRoutes import Broadcasts from './pages/Broadcasts' import Studio from './pages/Studio' -import Landing from './pages/Landing' -import NewLanding from './pages/NewLanding' import NextreamLanding from './pages/NextreamLanding' import Login from './pages/Login' import Register from './pages/Register' @@ -31,9 +29,6 @@ export default function App() { {/* Public landing and auth routes */} } /> - } /> - } /> - } /> } /> } /> diff --git a/packages/landing-page/src/components/CTAAndFooter.tsx b/packages/landing-page/src/components/CTAAndFooter.tsx deleted file mode 100644 index de8b21f..0000000 --- a/packages/landing-page/src/components/CTAAndFooter.tsx +++ /dev/null @@ -1,157 +0,0 @@ -import React from 'react' - -const platforms = ['YouTube', 'Twitch', 'Facebook', 'LinkedIn', 'TikTok'] - -const companies = [ - { name: 'Microsoft', logo: '🏢' }, - { name: 'Adobe', logo: '🎨' }, - { name: 'Netflix', logo: '🎬' }, - { name: 'Spotify', logo: '🎵' }, - { name: 'Google', logo: '🔍' }, - { name: 'Meta', logo: '📘' } -] - -export default function CTAAndFooter() { - return ( - <> - {/* Final CTA Section */} -
-
-

- Transmite profesionalmente desde el primer día -

-

- Con AvanzaCast, no necesitas ser un experto en tecnología para crear transmisiones de alta calidad. - Comienza en minutos y crece con nosotros. -

- -
- - - - -
- -

- ✓ Sin tarjeta de crédito requerida • ✓ Configuración en 2 minutos • ✓ Soporte 24/7 -

-
-
- - {/* Trusted By Section */} -
-
-

Confiado por más de 4 millones de creadores

- -
- {companies.map((company, index) => ( -
-
{company.logo}
- {company.name} -
- ))} -
-
-
- - {/* Additional CTA Section */} -
-
-

- ¿Listo para elevar tu contenido? -

-

- Únete a miles de creadores que ya confían en AvanzaCast para sus transmisiones profesionales -

- -
- - - - -
- - {/* Trust indicators */} -
-

Confiado por creadores en todo el mundo

-
- {platforms.map((platform, index) => ( -
- {platform} -
- ))} -
-
-
-
- - {/* Footer */} - - - ) -} diff --git a/packages/landing-page/src/components/ContentSection.tsx b/packages/landing-page/src/components/ContentSection.tsx deleted file mode 100644 index efe5223..0000000 --- a/packages/landing-page/src/components/ContentSection.tsx +++ /dev/null @@ -1,100 +0,0 @@ -import React from 'react' - -interface BlogPost { - image: string - color: string - title: string - author: string - tag: string -} - -const blogPosts: BlogPost[] = [ - { - image: '📅', - color: 'bg-red-500', - title: 'Cómo programar una transmisión en vivo en YouTube', - author: 'Kelsey Bentz', - tag: 'YouTube' - }, - { - image: '🎙️', - color: 'bg-blue-600', - title: '7 formas de mejorar el audio de la transmisión en vivo', - author: 'AvanzaCast', - tag: 'Audio' - }, - { - image: '⏱️', - color: 'bg-yellow-500', - title: '¿Cuánto tiempo debe durar un podcast? Elegir la duración adecuada del episodio', - author: 'AvanzaCast', - tag: 'Podcast' - }, - { - image: '📺', - color: 'bg-blue-700', - title: 'Cómo realizar una transmisión en vivo de prueba sin ir en vivo | 3 formas fáciles', - author: 'AvanzaCast', - tag: 'Tutorial' - } -] - -export default function ContentSection() { - return ( - <> - {/* Content Header Section */} -
-
-

- Transmite mejor, crece más rápido -

-

- Descubre consejos de expertos, guías prácticas y acciones reales diseñadas para ayudarte a - crear contenido de alta calidad, involucrar a tu audiencia y aumentar tu presencia—una - transmisión a la vez. -

- -
-
- - {/* Blog Posts Grid */} -
-
-
- {blogPosts.map((post, index) => ( -
-
-
{post.image}
-
-

avanzacast.com/blog

-
-
-
-
- - {post.tag} - -
-

- Escrito por {post.author} -

-

- {post.title} -

- -
-
- ))} -
-
-
- - ) -} diff --git a/packages/landing-page/src/components/FeatureHighlights.tsx b/packages/landing-page/src/components/FeatureHighlights.tsx deleted file mode 100644 index fd055bd..0000000 --- a/packages/landing-page/src/components/FeatureHighlights.tsx +++ /dev/null @@ -1,105 +0,0 @@ -import React from 'react' - -export default function FeatureHighlights() { - return ( -
-
- {/* First Feature */} -
-
-

- Transmite en vivo o graba podcasts con invitados remotos -

-

- Los invitados pueden unirse fácilmente desde su navegador o teléfono en unos pocos clics. - No hace falta descargar ningún software. -

-
- -
-
-
-
-
-
- James -
-
- Helena -
-
-
-
Melanie Dyann Howe
-
Anfitriona
-
-
-
-
- - {/* Second Feature */} -
-
-
-
- Zoom - AvanzaCast -
-
-
- 📹 Video Feed 1 -
-
- 📹 Video Feed 2 -
-
-
-
-
- Grabando en HD -
-
-
-
-
-

- Grabaciones con calidad de estudio, independientemente de tu conexión -

-

- ¿Te cansaste de que tus podcasts queden arruinados con Zoom y Skype? Con las grabaciones locales, - se graba un archivo de video separado de cada invitado directamente en su computadora, sin importar - qué tan mala sea su conexión a internet. -

-
-
-
- - - -
- Grabación local en cada dispositivo -
-
-
- - - -
- Calidad 4K independiente de la conexión -
-
-
- - - -
- Sincronización automática -
-
-
-
-
-
- ) -} diff --git a/packages/landing-page/src/components/FeaturesCarousel.tsx b/packages/landing-page/src/components/FeaturesCarousel.tsx deleted file mode 100644 index e84f7e5..0000000 --- a/packages/landing-page/src/components/FeaturesCarousel.tsx +++ /dev/null @@ -1,109 +0,0 @@ -import React, { useEffect, useRef } from 'react' -import { Link } from 'react-router-dom' - -interface Feature { - icon: string - title: string - description: string -} - -const features: Feature[] = [ - { icon: '/images/carousel_recording.svg', title: 'Recording', description: 'Graba contenido de alta calidad' }, - { icon: '/images/carousel_streaming.svg', title: 'Streaming', description: 'Transmite en vivo a múltiples plataformas' }, - { icon: '/images/carousel_guests.svg', title: 'Guests', description: 'Invita colaboradores fácilmente' }, - { icon: '/images/carousel_branding.svg', title: 'Branding', description: 'Personaliza tu transmisión' }, - { icon: '/images/carousel_engagement.svg', title: 'Engagement', description: 'Interactúa con tu audiencia' }, - { icon: '/images/carousel_podcasts.svg', title: 'Podcasts', description: 'Crea podcasts profesionales' }, - { icon: '/images/carousel_repurpose.svg', title: 'Repurpose', description: 'Reutiliza tu contenido' } -] - -export default function FeaturesCarousel() { - const scrollRef = useRef(null) - const multiplier = 12 - const duplicatedFeatures = Array.from({ length: multiplier }, () => features).flat() - - const scrollLeft = () => { - if (scrollRef.current) scrollRef.current.scrollBy({ left: -320, behavior: 'smooth' }) - } - const scrollRight = () => { - if (scrollRef.current) scrollRef.current.scrollBy({ left: 320, behavior: 'smooth' }) - } - - useEffect(() => { - if (scrollRef.current) { - const singleSetWidth = features.length * (288 + 24) - const middleStart = singleSetWidth * Math.floor(multiplier / 2) - scrollRef.current.scrollLeft = middleStart - } - }, []) - - useEffect(() => { - let scrollTimeout: any - const container = scrollRef.current - const handleScroll = () => { - if (!container) return - const singleSetWidth = features.length * (288 + 24) - const totalWidth = singleSetWidth * multiplier - const middleStart = singleSetWidth * Math.floor(multiplier / 2) - const tolerance = 50 - requestAnimationFrame(() => { - if (container.scrollLeft <= tolerance) container.scrollLeft = middleStart - else if (container.scrollLeft >= totalWidth - container.clientWidth - tolerance) container.scrollLeft = middleStart - }) - } - - if (container) { - const debounced = () => { - clearTimeout(scrollTimeout) - scrollTimeout = setTimeout(handleScroll, 150) - } - container.addEventListener('scroll', debounced, { passive: true }) - return () => { - container.removeEventListener('scroll', debounced as any) - clearTimeout(scrollTimeout) - } - } - }, []) - - return ( -
-
-
-

- AvanzaCast es un estudio profesional para grabar y hacer transmisiones en vivo desde tu - navegador. Graba contenido o transmite en vivo a Facebook, YouTube y otras plataformas. -

-
- -
- - - - -
- {duplicatedFeatures.map((feature, index) => { - const setNumber = Math.floor(index / features.length) - const itemIndex = index % features.length - return ( -
- -
-
- {feature.title} -
-
{feature.title}
-
- -
- ) - })} -
-
-
-
- ) -} diff --git a/packages/landing-page/src/components/Header.tsx b/packages/landing-page/src/components/Header.tsx deleted file mode 100644 index 0659bf3..0000000 --- a/packages/landing-page/src/components/Header.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import React from 'react' - -export default function Header(){ - return ( -
-
-
- -
AvanzaCast
-
-
- -
X
-
-
-
- ) -} diff --git a/packages/landing-page/src/components/HeroSection.tsx b/packages/landing-page/src/components/HeroSection.tsx deleted file mode 100644 index 4f3bebb..0000000 --- a/packages/landing-page/src/components/HeroSection.tsx +++ /dev/null @@ -1,158 +0,0 @@ -import React, { useState } from 'react' -import { Link, useNavigate } from 'react-router-dom' - -export default function HeroSection() { - const [email, setEmail] = useState('') - const [isGoogleAuthenticated, setIsGoogleAuthenticated] = useState(false) - const [googleUser] = useState({ name: 'Nextv', email: 'nextv.stream@gmail.com', initial: 'N' }) - const navigate = useNavigate() - - const handleSubmit = (e: React.FormEvent) => { - e.preventDefault() - navigate(`/auth/register?email=${encodeURIComponent(email)}`) - } - - const handleGoogleLogin = () => { - // Demo stub for OAuth flow - setTimeout(() => setIsGoogleAuthenticated(true), 600) - } - - const handleGoogleContinue = () => { - navigate('/broadcasts') - } - - return ( -
-
-
- {/* Left Content */} -
-
-

- La manera más sencilla de -
- grabar y transmitir -
- en vivo -

- -

- AvanzaCast es un estudio profesional para grabar y hacer transmisiones en vivo desde tu - navegador. Graba contenido o transmite en vivo a Facebook, YouTube y otras plataformas. -

- -
-
-
ℹ️
-
-

¡Te refieres a AvanzaCast!

-

Recibirás una prueba gratuita de 14 días. No se requiere tarjeta.

-
-
-
-
-
- - {/* Right Content - Registration Form */} -
-
- {!isGoogleAuthenticated ? ( - - ) : ( - - )} -
- -
-
-
-
-
- O continúa con tu correo -
-
- -
-
- setEmail(e.target.value)} - placeholder="Ingresa tu dirección de correo electrónico" - className="w-full px-6 py-4 text-base border-2 border-gray-300 rounded-xl focus:ring-4 focus:ring-blue-500/20 focus:border-blue-500 transition-all duration-200 placeholder:text-gray-500 hover:border-gray-400 shadow-sm hover:shadow-md" - required - /> -
- - - -
-

¡Confiado por más de 12,000,000 creadores!

-
- -
-

- Al continuar, aceptas nuestros{' '} - - Términos de Servicio - - , {' '} - - Política de Uso - - , y reconoces nuestra{' '} - - Política de Privacidad - - . -

-
- -
-

- ¿Ya usas AvanzaCast?{' '} - - Inicia sesión - - . -

-
-
-
-
-
-
- ) -} diff --git a/packages/landing-page/src/components/ModernSaasFooter.tsx b/packages/landing-page/src/components/ModernSaasFooter.tsx index a103e79..382976d 100644 --- a/packages/landing-page/src/components/ModernSaasFooter.tsx +++ b/packages/landing-page/src/components/ModernSaasFooter.tsx @@ -68,13 +68,12 @@ const ModernSaasFooter: React.FC = () => {
{/* Company Info */}
- -
- - - - -
+ + AvanzaCast AvanzaCast

diff --git a/packages/landing-page/src/components/ModernSaasHeader.tsx b/packages/landing-page/src/components/ModernSaasHeader.tsx index e0a11dd..a388f07 100644 --- a/packages/landing-page/src/components/ModernSaasHeader.tsx +++ b/packages/landing-page/src/components/ModernSaasHeader.tsx @@ -53,17 +53,21 @@ const ModernSaasHeader: React.FC = () => {

{/* Logo */} - -
- - - - -
- + AvanzaCast + - AvanzaCast + Avanza + + + Cast @@ -217,7 +221,7 @@ const ModernSaasHeader: React.FC = () => { Iniciar Sesión - Comenzar Gratis + Empecemos
@@ -385,7 +389,7 @@ const ModernSaasHeader: React.FC = () => { Iniciar Sesión - Comenzar Gratis + Empecemos
diff --git a/packages/landing-page/src/components/Navigation.tsx b/packages/landing-page/src/components/Navigation.tsx deleted file mode 100644 index 645881e..0000000 --- a/packages/landing-page/src/components/Navigation.tsx +++ /dev/null @@ -1,95 +0,0 @@ -import React, { useState } from 'react' - -interface NavigationItem { - name: string - dropdown: boolean - href?: string -} - -const navigationItems: NavigationItem[] = [ - { name: 'Producto', dropdown: true }, - { name: 'Comunidad', dropdown: false, href: '/community' }, - { name: 'AvanzaCast para', dropdown: false, href: '/for' }, - { name: 'Únete a nosotros', dropdown: false, href: '/join' } -] - -export default function Navigation() { - const [mobileMenuOpen, setMobileMenuOpen] = useState(false) - - return ( - - ) -} diff --git a/packages/landing-page/src/components/NewCallToAction.tsx b/packages/landing-page/src/components/NewCallToAction.tsx deleted file mode 100644 index cd8676f..0000000 --- a/packages/landing-page/src/components/NewCallToAction.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import React from 'react'; - -const NewCallToAction: React.FC = () => { - return ( -
- {/* Decorative circles */} -
-
- -
-
-

- ¿Listo para comenzar tu próxima transmisión? -

-

- Únete a miles de creadores que ya están transmitiendo con AvanzaCast. Es gratis para comenzar. -

- - - -

- No se requiere tarjeta de crédito • Configura en menos de 2 minutos -

-
-
-
- ); -}; - -export default NewCallToAction; diff --git a/packages/landing-page/src/components/NewContentDetailsSection.tsx b/packages/landing-page/src/components/NewContentDetailsSection.tsx deleted file mode 100644 index bccf619..0000000 --- a/packages/landing-page/src/components/NewContentDetailsSection.tsx +++ /dev/null @@ -1,107 +0,0 @@ -import React from 'react'; - -interface ContentBlock { - title: string; - description: string; - image: string; - link?: string; - background?: string; - reverse?: boolean; -} - -const contentBlocks: ContentBlock[] = [ - { - title: 'Transmite en vivo o graba podcasts con invitados remotos', - description: 'Los invitados pueden unirse fácilmente desde su navegador o teléfono en unos pocos clics. No necesitan crear una cuenta ni descargar nada.', - image: '/images/features/guests.svg', - link: '/features/guests', - reverse: false - }, - { - title: 'Grabaciones con calidad de estudio, independientemente de tu conexión', - description: '¿Te cansaste de que tus podcasts queden arruinados con Zoom y Skype? AvanzaCast graba localmente en la computadora de cada invitado para obtener pistas de audio y video perfectas.', - image: '/images/features/recording.svg', - link: '/features/recording', - background: 'bg-pink-50', - reverse: true - }, - { - title: 'Transmite a YouTube, Facebook, LinkedIn y más', - description: 'Transmite simultáneamente a múltiples destinos. Alcanza a tu audiencia dondequiera que estén, todo desde un solo lugar.', - image: '/images/features/multistream.svg', - link: '/features/multistream', - reverse: false - }, - { - title: 'Personaliza con tu marca', - description: 'Añade tu logo, fondos personalizados y overlays para crear transmisiones profesionales que reflejen tu marca.', - image: '/images/features/branding.svg', - link: '/features/branding', - background: 'bg-purple-50', - reverse: true - } -]; - -const NewContentDetailsSection: React.FC = () => { - return ( -
- {contentBlocks.map((block, index) => ( -
-
-
- {/* Contenido de texto */} -
-

- {block.title} -

-

- {block.description} -

- {block.link && ( - - Saber más - - - - - )} -
- - {/* Imagen */} -
-
- {block.title} { - // Crear un placeholder SVG inline - const svg = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'%3E%3Crect width='600' height='400' fill='%234F46E5'/%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-family='system-ui' font-size='18' fill='white'%3E${encodeURIComponent(block.title.substring(0, 50))}%3C/text%3E%3C/svg%3E`; - e.currentTarget.src = svg; - }} - /> -
-
-
-
-
- ))} -
- ); -}; - -export default NewContentDetailsSection; diff --git a/packages/landing-page/src/components/NewFeaturesGrid.tsx b/packages/landing-page/src/components/NewFeaturesGrid.tsx deleted file mode 100644 index f842d05..0000000 --- a/packages/landing-page/src/components/NewFeaturesGrid.tsx +++ /dev/null @@ -1,132 +0,0 @@ -import React, { useState, useRef } from 'react'; - -const features = [ - { - id: 1, - name: 'Grabación', - icon: '🎙️', - description: 'Graba con calidad de estudio' - }, - { - id: 2, - name: 'Multistream', - icon: '📡', - description: 'Transmite a múltiples plataformas' - }, - { - id: 3, - name: 'Invitados', - icon: '👥', - description: 'Invita fácilmente a colaboradores' - }, - { - id: 4, - name: 'Marca', - icon: '🎨', - description: 'Personaliza con tu branding' - }, - { - id: 5, - name: 'Chat en Vivo', - icon: '💬', - description: 'Interactúa con tu audiencia' - }, - { - id: 6, - name: 'Pantalla Compartida', - icon: '🖥️', - description: 'Comparte tu pantalla fácilmente' - }, - { - id: 7, - name: 'Analytics', - icon: '📊', - description: 'Analiza tu rendimiento' - }, -]; - -const NewFeaturesGrid: React.FC = () => { - const scrollRef = useRef(null); - - const scroll = (direction: 'left' | 'right') => { - if (scrollRef.current) { - const scrollAmount = 300; - scrollRef.current.scrollBy({ - left: direction === 'left' ? -scrollAmount : scrollAmount, - behavior: 'smooth' - }); - } - }; - - const handleFeatureClick = (featureName: string) => { - window.location.href = `/auth/register?feature=${encodeURIComponent(featureName)}`; - }; - - return ( -
-
- {/* Header */} -
-

- Todo lo que necesitas para transmitir -

-

- Herramientas profesionales al alcance de un clic -

-
- - {/* Carrusel de características */} -
- {/* Flecha izquierda */} - - - {/* Grid de características */} -
- {features.map((feature) => ( -
handleFeatureClick(feature.name)} - className="flex-none w-64 bg-white border-2 border-gray-200 rounded-2xl p-8 hover:-translate-y-2 hover:shadow-2xl transition-all cursor-pointer group" - > -
- {feature.icon} -
-

- {feature.name} -

-

- {feature.description} -

-
- ))} -
- - {/* Flecha derecha */} - -
-
-
- ); -}; - -export default NewFeaturesGrid; diff --git a/packages/landing-page/src/components/NewFooter.tsx b/packages/landing-page/src/components/NewFooter.tsx deleted file mode 100644 index 3a91aee..0000000 --- a/packages/landing-page/src/components/NewFooter.tsx +++ /dev/null @@ -1,125 +0,0 @@ -import React, { useState } from 'react'; - -const NewFooter: React.FC = () => { - const [selectedLanguage, setSelectedLanguage] = useState('es'); - - return ( - - ); -}; - -export default NewFooter; diff --git a/packages/landing-page/src/components/NewHeader.tsx b/packages/landing-page/src/components/NewHeader.tsx deleted file mode 100644 index ac18257..0000000 --- a/packages/landing-page/src/components/NewHeader.tsx +++ /dev/null @@ -1,179 +0,0 @@ -import React, { useState } from 'react'; - -// Iconos SVG -const MenuIcon = () => ( - - - - - -); - -const CloseIcon = () => ( - - - - -); - -const ChevronDown = () => ( - - - -); - -const IconMic = () => ( - - - - - - -); - -const IconUsers = () => ( - - - - - -); - -const IconVideo = () => ( - - - - -); - -const NewHeader: React.FC = () => { - const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); - const [isProductDropdownOpen, setIsProductDropdownOpen] = useState(false); - const [isBusinessDropdownOpen, setIsBusinessDropdownOpen] = useState(false); - - const toggleMobileMenu = () => setIsMobileMenuOpen(!isMobileMenuOpen); - - return ( -
-
-
- {/* Logo */} - - AvanzaCast - - - {/* Desktop Navigation */} - - - {/* Mobile Menu Toggle */} - -
- - {/* Mobile Menu */} - {isMobileMenuOpen && ( - - )} -
-
- ); -}; - -export default NewHeader; diff --git a/packages/landing-page/src/components/NewHeroSection.tsx b/packages/landing-page/src/components/NewHeroSection.tsx deleted file mode 100644 index 060b3fb..0000000 --- a/packages/landing-page/src/components/NewHeroSection.tsx +++ /dev/null @@ -1,106 +0,0 @@ -import React, { useState } from 'react'; - -const NewHeroSection: React.FC = () => { - const [email, setEmail] = useState(''); - - const handleGoogleSignup = () => { - window.location.href = '/auth/register?provider=google'; - }; - - const handleEmailSignup = (e: React.FormEvent) => { - e.preventDefault(); - window.location.href = `/auth/register?email=${encodeURIComponent(email)}`; - }; - - return ( -
-
-
- {/* Contenido del Hero */} -
-

- La manera más sencilla de transmitir en vivo y grabar -

-

- AvanzaCast es un estudio profesional para grabar y hacer transmisiones en vivo desde tu navegador. Invita a tus invitados, comparte tu pantalla y transmite en varias plataformas a la vez. -

-
- - {/* Formulario de Registro */} -
-
-

Comienza gratis

- - {/* Botón de Google */} - - - {/* Separador */} -
- o -
-
- - {/* Formulario de Email */} -
- setEmail(e.target.value)} - placeholder="Ingresa tu correo electrónico" - className="w-full border border-gray-300 px-4 py-4 rounded-lg mb-4 focus:outline-none focus:border-blue-600 focus:ring-2 focus:ring-blue-100" - required - /> - -
- -

- Al continuar, aceptas nuestros{' '} - Términos de Servicio - {' '}y{' '} - Política de Privacidad. -

- -

- ¿Ya tienes cuenta?{' '} - Inicia sesión -

-
- - {/* Gráfico decorativo de fondo */} -
-
-
- - {/* Logos de clientes */} -
-

Confiado por miles de creadores y empresas

-
- Microsoft - Google - Amazon - Facebook - LinkedIn -
-
-
-
- ); -}; - -export default NewHeroSection; diff --git a/packages/landing-page/src/components/NewTestimonialsCarousel.tsx b/packages/landing-page/src/components/NewTestimonialsCarousel.tsx deleted file mode 100644 index 4b1590b..0000000 --- a/packages/landing-page/src/components/NewTestimonialsCarousel.tsx +++ /dev/null @@ -1,182 +0,0 @@ -import React, { useState } from 'react'; - -interface Testimonial { - id: number; - name: string; - role: string; - company: string; - image: string; - quote: string; - rating: number; -} - -const testimonials: Testimonial[] = [ - { - id: 1, - name: 'María García', - role: 'CEO', - company: 'TechStartup', - image: '/images/testimonials/user1.svg', - quote: 'AvanzaCast transformó completamente la forma en que hacemos webinars. La calidad es excepcional y es súper fácil de usar.', - rating: 5 - }, - { - id: 2, - name: 'Carlos Rodríguez', - role: 'Content Creator', - company: 'YouTube', - image: '/images/testimonials/user2.svg', - quote: 'Llevo más de 2 años usando AvanzaCast para mis streams. No cambiaría a otra plataforma por nada del mundo.', - rating: 5 - }, - { - id: 3, - name: 'Ana Martínez', - role: 'Marketing Director', - company: 'GlobalCorp', - image: '/images/testimonials/user3.svg', - quote: 'La capacidad de transmitir simultáneamente a múltiples plataformas nos ha ayudado a triplicar nuestro alcance.', - rating: 5 - }, - { - id: 4, - name: 'Juan Pérez', - role: 'Podcaster', - company: 'El Podcast Diario', - image: '/images/testimonials/user4.svg', - quote: 'La calidad de audio es impresionante. Mis invitados siempre comentan lo profesional que se ve todo.', - rating: 5 - } -]; - -const NewTestimonialsCarousel: React.FC = () => { - const [currentIndex, setCurrentIndex] = useState(0); - - const nextSlide = () => { - setCurrentIndex((prev) => (prev + 1) % testimonials.length); - }; - - const prevSlide = () => { - setCurrentIndex((prev) => (prev - 1 + testimonials.length) % testimonials.length); - }; - - const goToSlide = (index: number) => { - setCurrentIndex(index); - }; - - return ( -
-
- {/* Header */} -
-

- Testimonios -

-

- 60,000,000+ transmisiones realizadas -

-

- Miles de creadores confían en AvanzaCast para sus transmisiones -

-
- - {/* Carrusel */} -
- {/* Flecha izquierda */} - - - {/* Testimonial Card */} -
- {/* Rating Stars */} -
- {[...Array(testimonials[currentIndex].rating)].map((_, i) => ( - - - - ))} -
- - {/* Quote */} -
- "{testimonials[currentIndex].quote}" -
- - {/* Author Info */} -
-
- {testimonials[currentIndex].name.charAt(0)} -
-
-

- {testimonials[currentIndex].name} -

-

- {testimonials[currentIndex].role} at {testimonials[currentIndex].company} -

-
-
-
- - {/* Flecha derecha */} - - - {/* Pagination Dots */} -
- {testimonials.map((_, index) => ( -
-
- - {/* Mobile Navigation */} -
- - -
-
-
- ); -}; - -export default NewTestimonialsCarousel; diff --git a/packages/landing-page/src/components/NextreamHeader.tsx b/packages/landing-page/src/components/NextreamHeader.tsx deleted file mode 100644 index 9c0da96..0000000 --- a/packages/landing-page/src/components/NextreamHeader.tsx +++ /dev/null @@ -1,393 +0,0 @@ -import React, { useState, useEffect } from 'react'; - -// Iconos SVG -const MenuIcon = () => ( - - - - - -); - -const CloseIcon = () => ( - - - - -); - -const ChevronDown = () => ( - - - -); - -const PhoneIcon = () => ( - - - -); - -const EmailIcon = () => ( - - - - -); - -const SearchIcon = () => ( - - - - -); - -const NextreamHeader: React.FC = () => { - const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); - const [isScrolled, setIsScrolled] = useState(false); - const [activeDropdown, setActiveDropdown] = useState(null); - - // Detectar scroll para cambiar el header - useEffect(() => { - const handleScroll = () => { - setIsScrolled(window.scrollY > 50); - }; - - window.addEventListener('scroll', handleScroll); - return () => window.removeEventListener('scroll', handleScroll); - }, []); - - const handleDropdownToggle = (dropdown: string) => { - setActiveDropdown(activeDropdown === dropdown ? null : dropdown); - }; - - return ( - <> - {/* Top Bar - Info superior */} -
-
-
- {/* Información de contacto */} -
-
- - +1 (555) 123-4567 -
-
- - contact@avanzacast.com -
-
- - {/* Social icons y Language */} -
-
- {/* Facebook */} - - - - - - {/* Twitter */} - - - - - - {/* LinkedIn */} - - - - - -
- - {/* Language Selector */} -
- 🇪🇸 - -
-
-
-
-
- - {/* Main Header - Navegación principal */} -
-
-
- {/* Logo */} - -
-
- - - - -
-
-
-
- - AvanzaCast - - Professional Streaming -
- - - {/* Desktop Navigation */} - - - {/* CTA Buttons */} -
- {/* Search Button */} - - - {/* Login */} - - Iniciar sesión - - - {/* Get Started Button */} - - Empezar Gratis - - - - - -
- - {/* Mobile Menu Button */} - -
-
- - {/* Mobile Menu */} - {isMobileMenuOpen && ( -
-
- - Inicio - - -
- - {activeDropdown === 'producto-mobile' && ( - - )} -
- -
- - {activeDropdown === 'soluciones-mobile' && ( - - )} -
- - - Precios - - - Nosotros - - - Contacto - - - -
-
- )} -
- - ); -}; - -export default NextreamHeader; diff --git a/packages/landing-page/src/components/PageContainer.tsx b/packages/landing-page/src/components/PageContainer.tsx deleted file mode 100644 index b76fe30..0000000 --- a/packages/landing-page/src/components/PageContainer.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import React, { ReactNode } from 'react'; - -interface PageContainerProps { - children: ReactNode; -} - -const PageContainer: React.FC = ({ children }) => { - return ( -
- {children} -
- ); -}; - -export default PageContainer; diff --git a/packages/landing-page/src/components/PricingSection.tsx b/packages/landing-page/src/components/PricingSection.tsx index d4c5bfe..3177835 100644 --- a/packages/landing-page/src/components/PricingSection.tsx +++ b/packages/landing-page/src/components/PricingSection.tsx @@ -111,7 +111,7 @@ export default function PricingSection() { : 'bg-gradient-to-r from-purple-600 to-blue-600 text-white hover:from-purple-700 hover:to-blue-700 shadow-md hover:shadow-xl' }`} > - {plan.name === 'Free' ? 'Comenzar Gratis' : 'Iniciar Prueba de 14 Días'} + {plan.name === 'Free' ? 'Empecemos' : 'Iniciar Prueba de 14 Días'}
diff --git a/packages/landing-page/src/components/ScrollToTop.tsx b/packages/landing-page/src/components/ScrollToTop.tsx deleted file mode 100644 index 80928bc..0000000 --- a/packages/landing-page/src/components/ScrollToTop.tsx +++ /dev/null @@ -1,47 +0,0 @@ -/** - * Scroll to Top Button - Estilo Techwind - * Botón flotante que aparece al hacer scroll - */ - -import React, { useState, useEffect } from 'react' - -const ScrollToTop: React.FC = () => { - const [isVisible, setIsVisible] = useState(false) - - useEffect(() => { - const toggleVisibility = () => { - if (window.pageYOffset > 300) { - setIsVisible(true) - } else { - setIsVisible(false) - } - } - - window.addEventListener('scroll', toggleVisibility) - - return () => window.removeEventListener('scroll', toggleVisibility) - }, []) - - const scrollToTop = () => { - window.scrollTo({ - top: 0, - behavior: 'smooth' - }) - } - - return ( - <> - {isVisible && ( - - )} - - ) -} - -export default ScrollToTop diff --git a/packages/landing-page/src/components/StreamingFeatures.tsx b/packages/landing-page/src/components/StreamingFeatures.tsx index 7b55ca6..ca4b259 100644 --- a/packages/landing-page/src/components/StreamingFeatures.tsx +++ b/packages/landing-page/src/components/StreamingFeatures.tsx @@ -72,11 +72,23 @@ const features = [ export default function StreamingFeatures() { const [activeFeature, setActiveFeature] = useState(1); + const [selectedFeature, setSelectedFeature] = useState(null); + const [isModalOpen, setIsModalOpen] = useState(false); useEffect(() => { // Inicializar iconos de Feather feather.replace(); - }, []); + }, [isModalOpen]); + + const openModal = (feature: typeof features[0]) => { + setSelectedFeature(feature); + setIsModalOpen(true); + }; + + const closeModal = () => { + setIsModalOpen(false); + setTimeout(() => setSelectedFeature(null), 300); + }; return (
@@ -94,7 +106,10 @@ export default function StreamingFeatures() { {features.map((feature, index) => (
-
+
openModal(feature)} + className="flex duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900 transition-all cursor-pointer" + >
@@ -120,6 +135,85 @@ export default function StreamingFeatures() {
+ + {/* Modal */} + {isModalOpen && selectedFeature && ( +
+
e.stopPropagation()} + > + {/* Modal Header */} +
+
+
+
+ +
+

{selectedFeature.title}

+
+ +
+
+ + {/* Modal Body */} +
+
+

+ Descripción +

+

+ {selectedFeature.description} +

+
+ +
+

+ Beneficios Principales +

+
    + {selectedFeature.benefits.map((benefit, idx) => ( +
  • + + + + {benefit} +
    • + ))} +
+
+ +
+ +
+
+
+
+ )}
); } diff --git a/packages/landing-page/src/components/StreamingHeroSection.tsx b/packages/landing-page/src/components/StreamingHeroSection.tsx index 8f72854..b91f52f 100644 --- a/packages/landing-page/src/components/StreamingHeroSection.tsx +++ b/packages/landing-page/src/components/StreamingHeroSection.tsx @@ -40,7 +40,7 @@ export default function StreamingHeroSection() {
- Comenzar Gratis + Empecemos

Sin tarjeta de crédito. Prueba gratis por 14 días

diff --git a/packages/landing-page/src/components/StreamingStats.tsx b/packages/landing-page/src/components/StreamingStats.tsx deleted file mode 100644 index 921d65a..0000000 --- a/packages/landing-page/src/components/StreamingStats.tsx +++ /dev/null @@ -1,164 +0,0 @@ -'use client'; - -import { useEffect, useRef, useState } from 'react'; - -interface Stat { - id: number; - value: number; - suffix: string; - label: string; - description: string; -} - -const stats: Stat[] = [ - { - id: 1, - value: 50000, - suffix: '+', - label: 'Transmisiones Activas', - description: 'Streams en vivo simultáneos cada mes', - }, - { - id: 2, - value: 2500000, - suffix: '+', - label: 'Horas Transmitidas', - description: 'Contenido de calidad profesional', - }, - { - id: 3, - value: 98, - suffix: '%', - label: 'Tasa de Éxito', - description: 'Transmisiones sin interrupciones', - }, - { - id: 4, - value: 15, - suffix: '+', - label: 'Plataformas Soportadas', - description: 'YouTube, Twitch, Facebook y más', - }, -]; - -export default function StreamingStats() { - const [isVisible, setIsVisible] = useState(false); - const sectionRef = useRef(null); - - useEffect(() => { - const observer = new IntersectionObserver( - ([entry]) => { - if (entry.isIntersecting) { - setIsVisible(true); - } - }, - { threshold: 0.1 } - ); - - if (sectionRef.current) { - observer.observe(sectionRef.current); - } - - return () => { - if (sectionRef.current) { - observer.unobserve(sectionRef.current); - } - }; - }, []); - - return ( -
- {/* Background Effects */} -
-
-
-
- -
-
- - - - - Estadísticas de la Plataforma - -

- Potenciando Creadores de Contenido -

-

- Únete a miles de streamers profesionales que confían en AvanzaCast -

-
- -
- {stats.map((stat, index) => ( - - ))} -
-
-
- ); -} - -interface StatCardProps { - stat: Stat; - isVisible: boolean; - delay: number; -} - -function StatCard({ stat, isVisible, delay }: StatCardProps) { - const [count, setCount] = useState(0); - - useEffect(() => { - if (isVisible) { - let start = 0; - const end = stat.value; - const duration = 2000; - const increment = end / (duration / 16); - - const timer = setInterval(() => { - start += increment; - if (start >= end) { - setCount(end); - clearInterval(timer); - } else { - setCount(Math.floor(start)); - } - }, 16); - - return () => clearInterval(timer); - } - }, [isVisible, stat.value]); - - return ( -
-
-

- {isVisible && ( - <> - {count.toLocaleString()} - {stat.suffix} - - )} -

-
- {stat.label} -
-

{stat.description}

-
-
- ); -} diff --git a/packages/landing-page/src/components/StudioPreview.tsx b/packages/landing-page/src/components/StudioPreview.tsx deleted file mode 100644 index 1ae1b4e..0000000 --- a/packages/landing-page/src/components/StudioPreview.tsx +++ /dev/null @@ -1,190 +0,0 @@ -'use client'; - -import { useState } from 'react'; - -export default function StudioPreview() { - const [activeScene, setActiveScene] = useState('main'); - - return ( -
- {/* Animated Background */} -
-
-
-
- -
-
- - - - - Estudio Virtual Profesional - -

- Tu Estudio de Broadcasting Completo -

-

- Control total de tu transmisión desde el navegador, sin software adicional -

-
- - {/* Studio Interface Preview */} -
-
- {/* Studio Header */} -
-
-
-
-
-
-
-
- AvanzaCast Studio -
-
-
-
- EN VIVO -
- 1,234 espectadores -
-
-
- - {/* Main Preview Area */} -
-
-
-
- - - -
-

Vista previa de tu cámara

-
-
- - {/* Overlays */} -
-

Mi Transmisión Profesional

-
-
-

Nombre del Invitado

-

CEO, Empresa Tech

-
- - {/* Scene Indicators */} -
-
-
-
-
-
- - {/* Controls Panel */} -
-
- {/* Scene Selector */} -
-

- - - - Escenas -

-
- {['Cámara Principal', 'Pantalla Compartida', 'Multi-invitados'].map((scene, i) => ( - - ))} -
-
- - {/* Streaming Destinations */} -
-

- - - - Destinos Activos -

-
- {[ - { name: 'YouTube', status: 'live', viewers: 856 }, - { name: 'Twitch', status: 'live', viewers: 234 }, - { name: 'Facebook', status: 'live', viewers: 144 }, - ].map((dest, i) => ( -
-
-
- {dest.name} -
- {dest.viewers} 👁️ -
- ))} -
-
- - {/* Quick Actions */} -
-

- - - - Acciones Rápidas -

-
- {[ - { icon: '🎤', label: 'Audio' }, - { icon: '📹', label: 'Video' }, - { icon: '🖥️', label: 'Pantalla' }, - { icon: '💬', label: 'Chat' }, - ].map((action, i) => ( - - ))} -
-
-
-
-
- - {/* Feature Badges */} -
- {[ - '✨ Sin software adicional', - '🔒 Conexión segura', - '⚡ Latencia ultra baja', - '📊 Analytics en vivo', - ].map((badge, i) => ( -
- {badge} -
- ))} -
-
-
-
- ); -} diff --git a/packages/landing-page/src/pages/Dashboard.tsx b/packages/landing-page/src/pages/Dashboard.tsx deleted file mode 100644 index 72f1f33..0000000 --- a/packages/landing-page/src/pages/Dashboard.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import React, {useState} from 'react' -import { ComputerDesktopIcon } from '@heroicons/react/24/outline' - -function CreateCard({title, subtitle}:{title:string; subtitle?:string}){ - return ( - - ) -} - -export default function Broadcasts(){ - const [tab, setTab] = useState<'upcoming'|'previous'>('upcoming') - - return ( -
-

Transmisiones

- -
- - - -
- -
-
-

Transmisiones y grabaciones

-
- - -
-
- -
- No tienes próximas transmisiones ni grabaciones -
-
-
- ) -} diff --git a/packages/landing-page/src/pages/Landing.tsx b/packages/landing-page/src/pages/Landing.tsx deleted file mode 100644 index 9fd0d79..0000000 --- a/packages/landing-page/src/pages/Landing.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import React, { useEffect } from 'react' -import ContentSection from '../components/ContentSection' -import CTAAndFooter from '../components/CTAAndFooter' -import HeroSection from '../components/HeroSection' -import FeatureHighlights from '../components/FeatureHighlights' -import FeaturesCarousel from '../components/FeaturesCarousel' -import TestimonialsSection from '../components/TestimonialsSection' -import '../../public/next-assets/css/main.css' - -export default function Landing() { - useEffect(() => { - const s = document.createElement('script') - s.src = '/next-assets/js/main.js' - s.async = true - document.body.appendChild(s) - return () => { document.body.removeChild(s) } - }, []) - return ( -
-
- -
- -
- - - - - - -
-
- ) -} diff --git a/packages/landing-page/src/pages/Login.tsx b/packages/landing-page/src/pages/Login.tsx index d062109..d8d1f29 100644 --- a/packages/landing-page/src/pages/Login.tsx +++ b/packages/landing-page/src/pages/Login.tsx @@ -5,6 +5,7 @@ import { useAuth } from '../hooks/useApi' export default function Login(){ const [email, setEmail] = useState('cesar@avanzacast.com') const [password, setPassword] = useState('') + const [rememberMe, setRememberMe] = useState(false) const [error, setError] = useState('') const { login, isLoading } = useAuth() const navigate = useNavigate() @@ -17,20 +18,126 @@ export default function Login(){ else setError(result.error || 'Error al iniciar sesión') } + const handleGoogleLogin = () => { + // TODO: Implementar autenticación con Google OAuth + console.log('Google login clicked') + } + return ( -
-
-
-

Iniciar sesión

-
- {error &&
{error}
} - setEmail(e.target.value)} placeholder="Email" required /> - setPassword(e.target.value)} placeholder="Password" required /> - -
-

¿No tienes cuenta? Regístrate

+
+
+
+
+
+ {/* Logo */} + + AvanzaCast + + +
Iniciar Sesión
+ + {error && ( +
+ {error} +
+ )} + +
+
+
+ + setEmail(e.target.value)} + required + /> +
+ +
+ + setPassword(e.target.value)} + required + /> +
+ +
+
+ setRememberMe(e.target.checked)} + /> + +
+

+ ¿Olvidaste tu contraseña? +

+
+ +
+ +
+ + {/* Divider */} +
+
+
+
+
+ O continúa con +
+
+ + {/* Google Sign In Button */} +
+ +
+ +
+ ¿No tienes cuenta? + + Regístrate + +
+
+
+
-
+ ) } diff --git a/packages/landing-page/src/pages/NewLanding.tsx b/packages/landing-page/src/pages/NewLanding.tsx deleted file mode 100644 index 150b01d..0000000 --- a/packages/landing-page/src/pages/NewLanding.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import React from 'react'; -import PageContainer from '../components/PageContainer'; -import NewHeader from '../components/NewHeader'; -import NewHeroSection from '../components/NewHeroSection'; -import NewFeaturesGrid from '../components/NewFeaturesGrid'; -import NewContentDetailsSection from '../components/NewContentDetailsSection'; -import NewTestimonialsCarousel from '../components/NewTestimonialsCarousel'; -import NewCallToAction from '../components/NewCallToAction'; -import NewFooter from '../components/NewFooter'; - -const NewLanding: React.FC = () => { - return ( -
- -
- - - - - -
- -
- ); -}; - -export default NewLanding; diff --git a/packages/landing-page/src/pages/Register.tsx b/packages/landing-page/src/pages/Register.tsx index 0bdbd34..928381e 100644 --- a/packages/landing-page/src/pages/Register.tsx +++ b/packages/landing-page/src/pages/Register.tsx @@ -1,11 +1,12 @@ import React, { useState } from 'react' -import { useNavigate } from 'react-router-dom' +import { useNavigate, Link } from 'react-router-dom' import { useAuth } from '../hooks/useApi' export default function Register(){ const [name, setName] = useState('') const [email, setEmail] = useState('') const [password, setPassword] = useState('') + const [acceptTerms, setAcceptTerms] = useState(false) const [error, setError] = useState('') const { register, isLoading } = useAuth() const navigate = useNavigate() @@ -13,25 +14,149 @@ export default function Register(){ const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setError('') + + if (!acceptTerms) { + setError('Debes aceptar los términos y condiciones') + return + } + const result = await register({ name, email }) if (result.success) navigate('/broadcasts') else setError(result.error || 'Error al registrar') } + const handleGoogleSignup = () => { + // TODO: Implementar registro con Google OAuth + console.log('Google signup clicked') + } + return ( -
-
-
-

Crear cuenta

-
- {error &&
{error}
} - setName(e.target.value)} placeholder="Nombre" required /> - setEmail(e.target.value)} placeholder="Email" required /> - setPassword(e.target.value)} placeholder="Password" required /> - -
+
+
+
+
+
+ {/* Logo */} + + AvanzaCast + + +
Crear Cuenta
+ + {error && ( +
+ {error} +
+ )} + +
+
+
+ + setName(e.target.value)} + required + /> +
+ +
+ + setEmail(e.target.value)} + required + /> +
+ +
+ + setPassword(e.target.value)} + required + /> +
+ +
+
+ setAcceptTerms(e.target.checked)} + /> + +
+
+ +
+ +
+ + {/* Divider */} +
+
+
+
+
+ O regístrate con +
+
+ + {/* Google Sign Up Button */} +
+ +
+ +
+ ¿Ya tienes cuenta? + + Inicia sesión + +
+
+
+
-
+ ) } diff --git a/packages/landing-page/src/styles/techwind-animations.css b/packages/landing-page/src/styles/techwind-animations.css index 9bba03a..6cbcf18 100644 --- a/packages/landing-page/src/styles/techwind-animations.css +++ b/packages/landing-page/src/styles/techwind-animations.css @@ -28,6 +28,64 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { } } +/* Modal flip animation - espejo */ +@keyframes modalFlipIn { + 0% { + transform: perspective(1000px) rotateY(90deg) scale(0.5); + opacity: 0; + } + 50% { + transform: perspective(1000px) rotateY(-10deg) scale(1.05); + opacity: 0.8; + } + 100% { + transform: perspective(1000px) rotateY(0deg) scale(1); + opacity: 1; + } +} + +@keyframes modalFlipOut { + 0% { + transform: perspective(1000px) rotateY(0deg) scale(1); + opacity: 1; + } + 100% { + transform: perspective(1000px) rotateY(90deg) scale(0.5); + opacity: 0; + } +} + +/* Efecto de brillo tipo espejo */ +@keyframes mirrorShine { + 0% { + background-position: -200% center; + } + 100% { + background-position: 200% center; + } +} + +.mirror-shine::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: linear-gradient( + 90deg, + transparent 0%, + rgba(255, 255, 255, 0.1) 45%, + rgba(255, 255, 255, 0.3) 50%, + rgba(255, 255, 255, 0.1) 55%, + transparent 100% + ); + background-size: 200% 100%; + animation: mirrorShine 1.5s ease-in-out; + pointer-events: none; + border-radius: inherit; +} + /* Smooth scrollbar hide */ .scrollbar-hide { -ms-overflow-style: none; diff --git a/public/assets/images/app/logo_avanzacast.png b/public/assets/images/app/logo_avanzacast.png new file mode 100644 index 0000000..3fd6174 Binary files /dev/null and b/public/assets/images/app/logo_avanzacast.png differ diff --git a/public/assets/images/app/logo_avanzacast.svg b/public/assets/images/app/logo_avanzacast.svg new file mode 100644 index 0000000..4748b5e --- /dev/null +++ b/public/assets/images/app/logo_avanzacast.svg @@ -0,0 +1,1641 @@ + +AvanzaCast diff --git a/public/assets/images/app/logo_avanzacast_2.svg b/public/assets/images/app/logo_avanzacast_2.svg new file mode 100644 index 0000000..e68bfa2 --- /dev/null +++ b/public/assets/images/app/logo_avanzacast_2.svg @@ -0,0 +1,60 @@ + + + + + + + + + diff --git a/src/app/(public)/page.tsx b/src/app/(public)/page.tsx index d2f25b4..1a00923 100644 --- a/src/app/(public)/page.tsx +++ b/src/app/(public)/page.tsx @@ -33,7 +33,7 @@ export default function LandingPage() { Únete a miles de creadores que ya confían en AvanzaCast para sus streams profesionales