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}

))}
) }