:rocket Ready to launch!

lib/screens/about.dart

@@ -0,0 +1,90 @@
+import 'package:flutter/material.dart';
+import 'package:package_info_plus/package_info_plus.dart';
+import 'package:rhythm_box/platform.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: SizedBox(
+        width: double.infinity,
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            ClipRRect(
+              borderRadius: const BorderRadius.all(Radius.circular(16)),
+              child: Image.asset('assets/icon.png', width: 120, height: 120),
+            ),
+            const SizedBox(height: 8),
+            Text(
+              PlatformInfo.isIOS || PlatformInfo.isMacOS
+                  ? 'GroovyBox'
+                  : 'RhythmBox',
+              style: Theme.of(context).textTheme.headlineMedium,
+            ),
+            const Text(
+              'Yet another Spotify third-party app',
+              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('App Details'),
+              onPressed: () async {
+                final info = await PackageInfo.fromPlatform();
+
+                showAboutDialog(
+                  context: context,
+                  applicationVersion: '${info.version} (${info.buildNumber})',
+                  applicationLegalese: 'Yet another Spotify third-party app.',
+                  applicationIcon: ClipRRect(
+                    borderRadius: const BorderRadius.all(Radius.circular(16)),
+                    child:
+                        Image.asset('assets/icon.png', width: 60, height: 60),
+                  ),
+                );
+              },
+            ),
+            TextButton(
+              style: denseButtonStyle,
+              child: const Text('Project Website'),
+              onPressed: () {
+                launchUrlString('https://solsynth.dev/products/rhythm-box');
+              },
+            ),
+            const SizedBox(height: 16),
+            const Text(
+              'Open-sourced under AGPLv3',
+              style: TextStyle(
+                fontWeight: FontWeight.w300,
+                fontSize: 12,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/screens/settings.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
+import 'package:go_router/go_router.dart';
 import 'package:rhythm_box/providers/auth.dart';
 import 'package:rhythm_box/providers/spotify.dart';
 import 'package:rhythm_box/providers/user_preferences.dart';
@@ -122,6 +123,17 @@ class _SettingsScreenState extends State<SettingsScreen> {
                   onChanged: _preferences.setNormalizeAudio,
                 ),
               ),
+              const Divider(thickness: 0.3, height: 1),
+              ListTile(
+                contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                leading: const Icon(Icons.info),
+                title: const Text('About'),
+                subtitle: const Text('More information about this app'),
+                trailing: const Icon(Icons.chevron_right),
+                onTap: () async {
+                  GoRouter.of(context).pushNamed('about');
+                },
+              ),
             ],
           ),
         ),