docs(mobile-client): revamp introduction page with new structure and content

- Update title and description for better clarity

Author: fulleni

src/content/docs/mobile-client/index.mdx

@@ -1,42 +1,31 @@
 ---
-title: Introduction
-description: An overview of the Flutter News App Mobile Client.
+title: 'Mobile Client: Introduction'
+description: An overview of the Flutter News App Mobile Client for iOS and Android.
 ---
 
 import { Card, CardGrid } from '@astrojs/starlight/components';
 
-Welcome to the documentation for the Flutter News App Mobile Client, a key component of the Flutter News App Toolkit. This application is a feature-rich, cross-platform mobile app built with Flutter, designed to deliver a seamless and engaging news consumption experience to your users on both iOS and Android.
-
-## Core Technologies
-
-The mobile client is built on a modern, scalable, and maintainable tech stack, ensuring a high-quality foundation for your product.
-
-- **Framework**: [Flutter](https://flutter.dev/) for building beautiful, natively compiled applications for mobile from a single codebase.
-- **State Management**: [Bloc](https://bloclibrary.dev/) for predictable and testable state management, separating business logic from the UI.
-- **Routing**: [go_router](https://pub.dev/packages/go_router) for a declarative, URL-based navigation system that is robust and easy to manage.
-- **Architecture**: Follows the layered architecture principles outlined in the Core Philosophy, ensuring a clean separation of concerns between the UI, business logic, and data layers.
-
-## Key Features
-
-The mobile client comes packed with features designed to provide a comprehensive user experience.
+The Mobile Client is a feature-rich, cross-platform mobile app built with Flutter, designed to deliver a seamless and engaging news consumption experience to your users on both iOS and Android. It is the primary end-user-facing component of the toolkit.
 
 <CardGrid>
-	<Card title="Dynamic Headlines Feed" icon="newspaper">
-		A customizable news feed that supports pagination, pull-to-refresh, and dynamic content injection for ads and user engagement prompts.
+	<Card title="Local Setup" icon="rocket">
+		Follow the local setup guide to get the mobile client running on your machine.
+		[Read more &rarr;](/docs/mobile-client/local-setup/)
 	</Card>
-	<Card title="Advanced Search" icon="search">
-		Users can search for headlines, topics, or sources, with results displayed in a clear and intuitive interface.
+	<Card title="Deployment" icon="cloud">
+		Learn how to build and deploy the mobile app to the app stores.
+		[Read more &rarr;](/docs/mobile-client/deployment/)
 	</Card>
-	<Card title="User Personalization" icon="user">
-		Authenticated users can personalize their experience by following topics and sources, and saving articles to read later.
+	<Card title="Features" icon="puzzle">
+		Explore the key features, from the dynamic feed to user personalization.
+		[Read more &rarr;](/docs/mobile-client/features/)
 	</Card>
-	<Card title="Comprehensive Settings" icon="settings">
-		A detailed settings module allows users to customize the app's appearance, theme, font size, language, and feed display preferences.
+	<Card title="Architecture" icon="tree-structure">
+		Understand the architecture, state management, and navigation patterns.
+		[Read more &rarr;](/docs/mobile-client/architecture/)
+	</Card>
+	<Card title="Developer Guides" icon="document">
+		Practical guides for developers on theming, customization, and localization.
+		[Read more &rarr;](/docs/mobile-client/guides/)
 	</Card>
 </CardGrid>
-
-## Getting Started
-
-To get the mobile client up and running on your local machine, head over to our setup guide.
-
-- **[Local Setup Guide](./mobile-client/local-setup)**