feat: Add onboarding screen.

feat: Add onboarding screen.

Author: praeclarumjj3

android/app/src/main/AndroidManifest.xml

@@ -9,6 +9,7 @@
             android:theme="@style/LaunchTheme"
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
             android:hardwareAccelerated="true"
+            android:exported="true"
             android:windowSoftInputMode="adjustResize">
             <!-- Specifies an Android theme to apply to this Activity as soon as
                  the Android process has started. This theme is visible to the user

assets/app/icons/arrow-forward.svg

@@ -1,13 +1,25 @@
 class AppAssets {
+  // Roots
   static const String _iconsRoot = 'assets/app/icons';
+  static const String _imagesRoot = 'assets/app/images';
+  static const String _illustrationsRoot = 'assets/app/illustrations';
 
+  // Icons
+  static const String arrowForward = '$_iconsRoot/arrow-forward.svg';
   static const String eyeOn = '$_iconsRoot/eye-on.svg';
   static const String eyeOff = '$_iconsRoot/eye-off.svg';
   static const String lock = '$_iconsRoot/lock.svg';
   static const String person = '$_iconsRoot/person.svg';
 
-  static const String _imagesRoot = 'assets/app/images';
+  // Images
+  static const String circle1 = '$_imagesRoot/circle1.svg';
+  static const String circle2 = '$_imagesRoot/circle2.svg';
+  static const String triangle = '$_imagesRoot/triangle.svg';
 
-  static const String circle = '$_imagesRoot/circle.svg',
-      triangle = '$_imagesRoot/triangle.svg';
+  // Illustrations
+  static const String contestCardIllustration =
+      '$_illustrationsRoot/contest_card.png';
+  static const String feedCardIllustration =
+      '$_illustrationsRoot/feed_card.png';
+  static const String profileIllustration = '$_illustrationsRoot/profile.png';
 }

assets/app/illustrations/contest_card.png

@@ -1,11 +1,14 @@
 import 'package:flutter/material.dart';
 
 class AppColors {
-  static const white = Colors.white,
-      grey1 = Color(0xFF979797),
-      grey2 = Color(0xFFC5CEE0),
-      grey3 = Color(0xFF242424),
-      transparent = Colors.transparent;
+  static const Color white = Colors.white;
+  static const Color grey1 = Color(0xFF979797);
+  static const Color grey2 = Color(0xFFC5CEE0);
+  static const Color grey3 = Color(0xFF242424);
+  static const Color grey4 = Color(0xFF2C363F);
+  static const Color grey5 = Color(0x3D000000);
+  static const Color transparent = Colors.transparent;
 
-  static const primary = Color(0xFF3366FF);
+  static const Color primary = Color(0xFF3366FF);
+  static const Color primaryAccent = Color(0x0D3366FF);
 }

assets/app/illustrations/feed_card.png

@@ -1,7 +1,13 @@
 /// Constant strings representing the names of the routes for easy refactoring.
 class AppRoutes {
+  // Splash
   static const String splash = '/';
+
+  // Pre-Auth
   static const String login = '/login';
-  static const String home = '/home';
   static const String signUp = '/signup';
+  static const String onboarding = '/onboarding';
+
+  // Post-Auth
+  static const String home = '/home';
 }