Initial commit (Security Hardened Slate)

lib/screens/intro.dart

@@ -0,0 +1,82 @@
+import 'dart:async';
+import 'package:flutter/material.dart';
+import 'package:paladinvpn/screens/main_screen.dart';
+
+class IntroScreen extends StatefulWidget {
+  const IntroScreen({super.key});
+
+  @override
+  State<IntroScreen> createState() => _IntroScreenState();
+}
+
+class _IntroScreenState extends State<IntroScreen> {
+  @override
+  void initState() {
+    super.initState();
+    // Wait for 2.5 seconds then smoothly transition to the main screen
+    Timer(const Duration(milliseconds: 2500), () {
+      if (mounted) {
+        Navigator.of(context).pushReplacement(
+          PageRouteBuilder(
+            transitionDuration: const Duration(milliseconds: 800),
+            pageBuilder: (_, __, ___) => const MainScreen(),
+            transitionsBuilder: (_, animation, __, child) {
+              return FadeTransition(opacity: animation, child: child);
+            },
+          ),
+        );
+      }
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: const Color(0xFF0D1117), // Deep space black background
+      body: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            // App Logo
+            Image.asset(
+              'assets/logo.png',
+              width: 140,
+              height: 140,
+              errorBuilder: (context, error, stackTrace) {
+                // Fallback icon if logo.png is missing or misconfigured
+                return const Icon(
+                  Icons.shield,
+                  size: 140,
+                  color: Color(0xFF00E5FF),
+                );
+              },
+            ),
+            const SizedBox(height: 30),
+            
+            // PaladinVPN Text
+            const Text(
+              'PALADIN VPN',
+              style: TextStyle(
+                color: Colors.white,
+                fontSize: 28,
+                fontWeight: FontWeight.bold,
+                letterSpacing: 2.0,
+              ),
+            ),
+            const SizedBox(height: 60),
+            
+            // Loading Circle
+            const SizedBox(
+              width: 40,
+              height: 40,
+              child: CircularProgressIndicator(
+                color: Color(0xFF00E5FF),
+                strokeWidth: 3.0,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/screens/main_screen.dart

@@ -0,0 +1,89 @@
+import 'package:flutter/material.dart';
+import 'package:paladinvpn/components/header.dart';
+import 'package:paladinvpn/components/status_text.dart';
+import 'package:paladinvpn/components/connect_button.dart';
+import 'package:paladinvpn/components/bottom_bar.dart';
+import 'package:paladinvpn/components/info_button.dart';
+import 'package:paladinvpn/components/privacy_policy_button.dart';
+
+/// MainScreen serves as the primary home screen for Paladin VPN.
+/// 
+/// It provides a dark mode, cyberpunk-inspired visual layout displaying:
+/// - Logo and Branding at the top (`Header`)
+/// - Session countdown timer displaying remaining time (`ClockDisplay`)
+/// - Tap-to-connect action trigger (`ConnectButton`)
+/// - Connected status badge displaying tunnel information (`StatusText`)
+/// - Bottom bar showing server health status and voluntary support button (`BottomBar`)
+class MainScreen extends StatelessWidget {
+  const MainScreen({super.key});
+
+  // Background base color
+  static const Color _bgTop = Color(0xFF0D1117);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: _bgTop,
+      body: Container(
+        width: double.infinity,
+        height: double.infinity,
+        decoration: const BoxDecoration(
+          color: _bgTop,
+          image: DecorationImage(
+            image: AssetImage('assets/background.png'),
+            fit: BoxFit.cover,
+            colorFilter: ColorFilter.mode(
+              Color(0xAA0D1117), // Deep dark tint overlay to guarantee readability of overlay elements
+              BlendMode.darken,
+            ),
+          ),
+        ),
+        child: SafeArea(
+          child: Stack(
+            children: [
+              // ── Main content column ──
+              LayoutBuilder(
+                builder: (context, constraints) {
+                  return SingleChildScrollView(
+                    physics: const BouncingScrollPhysics(),
+                    child: ConstrainedBox(
+                      constraints: BoxConstraints(minHeight: constraints.maxHeight),
+                      child: const IntrinsicHeight(
+                        child: Column(
+                          children: [
+                            SizedBox(height: 4),
+                            Header(),
+                            Spacer(flex: 1),
+                            ConnectButton(),
+                            SizedBox(height: 24),
+                            StatusText(),
+                            Spacer(flex: 3),
+                            BottomBar(),
+                            SizedBox(height: 16),
+                          ],
+                        ),
+                      ),
+                    ),
+                  );
+                },
+              ),
+              // ── Info / About buttons (top-right) ──
+              const Positioned(
+                top: 4,
+                right: 4,
+                child: Row(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    PrivacyPolicyButton(),
+                    InfoButton(),
+                  ],
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
+