feat: login page ui done

lib/core/constants/app_locale_keys.dart

@@ -4,6 +4,8 @@ abstract class AppLocaleKeys {
   static const String browseSearchHistory = 'browse-search-history';
   static const String token = 'token';
 
+  static const String appName = "Felix Eats";
+
   static const String fontBlack = "fontBlack";
   static const String fontBold = "fontBold";
   static const String fontSemiBold = "fontSemiBold";

lib/core/l10n/app_localizations.dart

@@ -171,6 +171,84 @@ abstract class AppLocalizations {
   /// In en, this message translates to:
   /// **'Get Started'**
   String get onboarding_button_get_started;
+
+  /// No description provided for @welcome_to_volt.
+  ///
+  /// In en, this message translates to:
+  /// **'Welcome to {name}'**
+  String welcome_to_volt(String name);
+
+  /// No description provided for @please_login.
+  ///
+  /// In en, this message translates to:
+  /// **'Please login to your account'**
+  String get please_login;
+
+  /// No description provided for @email_or_phone.
+  ///
+  /// In en, this message translates to:
+  /// **'Phone Number'**
+  String get email_or_phone;
+
+  /// No description provided for @enter_email_or_phone.
+  ///
+  /// In en, this message translates to:
+  /// **'Enter your email or phone number'**
+  String get enter_email_or_phone;
+
+  /// No description provided for @password.
+  ///
+  /// In en, this message translates to:
+  /// **'Password'**
+  String get password;
+
+  /// No description provided for @enter_password.
+  ///
+  /// In en, this message translates to:
+  /// **'Enter your password'**
+  String get enter_password;
+
+  /// No description provided for @forgot_password.
+  ///
+  /// In en, this message translates to:
+  /// **'Forgot Password?'**
+  String get forgot_password;
+
+  /// No description provided for @login.
+  ///
+  /// In en, this message translates to:
+  /// **'Login'**
+  String get login;
+
+  /// No description provided for @or_login_with.
+  ///
+  /// In en, this message translates to:
+  /// **'Or login with'**
+  String get or_login_with;
+
+  /// No description provided for @google.
+  ///
+  /// In en, this message translates to:
+  /// **'Google'**
+  String get google;
+
+  /// No description provided for @facebook.
+  ///
+  /// In en, this message translates to:
+  /// **'Facebook'**
+  String get facebook;
+
+  /// No description provided for @dont_have_account.
+  ///
+  /// In en, this message translates to:
+  /// **'Don’t have an account?'**
+  String get dont_have_account;
+
+  /// No description provided for @register.
+  ///
+  /// In en, this message translates to:
+  /// **'Register'**
+  String get register;
 }
 
 class _AppLocalizationsDelegate

lib/core/l10n/app_localizations_en.dart

@@ -49,4 +49,45 @@ class AppLocalizationsEn extends AppLocalizations {
 
   @override
   String get onboarding_button_get_started => 'Get Started';
+
+  @override
+  String welcome_to_volt(String name) {
+    return 'Welcome to $name';
+  }
+
+  @override
+  String get please_login => 'Please login to your account';
+
+  @override
+  String get email_or_phone => 'Phone Number';
+
+  @override
+  String get enter_email_or_phone => 'Enter your email or phone number';
+
+  @override
+  String get password => 'Password';
+
+  @override
+  String get enter_password => 'Enter your password';
+
+  @override
+  String get forgot_password => 'Forgot Password?';
+
+  @override
+  String get login => 'Login';
+
+  @override
+  String get or_login_with => 'Or login with';
+
+  @override
+  String get google => 'Google';
+
+  @override
+  String get facebook => 'Facebook';
+
+  @override
+  String get dont_have_account => 'Don’t have an account?';
+
+  @override
+  String get register => 'Register';
 }

lib/core/l10n/app_localizations_ru.dart

@@ -47,4 +47,45 @@ class AppLocalizationsRu extends AppLocalizations {
 
   @override
   String get onboarding_button_get_started => 'Начать';
+
+  @override
+  String welcome_to_volt(String name) {
+    return 'Добро пожаловать в $name';
+  }
+
+  @override
+  String get please_login => 'Пожалуйста, войдите в свой аккаунт';
+
+  @override
+  String get email_or_phone => 'Номер телефона';
+
+  @override
+  String get enter_email_or_phone => 'Введите свою почту или номер телефона';
+
+  @override
+  String get password => 'Пароль';
+
+  @override
+  String get enter_password => 'Введите свой пароль';
+
+  @override
+  String get forgot_password => 'Забыли пароль?';
+
+  @override
+  String get login => 'Войти';
+
+  @override
+  String get or_login_with => 'Или войдите с помощью';
+
+  @override
+  String get google => 'Google';
+
+  @override
+  String get facebook => 'Facebook';
+
+  @override
+  String get dont_have_account => 'У вас нет аккаунта?';
+
+  @override
+  String get register => 'Зарегистрироваться';
 }

lib/core/l10n/app_localizations_uz.dart

@@ -47,4 +47,45 @@ class AppLocalizationsUz extends AppLocalizations {
 
   @override
   String get onboarding_button_get_started => 'Boshlash';
+
+  @override
+  String welcome_to_volt(String name) {
+    return '$name ilovasiga xush kelibsiz';
+  }
+
+  @override
+  String get please_login => 'Iltimos, akkauntingizga kiring';
+
+  @override
+  String get email_or_phone => 'Telefon raqami';
+
+  @override
+  String get enter_email_or_phone => 'Email yoki telefon raqamingizni kiriting';
+
+  @override
+  String get password => 'Parol';
+
+  @override
+  String get enter_password => 'Parolingizni kiriting';
+
+  @override
+  String get forgot_password => 'Parolni unutdingizmi?';
+
+  @override
+  String get login => 'Kirish';
+
+  @override
+  String get or_login_with => 'Yoki quyidagi orqali kiring';
+
+  @override
+  String get google => 'Google';
+
+  @override
+  String get facebook => 'Facebook';
+
+  @override
+  String get dont_have_account => 'Akkauntingiz yo‘qmi?';
+
+  @override
+  String get register => 'Ro‘yxatdan o‘tish';
 }

lib/core/router/app_routes.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/cupertino.dart';
+import 'package:food_delivery_client/feature/auth/presentation/login_page/login_page.dart';
 import 'package:food_delivery_client/feature/onboarding/presentation/pages/onboarding_page/onboarding_page.dart';
 import 'package:food_delivery_client/feature/onboarding/presentation/pages/splash_page/splash_page.dart';
 
@@ -20,6 +21,11 @@ class AppRoutes {
         path: Routes.onBoarding,
         pageBuilder: (context, state) => CupertinoPage(child: OnboardingPage()),
       ),
+
+      GoRoute(
+        path: Routes.login,
+        pageBuilder: (context, state) => CupertinoPage(child: LoginPage()),
+      ),
     ],
   );
 }

