docs: add initial content for Flutter News App Toolkit homepage

- Create new MDX file for the homepage
- Add hero section with tagline, image, and action buttons
- Include introduction and description of the toolkit
- Feature CardGrid with sections for Mobile Client App, Web Dashboard, and API Server
- Add information about quality and maintainability
- Provide next steps for getting started with local setup and deployment guides

Author: fulleni

src/content/docs/index.mdx

@@ -0,0 +1,61 @@
+---
+title: 'Introduction: The Flutter News App Toolkit'
+description: A complete, production-ready toolkit for building a cross-platform news application.
+template: splash
+hero:
+  tagline: Your full-stack solution for launching a professional news platform. Includes a Flutter mobile app, a web-based dashboard, and a powerful Dart Frog backend.
+  image:
+    file: ../../../assets/houston.webp
+  actions:
+    - text: Start Local Setup
+      link: /getting-started/local-setup/
+      icon: right-arrow
+    - text: View on GitHub
+      link: https://github.com/flutter-news-app-full-source-code
+      icon: external
+      variant: minimal
+---
+
+import { Card, CardGrid, LinkButton } from '@astrojs/starlight/components';
+
+## A Complete, Production-Ready Ecosystem
+
+Welcome to the Flutter News App Full Source Code Toolkit. This is more than just an app template; it's a complete, three-part ecosystem designed to work seamlessly together, giving you everything you need to launch, manage, and scale a modern news application.
+
+<CardGrid>
+  <Card title="Mobile Client App" icon="phone">
+    A feature-rich Flutter application for iOS and Android that delivers a beautiful, intuitive news reading experience to your users.
+    <br /><br />
+    <LinkButton href="/mobile-client/introduction/">Read the Docs</LinkButton>
+    <a href="https://flutter-news-app-full-source-code.github.io/flutter-news-app-mobile-client-full-source-code/" target="_blank" style={{ marginLeft: '1rem', fontSize: '0.875rem' }}>View Live Demo</a>
+    <a href="https://github.com/flutter-news-app-full-source-code/flutter-news-app-mobile-client-full-source-code" target="_blank" style={{ marginLeft: '1rem', fontSize: '0.875rem' }}>Browse on GitHub</a>
+  </Card>
+  <Card title="Web Dashboard" icon="laptop">
+    A comprehensive Flutter web app for administrators and publishers to manage content, configure app settings, and view key analytics.
+    <br /><br />
+    <LinkButton href="https://flutter-news-app-full-source-code.github.io/flutter-news-app-web-dashboard-full-source-code/" target="_blank">View Live Demo</LinkButton>
+    <a href="https://github.com/flutter-news-app-full-source-code/flutter-news-app-web-dashboard-full-source-code" target="_blank" style={{ marginLeft: '1rem', fontSize: '0.875rem' }}>Browse on GitHub</a>
+  </Card>
+  <Card title="API Server" icon="cloud">
+    A high-performance backend built with Dart Frog, providing robust APIs for authentication, data management, and remote configuration.
+    <br /><br />
+    <a href="https://github.com/flutter-news-app-full-source-code/flutter-news-app-api-server-full-source-code" target="_blank" style={{ fontSize: '0.875rem' }}>Browse on GitHub</a>
+  </Card>
+</CardGrid>
+
+### Built for Quality and Maintainability
+
+This toolkit is built on a foundation of clean architecture and modern best practices. By separating concerns into a layered backend, a powerful admin dashboard, and a user-facing mobile client, you get a system that is robust, scalable, and easy to maintain.
+
+### Next Steps
+
+Ready to get started? Our local setup guides will walk you through running the entire ecosystem on your machine.
+
+<div style={{ display: 'flex', gap: '1rem', marginTop: '1.5rem' }}>
+  <LinkButton href="/getting-started/local-setup">
+    Begin Local Setup
+  </LinkButton>
+  <LinkButton href="/deployment/api-server" variant="secondary">
+    See Deployment Guides
+  </LinkButton>
+</div>