started new refilc+ purchase page

filcnaplo_mobile_ui/lib/premium/plus_screen.dart

@@ -0,0 +1,117 @@
+import 'package:flutter_feather_icons/flutter_feather_icons.dart';
+import 'package:flutter/material.dart';
+
+class PlusScreen extends StatelessWidget {
+  const PlusScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Container(
+        padding: EdgeInsets.zero,
+        width: double.infinity,
+        decoration: const BoxDecoration(
+          image: DecorationImage(
+            image: AssetImage('assets/images/premium_top_banner.png'),
+            fit: BoxFit.fitWidth,
+            alignment: Alignment.topCenter,
+          ),
+        ),
+        child: Container(
+          decoration: BoxDecoration(
+            gradient: LinearGradient(
+              colors: [
+                Theme.of(context).scaffoldBackgroundColor.withOpacity(0.2),
+                Theme.of(context).scaffoldBackgroundColor.withOpacity(0.3),
+                Theme.of(context).scaffoldBackgroundColor.withOpacity(0.5),
+                Theme.of(context).scaffoldBackgroundColor.withOpacity(0.8),
+                Theme.of(context).scaffoldBackgroundColor,
+              ],
+              begin: Alignment.topCenter,
+              end: Alignment.bottomCenter,
+              stops: const [0.0, 0.1, 0.15, 0.2, 0.25],
+            ),
+          ),
+          child: ListView(
+            children: [
+              Container(
+                decoration: BoxDecoration(
+                  gradient: LinearGradient(
+                    colors: [
+                      Theme.of(context)
+                          .scaffoldBackgroundColor
+                          .withOpacity(0.0),
+                      Theme.of(context)
+                          .scaffoldBackgroundColor
+                          .withOpacity(0.4),
+                      Theme.of(context).scaffoldBackgroundColor,
+                    ],
+                    begin: Alignment.topCenter,
+                    end: Alignment.bottomCenter,
+                    stops: const [0.6, 0.7, 1.0],
+                  ),
+                ),
+                child: Padding(
+                  padding: const EdgeInsets.symmetric(
+                      horizontal: 20.0, vertical: 15.0),
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Row(
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                        children: [
+                          const Text(
+                            'reFilc+',
+                            style: TextStyle(
+                              fontSize: 33,
+                              color: Color(0xFF0a1c41),
+                              fontWeight: FontWeight.bold,
+                            ),
+                          ),
+                          IconButton(
+                            onPressed: () => Navigator.of(context).pop(),
+                            icon: const Icon(
+                              FeatherIcons.x,
+                              color: Colors.black,
+                            ),
+                          )
+                        ],
+                      ),
+                      Text.rich(
+                        TextSpan(
+                          text: 'Még több reFilc, olcsóbban,\nmint bármi más!',
+                          style: const TextStyle(
+                            height: 1.2,
+                            fontSize: 22,
+                            color: Color(0xFF0A1C41),
+                            fontWeight: FontWeight.w600,
+                          ),
+                          children: [
+                            WidgetSpan(
+                              child: Transform.translate(
+                                offset: const Offset(1.0, -5.5),
+                                child: Text(
+                                  '1',
+                                  style: TextStyle(
+                                    fontSize: 14.4,
+                                    color: const Color(0xFF0A1C41)
+                                        .withOpacity(0.5),
+                                    fontWeight: FontWeight.w600,
+                                  ),
+                                ),
+                              ),
+                            ),
+                          ],
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

filcnaplo_mobile_ui/lib/premium/premium_button.dart

@@ -1,7 +1,7 @@
 import 'dart:ui';
 
 import 'package:filcnaplo/icons/filc_icons.dart';
-import 'package:filcnaplo_mobile_ui/premium/premium_screen.dart';
+import 'package:filcnaplo_mobile_ui/premium/plus_screen.dart';
 import 'package:flutter/material.dart';
 import 'package:animations/animations.dart';
 
@@ -42,7 +42,7 @@ class _PremiumButtonState extends State<PremiumButton>
       closedElevation: 0,
       closedShape:
           RoundedRectangleBorder(borderRadius: BorderRadius.circular(14.0)),
-      openBuilder: (context, _) => const PremiumScreen(),
+      openBuilder: (context, _) => const PlusScreen(),
       closedBuilder: (context, action) => GestureDetector(
         onTapDown: (_) => setState(() => _heldDown = true),
         onTapUp: (_) => setState(() => _heldDown = false),

refilc_plus

@@ -1 +1 @@
-Subproject commit fc4677a35d4e37c80a6bacf31f6f5132ef6bceff
+Subproject commit c34bb167133a9bc64ce064852e813a36698320a2