refactor(ui): optimize getting started flow and remove bengali bg

- Removed Bengali pattern background image and references.
- Added subtle gradient background to Getting Started page.
- Enhanced BlurCard with shadow and softer border radius.
- Adjusted spacing and logo size in Greeting section for better balance.

lib/modules/getting_started/blur_card.dart

@@ -10,7 +10,14 @@ class BlurCard extends HookConsumerWidget {
     return Container(
       margin: const EdgeInsets.all(16.0),
       decoration: BoxDecoration(
-        borderRadius: BorderRadius.circular(16),
+        borderRadius: BorderRadius.circular(24),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.1),
+            blurRadius: 20,
+            offset: const Offset(0, 10),
+          ),
+        ],
       ),
       constraints: const BoxConstraints(maxWidth: 400),
       clipBehavior: Clip.antiAlias,
@@ -18,7 +25,7 @@ class BlurCard extends HookConsumerWidget {
         width: double.infinity,
         child: SurfaceCard(
           child: Padding(
-            padding: const EdgeInsets.all(16.0),
+            padding: const EdgeInsets.all(24.0),
             child: child,
           ),
         ),

lib/pages/getting_started/getting_started.dart

@@ -1,7 +1,6 @@
 import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:shadcn_flutter/shadcn_flutter.dart';
-import 'package:spotube/collections/assets.gen.dart';
 import 'package:spotube/components/titlebar/titlebar.dart';
 import 'package:spotube/extensions/context.dart';
 import 'package:spotube/pages/getting_started/sections/greeting.dart';
@@ -70,9 +69,13 @@ class GettingStartedPage extends HookConsumerWidget {
       floatingHeader: true,
       child: DecoratedBox(
         decoration: BoxDecoration(
-          image: DecorationImage(
+          gradient: LinearGradient(
-            image: Assets.images.bengaliPatternsBg.provider(),
+            begin: Alignment.topLeft,
-            fit: BoxFit.cover,
+            end: Alignment.bottomRight,
+            colors: [
+              Theme.of(context).colorScheme.primary.withOpacity(0.1),
+              Theme.of(context).colorScheme.background,
+            ],
           ),
         ),
         child: PageView(

lib/pages/getting_started/sections/greeting.dart

@@ -17,7 +17,7 @@ class GettingStartedPageGreetingSection extends HookConsumerWidget {
         child: Column(
           mainAxisSize: MainAxisSize.min,
           children: [
-            Assets.branding.spotubeLogoPng.image(height: 200),
+            Assets.branding.spotubeLogoPng.image(height: 220),
             const Gap(24),
             const Text("Spotube").semiBold().h4(),
             const Gap(4),
@@ -27,7 +27,7 @@ class GettingStartedPageGreetingSection extends HookConsumerWidget {
                   : context.l10n.freedom_of_music,
               textAlign: TextAlign.center,
             ).light().large().italic(),
-            const Gap(84),
+            const Gap(48),
             Button.primary(
               onPressed: onNext,
               trailing: const Icon(SpotubeIcons.angleRight),

pubspec.yaml

@@ -270,7 +270,6 @@ flutter_gen:
   output: lib/collections
 
 flutter_native_splash:
-  background_image: assets/bengali-patterns-bg.jpg
   image: assets/spotube-logo.png
   branding: assets/branding.png
   android_12: