style(docs): enhance homepage layout and card styling

- Update page title and hero tagline for clarity
- Improve card layout to have consistent height
- Add stretchy alignment to card grid for better responsiveness
- Implement flexbox layout in cards to separate content and actions

Author: fulleni

src/content/docs/index.mdx

@@ -1,9 +1,9 @@
 ---
-title: 'Flutter News App Toolkit'
+title: 'Your Flutter News App - Ready to Launch'
 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.
+  tagline: Includes a Flutter mobile app, a web-based dashboard, and a powerful Dart Frog backend.
   image:
     file: ../../assets/houston.webp
   actions:
@@ -29,11 +29,22 @@ Welcome to the Flutter News App Full Source Code Toolkit. This is more than just
 		display: 'grid',
 		gridTemplateColumns: 'repeat(auto-fit, minmax(250px, 1fr))',
 		gap: '1rem',
+		alignItems: 'stretch',
 	}}
 >
-	<Card title="Mobile Client App" icon="phone" style={{ minHeight: '220px' }}>
-		A feature-rich Flutter application for iOS and Android that delivers a
-		beautiful, intuitive news reading experience to your users.
+	<Card
+		title="Mobile Client App"
+		icon="phone"
+		style={{
+			display: 'flex',
+			flexDirection: 'column',
+			justifyContent: 'space-between',
+		}}
+	>
+		<div>
+			A feature-rich Flutter application for iOS and Android that delivers a
+			beautiful, intuitive news reading experience to your users.
+		</div>
 		<div
 			style={{
 				display: 'flex',
@@ -56,9 +67,19 @@ Welcome to the Flutter News App Full Source Code Toolkit. This is more than just
 			</a>
 		</div>
 	</Card>
-	<Card title="Web Dashboard" icon="laptop" style={{ minHeight: '220px' }}>
-		A comprehensive Flutter web app for administrators and publishers to manage
-		content, configure app settings, and view key analytics.
+	<Card
+		title="Web Dashboard"
+		icon="laptop"
+		style={{
+			display: 'flex',
+			flexDirection: 'column',
+			justifyContent: 'space-between',
+		}}
+	>
+		<div>
+			A comprehensive Flutter web app for administrators and publishers to manage
+			content, configure app settings, and view key analytics.
+		</div>
 		<div
 			style={{
 				display: 'flex',
@@ -81,9 +102,19 @@ Welcome to the Flutter News App Full Source Code Toolkit. This is more than just
 			</a>
 		</div>
 	</Card>
-	<Card title="API Server" icon="cloud" style={{ minHeight: '220px' }}>
-		A high-performance backend built with Dart Frog, providing robust APIs for
-		authentication, data management, and remote configuration.
+	<Card
+		title="API Server"
+		icon="cloud"
+		style={{
+			display: 'flex',
+			flexDirection: 'column',
+			justifyContent: 'space-between',
+		}}
+	>
+		<div>
+			A high-performance backend built with Dart Frog, providing robust APIs for
+			authentication, data management, and remote configuration.
+		</div>
 		<div
 			style={{
 				display: 'flex',