feat(web): add dedicated privacy route and page

Author: maskedsyntax

website/lib/main.dart

@@ -7,6 +7,7 @@ import 'sections/preview_section.dart';
 import 'sections/privacy_section.dart';
 import 'sections/download_section.dart';
 import 'sections/footer_section.dart';
+import 'screens/privacy_page.dart';
 
 void main() {
   runApp(const PatternsWebsite());
@@ -30,16 +31,29 @@ class _PatternsWebsiteState extends State<PatternsWebsite> {
       theme: WebTheme.lightTheme,
       darkTheme: WebTheme.darkTheme,
       themeMode: _themeMode,
-      home: _HomePage(
-        isDark: _themeMode == ThemeMode.dark,
-        onThemeToggle: () {
-          setState(() {
-            _themeMode = _themeMode == ThemeMode.dark
-                ? ThemeMode.light
-                : ThemeMode.dark;
-          });
-        },
-      ),
+      initialRoute: '/',
+      routes: {
+        '/': (context) => _HomePage(
+              isDark: _themeMode == ThemeMode.dark,
+              onThemeToggle: () {
+                setState(() {
+                  _themeMode = _themeMode == ThemeMode.dark
+                      ? ThemeMode.light
+                      : ThemeMode.dark;
+                });
+              },
+            ),
+        '/privacy': (context) => PrivacyPage(
+              isDark: _themeMode == ThemeMode.dark,
+              onThemeToggle: () {
+                setState(() {
+                  _themeMode = _themeMode == ThemeMode.dark
+                      ? ThemeMode.light
+                      : ThemeMode.dark;
+                });
+              },
+            ),
+      },
     );
   }
 }

website/lib/screens/privacy_page.dart

@@ -0,0 +1,62 @@
+import 'package:flutter/material.dart';
+import '../sections/privacy_section.dart';
+import '../widgets/navbar.dart';
+import '../theme/web_theme.dart';
+
+class PrivacyPage extends StatefulWidget {
+  final bool isDark;
+  final VoidCallback onThemeToggle;
+
+  const PrivacyPage({
+    super.key,
+    required this.isDark,
+    required this.onThemeToggle,
+  });
+
+  @override
+  State<PrivacyPage> createState() => _PrivacyPageState();
+}
+
+class _PrivacyPageState extends State<PrivacyPage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: widget.isDark ? WebTheme.darkSurface : WebTheme.lightSurface,
+      body: Stack(
+        children: [
+          SingleChildScrollView(
+            child: Column(
+              children: [
+                const SizedBox(height: 100),
+                PrivacySection(isDark: widget.isDark),
+                // Simple footer for the privacy page
+                Padding(
+                  padding: const EdgeInsets.symmetric(vertical: 40),
+                  child: TextButton(
+                    onPressed: () => Navigator.of(context).pushReplacementNamed('/'),
+                    child: Text(
+                      '← Back to Home',
+                      style: TextStyle(
+                        color: widget.isDark ? WebTheme.primaryYellow : WebTheme.primaryGold,
+                      ),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ),
+          Positioned(
+            top: 0,
+            left: 0,
+            right: 0,
+            child: Navbar(
+              isDark: widget.isDark,
+              onThemeToggle: widget.onThemeToggle,
+              sectionKeys: const {}, // No scroll keys needed on this page
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

website/lib/widgets/navbar.dart

@@ -89,25 +89,25 @@ class _NavbarState extends State<Navbar> {
                   if (!isMobile) ...[
                     _NavLink(
                       label: 'Features',
-                      onTap: () => _scrollTo(widget.sectionKeys['features']!),
+                      onTap: () => _scrollTo('features'),
                       color: textColor,
                     ),
                     const SizedBox(width: 32),
                     _NavLink(
                       label: 'Preview',
-                      onTap: () => _scrollTo(widget.sectionKeys['preview']!),
+                      onTap: () => _scrollTo('preview'),
                       color: textColor,
                     ),
                     const SizedBox(width: 32),
                     _NavLink(
                       label: 'Privacy',
-                      onTap: () => _scrollTo(widget.sectionKeys['privacy']!),
+                      onTap: () => _scrollTo('privacy'),
                       color: textColor,
                     ),
                     const SizedBox(width: 32),
                     _NavLink(
                       label: 'Download',
-                      onTap: () => _scrollTo(widget.sectionKeys['download']!),
+                      onTap: () => _scrollTo('download'),
                       color: textColor,
                     ),
                     const SizedBox(width: 24),
@@ -314,3 +314,21 @@ class _GithubButtonState extends State<_GithubButton> {
     );
   }
 }
+ns.star_rounded, size: 16, color: Colors.black),
+                const SizedBox(width: 6),
+                Text(
+                  'Star on GitHub',
+                  style: GoogleFonts.inter(
+                    fontSize: 14,
+                    fontWeight: FontWeight.w600,
+                    color: Colors.black,
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}