Design V3

mobile-app/lib/features/main/screens/app.dart

@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:resonance_network_wallet/features/main/screens/authentication_wrapper.dart';
 import 'package:resonance_network_wallet/features/main/screens/wallet_initializer.dart';
-import 'package:resonance_network_wallet/features/styles/app_theme.dart';
+import 'package:resonance_network_wallet/v2/theme/app_theme.dart';
 import 'package:resonance_network_wallet/services/local_notifications_service.dart';
 import 'package:resonance_network_wallet/services/notification_integration_service.dart';
 import 'package:resonance_network_wallet/services/referral_service.dart';
@@ -55,7 +55,7 @@ class _ResonanceWalletAppState extends ConsumerState<ResonanceWalletApp> {
         '/account': (context) => const WalletInitializer(),
         '/transactions': (context) => const WalletInitializer(),
       },
-      theme: AppTheme.lightTheme(context),
+      theme: AppTheme.darkTheme(context),
       darkTheme: AppTheme.darkTheme(context),
       themeMode: ThemeMode.dark,
       builder: (context, child) {

mobile-app/lib/features/main/screens/navbar.dart

@@ -8,7 +8,7 @@ import 'package:resonance_network_wallet/features/components/referral_action_she
 import 'package:resonance_network_wallet/features/main/screens/quests/quests_screen.dart';
 import 'package:resonance_network_wallet/features/main/screens/settings_screen.dart';
 import 'package:resonance_network_wallet/features/main/screens/transactions_screen.dart';
-import 'package:resonance_network_wallet/features/main/screens/wallet_main/wallet_main.dart';
+import 'package:resonance_network_wallet/v2/screens/home/home_screen.dart';
 import 'package:resonance_network_wallet/features/styles/app_colors_theme.dart';
 import 'package:resonance_network_wallet/features/styles/app_size_theme.dart';
 import 'package:resonance_network_wallet/services/referral_service.dart';
@@ -214,7 +214,7 @@ class _NavbarState extends ConsumerState<Navbar> {
     return IndexedStack(
       index: _selectedIndex,
       children: [
-        const WalletMain(),
+        const HomeScreen(),
         const TransactionsScreen(),
         const SettingsScreen(),
         QuestsScreen(key: _questsScreenKey),

mobile-app/lib/features/main/screens/wallet_initializer.dart

@@ -2,10 +2,10 @@ import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:quantus_sdk/quantus_sdk.dart';
 import 'package:resonance_network_wallet/features/components/migration_dialog.dart';
-import 'package:resonance_network_wallet/features/main/screens/navbar.dart';
-import 'package:resonance_network_wallet/features/main/screens/welcome_screen.dart';
+// import 'package:resonance_network_wallet/v2/screens/dev/button_test_screen.dart';
+import 'package:resonance_network_wallet/v2/screens/home/home_screen.dart';
+import 'package:resonance_network_wallet/v2/screens/welcome/welcome_screen.dart';
 import 'package:resonance_network_wallet/providers/account_providers.dart';
-import 'package:resonance_network_wallet/providers/route_intent_providers.dart';
 import 'package:resonance_network_wallet/services/telemetry_service.dart';
 import 'package:resonance_network_wallet/utils/env_utils.dart';
 
@@ -160,25 +160,21 @@ class WalletInitializerState extends ConsumerState<WalletInitializer> {
 
   @override
   Widget build(BuildContext context) {
-    final hasTxIntent = ref.read(transactionIntentProvider) != null;
-    // If we have value of tx that means we got arguments from notification tap,
-    // so we wanted to display the transactions history screen instead which is index 1.
-    final initialIndex = hasTxIntent ? 1 : 0;
-
     if (_loading) {
       return const Scaffold(body: Center(child: CircularProgressIndicator()));
     }
 
-    // If migration is needed, render a neutral background (no spinner) while
-    // the bottom sheet is presented, to avoid a loading indicator behind it.
     if (_needsMigration) {
       return const Scaffold(body: SizedBox.shrink());
     }
 
+    // for testing buttons
+    // return const ButtonTestScreen();
+
     if (_walletExists) {
-      return Navbar(initialIndex: initialIndex);
+      return const HomeScreen();
     } else {
-      return const WelcomeScreen();
+      return const WelcomeScreenV2();
     }
   }
 }

mobile-app/lib/v2/components/back_button.dart

@@ -0,0 +1,22 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:resonance_network_wallet/v2/theme/app_colors.dart';
+
+class AppBackButton extends StatelessWidget {
+  final VoidCallback? onTap;
+
+  const AppBackButton({super.key, this.onTap});
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: onTap ?? () => Navigator.pop(context),
+      child: SvgPicture.asset(
+        'assets/v2/caret_left.svg',
+        width: 24,
+        height: 24,
+        colorFilter: ColorFilter.mode(context.colors.textPrimary, BlendMode.srcIn),
+      ),
+    );
+  }
+}

mobile-app/lib/v2/components/bottom_sheet_container.dart

@@ -0,0 +1,57 @@
+import 'dart:ui';
+import 'package:flutter/material.dart';
+import 'package:resonance_network_wallet/v2/theme/app_colors.dart';
+import 'package:resonance_network_wallet/v2/theme/app_text_styles.dart';
+
+class BottomSheetContainer extends StatelessWidget {
+  final String title;
+  final Widget child;
+
+  const BottomSheetContainer({super.key, required this.title, required this.child});
+
+  @override
+  Widget build(BuildContext context) {
+    final colors = context.colors;
+    final text = context.themeText;
+
+    return Container(
+      padding: const EdgeInsets.fromLTRB(24, 40, 24, 40),
+      decoration: BoxDecoration(
+        color: const Color(0xFF1A1A1A),
+        border: Border.all(color: const Color(0xFF3D3D3D)),
+        borderRadius: BorderRadius.circular(24),
+      ),
+      child: SafeArea(
+        top: false,
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Text(title, style: text.smallTitle?.copyWith(color: colors.textPrimary, fontSize: 20)),
+                GestureDetector(
+                  onTap: () => Navigator.pop(context),
+                  child: Icon(Icons.close, color: colors.textPrimary, size: 20),
+                ),
+              ],
+            ),
+            const SizedBox(height: 32),
+            child,
+          ],
+        ),
+      ),
+    );
+  }
+
+  static void show(BuildContext context, {required WidgetBuilder builder}) {
+    showModalBottomSheet(
+      context: context,
+      backgroundColor: Colors.transparent,
+      isScrollControlled: true,
+      constraints: BoxConstraints(maxWidth: MediaQuery.of(context).size.width),
+      builder: (ctx) => BackdropFilter(filter: ImageFilter.blur(sigmaX: 2, sigmaY: 2), child: builder(ctx)),
+    );
+  }
+}

mobile-app/lib/v2/components/glass_button.dart

@@ -0,0 +1,98 @@
+import 'package:flutter/material.dart';
+import 'dart:ui';
+
+class GlassButton extends StatelessWidget {
+  final VoidCallback? onTap;
+  final Widget child;
+  final EdgeInsetsGeometry padding;
+  final double radius;
+  final bool filled;
+  final double height;
+
+  const GlassButton({
+    super.key,
+    this.onTap,
+    required this.child,
+    required this.height,
+    this.radius = 14,
+    this.padding = const EdgeInsets.symmetric(horizontal: 40, vertical: 20),
+    this.filled = false,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final borderRadius = BorderRadius.circular(radius);
+    final outerBorderColor = filled
+        ? const Color(0xFFFFFFFF).withValues(alpha: 0.32)
+        : const Color(0xFFFFFFFF).withValues(alpha: 0.44);
+    final innerBorderColor = filled
+        ? const Color(0xFFFFFFFF).withValues(alpha: 0.18)
+        : const Color(0xFFFFFFFF).withValues(alpha: 0.12);
+
+    return GestureDetector(
+      onTap: onTap,
+      child: SizedBox(
+        height: height,
+        width: double.infinity,
+        child: Stack(
+          fit: StackFit.expand,
+          children: [
+            ClipRRect(
+              borderRadius: borderRadius,
+              child: BackdropFilter(
+                filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
+                child: DecoratedBox(
+                  decoration: BoxDecoration(
+                    borderRadius: borderRadius,
+                    color: filled ? const Color(0xFFFFFFFF).withValues(alpha: 0.1) : Colors.transparent,
+                  ),
+                ),
+              ),
+            ),
+            Positioned.fill(
+              child: DecoratedBox(
+                decoration: BoxDecoration(
+                  borderRadius: borderRadius,
+                  border: Border.all(color: outerBorderColor, width: 0.889),
+                ),
+              ),
+            ),
+            Positioned.fill(
+              child: Padding(
+                padding: const EdgeInsets.all(1),
+                child: DecoratedBox(
+                  decoration: BoxDecoration(
+                    borderRadius: BorderRadius.circular(radius - 1),
+                    border: Border.all(color: innerBorderColor, width: 0.6),
+                  ),
+                ),
+              ),
+            ),
+            Positioned.fill(
+              child: DecoratedBox(
+                decoration: BoxDecoration(
+                  borderRadius: borderRadius,
+                  gradient: LinearGradient(
+                    begin: Alignment.topCenter,
+                    end: Alignment.bottomCenter,
+                    colors: [
+                      Colors.black.withValues(alpha: 0.12),
+                      Colors.transparent,
+                      Colors.transparent,
+                      Colors.black.withValues(alpha: 0.16),
+                    ],
+                    stops: const [0.0, 0.22, 0.78, 1.0],
+                  ),
+                ),
+              ),
+            ),
+            Padding(
+              padding: padding,
+              child: Center(child: child),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

mobile-app/lib/v2/components/glass_circle_icon_button.dart

@@ -0,0 +1,45 @@
+import 'package:flutter/material.dart';
+
+class GlassCircleIconButton extends StatelessWidget {
+  static const _bgAsset = 'assets/v2/glass_circle_icon_button_bg.png';
+
+  final IconData icon;
+  final VoidCallback? onTap;
+  final double size;
+  final double iconSize;
+  final Color iconColor;
+  final bool filled;
+
+  const GlassCircleIconButton({
+    super.key,
+    required this.icon,
+    required this.iconColor,
+    this.onTap,
+    this.size = 48,
+    this.iconSize = 20,
+    this.filled = true,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: onTap,
+      child: SizedBox(
+        width: size,
+        height: size,
+        child: Stack(
+          fit: StackFit.expand,
+          children: [
+            Opacity(
+              opacity: filled ? 1 : 0.92,
+              child: Image.asset(_bgAsset, fit: BoxFit.cover),
+            ),
+            Center(
+              child: Icon(icon, color: iconColor, size: iconSize),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}