<script>
	// Blog Page
</script>

<svelte:head>
	<title>Blog | EITS</title>
</svelte:head>

<section class="page-header">
	<div class="container">
		<h1>Blog</h1>
		<p>Noticias, artículos y novedades sobre tecnología e industria.</p>
	</div>
</section>

<section class="section">
	<div class="container">
		<div class="empty-state">
			<h2>Próximamente</h2>
			<p>Estamos trabajando en contenido interesante para ti. ¡Vuelve pronto!</p>
		</div>
	</div>
</section>

<style>
	.page-header {
		background: var(--color-primary);
		color: var(--color-white);
		padding: 4rem 0;
		text-align: center;
	}

	.page-header h1 {
		color: var(--color-white);
		margin-bottom: 1rem;
	}

	.empty-state {
		text-align: center;
		padding: 4rem 0;
		background: var(--color-light);
		border-radius: var(--radius-lg);
	}
</style>
