feat(ui): implement award mockup redesign

2026-05-20 21:29:36 +02:00
parent eb0ef37c76
commit d8acf74771
14 changed files with 621 additions and 211 deletions
@@ -24,20 +24,62 @@ class PluriWaveScaffold extends StatelessWidget {
      appBar: appBar,
      bottomNavigationBar: bottomNavigationBar,
      floatingActionButton: floatingActionButton,
+      extendBody: true,
      body: DecoratedBox(
        decoration: BoxDecoration(
-          gradient: RadialGradient(
-            center: const Alignment(-0.75, -0.9),
-            radius: 1.25,
+          gradient: LinearGradient(
+            begin: Alignment.topLeft,
+            end: Alignment.bottomRight,
            colors: [
-              t.electricMagenta.withValues(alpha: 0.22),
+              const Color(0xFF070A18),
              t.deepViolet,
-              const Color(0xFF10091B),
+              const Color(0xFF151033),
+              const Color(0xFF070A18),
            ],
-            stops: const [0.0, 0.42, 1.0],
+            stops: const [0, 0.34, 0.68, 1],
          ),
        ),
-        child: body,
+        child: Stack(
+          fit: StackFit.expand,
+          children: [
+            Positioned(
+              left: -120,
+              top: -120,
+              child: _AuroraOrb(size: 300, color: const Color(0xFF20E6FF).withValues(alpha: 0.32)),
+            ),
+            Positioned(
+              right: -150,
+              top: 160,
+              child: _AuroraOrb(size: 340, color: t.electricMagenta.withValues(alpha: 0.26)),
+            ),
+            Positioned(
+              left: -90,
+              bottom: 80,
+              child: _AuroraOrb(size: 260, color: t.warmCoral.withValues(alpha: 0.16)),
+            ),
+            body,
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _AuroraOrb extends StatelessWidget {
+  const _AuroraOrb({required this.size, required this.color});
+  final double size;
+  final Color color;
+
+  @override
+  Widget build(BuildContext context) {
+    return IgnorePointer(
+      child: Container(
+        width: size,
+        height: size,
+        decoration: BoxDecoration(
+          shape: BoxShape.circle,
+          gradient: RadialGradient(colors: [color, color.withValues(alpha: 0)]),
+        ),
      ),
    );
  }