lib/core/theme/app_colors.dart

@@ -50,7 +50,9 @@ abstract class AppColors {
   static const Color cFFAB40 = Color(0xFFFFAB40);
   static const Color cD6D4D4 = Color(0xFFD6D4D4);
   static const Color c1A202C = Color(0xFF1A202C);
-  static const Color c524242 = Color(0xFF524242 );
-
+  static const Color c524242 = Color(0xFF524242);
+  static const Color cE2E4EA = Color(0xFFE2E4EA);
+  static const Color cA7AEC1 = Color(0xFFA7AEC1);
+  static const Color c151B33 = Color(0xFF151B33);
 
 }

lib/core/theme/app_icons.dart

@@ -4,15 +4,20 @@ abstract class AppIcons {
   static const String icOnBoarding1 = "$baseUrl/ic_onboarding1.svg";
   static const String icOnBoarding2 = "$baseUrl/ic_onboarding2.svg";
   static const String icOnBoarding3 = "$baseUrl/ic_onboarding3.svg";
+  static const String icLogin = "$baseUrl/ic_login.svg";
+  static const String icVisibility = "$baseUrl/ic_visibility.svg";
+  static const String icVisibilityOff = "$baseUrl/ic_visibility_off.svg";
+
 }
 
 abstract class AppLightSvgs {
   static const String baseUrl = "assets/icons/light";
-
   static const String icSplash = "$baseUrl/ic_splash.svg";
+  static const String icArrowLeft = "$baseUrl/ic_arrow_left.svg";
 }
 
 abstract class AppDarkSvgs {
   static const String baseUrl = "assets/icons/dark";
   static const String icSplash = "$baseUrl/ic_splash.svg";
+  static const String icArrowLeft = "$baseUrl/ic_arrow_left.svg";
 }

