feat: profile page

2025-08-12 21:20:20 +07:00
parent f0dac56802
commit 9458de5059
10 changed files with 669 additions and 2 deletions
@@ -0,0 +1,80 @@
+import 'package:flutter/material.dart';
+
+import '../../../../common/theme/theme.dart';
+import '../../../components/spacer/spacer.dart';
+
+class ProfileHeader extends StatelessWidget {
+  const ProfileHeader({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: double.infinity,
+      decoration: const BoxDecoration(
+        gradient: LinearGradient(
+          colors: AppColor.primaryGradient,
+          begin: Alignment.topCenter,
+          end: Alignment.bottomCenter,
+        ),
+      ),
+      child: Column(
+        children: [
+          const SpaceHeight(20),
+
+          // Profile Picture
+          Container(
+            width: 100,
+            height: 100,
+            decoration: BoxDecoration(
+              shape: BoxShape.circle,
+              border: Border.all(color: AppColor.textWhite, width: 3),
+              color: AppColor.primaryLight,
+            ),
+            child: ClipOval(
+              child: Container(
+                color: AppColor.primaryLight,
+                child: const Icon(
+                  Icons.person,
+                  size: 50,
+                  color: AppColor.textWhite,
+                ),
+              ),
+            ),
+          ),
+
+          const SpaceHeight(16),
+
+          // Name
+          Text(
+            'John Doe',
+            style: AppStyle.h5.copyWith(
+              fontSize: 24,
+              fontWeight: FontWeight.bold,
+              color: AppColor.textWhite,
+            ),
+          ),
+
+          const SpaceHeight(4),
+
+          // Role Badge
+          Container(
+            padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 6),
+            decoration: BoxDecoration(
+              color: AppColor.textWhite.withOpacity(0.2),
+              borderRadius: BorderRadius.circular(20),
+            ),
+            child: Text(
+              'Business Owner',
+              style: AppStyle.md.copyWith(
+                color: AppColor.textWhite,
+                fontWeight: FontWeight.w500,
+              ),
+            ),
+          ),
+
+          const SpaceHeight(30),
+        ],
+      ),
+    );
+  }
+}