update home ui

2026-05-12 15:47:38 +07:00
parent 86d581f5ea
commit 9076c9c66e
16 changed files with 442 additions and 95 deletions
@@ -0,0 +1,79 @@
+import 'package:flutter/material.dart';
+
+import '../../../../common/theme/theme.dart';
+import '../../../components/spacer/spacer.dart';
+import '../../../components/widgets/particle_card.dart';
+
+class HomePromoBanner extends StatelessWidget {
+  const HomePromoBanner({super.key});
+
+  static const _outlets = [
+    'ENAKLO RAWAMANGUNG',
+    'ENAKLO WOKU PEDAS\nKELAPA GADING',
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.fromLTRB(
+        AppValue.padding,
+        24,
+        AppValue.padding,
+        0,
+      ),
+      child: Row(
+        children: [
+          for (int i = 0; i < _outlets.length; i++) ...[
+            Expanded(
+              child: ParticleCard(
+                height: 100,
+                padding: const EdgeInsets.symmetric(
+                  horizontal: 12,
+                  vertical: 12,
+                ),
+                decorationOpacity: 0.8,
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  children: [
+                    Container(
+                      padding: const EdgeInsets.symmetric(
+                        horizontal: 7,
+                        vertical: 2,
+                      ),
+                      decoration: BoxDecoration(
+                        color: AppColor.white.withOpacity(0.2),
+                        borderRadius: BorderRadius.circular(20),
+                      ),
+                      child: Text(
+                        'OUTLET',
+                        style: AppStyle.xs.copyWith(
+                          color: AppColor.white,
+                          fontWeight: FontWeight.w700,
+                          letterSpacing: 1.0,
+                          fontSize: 10,
+                        ),
+                      ),
+                    ),
+                    const SpaceHeight(6),
+                    Text(
+                      _outlets[i],
+                      style: AppStyle.sm.copyWith(
+                        color: AppColor.white,
+                        fontWeight: FontWeight.w800,
+                        height: 1.25,
+                      ),
+                      maxLines: 3,
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                  ],
+                ),
+              ),
+            ),
+            if (i < _outlets.length - 1) const SpaceWidth(12),
+          ],
+        ],
+      ),
+    );
+  }
+}