lib/core/theme/app_theme_colors.dart

@@ -4,35 +4,57 @@ import 'package:food_delivery_client/food_delivery_client.dart';
 class AppThemeColors extends ThemeExtension<AppThemeColors> {
   final Color onBoardingColor;
   final Color boxShadow;
+  final Color iconColor;
+  final Color buttonInactiveColor;
+  final Color borderColor;
 
-  AppThemeColors({required this.onBoardingColor, required this.boxShadow});
+
+  AppThemeColors({
+    required this.onBoardingColor,
+    required this.boxShadow,
+    required this.iconColor,
+    required this.buttonInactiveColor,
+    required this.borderColor
+  });
 
   static AppThemeColors light = AppThemeColors(
-    onBoardingColor: AppColors.cFFFFFF,
-    boxShadow: AppColors.cD6D4D4,
+      onBoardingColor: AppColors.cFFFFFF,
+      boxShadow: AppColors.cD6D4D4,
+      buttonInactiveColor: AppColors.cE2E4EA,
+      iconColor: AppColors.cFFFFFF,
+      borderColor:AppColors.cE2E4EA
+
   );
 
   static AppThemeColors dark = AppThemeColors(
-    onBoardingColor: AppColors.c131720,
-    boxShadow: AppColors.c524242,
+      onBoardingColor: AppColors.c131720,
+      boxShadow: AppColors.c524242,
+      buttonInactiveColor: AppColors.c292F3D,
+      iconColor: AppColors.c131720,
+      borderColor: AppColors.c292F3D
   );
 
   @override
   ThemeExtension<AppThemeColors> copyWith({
     Color? onBoardingColor,
     Color? boxShadow,
+    Color? iconColor,
+    Color? buttonInactiveColor,
+    Color? borderColor
   }) {
     return AppThemeColors(
       onBoardingColor: onBoardingColor ?? this.onBoardingColor,
       boxShadow: boxShadow ?? this.boxShadow,
+      iconColor: iconColor ?? this.iconColor,
+      buttonInactiveColor: buttonInactiveColor ?? this.buttonInactiveColor,
+      borderColor: borderColor??this.borderColor
     );
   }
 
   @override
   ThemeExtension<AppThemeColors> lerp(
-    covariant ThemeExtension<AppThemeColors>? other,
-    double t,
-  ) {
+      covariant ThemeExtension<AppThemeColors>? other,
+      double t,) {
     if (other is! AppThemeColors) return this;
     return t < 0.5 ? this : other;
   }

lib/core/theme/app_theme_textstyles.dart

@@ -42,13 +42,17 @@ class AppThemeTextStyles extends ThemeExtension<AppThemeTextStyles> {
   static AppThemeTextStyles light = AppThemeTextStyles(
     size14Regular: TextStyle(
       fontSize: 14,
+      height: 1.6,
       fontWeight: FontWeight.w400,
       fontFamily: _fontRegular,
+      color: AppColors.c151B33,
     ),
     size16Medium: TextStyle(
       fontSize: 16,
+      height: 1.3,
       fontWeight: FontWeight.w500,
       fontFamily: _fontMedium,
+      color: AppColors.c151B33,
     ),
     size16SemiBold: TextStyle(
       fontSize: 16,
@@ -70,8 +74,10 @@ class AppThemeTextStyles extends ThemeExtension<AppThemeTextStyles> {
     ),
     size24Bold: TextStyle(
       fontSize: 24,
+      height: 1.3,
       fontWeight: FontWeight.w700,
       fontFamily: _fontBold,
+      color: AppColors.c151B33,
     ),
     size64Black: TextStyle(
       fontSize: 64,
@@ -84,13 +90,17 @@ class AppThemeTextStyles extends ThemeExtension<AppThemeTextStyles> {
   static AppThemeTextStyles dark = AppThemeTextStyles(
     size14Regular: TextStyle(
       fontSize: 14,
+      height: 1.6,
       fontWeight: FontWeight.w400,
       fontFamily: _fontRegular,
+      color: AppColors.cFFFFFF,
     ),
     size16Medium: TextStyle(
       fontSize: 16,
+      height: 1.3,
       fontWeight: FontWeight.w500,
       fontFamily: _fontMedium,
+      color: AppColors.cFFFFFF,
     ),
     size16SemiBold: TextStyle(
       fontSize: 16,
@@ -112,8 +122,10 @@ class AppThemeTextStyles extends ThemeExtension<AppThemeTextStyles> {
     ),
     size24Bold: TextStyle(
       fontSize: 24,
+      height: 1.3,
       fontWeight: FontWeight.w700,
       fontFamily: _fontBold,
+      color: AppColors.cFFFFFF,
     ),
     size64Black: TextStyle(
       fontSize: 64,

lib/core/theme/theme_icons.dart

@@ -3,16 +3,29 @@ import 'package:food_delivery_client/core/core.dart';
 
 class AppThemeIcons extends ThemeExtension<AppThemeIcons> {
   final String icSplash;
+  final String icArrowLeft;
 
-  AppThemeIcons({required this.icSplash});
+  AppThemeIcons({required this.icSplash, required this.icArrowLeft});
 
-  static AppThemeIcons light = AppThemeIcons(icSplash: AppLightSvgs.icSplash);
+  static AppThemeIcons light = AppThemeIcons(
+    icSplash: AppLightSvgs.icSplash,
+    icArrowLeft: AppLightSvgs.icArrowLeft,
+  );
 
-  static AppThemeIcons dark = AppThemeIcons(icSplash: AppDarkSvgs.icSplash);
+  static AppThemeIcons dark = AppThemeIcons(
+    icSplash: AppDarkSvgs.icSplash,
+    icArrowLeft: AppDarkSvgs.icArrowLeft,
+  );
 
   @override
-  ThemeExtension<AppThemeIcons> copyWith({String? icSplash}) {
-    return AppThemeIcons(icSplash: icSplash ?? this.icSplash);
+  ThemeExtension<AppThemeIcons> copyWith({
+    String? icSplash,
+    String? icArrowLeft,
+  }) {
+    return AppThemeIcons(
+      icSplash: icSplash ?? this.icSplash,
+      icArrowLeft: icArrowLeft ?? this.icArrowLeft,
+    );
   }
 
   @override

lib/core/utils/app_utils.dart

@@ -1,6 +1,12 @@
 import '../../food_delivery_client.dart';
 
 abstract class AppUtils {
+  static const Gradient kGradient = LinearGradient(
+    begin: AlignmentGeometry.bottomCenter,
+    end: AlignmentGeometry.topCenter,
+    colors: [AppColors.cFF6F00, AppColors.cFFAB40],
+  );
+
   static const SizedBox kSizedBox = SizedBox.shrink();
 
   static const Radius kRadius = Radius.zero;