✨ About page

lib/screens/about.dart

@@ -0,0 +1,69 @@
+import 'package:flutter/material.dart';
+import 'package:package_info_plus/package_info_plus.dart';
+import 'package:url_launcher/url_launcher_string.dart';
+
+class AboutScreen extends StatelessWidget {
+  const AboutScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    const denseButtonStyle =
+        ButtonStyle(visualDensity: VisualDensity(vertical: -4));
+
+    return Material(
+      color: Theme.of(context).colorScheme.surface,
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Image.asset('assets/logo.png', width: 64, height: 64),
+          Text(
+            'Solian',
+            style: Theme.of(context).textTheme.headlineMedium,
+          ),
+          const Text(
+            'The Solar Network',
+            style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
+          ),
+          const SizedBox(height: 8),
+          FutureBuilder(
+            future: PackageInfo.fromPlatform(),
+            builder: (context, snapshot) {
+              if (!snapshot.hasData) {
+                return const SizedBox();
+              }
+
+              return Text(
+                'v${snapshot.data!.version} · ${snapshot.data!.buildNumber}',
+                style: const TextStyle(fontFamily: 'monospace'),
+              );
+            },
+          ),
+          Text('Copyright © ${DateTime.now().year} Solsynth LLC'),
+          const SizedBox(height: 16),
+          TextButton(
+            style: denseButtonStyle,
+            child: const Text('More Information'),
+            onPressed: () {
+              launchUrlString('https://solsynth.dev/products/solar-network');
+            },
+          ),
+          TextButton(
+            style: denseButtonStyle,
+            onPressed: () {
+              launchUrlString('https://solsynth.dev');
+            },
+            child: const Text('Official Website'),
+          ),
+          const SizedBox(height: 16),
+          const Text(
+            'Open-sourced under AGPLv3',
+            style: TextStyle(
+              fontWeight: FontWeight.w300,
+              fontSize: 12,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/screens/account.dart

@@ -24,6 +24,7 @@ class _AccountScreenState extends State<AccountScreen> {
         'accountPersonalize'
       ),
       (const Icon(Icons.diversity_1), 'accountFriend'.tr, 'accountFriend'),
+      (const Icon(Icons.info_outline), 'about'.tr, 'about'),
     ];
 
     final AuthProvider provider = Get.find();