docs: add fil/index.mdx

docs/astro.config.mjs

@@ -25,6 +25,10 @@ const locales = {
 		label: 'Español',
 		lang: 'es',
 	},
+	fil: {
+		label: 'Filipino',
+		lang: 'fil',
+	},
 	fr: {
 		label: 'Français',
 		lang: 'fr',

docs/src/content/docs/fil/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: |
+    ✨ Bisitahin ang
+    <a href="https://shop.bloclibrary.dev">Bloc Shop</a> ✨
+editUrl: false
+lastUpdated: false
+hero:
+  title: Bloc <sup><span style="font-size:0.4em">v8.1.3</span></sup>
+  tagline: Isang library para sa maaasahang pamamahala ng state sa Dart
+  image:
+    alt: Bloc logo
+    file: ~/assets/bloc.svg
+  actions:
+    - text: Magsimula
+      link: /fil/getting-started/
+      variant: primary
+      icon: rocket
+    - text: Bisitahin sa 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="Inisponsor nang may 💖 ni"
+	becomeASponsor="Maging isponsor"
+/>
+
+<hr />
+
+<CardGrid>
+
+<SplitCard title="Magsimula" icon="rocket">
+	```sh
+	# Idagdag ang bloc sa iyong proyekto.
+	dart pub add bloc
+	```
+
+Ang aming [gabay sa pagsisimula](/fil/getting-started) ay naglalaman ng mga sunod-sunod na instruction kung paano magsimula sa paggamit ng Bloc sa loob lamang ng ilang minuto.
+
+</SplitCard>
+
+<Card title="Mag-tour ng may patnubay" icon="star">
+	Kumpletuhin [ang opisyal na pagtuturo](/fil/tutorials/flutter-counter) para
+	matutuhan ang tamang practices at gumawa ng iba't-ibang apps gamit si Bloc.
+</Card>
+
+<Card title="Gumawa gamit ang Bloc" icon="laptop">
+	Siyasatin ang mga [halimbawang
+	apps](https://github.com/felangel/bloc/tree/master/examples) na may mataas na
+	kalidad at puno ng test tulad ng counter, timer, infinite list, weather, todo
+	at iba pa!
+</Card>
+
+<ListCard title="Matuto" icon="open-book">
+
+    - [Bakit Bloc?](/fil/why-bloc)
+    - [Mahahalagang Konsepto](/fil/bloc-concepts)
+    - [Arkitektura](/fil/architecture)
+    - [Pag-test](/fil/testing)
+    - [Kumbensyon sa Pagpangalan](/fil/naming-conventions)
+
+</ListCard>
+
+  <ListCard title="Integrasyon" icon="puzzle">
+    - [Integrasyon sa VSCode](https://marketplace.visualstudio.com/items?itemName=FelixAngelov.bloc)
+    - [Integrasyon sa IntelliJ](https://plugins.jetbrains.com/plugin/12129-bloc)
+    - [Integrasyon sa Mason CLI](https://github.com/felangel/bloc/blob/master/bricks/README.md)
+    - [Personal na Template](https://brickhub.dev/search?q=bloc)
+    - [Integrasyon sa Developer Tools](https://github.com/felangel/bloc/issues/2748)
+  </ListCard>
+</CardGrid>
+
+<Discord joinDiscord="Sumali sa aming Discord" />