feat: Implement the home screen with new UI components and assets, and refine authentication screens and routing.

2026-02-24 03:19:55 +05:30
parent 4f8ad7fe49
commit 0bc8852c17
31 changed files with 1540 additions and 24 deletions
--- a/lib/features/home/presentation/widgets/hero_section.dart
+++ b/lib/features/home/presentation/widgets/hero_section.dart
@@ -0,0 +1,136 @@
+import 'package:flutter/material.dart';
+import 'package:real_estate_mobile/core/constants/app_colors.dart';
+
+class HeroSection extends StatelessWidget {
+  const HeroSection({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(
+      children: [
+        // Background image
+        ClipRRect(
+          borderRadius: BorderRadius.circular(0),
+          child: Image.asset(
+            'assets/images/hero_bg.png',
+            width: double.infinity,
+            height: 580,
+            fit: BoxFit.cover,
+          ),
+        ),
+        // Content overlay
+        Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 32),
+          child: Column(
+            children: [
+              const SizedBox(height: 40),
+              const Text(
+                'Discover verified, top-rated real estate professionals.',
+                textAlign: TextAlign.center,
+                style: TextStyle(
+                  fontFamily: 'Fractul',
+                  fontSize: 30,
+                  fontWeight: FontWeight.w700,
+                  color: AppColors.primaryDark,
+                  height: 1.1,
+                ),
+              ),
+              const SizedBox(height: 30),
+              // Search Agents Card
+              _buildSearchCard(),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildSearchCard() {
+    return Container(
+      padding: const EdgeInsets.all(20),
+      decoration: BoxDecoration(
+        color: AppColors.accentOrange,
+        borderRadius: BorderRadius.circular(15),
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          const Center(
+            child: Text(
+              'Search Agents',
+              style: TextStyle(
+                fontFamily: 'Fractul',
+                fontSize: 16,
+                fontWeight: FontWeight.w600,
+                color: AppColors.primaryDark,
+              ),
+            ),
+          ),
+          const SizedBox(height: 16),
+          _buildSearchField('Types'),
+          const SizedBox(height: 12),
+          _buildSearchField('Name or Keyword'),
+          const SizedBox(height: 12),
+          _buildSearchField('Location'),
+          const SizedBox(height: 12),
+          _buildSearchField('Categories'),
+          const SizedBox(height: 12),
+          // See All Agents button
+          SizedBox(
+            width: double.infinity,
+            child: ElevatedButton(
+              onPressed: () {},
+              style: ElevatedButton.styleFrom(
+                backgroundColor: AppColors.primaryDark,
+                foregroundColor: Colors.white,
+                padding: const EdgeInsets.symmetric(vertical: 14),
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(10),
+                ),
+              ),
+              child: const Text(
+                'See All Agents',
+                style: TextStyle(
+                  fontFamily: 'Fractul',
+                  fontSize: 16,
+                  fontWeight: FontWeight.w700,
+                ),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildSearchField(String hint) {
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(10),
+      ),
+      child: Row(
+        children: [
+          Expanded(
+            child: Text(
+              hint,
+              style: const TextStyle(
+                fontFamily: 'SourceSerif4',
+                fontSize: 14,
+                fontWeight: FontWeight.w400,
+                color: AppColors.primaryDark,
+              ),
+            ),
+          ),
+          if (hint == 'Types' || hint == 'Categories')
+            const Icon(
+              Icons.keyboard_arrow_down,
+              color: AppColors.primaryDark,
+              size: 20,
+            ),
+        ],
+      ),
+    );
+  }
+}