feat: home page

2025-08-12 20:44:27 +07:00
parent ae1293d28d
commit f0dac56802
15 changed files with 1447 additions and 8 deletions
@@ -0,0 +1,62 @@
+import 'package:flutter/material.dart';
+
+import '../../../../common/theme/theme.dart';
+import '../../../components/spacer/spacer.dart';
+
+class HomeFeatureTile extends StatelessWidget {
+  final String title;
+  final IconData icon;
+  final Color color;
+  final Function() onTap;
+  const HomeFeatureTile({
+    super.key,
+    required this.title,
+    required this.icon,
+    required this.color,
+    required this.onTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Expanded(
+      child: InkWell(
+        onTap: onTap,
+        borderRadius: BorderRadius.circular(AppValue.radius),
+        child: Container(
+          padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 8),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              Container(
+                width: 56,
+                height: 56,
+                decoration: BoxDecoration(
+                  gradient: LinearGradient(
+                    colors: [color.withOpacity(0.1), color.withOpacity(0.05)],
+                    begin: Alignment.topLeft,
+                    end: Alignment.bottomRight,
+                  ),
+                  borderRadius: BorderRadius.circular(16),
+                  border: Border.all(color: color.withOpacity(0.2), width: 1),
+                ),
+                child: Icon(icon, color: color, size: 28),
+              ),
+              const SpaceHeight(12),
+              Text(
+                title,
+                style: AppStyle.sm.copyWith(
+                  fontWeight: FontWeight.w600,
+                  color: AppColor.textPrimary,
+                  letterSpacing: -0.2,
+                ),
+                textAlign: TextAlign.center,
+                maxLines: 2,
+                overflow: TextOverflow.ellipsis,
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}