Skip to content

Commit 549becf

Browse files
fullenifulleni
committed
feat(content): revamp docs landing page
- Update title to "Flutter News App Toolkit" - Restructure hero content and add live demo links - Redesign card grid layout with improved styling and functionality - Introduce two new CTA sections: trial and purchase options
1 parent 101eabf commit 549becf

File tree

1 file changed

+108
-39
lines changed

1 file changed

+108
-39
lines changed

‎src/content/docs/index.mdx

Lines changed: 108 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: 'Welcome'
2+
title: 'Flutter News App Toolkit'
33
description: A complete, production-ready toolkit for building a cross-platform news application.
44
template: splash
55
hero:
@@ -10,51 +10,120 @@ hero:
1010
- text: 'Get Started: Local Setup'
1111
link: /getting-started/
1212
icon: right-arrow
13-
- text: View on GitHub
14-
link: https://github.com/flutter-news-app-full-source-code
15-
icon: external
13+
- text: 'View Live Demos'
14+
link: '#ecosystem'
15+
icon: 'down-arrow'
1616
variant: minimal
1717
---
1818

1919
import { Card, CardGrid, LinkButton } from '@astrojs/starlight/components';
2020

21-
## A Complete, Production-Ready Ecosystem
21+
<div id="ecosystem">
22+
## A Complete, Production-Ready Ecosystem
23+
</div>
2224

2325
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.
2426

25-
<CardGrid>
26-
<Card title="Mobile Client App" icon="phone">
27-
A feature-rich Flutter application for iOS and Android that delivers a beautiful, intuitive news reading experience to your users.
28-
<br /><br />
29-
<LinkButton href="https://flutter-news-app-full-source-code.github.io/flutter-news-app-mobile-client-full-source-code/" target="_blank">View Live Demo</LinkButton>
30-
<a href="/mobile-client/" style={{ display: 'block', marginTop: '0.5rem' }}>Explore Mobile Client Docs &rarr;</a>
31-
</Card>
32-
<Card title="Web Dashboard" icon="laptop">
33-
A comprehensive Flutter web app for administrators and publishers to manage content, configure app settings, and view key analytics.
34-
<br /><br />
35-
<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>
36-
<a href="/web-dashboard/" style={{ display: 'block', marginTop: '0.5rem' }}>Explore Web Dashboard Docs &rarr;</a>
37-
</Card>
38-
<Card title="API Server" icon="cloud">
39-
A high-performance backend built with Dart Frog, providing robust APIs for authentication, data management, and remote configuration.
40-
<br /><br />
41-
<a href="/api-server/" style={{ display: 'block', marginTop: '0.5rem' }}>Explore API Server Docs &rarr;</a>
42-
</Card>
43-
</CardGrid>
44-
45-
### Built for Quality and Maintainability
46-
47-
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.
48-
49-
### Next Steps
27+
<div
28+
style={{
29+
display: 'grid',
30+
gridTemplateColumns: 'repeat(auto-fit, minmax(250px, 1fr))',
31+
gap: '1rem',
32+
}}
33+
>
34+
<Card title="Mobile Client App" icon="phone" style={{ minHeight: '220px' }}>
35+
A feature-rich Flutter application for iOS and Android that delivers a
36+
beautiful, intuitive news reading experience to your users.
37+
<div
38+
style={{
39+
display: 'flex',
40+
gap: '1rem',
41+
marginTop: '1.5rem',
42+
alignItems: 'center',
43+
}}
44+
>
45+
<LinkButton
46+
href="https://flutter-news-app-full-source-code.github.io/flutter-news-app-mobile-client-full-source-code/"
47+
target="_blank"
48+
>
49+
View Demo
50+
</LinkButton>
51+
<a
52+
href="https://github.com/flutter-news-app-full-source-code/flutter-news-app-mobile-client-full-source-code"
53+
target="_blank"
54+
>
55+
Download
56+
</a>
57+
</div>
58+
</Card>
59+
<Card title="Web Dashboard" icon="laptop" style={{ minHeight: '220px' }}>
60+
A comprehensive Flutter web app for administrators and publishers to manage
61+
content, configure app settings, and view key analytics.
62+
<div
63+
style={{
64+
display: 'flex',
65+
gap: '1rem',
66+
marginTop: '1.5rem',
67+
alignItems: 'center',
68+
}}
69+
>
70+
<LinkButton
71+
href="https://flutter-news-app-full-source-code.github.io/flutter-news-app-web-dashboard-full-source-code/"
72+
target="_blank"
73+
>
74+
View Demo
75+
</LinkButton>
76+
<a
77+
href="https://github.com/flutter-news-app-full-source-code/flutter-news-app-web-dashboard-full-source-code"
78+
target="_blank"
79+
>
80+
Download
81+
</a>
82+
</div>
83+
</Card>
84+
<Card title="API Server" icon="cloud" style={{ minHeight: '220px' }}>
85+
A high-performance backend built with Dart Frog, providing robust APIs for
86+
authentication, data management, and remote configuration.
87+
<div
88+
style={{
89+
display: 'flex',
90+
gap: '1rem',
91+
marginTop: '1.5rem',
92+
alignItems: 'center',
93+
}}
94+
>
95+
<a
96+
href="https://github.com/flutter-news-app-full-source-code/flutter-news-app-api-server-full-source-code"
97+
target="_blank"
98+
>
99+
Download
100+
</a>
101+
</div>
102+
</Card>
103+
</div>
50104

51-
Ready to get started? Our local setup guides will walk you through running the entire ecosystem on your machine.
105+
## Choose Your Path
52106

53-
<div style={{ display: 'flex', gap: '1rem', marginTop: '1.5rem' }}>
54-
<LinkButton href="/getting-started/">
55-
Begin Local Setup
56-
</LinkButton>
57-
<LinkButton href="/deployment-guides/" variant="secondary">
58-
See Deployment Guides
59-
</LinkButton>
60-
</div>
107+
<CardGrid>
108+
<Card title="Start Your 32-Day Trial" icon="laptop">
109+
Download the complete source code and run the entire system on your local
110+
machine. The trial license allows for a full evaluation of the project's
111+
quality and features for 32 days.
112+
<div style={{ marginTop: '1.5rem' }}>
113+
<LinkButton href="/getting-started/">Begin Local Setup</LinkButton>
114+
</div>
115+
</Card>
116+
<Card title="Purchase a Lifetime License" icon="rocket">
117+
A one-time purchase grants you a lifetime commercial license to build,
118+
customize, and deploy unlimited applications, complete with lifetime
119+
updates.
120+
<div style={{ marginTop: '1.5rem' }}>
121+
<LinkButton
122+
href="https://github.com/sponsors/flutter-news-app-full-source-code"
123+
target="_blank"
124+
>
125+
Purchase License - $248
126+
</LinkButton>
127+
</div>
128+
</Card>
129+
</CardGrid>

0 commit comments

Comments
 (0)