diff --git a/docs/src/components/landing/Discord.astro b/docs/src/components/landing/Discord.astro
index c749bf67835..ea7074021ef 100644
--- a/docs/src/components/landing/Discord.astro
+++ b/docs/src/components/landing/Discord.astro
@@ -1,7 +1,13 @@
 ---
+export type Props = {
+	joinDiscord: string;
+};
+
 import { LinkCard } from '@astrojs/starlight/components';
 import { Image } from 'astro:assets';
 import BlocLogo from '~/assets/bloc.svg';
+
+const { joinDiscord = 'Join our Discord' } = Astro.props;
 ---
 
 <style>
@@ -38,6 +44,6 @@ import BlocLogo from '~/assets/bloc.svg';
 <div class="discord">
 	<div class="cta">
 		<Image src={BlocLogo} alt="bloc logo" class="hide glow" />
-		<LinkCard title="Join our Discord" href="https://discord.gg/bloc" />
+		<LinkCard title={joinDiscord} href="https://discord.gg/bloc" />
 	</div>
 </div>
diff --git a/docs/src/components/landing/SponsorsGrid.astro b/docs/src/components/landing/SponsorsGrid.astro
index a026277347a..cee5dd6de21 100644
--- a/docs/src/components/landing/SponsorsGrid.astro
+++ b/docs/src/components/landing/SponsorsGrid.astro
@@ -1,4 +1,9 @@
 ---
+export type Props = {
+	sponsoredBy: string;
+	becomeASponsor: string;
+};
+
 import { LinkCard } from '@astrojs/starlight/components';
 
 import miquido from '~/assets/sponsors/miquido.png';
@@ -8,6 +13,8 @@ import parabeac from '~/assets/sponsors/parabeac.png';
 import stream from '~/assets/sponsors/stream.png';
 import porada from '~/assets/sponsors/porada.png';
 
+const { sponsoredBy = 'Sponsored with 💖 by', becomeASponsor = 'Become a Sponsor' } = Astro.props;
+
 interface Sponsor {
 	img: ImageMetadata;
 	href: string;
@@ -65,7 +72,7 @@ const sponsors: Sponsor[] = [
 </style>
 
 <div class="flex w-full justify-center no-content">
-	<p class="text-xl font-semibold">Sponsored with 💖 by</p>
+	<p class="text-xl font-semibold">{sponsoredBy}</p>
 </div>
 <div class="flex w-full justify-center items-center not-content">
 	<div class="grid grid-cols-2 gap-1 sm:grid-cols-3 md:grid-cols-6">
@@ -89,5 +96,5 @@ const sponsors: Sponsor[] = [
 </div>
 
 <div class="w-full flex text-center items-center justify-center">
-	<LinkCard title="Become a Sponsor" href="https://github.com/sponsors/felangel" />
+	<LinkCard title={becomeASponsor} href="https://github.com/sponsors/felangel" />
 </div>
diff --git a/docs/src/content/docs/es/index.mdx b/docs/src/content/docs/es/index.mdx
new file mode 100644
index 00000000000..01b3a2a95c3
--- /dev/null
+++ b/docs/src/content/docs/es/index.mdx
@@ -0,0 +1,85 @@
+---
+template: splash
+title: Bloc State Management Library
+description: Official documentation for the bloc state management library. Support for Dart, Flutter, and AngularDart. Includes examples and tutorials.
+banner:
+  content: |
+    ✨ Visite
+    <a href="https://shop.bloclibrary.dev">la tienda de Bloc</a> ✨
+editUrl: false
+lastUpdated: false
+hero:
+  title: Bloc <sup><span style="font-size:0.4em">v8.1.3</span></sup>
+  tagline: Una biblioteca de administración de estado predecible para Dart.
+  image:
+    alt: Bloc logo
+    file: ~/assets/bloc.svg
+  actions:
+    - text: Empezar
+      link: /es/getting-started/
+      variant: primary
+      icon: rocket
+    - text: Vista sobre GitHub
+      link: https://github.com/felangel/bloc
+      icon: github
+      variant: secondary
+---
+
+import { CardGrid } from '@astrojs/starlight/components';
+import SponsorsGrid from '~/components/landing/SponsorsGrid.astro';
+import Card from '~/components/landing/Card.astro';
+import ListCard from '~/components/landing/ListCard.astro';
+import SplitCard from '~/components/landing/SplitCard.astro';
+import Discord from '~/components/landing/Discord.astro';
+
+<SponsorsGrid
+	sponsoredBy="Patrocinado con 💖 por"
+	becomeASponsor="Convertirse en patrocinador"
+/>
+
+<hr />
+
+<CardGrid>
+
+<SplitCard title="Empezar" icon="rocket">
+	```sh
+	# Agregue bloc a su proyecto.
+	dart pub add bloc
+	```
+
+Nuestra [guía de inicio](/es/getting-started) tiene instrucciones paso a paso sobre cómo comenzar a usar Bloc en solo unos minutos.
+
+</SplitCard>
+
+<Card title="Hacer una visita guiada" icon="star">
+	Complete [los tutoriales oficiales](/es/tutorials/flutter-counter) para
+	aprender mejor Prácticas y construir una variedad de aplicaciones diferentes
+	alimentadas por Bloc.
+</Card>
+
+<Card title="Construir con Bloc" icon="laptop">
+	Explore la alta calidad y totalmente probada [muestra
+	aplicaciones](https://github.com/felangel/bloc/tree/master/examples) como el
+	mostrador, ¡Temporizador, lista infinita, clima, tarea y más!
+</Card>
+
+<ListCard title="Aprender" icon="open-book">
+
+    - [¿Por qué Bloc?](/es/why-bloc)
+    - [Conceptos Básicos](/es/bloc-concepts)
+    - [Arquitectura](/es/architecture)
+    - [Testeo](/es/testing)
+    - [Convención de Nombres](/es/naming-conventions)
+
+</ListCard>
+
+  <ListCard title="Integraciones" icon="puzzle">
+    - [VSCode Integración](https://marketplace.visualstudio.com/items?itemName=FelixAngelov.bloc)
+    - [IntelliJ Integración](https://plugins.jetbrains.com/plugin/12129-bloc)
+    - [Mason CLI Integración](https://github.com/felangel/bloc/blob/master/bricks/README.md)
+    - [Plantillas Personalizadas](https://brickhub.dev/search?q=bloc)
+    - [Herramientas de Desarrollo](https://github.com/felangel/bloc/issues/2748)
+  </ListCard>
+</CardGrid>
+
+<Discord joinDiscord="Únete a nosotros en Discord" />