profile page

lib/page/home/home.dart

@@ -5,6 +5,7 @@ import 'package:tour_travel_agr/helper/widget_responsive.dart';
 import 'package:tour_travel_agr/resource/assets.dart';
 import 'package:tour_travel_agr/resource/colors.dart';
 import 'package:tour_travel_agr/resource/font.dart';
+import 'package:tour_travel_agr/resource/routes.dart';
 import 'package:tour_travel_agr/resource/size.dart';
 import 'package:tour_travel_agr/resource/style.dart';
 
@@ -122,10 +123,19 @@ class BodyWIdget extends StatelessWidget {
                       mainAxisAlignment: MainAxisAlignment.spaceBetween,
                       crossAxisAlignment: CrossAxisAlignment.center,
                       children: [
-                        CardSectionHome(
-                          title: "Profile",
-                          subtitle: "List Report Harian, mingguan dan Bulanan",
-                          logo: Assets.profileIcon,
+                        GestureDetector(
+                          onTap: () {
+                            Navigator.pushNamed(
+                              context,
+                              Routes.profileRoute,
+                            );
+                          },
+                          child: CardSectionHome(
+                            title: "Profile",
+                            subtitle:
+                                "List Report Harian, mingguan dan Bulanan",
+                            logo: Assets.profileIcon,
+                          ),
                         ),
                         CardSectionHome(
                           title: "Log out",

lib/page/profile/profile.dart

+// ignore_for_file: avoid_unnecessary_containers, sized_box_for_whitespace
+
+import 'package:flutter/material.dart';
+import 'package:tour_travel_agr/resource/assets.dart';
+import 'package:tour_travel_agr/resource/colors.dart';
+import 'package:tour_travel_agr/resource/size.dart';
+import 'package:tour_travel_agr/resource/style.dart';
+
+class ProfileView extends StatelessWidget {
+  const ProfileView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: ColorManager.backgroundColor,
+      body: Stack(
+        children: [
+          Column(
+            children: [
+              Container(
+                width: double.infinity,
+                height: 318 + AppPadding.safeAreaTop(context),
+                margin: EdgeInsets.all(
+                  AppPadding.p8,
+                ),
+                decoration: BoxDecoration(
+                  color: ColorManager.primary,
+                  borderRadius: BorderRadius.circular(
+                    20,
+                  ),
+                ),
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  children: [
+                    Container(
+                      margin: EdgeInsets.only(
+                        top: AppMargin.m25,
+                      ),
+                      child: Row(
+                        children: [
+                          const Spacer(),
+                          Container(
+                            width: 24,
+                            height: 24,
+                            child: Image(
+                              fit: BoxFit.fill,
+                              image: AssetImage(
+                                Assets.editIcon,
+                              ),
+                            ),
+                          ),
+                          const SizedBox(
+                            width: 12,
+                          )
+                        ],
+                      ),
+                    ),
+                    Container(
+                      width: 120,
+                      height: 120,
+                      decoration: BoxDecoration(
+                        borderRadius: BorderRadius.circular(
+                          100,
+                        ),
+                        image: DecorationImage(
+                          fit: BoxFit.fill,
+                          image: AssetImage(
+                            Assets.profileSample,
+                          ),
+                        ),
+                      ),
+                    ),
+                    SizedBox(
+                      height: AppMargin.m16,
+                    ),
+                    Text(
+                      "Dio Maulana",
+                      style: getSemiBoldStyle(
+                        color: Colors.white,
+                        fontSize: 20,
+                      ),
+                    ),
+                    SizedBox(
+                      height: AppMargin.m8,
+                    ),
+                    Text(
+                      "ID 33040000000000000083",
+                      style: getRegularStyle(
+                        color: Colors.white,
+                        fontSize: 12,
+                      ),
+                    ),
+                    const SizedBox(
+                      height: 40,
+                    ),
+                    Row(
+                      children: [
+                        Image(
+                          width: 20,
+                          height: 20,
+                          image: AssetImage(
+                            Assets.phoneIcon,
+                          ),
+                        ),
+                        Text(
+                          "+62-8127-535-1256",
+                          style: getRegularStyle(
+                            color: Colors.white,
+                          ),
+                        )
+                      ],
+                    )
+                  ],
+                ),
+              ),
+            ],
+          ),
+          Positioned(
+            left: 0,
+            top: 0,
+            child: Container(
+              child: Image(
+                image: AssetImage(
+                  Assets.elipse,
+                ),
+              ),
+            ),
+          )
+        ],
+      ),
+    );
+  }
+}

lib/resource/assets.dart

@@ -10,10 +10,13 @@ class Assets {
   static String forgotPassword = "${rootImage}forgot_password.png";
   static String resetPassword = "${rootImage}reset_password.png";
   static String homeBanner = "${rootImage}home_banner.png";
+  static String profileSample = "${rootImage}profile.jpg";
 
   // icons
   static String reimburseIcon = "${rootIcon}reimburse.png";
   static String profileIcon = "${rootIcon}profile.png";
   static String historyIcon = "${rootIcon}history.png";
   static String logoutIcon = "${rootIcon}logout.png";
+  static String editIcon = "${rootIcon}edit.png";
+  static String phoneIcon = "${rootIcon}phone.png";
 }

lib/resource/routes.dart

@@ -3,6 +3,7 @@ import 'package:tour_travel_agr/page/forgot_password/forgot_password.dart';
 import 'package:tour_travel_agr/page/login/login.dart';
 import 'package:tour_travel_agr/page/otp_verification/otp_verification.dart';
 import 'package:tour_travel_agr/page/home/home.dart';
+import 'package:tour_travel_agr/page/profile/profile.dart';
 import 'package:tour_travel_agr/page/register/register.dart';
 import 'package:tour_travel_agr/page/reset_password/reset_password.dart';
 import 'package:tour_travel_agr/page/splash/splash.dart';
@@ -37,6 +38,8 @@ class RouteGenerator {
         return pageRouteCustom(const ResetPasswordView());
       case Routes.homeRoute:
         return pageRouteCustom(const HomeView());
+      case Routes.profileRoute:
+        return pageRouteCustom(const ProfileView());
       default:
         return unDefinedRoute();
     }

lib/resource/size.dart

@@ -9,6 +9,7 @@ class AppPadding {
     return MediaQuery.of(context).padding.bottom;
   }
 
+  static double p8 = 8;
   static double p12 = 12;
   static double p20 = 20;
 }
@@ -20,6 +21,7 @@ class AppMargin {
   static double m10 = 10;
   static double m12 = 12;
   static double m16 = 16;
+  static double m18 = 18;
   static double m20 = 20;
   static double m25 = 25;
 }