improvements

.gitignore

@@ -30,6 +30,45 @@
 .pub-cache/
 .pub/
 /build/
+.lock
+
+# Android related
+**/android/**/gradle-wrapper.jar
+**/android/.gradle
+**/android/captures/
+**/android/gradlew
+**/android/gradlew.bat
+**/android/local.properties
+**/android/**/GeneratedPluginRegistrant.java
+
+# iOS/XCode related
+**/ios/**/*.mode1v3
+**/ios/**/*.mode2v3
+**/ios/**/*.moved-aside
+**/ios/**/*.pbxuser
+**/ios/**/*.perspectivev3
+**/ios/**/*sync/
+**/ios/**/.sconsign.dblite
+**/ios/**/.tags*
+**/ios/**/.vagrant/
+**/ios/**/DerivedData/
+**/ios/**/Icon?
+**/ios/**/Pods/
+**/ios/**/.symlinks/
+**/ios/**/profile
+**/ios/**/xcuserdata
+**/ios/.generated/
+**/ios/Flutter/App.framework
+**/ios/Flutter/Flutter.framework
+**/ios/Flutter/Flutter.podspec
+**/ios/Flutter/Generated.xcconfig
+**/ios/Flutter/ephemeral
+**/ios/Flutter/app.flx
+**/ios/Flutter/app.zip
+**/ios/Flutter/flutter_assets/
+**/ios/Flutter/flutter_export_environment.sh
+**/ios/ServiceDefinitions.json
+**/ios/Runner/GeneratedPluginRegistrant.*
 
 # Web related
 lib/generated_plugin_registrant.dart
@@ -38,4 +77,4 @@ lib/generated_plugin_registrant.dart
 app.*.symbols
 
 # Obfuscation related
-app.*.map.json
+app.*.map.json

README.md

@@ -1,16 +1,24 @@
-# tangheem
 
-A new Flutter application.
+# Tangheem
 
-## Getting Started
+A Flutter application to read Quran and view Tangheem on it.
 
-This project is a starting point for a Flutter application.
+## Flutter Dependency
 
-A few resources to get you started if this is your first Flutter project:
 
-- [Lab: Write your first Flutter app](https://flutter.dev/docs/get-started/codelab)
-- [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook)
+There are some important information regarding Project
 
-For help getting started with Flutter, view our
-[online documentation](https://flutter.dev/docs), which offers tutorials,
-samples, guidance on mobile development, and a full API reference.
+- Based on flutter v2.0 or above
+
+## Coding Guide Lines:
+- Set android studio 200 as words per line (Setting>Editor>Coding style>Dart) to avoid file format conflicts among all team members.
+- Must format file whenever perform git push
+- Folder naming should be lowercase e.g. folder_name
+- File naming should be lowercase e.g. file_name
+- Class naming should be first letter uppercase e.g. ClassName
+- Function name should be very clear to understand and should be camelCase e.g. funtionName
+- Variable names should be very clear which conveys the proper meaning of its use, to make code reading fast and easy to read by everyone.
+- Variable naming should be camelCase e.g. variableName;
+- Define variable scope if it only uses in a limited class or function make it private to avoid conflicts.
+- Make a personal git change list if you are working on a file for test for your own purposes. (to avoid that test changes when you git push)
+- avoid using too many packages if only a few functionalities required (Copy that separate code from the package file and then use this code)

android/app/build.gradle

@@ -6,6 +6,7 @@ if (localPropertiesFile.exists()) {
     }
 }
 
+
 def flutterRoot = localProperties.getProperty('flutter.sdk')
 if (flutterRoot == null) {
     throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.")
@@ -25,8 +26,14 @@ apply plugin: 'com.android.application'
 apply plugin: 'kotlin-android'
 apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
 
+def keystoreProperties = new Properties()
+def keystorePropertiesFile = rootProject.file('key.properties')
+if (keystorePropertiesFile.exists()) {
+    keystoreProperties.load(new FileInputStream(keystorePropertiesFile))
+}
+
 android {
-    compileSdkVersion 29
+    compileSdkVersion 31
 
     sourceSets {
         main.java.srcDirs += 'src/main/kotlin'
@@ -39,25 +46,39 @@ android {
     defaultConfig {
         // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
         applicationId "com.cloudsolutions.tangheem"
-        minSdkVersion 16
-        targetSdkVersion 29
-        versionCode flutterVersionCode.toInteger()
-        versionName flutterVersionName
+        minSdkVersion 19
+        targetSdkVersion 31
+        versionCode 1
+        versionName "1.0.0"
+        multiDexEnabled true
     }
 
-    buildTypes {
+    signingConfigs {
         release {
-            // TODO: Add your own signing config for the release build.
-            // Signing with the debug keys for now, so `flutter run --release` works.
+            keyAlias keystoreProperties['keyAlias']
+            keyPassword keystoreProperties['keyPassword']
+            storeFile keystoreProperties['storeFile'] ? file(keystoreProperties['storeFile']) : null
+            storePassword keystoreProperties['storePassword']
+        }
+    }
+    buildTypes {
+        debug {
             signingConfig signingConfigs.debug
         }
+        release {
+            minifyEnabled true
+            shrinkResources true
+            signingConfig signingConfigs.release
+        }
     }
 }
 
 flutter {
     source '../..'
 }
-
+apply plugin: 'com.android.application'
+apply plugin: 'com.google.gms.google-services'
 dependencies {
     implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
+    implementation 'com.google.firebase:firebase-analytics:17.4.1'
 }

android/app/google-services.json

@@ -0,0 +1,46 @@
+{
+  "project_info": {
+    "project_number": "991502296436",
+    "project_id": "tangheemcom",
+    "storage_bucket": "tangheemcom.appspot.com"
+  },
+  "client": [
+    {
+      "client_info": {
+        "mobilesdk_app_id": "1:991502296436:android:c51807fe0a1b9be358b821",
+        "android_client_info": {
+          "package_name": "com.cloudsolutions.tangheem"
+        }
+      },
+      "oauth_client": [
+        {
+          "client_id": "991502296436-e75nl9l5ph9l8ccgs13p912dfq08nvgc.apps.googleusercontent.com",
+          "client_type": 3
+        }
+      ],
+      "api_key": [
+        {
+          "current_key": "AIzaSyA_qjuXPTR3KR2KoXWLwijkA9lhkwhWaVs"
+        }
+      ],
+      "services": {
+        "appinvite_service": {
+          "other_platform_oauth_client": [
+            {
+              "client_id": "991502296436-e75nl9l5ph9l8ccgs13p912dfq08nvgc.apps.googleusercontent.com",
+              "client_type": 3
+            },
+            {
+              "client_id": "991502296436-alfpp5j6d8m38aaue7o12fnls9gk44hh.apps.googleusercontent.com",
+              "client_type": 2,
+              "ios_info": {
+                "bundle_id": "com.cloudsolutions.tangheem"
+              }
+            }
+          ]
+        }
+      }
+    }
+  ],
+  "configuration_version": "1"
+}

android/app/src/main/AndroidManifest.xml

@@ -5,37 +5,43 @@
          In most cases you can leave this as-is, but you if you want to provide
          additional functionality it is fine to subclass or reimplement
          FlutterApplication and put your custom class here. -->
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.ACCESS_MEDIA_LOCATION" />
+
     <application
-        android:name="io.flutter.app.FlutterApplication"
-        android:label="tangheem"
-        android:icon="@mipmap/ic_launcher">
+        android:icon="@mipmap/ic_launcher"
+        android:label="Tangheem"
+        android:requestLegacyExternalStorage="true"
+        android:roundIcon="@mipmap/ic_launcher_round"
+        android:usesCleartextTraffic="true">
         <activity
             android:name=".MainActivity"
-            android:launchMode="singleTop"
-            android:theme="@style/LaunchTheme"
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
             android:hardwareAccelerated="true"
+            android:launchMode="singleTop"
+            android:theme="@style/LaunchTheme"
+            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
                  while the Flutter UI initializes. After that, this theme continues
                  to determine the Window background behind the Flutter UI. -->
             <meta-data
-              android:name="io.flutter.embedding.android.NormalTheme"
-              android:resource="@style/NormalTheme"
-              />
+                android:name="io.flutter.embedding.android.NormalTheme"
+                android:resource="@style/NormalTheme" />
             <!-- Displays an Android View that continues showing the launch screen
                  Drawable until Flutter paints its first frame, then this splash
                  screen fades out. A splash screen is useful to avoid any visual
                  gap between the end of Android's launch screen and the painting of
                  Flutter's first frame. -->
             <meta-data
-              android:name="io.flutter.embedding.android.SplashScreenDrawable"
-              android:resource="@drawable/launch_background"
-              />
+                android:name="io.flutter.embedding.android.SplashScreenDrawable"
+                android:resource="@drawable/launch_background" />
             <intent-filter>
-                <action android:name="android.intent.action.MAIN"/>
-                <category android:name="android.intent.category.LAUNCHER"/>
+                <action android:name="android.intent.action.MAIN" />
+                <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
         <!-- Don't delete the meta-data below.

android/app/src/main/java/io/flutter/plugins/GeneratedPluginRegistrant.java

@@ -1,17 +0,0 @@
-package io.flutter.plugins;
-
-import androidx.annotation.Keep;
-import androidx.annotation.NonNull;
-
-import io.flutter.embedding.engine.FlutterEngine;
-
-/**
- * Generated file. Do not edit.
- * This file is generated by the Flutter tool based on the
- * plugins that support the Android platform.
- */
-@Keep
-public final class GeneratedPluginRegistrant {
-  public static void registerWith(@NonNull FlutterEngine flutterEngine) {
-  }
-}

android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@color/ic_launcher_background"/>
+    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+</adaptive-icon>

android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@color/ic_launcher_background"/>
+    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+</adaptive-icon>

android/app/src/main/res/values/ic_launcher_background.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="ic_launcher_background">#FFFFFF</color>
+</resources>

android/build.gradle

@@ -1,12 +1,13 @@
 buildscript {
-    ext.kotlin_version = '1.3.50'
+    ext.kotlin_version = '1.6.0'
     repositories {
         google()
         jcenter()
     }
 
     dependencies {
-        classpath 'com.android.tools.build:gradle:3.5.0'
+        classpath 'com.android.tools.build:gradle:4.0.1'
+        classpath 'com.google.gms:google-services:4.3.3'
         classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
     }
 }

android/gradle.properties

@@ -1,3 +1,5 @@
 org.gradle.jvmargs=-Xmx1536M
 android.useAndroidX=true
 android.enableJetifier=true
+android.enableR8=true
+android.jetifier.blacklist=bcprov-jdk15on

android/gradle/wrapper/gradle-wrapper.properties

@@ -3,4 +3,4 @@ distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-5.6.2-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-6.1.1-all.zip

android/gradlew

@@ -1,160 +0,0 @@
-#!/usr/bin/env bash
-
-##############################################################################
-##
-##  Gradle start up script for UN*X
-##
-##############################################################################
-
-# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-DEFAULT_JVM_OPTS=""
-
-APP_NAME="Gradle"
-APP_BASE_NAME=`basename "$0"`
-
-# Use the maximum available, or set MAX_FD != -1 to use that value.
-MAX_FD="maximum"
-
-warn ( ) {
-    echo "$*"
-}
-
-die ( ) {
-    echo
-    echo "$*"
-    echo
-    exit 1
-}
-
-# OS specific support (must be 'true' or 'false').
-cygwin=false
-msys=false
-darwin=false
-case "`uname`" in
-  CYGWIN* )
-    cygwin=true
-    ;;
-  Darwin* )
-    darwin=true
-    ;;
-  MINGW* )
-    msys=true
-    ;;
-esac
-
-# Attempt to set APP_HOME
-# Resolve links: $0 may be a link
-PRG="$0"
-# Need this for relative symlinks.
-while [ -h "$PRG" ] ; do
-    ls=`ls -ld "$PRG"`
-    link=`expr "$ls" : '.*-> \(.*\)$'`
-    if expr "$link" : '/.*' > /dev/null; then
-        PRG="$link"
-    else
-        PRG=`dirname "$PRG"`"/$link"
-    fi
-done
-SAVED="`pwd`"
-cd "`dirname \"$PRG\"`/" >/dev/null
-APP_HOME="`pwd -P`"
-cd "$SAVED" >/dev/null
-
-CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
-
-# Determine the Java command to use to start the JVM.
-if [ -n "$JAVA_HOME" ] ; then
-    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
-        # IBM's JDK on AIX uses strange locations for the executables
-        JAVACMD="$JAVA_HOME/jre/sh/java"
-    else
-        JAVACMD="$JAVA_HOME/bin/java"
-    fi
-    if [ ! -x "$JAVACMD" ] ; then
-        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
-
-Please set the JAVA_HOME variable in your environment to match the
-location of your Java installation."
-    fi
-else
-    JAVACMD="java"
-    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-
-Please set the JAVA_HOME variable in your environment to match the
-location of your Java installation."
-fi
-
-# Increase the maximum file descriptors if we can.
-if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then
-    MAX_FD_LIMIT=`ulimit -H -n`
-    if [ $? -eq 0 ] ; then
-        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
-            MAX_FD="$MAX_FD_LIMIT"
-        fi
-        ulimit -n $MAX_FD
-        if [ $? -ne 0 ] ; then
-            warn "Could not set maximum file descriptor limit: $MAX_FD"
-        fi
-    else
-        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
-    fi
-fi
-
-# For Darwin, add options to specify how the application appears in the dock
-if $darwin; then
-    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
-fi
-
-# For Cygwin, switch paths to Windows format before running java
-if $cygwin ; then
-    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
-    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
-    JAVACMD=`cygpath --unix "$JAVACMD"`
-
-    # We build the pattern for arguments to be converted via cygpath
-    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
-    SEP=""
-    for dir in $ROOTDIRSRAW ; do
-        ROOTDIRS="$ROOTDIRS$SEP$dir"
-        SEP="|"
-    done
-    OURCYGPATTERN="(^($ROOTDIRS))"
-    # Add a user-defined pattern to the cygpath arguments
-    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
-        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
-    fi
-    # Now convert the arguments - kludge to limit ourselves to /bin/sh
-    i=0
-    for arg in "$@" ; do
-        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
-        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
-
-        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
-            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
-        else
-            eval `echo args$i`="\"$arg\""
-        fi
-        i=$((i+1))
-    done
-    case $i in
-        (0) set -- ;;
-        (1) set -- "$args0" ;;
-        (2) set -- "$args0" "$args1" ;;
-        (3) set -- "$args0" "$args1" "$args2" ;;
-        (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
-        (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
-        (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
-        (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
-        (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
-        (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
-    esac
-fi
-
-# Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules
-function splitJvmOpts() {
-    JVM_OPTS=("$@")
-}
-eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS
-JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME"
-
-exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@"

android/gradlew.bat

@@ -1,90 +0,0 @@
-@if "%DEBUG%" == "" @echo off
-@rem ##########################################################################
-@rem
-@rem  Gradle startup script for Windows
-@rem
-@rem ##########################################################################
-
-@rem Set local scope for the variables with windows NT shell
-if "%OS%"=="Windows_NT" setlocal
-
-@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-set DEFAULT_JVM_OPTS=
-
-set DIRNAME=%~dp0
-if "%DIRNAME%" == "" set DIRNAME=.
-set APP_BASE_NAME=%~n0
-set APP_HOME=%DIRNAME%
-
-@rem Find java.exe
-if defined JAVA_HOME goto findJavaFromJavaHome
-
-set JAVA_EXE=java.exe
-%JAVA_EXE% -version >NUL 2>&1
-if "%ERRORLEVEL%" == "0" goto init
-
-echo.
-echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
-
-goto fail
-
-:findJavaFromJavaHome
-set JAVA_HOME=%JAVA_HOME:"=%
-set JAVA_EXE=%JAVA_HOME%/bin/java.exe
-
-if exist "%JAVA_EXE%" goto init
-
-echo.
-echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
-
-goto fail
-
-:init
-@rem Get command-line arguments, handling Windowz variants
-
-if not "%OS%" == "Windows_NT" goto win9xME_args
-if "%@eval[2+2]" == "4" goto 4NT_args
-
-:win9xME_args
-@rem Slurp the command line arguments.
-set CMD_LINE_ARGS=
-set _SKIP=2
-
-:win9xME_args_slurp
-if "x%~1" == "x" goto execute
-
-set CMD_LINE_ARGS=%*
-goto execute
-
-:4NT_args
-@rem Get arguments from the 4NT Shell from JP Software
-set CMD_LINE_ARGS=%$
-
-:execute
-@rem Setup the command line
-
-set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
-
-@rem Execute Gradle
-"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
-
-:end
-@rem End local scope for the variables with windows NT shell
-if "%ERRORLEVEL%"=="0" goto mainEnd
-
-:fail
-rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
-rem the _cmd.exe /c_ return code!
-if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
-exit /b 1
-
-:mainEnd
-if "%OS%"=="Windows_NT" endlocal
-
-:omega

android/key.properties

@@ -0,0 +1,4 @@
+storePassword=Cloud@Tangheem
+keyPassword=Cloud@Tangheem
+keyAlias=playstore
+storeFile=C:\\Users\\sikander.saleem\\Documents\\AndroidStudioProjects\\tangheem\\android\\tangheem.jks

android/local.properties

@@ -1,2 +1,5 @@
-sdk.dir=/Users/mohamedmekawy/Library/Android/sdk
-flutter.sdk=/Users/mohamedmekawy/Desktop/flutter
+sdk.dir=/Users/sikandersaleem/Library/Android/sdk
+flutter.sdk=/Users/sikandersaleem/sdks/flutter
+flutter.buildMode=debug
+flutter.versionName=1.0.0
+flutter.versionCode=1

android/tangheem_android.iml

@@ -1,27 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="JAVA_MODULE" version="4">
-  <component name="FacetManager">
-    <facet type="android" name="Android">
-      <configuration>
-        <option name="ALLOW_USER_CONFIGURATION" value="false" />
-        <option name="MANIFEST_FILE_RELATIVE_PATH" value="/app/src/main/AndroidManifest.xml" />
-        <option name="RES_FOLDER_RELATIVE_PATH" value="/app/src/main/res" />
-        <option name="ASSETS_FOLDER_RELATIVE_PATH" value="/app/src/main/assets" />
-        <option name="LIBS_FOLDER_RELATIVE_PATH" value="/app/src/main/libs" />
-        <option name="PROGUARD_LOGS_FOLDER_RELATIVE_PATH" value="/app/src/main/proguard_logs" />
-      </configuration>
-    </facet>
-  </component>
-  <component name="NewModuleRootManager" inherit-compiler-output="true">
-    <exclude-output />
-    <content url="file://$MODULE_DIR$">
-      <sourceFolder url="file://$MODULE_DIR$/app/src/main/java" isTestSource="false" />
-      <sourceFolder url="file://$MODULE_DIR$/app/src/main/kotlin" isTestSource="false" />
-      <sourceFolder url="file://$MODULE_DIR$/gen" isTestSource="false" generated="true" />
-    </content>
-    <orderEntry type="jdk" jdkName="Android API 29 Platform" jdkType="Android SDK" />
-    <orderEntry type="sourceFolder" forTests="false" />
-    <orderEntry type="library" name="Flutter for Android" level="project" />
-    <orderEntry type="library" name="KotlinJavaRuntime" level="project" />
-  </component>
-</module>

assets/icons/about.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.43 25.3">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_29" data-name="Layer 29">
+      <path id="Path_14" data-name="Path 14" d="M26.73,25.3a1.63,1.63,0,0,1-1.63-1.63V18.81H20.24l-6.19,4a1.74,1.74,0,0,1-2.7-1.46V13.15H9.7a1.63,1.63,0,0,1-1.63-1.63v0A1.67,1.67,0,0,1,9.7,9.89h1.65V1.75A1.77,1.77,0,0,1,13.1,0a1.69,1.69,0,0,1,1,.29l6.22,3.93h9.5a2.66,2.66,0,0,1,2.66,2.65v9.31a2.65,2.65,0,0,1-2.66,2.63H28.38v4.86a1.62,1.62,0,0,1-1.62,1.62ZM30,6.86a.21.21,0,0,0-.23-.21H19.53l-.59-.39L13.79,3V20.07l5.15-3.3.59-.39H29.78a.23.23,0,0,0,.22-.23V6.87ZM5,22.06a.76.76,0,0,1-.55-.24l0,0a.78.78,0,0,1,0-1.11l2.3-2.3,0,0a.78.78,0,0,1,1.1,0l0,0a.77.77,0,0,1,0,1.1l-2.3,2.31A.83.83,0,0,1,5,22.06ZM.81,12.33h0A.8.8,0,0,1,0,11.52v-.07a.8.8,0,0,1,.81-.79H4.08a.8.8,0,0,1,.79.81v0a.81.81,0,0,1-.81.8Zm7-7.66a.8.8,0,0,1-.57.24.79.79,0,0,1-.57-.25l-2.3-2.3a.84.84,0,0,1,0-1.13l0,0a.78.78,0,0,1,1.11,0l2.3,2.3,0,0a.78.78,0,0,1,0,1.1Z" style="fill: #787f95"/>
+    </g>
+  </g>
+</svg>

assets/icons/accessibility.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31.23 31.21">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_1-2" data-name="Layer 1">
+      <g>
+        <path d="M15.61,0A15.61,15.61,0,1,1,0,15.55,15.64,15.64,0,0,1,15.61,0ZM28.84,15.59A13.22,13.22,0,1,0,15.66,28.81,13.2,13.2,0,0,0,28.84,15.59Z" style="fill: #a6a8ba"/>
+        <path d="M9.22,11.28v-.12H9a.84.84,0,0,0-.85.78.86.86,0,0,0,.7.89,5.06,5.06,0,0,0,.68.09l3.66.24c.67.05.9.31.91,1a25,25,0,0,1-.76,6c-.26,1.12-.6,2.23-.9,3.34a.9.9,0,0,0,.55,1.2A.87.87,0,0,0,14,24c.19-.58.38-1.17.53-1.77.28-1.12.51-2.25.79-3.37a1.75,1.75,0,0,1,.32-.48,1.78,1.78,0,0,1,.33.46c.15.54.24,1.1.38,1.65.31,1.18.61,2.36.95,3.53a.85.85,0,0,0,1.37.49c.31-.23.37-.6.25-1.12-.43-1.7-.88-3.4-1.25-5.11a18.32,18.32,0,0,1-.38-4.37c0-.52.2-.74.7-.78.72-.06,1.44-.09,2.15-.17s1.56-.18,2.33-.32a.78.78,0,0,0,.63-.81.82.82,0,0,0-.6-.81,2.58,2.58,0,0,0-.68,0c-1.63.14-3.25.39-4.88.41C14.38,11.47,11.8,11.34,9.22,11.28Zm6.4-5.2a2.36,2.36,0,0,0-2.34,2.37,2.34,2.34,0,1,0,4.67,0A2.36,2.36,0,0,0,15.62,6.08Z" style="fill: #a6a8ba"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/add_comment.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 187 50">
+  <defs>
+    <linearGradient id="linear-gradient" x1="-4781.62" y1="4723.48" x2="-4781.21" y2="4722.06" gradientTransform="matrix(187, 0, 0, -50, 894197.43, 236144.11)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#e4697b"/>
+      <stop offset="0.9" stop-color="#ff8c67"/>
+    </linearGradient>
+  </defs>
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_7" data-name="Layer 7">
+      <g id="Btn-10">
+        <path id="Rectangle_5-14" data-name="Rectangle 5-14" d="M25,0H162a25,25,0,0,1,25,25h0a25,25,0,0,1-25,25H25A25,25,0,0,1,0,25H0A25,25,0,0,1,25,0Z" style="fill: url(#linear-gradient)"/>
+        <g id="Follow">
+          <text transform="translate(32.93 31)" style="isolation: isolate;font-size: 20px;fill: #fff;font-family: DroidArabicKufi-Bold, Droid Arabic Kufi;font-weight: 700">قيلعت ةفاضأ</text>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/audio_level.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.9 25.25">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_13" data-name="Layer 13">
+      <g id="Sound">
+        <path id="Path_41" data-name="Path 41" d="M22.65,7.16A1.55,1.55,0,0,0,20.73,9.6a3.92,3.92,0,0,1,.54,5.51,4,4,0,0,1-.7.66,1.36,1.36,0,0,0-.26,1.91l0,0,.13.13a1.56,1.56,0,0,0,2.11.26,7,7,0,0,0,1.16-9.84,7.63,7.63,0,0,0-1.09-1.11Z" style="fill: #a6a8ba"/>
+        <path id="Path_42" data-name="Path 42" d="M26.19,2.81A1.58,1.58,0,0,0,24,3h0a1.53,1.53,0,0,0,.2,2.14,9.59,9.59,0,0,1,1.39,13.49,9.13,9.13,0,0,1-1.39,1.39,1.54,1.54,0,0,0-.2,2.15h0a1.56,1.56,0,0,0,2.15.26,12.61,12.61,0,0,0,0-19.66Z" style="fill: #a6a8ba"/>
+        <path id="Path_43" data-name="Path 43" d="M13.58.44,5.68,6.51H1.82A1.82,1.82,0,0,0,0,8.33H0v8.58a1.81,1.81,0,0,0,1.81,1.82H5.69l7.92,6.08a2.1,2.1,0,0,0,2.94-.36A2.07,2.07,0,0,0,17,23.12V2.1A2.11,2.11,0,0,0,14.85,0,2.15,2.15,0,0,0,13.58.44Z" style="fill: #a6a8ba"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/audio_level_1.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.21 34.7">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_17" data-name="Layer 17">
+      <g>
+        <path d="M22.21,17.92a1.23,1.23,0,0,0-2.45,0,8.66,8.66,0,0,1-17.31,0A1.2,1.2,0,0,0,1.22,16.7,1.2,1.2,0,0,0,0,17.92,11.1,11.1,0,0,0,9.88,29v3.27H5.43a1.23,1.23,0,1,0,0,2.45H16.78a1.23,1.23,0,0,0,0-2.45H12.33V29A11.1,11.1,0,0,0,22.21,17.92Z" style="fill: #ff8c67"/>
+        <path d="M11.1,0A6.83,6.83,0,0,0,4.29,6.82V17.88a6.82,6.82,0,1,0,13.63,0V6.82A6.83,6.83,0,0,0,11.1,0Z" style="fill: #ff8c67"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/bookmark.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.1 30.75">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_1-2" data-name="Layer 1">
+      <path d="M20.2,0H.9A.9.9,0,0,0,0,.9v29a.88.88,0,0,0,.56.83.8.8,0,0,0,.34.07.9.9,0,0,0,.64-.26l9-9,9,9a.91.91,0,0,0,1,.19.89.89,0,0,0,.55-.83V.9A.9.9,0,0,0,20.2,0ZM10.55,19.3a.94.94,0,0,0-.64.26L1.8,27.68V1.8H19.3V27.68l-8.11-8.12A.94.94,0,0,0,10.55,19.3Z" style="fill: #a6a8ba"/>
+    </g>
+  </g>
+</svg>

assets/icons/bookmark_aya.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.75 29.81">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_11" data-name="Layer 11">
+      <path d="M19.43,0H1.31A1.32,1.32,0,0,0,0,1.32V28.49A1.3,1.3,0,0,0,.81,29.7a1.31,1.31,0,0,0,1.43-.28l8.13-8.13,8.13,8.13a1.33,1.33,0,0,0,.93.39,1.25,1.25,0,0,0,.5-.11,1.3,1.3,0,0,0,.82-1.21V1.32A1.32,1.32,0,0,0,19.43,0ZM18.12,2.63V25.32L11.3,18.5a1.34,1.34,0,0,0-1.86,0L2.63,25.32V2.63Z" style="fill: #a6a8ba"/>
+    </g>
+  </g>
+</svg>

assets/icons/browse.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.55 34">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_22" data-name="Layer 22">
+      <g>
+        <circle cx="14.28" cy="5.64" r="5.64" style="fill: #787f95"/>
+        <path d="M18.43,12.05a7.62,7.62,0,0,1-8.3,0,11.59,11.59,0,0,0-3.61,2.21l7.76,2.91L22,14.26a11.71,11.71,0,0,0-3.61-2.21Z" style="fill: #787f95"/>
+        <path d="M26.23,20.59h-.66a1,1,0,0,0-1,1v2.66a1,1,0,0,0,1,1h.66a2.32,2.32,0,0,0,0-4.64Z" style="fill: #787f95"/>
+        <path d="M3.08,15.56a1,1,0,0,0-.42.82v2.21H3a3,3,0,0,1,3,3v2.66a3,3,0,0,1-3,3H2.66v2.1a1,1,0,0,0,.64.93l10,3.74V18.92L4,15.44a1,1,0,0,0-.92.12Z" style="fill: #787f95"/>
+        <path d="M22.58,24.24V21.58a3,3,0,0,1,3-3h.33V16.38a1,1,0,0,0-.43-.82,1,1,0,0,0-.92-.12l-9.28,3.48V34l10-3.74a1,1,0,0,0,.65-.93v-2.1h-.33a3,3,0,0,1-3-3Z" style="fill: #787f95"/>
+        <path d="M4,24.24V21.58a1,1,0,0,0-1-1H2.32a2.32,2.32,0,0,0,0,4.64H3A1,1,0,0,0,4,24.24Z" style="fill: #787f95"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/cancel.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 28.96 28.96" xmlns="http://www.w3.org/2000/svg">
+  <g data-name="Layer 2" id="Layer_2">
+    <g data-name="Layer 1" id="Layer_1-2">
+      <path style="fill: #fff" d="M14.48,0A14.48,14.48,0,1,0,29,14.48,14.5,14.5,0,0,0,14.48,0Zm5.33,18.11a1.2,1.2,0,0,1,0,1.7,1.18,1.18,0,0,1-1.7,0l-3.63-3.62-3.63,3.62a1.18,1.18,0,0,1-1.7,0,1.2,1.2,0,0,1,0-1.7l3.62-3.63L9.15,10.85a1.2,1.2,0,0,1,1.7-1.7l3.63,3.62,3.63-3.62a1.2,1.2,0,1,1,1.7,1.7l-3.62,3.63Z"/>
+    </g>
+  </g>
+</svg>

assets/icons/chat_user.svg

@@ -0,0 +1,15 @@
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 66.9 68.71" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <clipPath id="clip-path" transform="translate(4.85 2.92)">
+      <rect style="fill: none" height="60.82" id="SVGID" rx="6" width="60.82"/>
+    </clipPath>
+  </defs>
+  <g data-name="Layer 2" id="Layer_2">
+    <g data-name="Layer 1" id="Layer_1-2">
+      <g style="clip-path: url(#clip-path)">
+        <rect style="fill: #e4e5e6" height="66.9" width="66.9"/>
+        <path style="fill: #b3b3b3" d="M56.25,51.18c-3-1.44-8.33-4-9.87-4.76s-5.76-2.9-5.76-2.9-.21-3.5-1.44-3.71l.21-2.37a17.94,17.94,0,0,0,1.44-5.36s1.44,1.24,2-1.54,1.23-7.93-1-6.7a31.2,31.2,0,0,0,.05-6.59c-.41-2.47-2.52-10.09-12-10.09s-11.58,7.62-12,10.09a31.2,31.2,0,0,0,.05,6.59c-2.26-1.23-1.54,3.92-1,6.7s1.95,1.54,1.95,1.54a17.94,17.94,0,0,0,1.44,5.36l.21,2.37C19.21,40,19,43.52,19,43.52s-4.21,2.18-5.76,2.9-6.88,3.32-9.87,4.76S.1,61.73.1,61.73l29.71,4.06,29.71-4.06S59.24,52.63,56.25,51.18Z" transform="translate(4.85 2.92)"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/checkOff.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 17.3 17.3" xmlns="http://www.w3.org/2000/svg">
+  <g data-name="Layer 2" id="Layer_2">
+    <g data-name="Layer 1" id="Layer_1-2">
+      <rect style="fill: #606161" height="17.3" rx="2.52" width="17.3"/>
+    </g>
+  </g>
+</svg>

assets/icons/checkOn.svg

@@ -0,0 +1,10 @@
+<svg viewBox="0 0 17.3 17.3" xmlns="http://www.w3.org/2000/svg">
+  <g data-name="Layer 2" id="Layer_2">
+    <g data-name="Layer 1" id="Layer_1-2">
+      <g>
+        <rect style="fill: #606161" height="17.3" rx="2.52" width="17.3"/>
+        <polygon style="fill: #fff" points="7.9 13.3 2.94 8.34 4.47 6.8 7.9 10.23 13.14 5 14.67 6.53 7.9 13.3"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/contact.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.4 32.4">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_28" data-name="Layer 28">
+      <g>
+        <path d="M24.34,19l-2.86-1.65A1.91,1.91,0,0,0,20,17.19a1.87,1.87,0,0,0-1.15.89,1.28,1.28,0,0,1-.79.65,1.14,1.14,0,0,1-1-.22,18.46,18.46,0,0,1-3.25-3.24,1.15,1.15,0,0,1-.22-1,1.26,1.26,0,0,1,.66-.8A1.9,1.9,0,0,0,15,10.92L13.37,8.06A1.88,1.88,0,0,0,11,7.25h0A10.32,10.32,0,0,0,8.22,8.62c-.9.9-1.72,2.62-.49,5.66A19.58,19.58,0,0,0,12,20.38a19.58,19.58,0,0,0,6.1,4.29,7.52,7.52,0,0,0,2.82.62,3.88,3.88,0,0,0,2.84-1.11,9.88,9.88,0,0,0,1.36-2.78v0A1.88,1.88,0,0,0,24.34,19Zm-.54,1.8,0,0a13.7,13.7,0,0,1-1,2.28c-1.07,1.07-2.81.68-4.08.17a18.39,18.39,0,0,1-5.62-4,18.17,18.17,0,0,1-4-5.62c-.52-1.27-.9-3,.17-4.08a14.58,14.58,0,0,1,2.28-1h0a.32.32,0,0,1,.16,0,.43.43,0,0,1,.38.22l1.65,2.86a.45.45,0,0,1-.16.6A2.68,2.68,0,0,0,12.24,14a2.61,2.61,0,0,0,.48,2.13,20.1,20.1,0,0,0,3.54,3.54,2.62,2.62,0,0,0,2.13.48,2.66,2.66,0,0,0,1.76-1.36.45.45,0,0,1,.27-.2.47.47,0,0,1,.33,0l2.86,1.65a.44.44,0,0,1,.19.54ZM16.2.64A15.56,15.56,0,1,0,31.76,16.2,15.58,15.58,0,0,0,16.2.64Zm0,29.66A14.1,14.1,0,1,1,30.3,16.2,14.12,14.12,0,0,1,16.2,30.3Z" style="fill: #787f95"/>
+        <path d="M16.2,32.4A16.2,16.2,0,1,1,32.4,16.2,16.22,16.22,0,0,1,16.2,32.4Zm0-31.12A14.92,14.92,0,1,0,31.12,16.2,14.95,14.95,0,0,0,16.2,1.28Zm0,29.66A14.74,14.74,0,1,1,30.94,16.2,14.75,14.75,0,0,1,16.2,30.94Zm0-28.2A13.46,13.46,0,1,0,29.66,16.2,13.48,13.48,0,0,0,16.2,2.74Zm4.74,23.19a8.16,8.16,0,0,1-3.06-.67,20,20,0,0,1-6.31-4.42,20,20,0,0,1-4.43-6.32c-1.36-3.36-.41-5.31.63-6.35a9.94,9.94,0,0,1,3-1.51,2.55,2.55,0,0,1,3.16,1.08l1.65,2.86a2.5,2.5,0,0,1,.25,1.93,2.57,2.57,0,0,1-1.18,1.54c-.09,0-.31.19-.35.36a.55.55,0,0,0,.1.45A18.42,18.42,0,0,0,17.52,18a.51.51,0,0,0,.45.1c.17,0,.31-.25.37-.35a2.53,2.53,0,0,1,1.53-1.18,2.6,2.6,0,0,1,1.93.25l2.86,1.66a2.52,2.52,0,0,1,1.09,3.12,10.06,10.06,0,0,1-1.51,3A4.58,4.58,0,0,1,20.94,25.93ZM11.73,7.76a1.25,1.25,0,0,0-.46.09A11.06,11.06,0,0,0,8.68,9.08c-1.1,1.09-1.22,2.81-.35,5a18.67,18.67,0,0,0,4.14,5.89,18.79,18.79,0,0,0,5.89,4.14c2.15.87,3.87.75,5-.35a10.72,10.72,0,0,0,1.21-2.55A1.25,1.25,0,0,0,24,19.59l-2.86-1.65a1.26,1.26,0,0,0-.95-.13,1.23,1.23,0,0,0-.76.59,1.9,1.9,0,0,1-1.22,1A1.78,1.78,0,0,1,16.75,19a19.25,19.25,0,0,1-3.37-3.38A1.77,1.77,0,0,1,13,14.18,1.88,1.88,0,0,1,14,13a1.24,1.24,0,0,0,.59-.77,1.22,1.22,0,0,0-.13-.95L12.82,8.38A1.25,1.25,0,0,0,11.73,7.76Zm9.2,16.71a6.82,6.82,0,0,1-2.5-.56A18.79,18.79,0,0,1,12.6,19.8,18.68,18.68,0,0,1,8.49,14c-.84-2.07-.73-3.73.31-4.77A9.5,9.5,0,0,1,11.3,8a1,1,0,0,1,1.36.45l1.65,2.86a1.07,1.07,0,0,1-.39,1.47,2.05,2.05,0,0,0-1.05,1.34,2,2,0,0,0,.37,1.62,19.31,19.31,0,0,0,3.41,3.41,1.93,1.93,0,0,0,1.61.36,2.05,2.05,0,0,0,1.34-1.05,1.06,1.06,0,0,1,.65-.5,1.11,1.11,0,0,1,.82.11l2.86,1.65a1.06,1.06,0,0,1,.46,1.33v0a9.69,9.69,0,0,1-1.17,2.48A3.08,3.08,0,0,1,20.93,24.47ZM11.63,9.26a12.73,12.73,0,0,0-2,.87c-.79.8-.44,2.27,0,3.36a17.47,17.47,0,0,0,3.83,5.41,17.56,17.56,0,0,0,5.4,3.82c1.09.44,2.56.8,3.38,0a13.33,13.33,0,0,0,.85-1.93L20.6,19.3a3.3,3.3,0,0,1-2.08,1.49,3.23,3.23,0,0,1-2.64-.6,20.19,20.19,0,0,1-3.67-3.66,3.21,3.21,0,0,1-.59-2.64A3.24,3.24,0,0,1,13.1,11.8Z" style="fill: #787f95"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/copyrights.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.85 30.85">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_26" data-name="Layer 26">
+      <g>
+        <path d="M15.43,2.89A12.54,12.54,0,1,1,2.89,15.43,12.51,12.51,0,0,1,15.43,2.89Zm0-2.89A15.43,15.43,0,1,0,30.85,15.43,15.47,15.47,0,0,0,15.43,0Z" style="fill: #787f95"/>
+        <path d="M20.34,19.86a6.08,6.08,0,0,1-3.66,1.35,5.67,5.67,0,0,1-5.78-5.78,5.68,5.68,0,0,1,5.78-5.79,5.24,5.24,0,0,1,4.05,1.74l2.12-2.12a8.89,8.89,0,0,0-6.17-2.51,8.68,8.68,0,0,0,0,17.36,8.81,8.81,0,0,0,5.4-1.93Z" style="fill: #787f95"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/dark_mode.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.95 29.95">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_1-2" data-name="Layer 1">
+      <path d="M15,30A15,15,0,0,1,15,0a1.11,1.11,0,0,1,1.1.85,1.12,1.12,0,0,1-.58,1.26A9.18,9.18,0,1,0,27.84,14.45,1.12,1.12,0,0,1,30,15h0A15,15,0,0,1,15,30ZM13.3,1.65a13.43,13.43,0,1,0,15,15,10.73,10.73,0,1,1-15-15Z" style="fill: #a6a8ba"/>
+    </g>
+  </g>
+</svg>

assets/icons/download.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.32 33.28">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_23" data-name="Layer 23">
+      <g>
+        <path d="M28.08,23.06a2.24,2.24,0,0,0-2.24,2.24v3.49H4.48V25.3A2.24,2.24,0,0,0,0,25.3V31a2.24,2.24,0,0,0,2.24,2.25H28.08A2.24,2.24,0,0,0,30.32,31V25.3A2.24,2.24,0,0,0,28.08,23.06Z" style="fill: #787f95"/>
+        <path d="M14.48,25.45a1,1,0,0,0,1.36,0l7.85-7.85a.84.84,0,0,0,.17-.88.81.81,0,0,0-.74-.49H19.43V1.75A1.74,1.74,0,0,0,17.69,0H12.63a1.74,1.74,0,0,0-1.74,1.75V16.23H7.2a.8.8,0,0,0-.74.49.82.82,0,0,0,.17.88Z" style="fill: #787f95"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/download_aya.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.69 28.69">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_10" data-name="Layer 10">
+      <g id="Solid">
+        <path d="M13.29,22.32a1.48,1.48,0,0,0,2.1,0h0l5.6-5.6a1.48,1.48,0,0,0-2.1-2.1l-3.06,3.06V1.48a1.49,1.49,0,0,0-3,0v16.2L9.8,14.62a1.48,1.48,0,1,0-2.1,2.1Z" style="fill: #a6a8ba"/>
+        <path d="M27.2,12.86a1.48,1.48,0,0,0-1.48,1.48V25.72H3V14.34a1.49,1.49,0,0,0-3,0V26.21a2.48,2.48,0,0,0,2.47,2.48H26.21a2.48,2.48,0,0,0,2.48-2.48V14.34A1.49,1.49,0,0,0,27.2,12.86Z" style="fill: #a6a8ba"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/download_recording.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 187 50">
+  <defs>
+    <linearGradient id="linear-gradient" x1="-4781.62" y1="4643.1" x2="-4781.21" y2="4641.68" gradientTransform="matrix(187, 0, 0, -50, 894197.43, 232125)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#e4697b"/>
+      <stop offset="0.9" stop-color="#ff8c67"/>
+    </linearGradient>
+  </defs>
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_8" data-name="Layer 8">
+      <g id="Btn-10">
+        <path id="Rectangle_5-14" data-name="Rectangle 5-14" d="M25,0H162a25,25,0,0,1,25,25h0a25,25,0,0,1-25,25H25A25,25,0,0,1,0,25H0A25,25,0,0,1,25,0Z" style="fill: url(#linear-gradient)"/>
+        <g id="Follow">
+          <text transform="translate(24.71 31)" style="isolation: isolate;font-size: 20px;fill: #fff;font-family: DroidArabicKufi-Bold, Droid Arabic Kufi;font-weight: 700">ليجستلا ليزنت</text>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/drop_menu.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.8 9.28">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_30" data-name="Layer 30">
+      <path d="M8.52,9l7-7a.87.87,0,0,0,0-1.22L15,.26a.86.86,0,0,0-1.22,0L7.9,6.16,2,.25A.87.87,0,0,0,.77.25L.25.77A.87.87,0,0,0,.25,2l7,7a.86.86,0,0,0,.61.25A.89.89,0,0,0,8.52,9Z" style="fill: #ff8c67"/>
+    </g>
+  </g>
+</svg>

assets/icons/email.svg

@@ -0,0 +1,12 @@
+<svg viewBox="0 0 22.66 15.58" xmlns="http://www.w3.org/2000/svg">
+  <g data-name="Layer 2" id="Layer_2">
+    <g data-name="Layer 1" id="Layer_1-2">
+      <g>
+        <polygon style="fill: #868787" points="15.02 7.91 22.66 12.73 22.66 2.87 15.02 7.91"/>
+        <polygon style="fill: #868787" points="0 2.87 0 12.73 7.64 7.91 0 2.87"/>
+        <path style="fill: #868787" d="M21.24,0H1.42A1.41,1.41,0,0,0,0,1.21L11.33,8.64,22.61,1.21A1.39,1.39,0,0,0,21.24,0Z"/>
+        <path style="fill: #868787" d="M13.72,8.76l-2,1.32a.71.71,0,0,1-.39.12.69.69,0,0,1-.39-.12l-2-1.32L.05,14.38a1.39,1.39,0,0,0,1.37,1.2H21.24a1.4,1.4,0,0,0,1.37-1.2Z"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/encyclopedia.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.2 28.2">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_27" data-name="Layer 27">
+      <g>
+        <path d="M1,22.88l12.93,4.7a.52.52,0,0,0,.4,0l12.93-4.7a.6.6,0,0,0,.39-.55V5.87a.61.61,0,0,0-.78-.56l-2.75.92V1.17A.59.59,0,0,0,23.3.62L14.1,4.07,4.9.62a.59.59,0,0,0-.79.55V6.23L1.36,5.31a.56.56,0,0,0-.53.09.56.56,0,0,0-.25.47V22.33A.6.6,0,0,0,1,22.88ZM14.69,19.2l5.5-2.2a.59.59,0,0,0-.43-1.1l-5.07,2V14.5l5.5-2.21a.58.58,0,0,0,.33-.76.59.59,0,0,0-.76-.33l-5.07,2V9.8l5.5-2.21a.58.58,0,0,0,.33-.76.59.59,0,0,0-.76-.33l-5.07,2V5.1L22.91,2V19.57l-8.22,3.09ZM5.28,2,13.51,5.1V8.53l-5.07-2A.59.59,0,0,0,8,7.59L13.51,9.8v3.43l-5.07-2A.59.59,0,0,0,8,12.29l5.51,2.21v3.43l-5.07-2a.59.59,0,0,0-.76.33A.59.59,0,0,0,8,17l5.51,2.2v3.45L5.28,19.57ZM1.76,6.69l2.35.78V20a.59.59,0,0,0,.38.55l9.4,3.52a.57.57,0,0,0,.42,0l9.4-3.52a.59.59,0,0,0,.38-.55V7.47l2.35-.78V21.92L14.1,26.4,1.76,21.92Z" style="fill: #787f95"/>
+        <path d="M14.1,28.2a1.34,1.34,0,0,1-.4-.07L.77,23.43A1.18,1.18,0,0,1,0,22.33V5.87a1.17,1.17,0,0,1,.49-1,1.15,1.15,0,0,1,1.05-.16l2,.66V1.17a1.16,1.16,0,0,1,.5-1A1.18,1.18,0,0,1,5.11.07l9,3.38,9-3.38a1.18,1.18,0,0,1,1.08.14,1.16,1.16,0,0,1,.5,1V5.42l2-.66a1.16,1.16,0,0,1,1.05.16,1.17,1.17,0,0,1,.49,1V22.33a1.18,1.18,0,0,1-.77,1.1L14.5,28.13A1.34,1.34,0,0,1,14.1,28.2ZM1.17,5.87V22.33h0L14.1,27,27,22.33V5.87L23.51,7V1.17L14.1,4.69,4.7,1.16V7ZM14.1,27,1.18,22.32V5.88L4.69,7.05V20l9.41,3.53L23.5,20V7.05L27,5.88V22.32ZM2.34,21.51,14.1,25.78l11.76-4.27v-14l-1.19.4V20a1.17,1.17,0,0,1-.75,1.09L14.51,24.6a1.19,1.19,0,0,1-.81,0L4.28,21.07A1.17,1.17,0,0,1,3.53,20V7.89l-1.19-.4Zm11.76,2V18.8L20,16.46,14.1,18.79V14.1L20,11.75,14.1,14.09V9.4L20,7.05,14.1,9.39V4.7l9.4-3.52V20Zm1.17-3.91v2.22l7.06-2.64V2.86L15.27,5.51V7.67L19.54,6a1.17,1.17,0,0,1,1.51,1.55,1.12,1.12,0,0,1-.64.62l-5.14,2.06v2.18l4.27-1.71a1.17,1.17,0,0,1,1.51,1.55,1.16,1.16,0,0,1-.64.63l-5.14,2.05v2.18l4.27-1.71a1.18,1.18,0,0,1,1.52.66,1.15,1.15,0,0,1,0,.89,1.16,1.16,0,0,1-.64.63ZM14.09,23.5,4.7,20V1.18L14.09,4.7V9.39L8.22,7,14.09,9.4v4.69L8.22,11.74l5.87,2.36v4.69L8.22,16.44l5.87,2.36ZM5.87,19.17l7.06,2.64V19.59L7.79,17.54a1.16,1.16,0,0,1-.64-.63,1.1,1.1,0,0,1,0-.89,1.13,1.13,0,0,1,.62-.65,1.22,1.22,0,0,1,.9,0l4.27,1.71V14.89L7.79,12.83a1.12,1.12,0,0,1-.64-.62,1.13,1.13,0,0,1,0-.9,1.15,1.15,0,0,1,.62-.64,1.22,1.22,0,0,1,.9,0l4.27,1.71V10.19L7.79,8.13a1.15,1.15,0,0,1-.64-.62,1.13,1.13,0,0,1,0-.9A1.17,1.17,0,0,1,8.65,6l4.28,1.71V5.51L5.87,2.86Z" style="fill: #787f95"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/fa_key.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 343.45 324.88" xmlns="http://www.w3.org/2000/svg"><path d="M149.73,182.45c-5.12,3.29-10,6.64-15.12,9.66A117.8,117.8,0,0,1,89.81,208c-15.6,2.06-31.06,1.49-45.76-4.68-22.07-9.25-36-25.72-41.72-49C-.47,143-.51,131.55,1,120c2.79-22,11.81-41.36,24.61-59.14A153.17,153.17,0,0,1,86.34,10.68,112.11,112.11,0,0,1,121,.82c14.63-1.66,29.14-1.09,43,4.47,22.49,9.05,36.7,25.54,42.67,49a89.57,89.57,0,0,1,2,29.47c-1.92,23.95-11.27,45-25.23,64.22-.36.49-.7,1-1,1.4l72.16,72.16,19.36-19.36c-1.86-1.78-4-3.65-5.93-5.68-5-5.13-9.89-10.32-14.82-15.49l-.19-.24c-2.87-3.72-3-5.15-.18-8.93a82.91,82.91,0,0,1,17.31-17.23c3.69-2.71,6.07-2.48,9.3.7,16.78,16.53,33.6,33,50.25,49.67a179.85,179.85,0,0,1,11.9,13.64c2.54,3.09,2.48,4,.1,7.27a83.06,83.06,0,0,1-17.53,17.64c-3.51,2.63-5,2.5-8.54-.19-5.65-4.29-10.51-9.41-15.36-14.53l-6.3-6.66-19.71,19.75c.87.75,1.93,1.55,2.86,2.48q20.7,20.64,41.38,41.31c4.22,4.2,6.51,9.1,6.37,15.08a18.42,18.42,0,0,1-2.13,8.17,31.86,31.86,0,0,1-13.39,13.56,19.13,19.13,0,0,1-23-3.52l-32.19-32.2L150.66,183.34C150.34,183,150,182.71,149.73,182.45ZM95.3,95.3a41.1,41.1,0,0,0-19.62-3.74,37.54,37.54,0,0,0-18.56,6.06,40.3,40.3,0,0,0-13.38,14.5c-7.21,13.37-6.22,33.2,6.78,46.11,12,12,30.79,15.19,45.88,7.25a38,38,0,0,0,19.15-22.27c3.26-9.92,2.5-19.72-1.88-29.53a42.11,42.11,0,0,0,14.22,3.72,41,41,0,0,0,14.28-1.5A36.82,36.82,0,0,0,155,109.13a40.88,40.88,0,0,0,9.48-10.82c8.18-13.64,7.24-34-5.66-47.25-13-13.43-33.22-14.8-47.05-7.1A38.3,38.3,0,0,0,94.68,62.58C90.05,73.39,90.48,84.25,95.3,95.3Z"/></svg>

assets/icons/facebook.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.89 26.89">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_9" data-name="Layer 9">
+      <g>
+        <path d="M13.45,26.89h0A13.45,13.45,0,0,1,0,13.45H0A13.45,13.45,0,0,1,13.45,0h0A13.45,13.45,0,0,1,26.89,13.45h0A13.44,13.44,0,0,1,13.45,26.89Z" style="fill: #3e5c9a"/>
+        <path d="M11.4,21.58h3.27v-8.2H17l.24-2.75H14.67V9.07c0-.65.13-.9.76-.9H17.2V5.32H14.93c-2.43,0-3.53,1.07-3.53,3.13v2.18H9.7v2.78h1.7Z" style="fill: #fff"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/go_forward.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_34" data-name="Layer 34">
+      <g id="arrow_right_alt1">
+        <path d="M16,32A16,16,0,1,0,0,16,16,16,0,0,0,16,32ZM16,8v6h8v4H16v6L8,16Z" style="fill: #fff"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/home.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34.19 34.2">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_21" data-name="Layer 21">
+      <g id="Layer_2-2" data-name="Layer 2">
+        <path d="M24.89,34.2H20.44a2.63,2.63,0,0,1-2.62-2.62V25.29H16.37v6.29a2.62,2.62,0,0,1-2.62,2.62H9.3a4.84,4.84,0,0,1-4.84-4.84V19.72H2.61A2.63,2.63,0,0,1,.2,18.1a2.61,2.61,0,0,1,.56-2.84L15.24.77A2.61,2.61,0,0,1,18.81.64L19,.8,33.43,15.25a2.62,2.62,0,0,1-1.84,4.47H29.74v9.64A4.85,4.85,0,0,1,24.89,34.2Zm-4.07-3h4.07a1.85,1.85,0,0,0,1.85-1.84V16.72h3.91L17.1,3.16,3.54,16.72H7.46V29.36A1.84,1.84,0,0,0,9.3,31.2h4.07V24.9A2.61,2.61,0,0,1,16,22.29h2.23a2.61,2.61,0,0,1,2.61,2.61ZM17.37,2.89Z" style="fill: #787f95"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/increase_size.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31.01 30.95">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_1-2" data-name="Layer 1">
+      <g>
+        <path d="M17.64,12H14.52V8.83a1.29,1.29,0,1,0-2.58,0V12H8.82a1.29,1.29,0,0,0,0,2.58h3.12v3.12a1.29,1.29,0,0,0,2.58,0V14.53h3.12a1.29,1.29,0,0,0,0-2.58Z" style="fill: #a6a8ba"/>
+        <path d="M13.24,23.87A10.64,10.64,0,1,1,23.87,13.24,10.64,10.64,0,0,1,13.24,23.87Zm17.39,4.94-7.17-7.17a13.21,13.21,0,1,0-1.83,1.83l7.17,7.17a1.5,1.5,0,0,0,1.83,0,1.3,1.3,0,0,0,0-1.83Z" style="fill: #a6a8ba"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/instgram.svg

@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26.89 26.89">
+  <defs>
+    <radialGradient id="Degradado_sin_nombre_2" data-name="Degradado sin nombre 2" cx="-0.67" cy="26.98" r="49.72" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#f5ec53"/>
+      <stop offset="0.24" stop-color="#e48244"/>
+      <stop offset="0.4" stop-color="#d15767"/>
+      <stop offset="0.49" stop-color="#c84278"/>
+      <stop offset="1" stop-color="#192cfa"/>
+    </radialGradient>
+  </defs>
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_9" data-name="Layer 9">
+      <g>
+        <path d="M13.45,26.89h0A13.45,13.45,0,0,1,0,13.45H0A13.45,13.45,0,0,1,13.45,0h0A13.45,13.45,0,0,1,26.89,13.45h0A13.44,13.44,0,0,1,13.45,26.89Z" style="fill: url(#Degradado_sin_nombre_2)"/>
+        <g>
+          <path d="M13.45,7.4c2,0,2.2,0,3,0a4.06,4.06,0,0,1,1.37.25,2.16,2.16,0,0,1,.84.55,2.19,2.19,0,0,1,.55.85,3.76,3.76,0,0,1,.26,1.37c0,.78,0,1,0,3s0,2.2,0,3a3.76,3.76,0,0,1-.26,1.37,2.46,2.46,0,0,1-1.39,1.39,3.76,3.76,0,0,1-1.37.26c-.78,0-1,0-3,0s-2.2,0-3,0a3.76,3.76,0,0,1-1.37-.26,2.19,2.19,0,0,1-.85-.55,2.16,2.16,0,0,1-.55-.84,4.06,4.06,0,0,1-.25-1.37c0-.78,0-1,0-3s0-2.2,0-3A4.06,4.06,0,0,1,7.7,9.1,2.42,2.42,0,0,1,9.1,7.7a4.06,4.06,0,0,1,1.37-.25c.78,0,1,0,3,0m0-1.33c-2,0-2.26,0-3,0a5.31,5.31,0,0,0-1.79.34A3.75,3.75,0,0,0,6.46,8.62a5.31,5.31,0,0,0-.34,1.79c0,.78,0,1,0,3s0,2.25,0,3a5.36,5.36,0,0,0,.34,1.79,3.65,3.65,0,0,0,.85,1.3,3.6,3.6,0,0,0,1.31.85,5.28,5.28,0,0,0,1.79.35c.78,0,1,0,3,0s2.25,0,3,0a5.34,5.34,0,0,0,1.79-.35,3.79,3.79,0,0,0,2.15-2.15,5.34,5.34,0,0,0,.35-1.79c0-.79,0-1,0-3s0-2.26,0-3a5.28,5.28,0,0,0-.35-1.79,3.6,3.6,0,0,0-.85-1.31,3.65,3.65,0,0,0-1.3-.85,5.36,5.36,0,0,0-1.79-.34c-.79,0-1,0-3,0" style="fill: #fff"/>
+          <path d="M13.45,9.66a3.79,3.79,0,1,0,3.78,3.79,3.79,3.79,0,0,0-3.78-3.79m0,6.24a2.46,2.46,0,1,1,2.45-2.45,2.46,2.46,0,0,1-2.45,2.45" style="fill: #fff"/>
+          <path d="M18.27,9.51a.89.89,0,1,1-1.77,0,.89.89,0,0,1,1.77,0" style="fill: #fff"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/key.svg

@@ -0,0 +1,35 @@
+<svg viewBox="0 0 135.86 104.03" xmlns="http://www.w3.org/2000/svg">
+  <g data-name="Layer 2" id="Layer_2">
+    <g data-name="Layer 1" id="Layer_1-2">
+      <g>
+        <g>
+          <g>
+            <path style="fill: #1a2e35" d="M106.65,55.74A30.07,30.07,0,1,0,60,48.6l-6.12,5.71,1.47,10.16-9.5-2.66L38.19,69,39.65,79.1l-9.5-2.66-6.58,6.14.89,6.19-5.78-1.62-3.83,3.57-.58,9.41,14,3.53L73.82,61.19A30.08,30.08,0,0,0,106.65,55.74Zm-4.45-37A8.62,8.62,0,1,1,90,18.34,8.63,8.63,0,0,1,102.2,18.76Z"/>
+            <g>
+              <path style="fill: none" d="M106.65,55.74A30.07,30.07,0,1,0,60,48.6l-6.12,5.71,1.47,10.16-9.5-2.66L38.19,69,39.65,79.1l-9.5-2.66-6.58,6.14.89,6.19-5.78-1.62-3.83,3.57-.58,9.41,14,3.53L73.82,61.19A30.08,30.08,0,0,0,106.65,55.74Zm-4.45-37A8.62,8.62,0,1,1,90,18.34,8.63,8.63,0,0,1,102.2,18.76Z"/>
+              <path style="fill: #1a2e35" d="M102.2,18.76c0,.06-.56-.52-1.71-1.23a8.6,8.6,0,0,0-5.43-1.19,8.3,8.3,0,1,0,9.07,9.71,8.53,8.53,0,0,0-.82-5.49c-.62-1.2-1.17-1.75-1.11-1.8s.16.11.42.38a6.88,6.88,0,0,1,.95,1.28,8.57,8.57,0,0,1,1.08,5.72,8.91,8.91,0,0,1-10.42,7.34A8.91,8.91,0,0,1,87,25.7a8.89,8.89,0,0,1,8-9.89,8.62,8.62,0,0,1,5.64,1.47,7.13,7.13,0,0,1,1.21,1C102.1,18.6,102.22,18.75,102.2,18.76Z"/>
+              <path style="fill: #374061" d="M106.65,55.74s-.14.15-.43.42l-1.33,1.18A31.89,31.89,0,0,1,99.07,61a30.2,30.2,0,0,1-25.34.37l.24,0L28.53,103.9l-.13.13-.18,0-14-3.52-.28-.07v-.29c.18-2.94.37-6.15.57-9.41v-.14l.1-.1,3.83-3.58.15-.14.2.06,5.78,1.62-.46.4c-.28-1.93-.58-4-.89-6.19l0-.19.14-.13,6.58-6.14.15-.14.2,0,9.5,2.66-.47.42c-.47-3.22-1-6.68-1.47-10.16l0-.19.14-.14,2-1.89,5.62-5.25.16-.14.2.06,9.5,2.66-.47.41c-.5-3.42-1-6.81-1.46-10.15l0-.2.14-.13,6.12-5.7-.07.45A30.76,30.76,0,0,1,55.76,35.1a30.76,30.76,0,0,1,2.5-13.5,30.36,30.36,0,0,1,55.05-1.26,30.15,30.15,0,0,1,3,15.78,29.68,29.68,0,0,1-3.37,11.58l-.56,1.07-.62.95c-.41.61-.75,1.21-1.14,1.71-.81,1-1.43,1.86-2,2.47l-1.39,1.39-.48.45s.14-.18.44-.5l1.34-1.43c.59-.62,1.19-1.51,2-2.49.38-.51.71-1.11,1.11-1.72.2-.3.4-.62.6-1s.36-.7.54-1.07a30.12,30.12,0,0,0,.22-27,29.79,29.79,0,0,0-54,1.33A28.31,28.31,0,0,0,57,28.27a28,28,0,0,0-.48,6.79,30.06,30.06,0,0,0,3.83,13.36l.14.26-.21.19-6.11,5.71.11-.32q.72,5,1.46,10.15l.09.57-.56-.15-9.49-2.66.36-.09-5.63,5.25-2,1.89.12-.33c.5,3.49,1,6.94,1.46,10.16l.08.57-.55-.16-9.5-2.66.36-.09-6.59,6.14.12-.32c.3,2.13.61,4.26.89,6.19l.08.55-.55-.15L18.58,87.5l.34-.09L15.09,91l.12-.24c-.21,3.26-.4,6.48-.58,9.41l-.27-.36,14,3.54-.31.08L73.66,61l.11-.11.14.06A30.14,30.14,0,0,0,99,60.81a33.23,33.23,0,0,0,5.84-3.57l1.36-1.13C106.48,55.86,106.65,55.74,106.65,55.74Z"/>
+            </g>
+          </g>
+          <g>
+            <path style="fill: #e4697b" d="M105.64,52.33A30.07,30.07,0,1,0,59,45.19h0l-6.11,5.7,1.46,10.15-9.5-2.66-7.65,7.15,1.46,10.15L29.15,73l-6.58,6.14.89,6.19-5.79-1.62-3.83,3.57-.57,9.4,14,3.53L72.81,57.78A30.09,30.09,0,0,0,105.64,52.33Zm-4.45-37A8.62,8.62,0,1,1,89,14.93,8.62,8.62,0,0,1,101.19,15.35Z"/>
+            <g>
+              <path style="fill: none" d="M105.64,52.33A30.07,30.07,0,1,0,59,45.19h0l-6.11,5.7,1.46,10.15-9.5-2.66-7.65,7.15,1.46,10.15L29.15,73l-6.58,6.14.89,6.19-5.79-1.62-3.83,3.57-.57,9.4,14,3.53L72.81,57.78A30.09,30.09,0,0,0,105.64,52.33Zm-4.45-37A8.62,8.62,0,1,1,89,14.93,8.62,8.62,0,0,1,101.19,15.35Z"/>
+              <path style="fill: #1a2e35" d="M101.19,15.35c0,.06-.56-.53-1.71-1.23a8.54,8.54,0,0,0-5.43-1.19,8.3,8.3,0,1,0,9.07,9.71,8.65,8.65,0,0,0-.81-5.5c-.63-1.19-1.18-1.74-1.12-1.79s.16.11.42.37a6.37,6.37,0,0,1,1,1.28,8.6,8.6,0,0,1,1.08,5.73A8.94,8.94,0,1,1,94,12.4a8.56,8.56,0,0,1,5.64,1.47,7.13,7.13,0,0,1,1.21,1C101.1,15.18,101.21,15.33,101.19,15.35Z"/>
+              <path style="fill: #1a2e35" d="M105.64,52.33l-.43.41-1.33,1.18a30.62,30.62,0,0,1-5.82,3.7,30.24,30.24,0,0,1-10.68,2.87A30.72,30.72,0,0,1,72.72,58L73,58c-11.74,11-27.34,25.59-45.44,42.54l-.14.13-.18-.05-14-3.51L12.9,97l0-.29c.17-2.93.37-6.15.56-9.4v-.15l.11-.09,3.82-3.58.15-.14.2.06L23.55,85l-.46.4c-.27-1.93-.58-4-.89-6.19l0-.19.14-.13,6.58-6.14.15-.14.21,0,9.49,2.66-.47.41c-.46-3.21-1-6.67-1.46-10.15l0-.2.14-.13,2-1.89,5.63-5.25.15-.14.2.05,9.5,2.67-.47.41Q53.22,56,52.5,51l0-.19.14-.13,6.12-5.71-.07.45a30.67,30.67,0,0,1-3.9-13.69,29.26,29.26,0,0,1,.49-6.95,29,29,0,0,1,2-6.54,30.29,30.29,0,0,1,58,14.52,29.9,29.9,0,0,1-3.38,11.58l-.56,1.07c-.21.33-.42.64-.61,1-.41.61-.75,1.21-1.15,1.71-.81,1-1.43,1.85-2,2.46l-1.39,1.39-.49.46s.14-.18.44-.51l1.34-1.42c.59-.63,1.2-1.51,2-2.5.38-.5.71-1.1,1.1-1.71.2-.31.4-.62.6-.95l.55-1.07A29.82,29.82,0,1,0,57.89,18.46,29.7,29.7,0,0,0,56,24.85a28.6,28.6,0,0,0-.48,6.8A30.06,30.06,0,0,0,59.3,45l.14.25-.21.2-6.11,5.71.11-.32c.49,3.35,1,6.73,1.47,10.15l.08.57-.55-.16-9.5-2.66.36-.08-5.63,5.25-2,1.89.12-.33c.5,3.48,1,6.94,1.46,10.16l.08.57-.55-.16-9.49-2.66.35-.09-6.58,6.14.11-.32c.31,2.13.61,4.25.89,6.19l.08.55-.54-.15-5.79-1.63.35-.08c-1.33,1.24-2.65,2.46-3.83,3.57l.11-.24c-.2,3.26-.4,6.47-.58,9.41l-.27-.37,14,3.55-.32.08,45.6-42.39.11-.1.13.06A30.14,30.14,0,0,0,98,57.4a32.71,32.71,0,0,0,5.85-3.58l1.36-1.12A4.8,4.8,0,0,1,105.64,52.33Z"/>
+            </g>
+          </g>
+          <path style="fill: #1a2e35" d="M102.88,50a40.43,40.43,0,0,0,4-5.09A25.49,25.49,0,0,0,110,38a26.4,26.4,0,0,0,.86-10A26.15,26.15,0,0,0,96.69,7.38,24.55,24.55,0,0,0,89.58,5a30.38,30.38,0,0,0-3.86-.45,31.08,31.08,0,0,0-4,.2A26,26,0,0,0,59.2,25.78a29.25,29.25,0,0,0-.47,3.93,29.56,29.56,0,0,0,.18,3.89,24.44,24.44,0,0,0,1.9,7.26A26.26,26.26,0,0,0,90.4,56.26a25.3,25.3,0,0,0,7.12-2.6A40.53,40.53,0,0,0,102.88,50a1.79,1.79,0,0,1-.3.31c-.25.21-.56.49-.94.84A12.58,12.58,0,0,1,100,52.4a18.31,18.31,0,0,1-2.36,1.51,25,25,0,0,1-7.17,2.76A26.71,26.71,0,0,1,69,52.19a26.85,26.85,0,0,1-8.79-11.06,25.28,25.28,0,0,1-2-7.45,31.09,31.09,0,0,1-.2-4,29.42,29.42,0,0,1,.48-4.05A26.65,26.65,0,0,1,81.68,4a29.26,29.26,0,0,1,4.07-.19,30.37,30.37,0,0,1,4,.46A25.5,25.5,0,0,1,97,6.76a26.87,26.87,0,0,1,10.42,9.53,26.64,26.64,0,0,1,3,21.79,24.92,24.92,0,0,1-3.25,7,19.08,19.08,0,0,1-1.67,2.25,11.42,11.42,0,0,1-1.38,1.52l-.9.88A1.53,1.53,0,0,1,102.88,50Z"/>
+          <path style="fill: #1a2e35" d="M101.66,28.64c-.06-.05.63-.64,1.46-2a10,10,0,0,0,1.43-6.38,9.84,9.84,0,0,0-5.35-7.71,9.8,9.8,0,0,0-11.08,1.57,9.85,9.85,0,0,0-2.93,5.31,9.64,9.64,0,0,0,.59,5.63A9.85,9.85,0,0,0,89,29.14a9.7,9.7,0,0,0,4.15,1.8,10,10,0,0,0,6.47-1c1.4-.74,2-1.39,2.09-1.33s-.14.18-.45.48a7.64,7.64,0,0,1-1.5,1.1A10,10,0,0,1,93,31.47,10.39,10.39,0,0,1,84.47,19.3a10.42,10.42,0,0,1,9.06-8.45,10.3,10.3,0,0,1,6,1.09,10.47,10.47,0,0,1,4,3.73,10.22,10.22,0,0,1,1.51,4.54,10.06,10.06,0,0,1-1.7,6.6,7.76,7.76,0,0,1-1.21,1.42C101.85,28.52,101.68,28.66,101.66,28.64Z"/>
+          <path style="fill: #1a2e35" d="M23.62,98.58c-.14-.15,10.11-9.94,22.89-21.87s23.26-21.47,23.4-21.32S59.81,65.33,47,77.26,23.76,98.73,23.62,98.58Z"/>
+        </g>
+        <path style="fill: #ff4f5b" d="M29.27,39l.42-.93.55.85a4.34,4.34,0,0,0,1.83,1.56l.92.41-.85.56a4.28,4.28,0,0,0-1.55,1.82l-.41.93-.56-.85a4.25,4.25,0,0,0-1.83-1.55l-.92-.42.85-.56A4.22,4.22,0,0,0,29.27,39Z"/>
+        <path style="fill: #ff4f5b" d="M1.4,32l.24-.54L2,32a2.5,2.5,0,0,0,1.06.9l.54.24-.5.32a2.58,2.58,0,0,0-.9,1.06l-.24.54-.32-.49a2.44,2.44,0,0,0-1.06-.9L0,33.42l.49-.33A2.53,2.53,0,0,0,1.4,32Z"/>
+        <path style="fill: #ff4f5b" d="M89.16,79.54,89.4,79l.33.49a2.44,2.44,0,0,0,1.06.9l.54.24-.5.33a2.45,2.45,0,0,0-.9,1.06l-.24.54-.32-.5a2.5,2.5,0,0,0-1.06-.9l-.54-.24.49-.32A2.44,2.44,0,0,0,89.16,79.54Z"/>
+        <path style="fill: #ff4f5b" d="M132.14,55.18l.41-.93.56.85a4.22,4.22,0,0,0,1.82,1.55l.93.42-.85.56a4.22,4.22,0,0,0-1.55,1.82l-.42.93-.56-.85A4.22,4.22,0,0,0,130.66,58l-.93-.42.85-.56A4.31,4.31,0,0,0,132.14,55.18Z"/>
+        <path style="fill: #ff4f5b" d="M126.54,21.06l.7-1.56.93,1.43a7.21,7.21,0,0,0,3.07,2.61l1.56.7-1.43.93a7.14,7.14,0,0,0-2.61,3.07l-.7,1.56-.94-1.43a7.12,7.12,0,0,0-3.06-2.61l-1.56-.7,1.43-.94A7.18,7.18,0,0,0,126.54,21.06Z"/>
+        <path style="fill: #ff4f5b" d="M20.61,10.54,21.31,9l.93,1.43A7.21,7.21,0,0,0,25.31,13l1.56.69-1.43.94a7.12,7.12,0,0,0-2.61,3.06l-.7,1.56-.94-1.43a7.09,7.09,0,0,0-3.06-2.6l-1.56-.7L18,13.6A7.18,7.18,0,0,0,20.61,10.54Z"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/linkedin.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.89 26.89">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_9" data-name="Layer 9">
+      <g>
+        <path d="M13.45,26.89h0A13.45,13.45,0,0,1,0,13.45H0A13.45,13.45,0,0,1,13.45,0h0A13.45,13.45,0,0,1,26.89,13.45h0A13.44,13.44,0,0,1,13.45,26.89Z" style="fill: #117bb8"/>
+        <g>
+          <g>
+            <rect x="7.35" y="10.45" width="2.78" height="8.99" style="fill: #fff"/>
+            <path d="M8.73,9.27A1.66,1.66,0,1,0,7.08,7.61,1.65,1.65,0,0,0,8.73,9.27Z" style="fill: #fff"/>
+          </g>
+          <path d="M14.58,14.72c0-1.26.58-2,1.7-2s1.51.73,1.51,2v4.72h2.77V13.75c0-2.41-1.36-3.57-3.27-3.57a3.13,3.13,0,0,0-2.71,1.48V10.45H11.91v9h2.67Z" style="fill: #fff"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/members.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.24 26.73">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_25" data-name="Layer 25">
+      <g>
+        <path d="M27.52,14.13H24.36a4.58,4.58,0,0,0-1.24.17,4.72,4.72,0,0,0-4.21-2.59H13.33A4.71,4.71,0,0,0,9.12,14.3a4.64,4.64,0,0,0-1.24-.17H4.72A4.73,4.73,0,0,0,0,18.85v5a2.83,2.83,0,0,0,2.83,2.83H29.4a2.84,2.84,0,0,0,2.84-2.83v-5A4.73,4.73,0,0,0,27.52,14.13ZM8.61,16.43v8.41H2.83a.94.94,0,0,1-.94-.94v-5A2.83,2.83,0,0,1,4.72,16H7.88a2.64,2.64,0,0,1,.74.1C8.61,16.22,8.61,16.33,8.61,16.43Zm13.13,8.41H10.5V16.43a2.83,2.83,0,0,1,2.83-2.83h5.58a2.83,2.83,0,0,1,2.83,2.83Zm8.61-.94a.94.94,0,0,1-1,.94H23.63V16.43c0-.1,0-.21,0-.31a2.59,2.59,0,0,1,.74-.1h3.16a2.83,2.83,0,0,1,2.83,2.83Z" style="fill: #787f95"/>
+        <path d="M6.3,5.21a4.2,4.2,0,1,0,4.2,4.2A4.21,4.21,0,0,0,6.3,5.21Zm0,6.51A2.31,2.31,0,1,1,8.61,9.41,2.32,2.32,0,0,1,6.3,11.72Z" style="fill: #787f95"/>
+        <path d="M16.12,0a5.61,5.61,0,1,0,5.61,5.61A5.61,5.61,0,0,0,16.12,0Zm0,9.32a3.72,3.72,0,1,1,3.72-3.71A3.72,3.72,0,0,1,16.12,9.32Z" style="fill: #787f95"/>
+        <path d="M25.94,5.21a4.2,4.2,0,1,0,4.19,4.2A4.2,4.2,0,0,0,25.94,5.21Zm0,6.51a2.31,2.31,0,1,1,2.31-2.31A2.32,2.32,0,0,1,25.94,11.72Z" style="fill: #787f95"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/mic_icon.svg

@@ -0,0 +1,10 @@
+<svg viewBox="0 0 25.3 39.53" xmlns="http://www.w3.org/2000/svg">
+  <g data-name="Layer 2" id="Layer_2">
+    <g data-name="Layer 13" id="Layer_13">
+      <g>
+        <path style="fill: #ff8c67" d="M25.3,20.42a1.4,1.4,0,1,0-2.79,0,9.86,9.86,0,0,1-19.72,0A1.37,1.37,0,0,0,1.4,19,1.37,1.37,0,0,0,0,20.42,12.65,12.65,0,0,0,11.26,33v3.72H6.19a1.4,1.4,0,1,0,0,2.79H19.11a1.4,1.4,0,1,0,0-2.79H14.05V33A12.65,12.65,0,0,0,25.3,20.42Z"/>
+        <path style="fill: #ff8c67" d="M12.65,0A7.78,7.78,0,0,0,4.88,7.77v12.6a7.77,7.77,0,1,0,15.54.05V7.77A7.78,7.78,0,0,0,12.65,0Z"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/next.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.21 15.37">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_1-2" data-name="Layer 1">
+      <g>
+        <path d="M8.51,8.16l6.29,7a.68.68,0,0,0,.52.23h4.19a.69.69,0,0,0,.64-.41.67.67,0,0,0-.12-.75L14.16,7.69,20,1.17a.71.71,0,0,0,.12-.76A.69.69,0,0,0,19.51,0H15.32a.68.68,0,0,0-.52.23l-6.29,7A.7.7,0,0,0,8.51,8.16Z" style="fill: #ff8c67"/>
+        <path d="M.18,8.16l6.29,7a.68.68,0,0,0,.52.23h4.19a.69.69,0,0,0,.52-1.16L5.83,7.69,11.7,1.17a.71.71,0,0,0,.12-.76A.69.69,0,0,0,11.18,0H7a.68.68,0,0,0-.52.23l-6.29,7A.7.7,0,0,0,.18,8.16Z" style="fill: #ff8c67"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/next_aya.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31.49 19.66">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_15" data-name="Layer 15">
+      <g id="Group_30" data-name="Group 30">
+        <path id="Path_40" data-name="Path 40" d="M0,1C0,.17,1.15-.58,2.66.64L12.82,8.78a1.37,1.37,0,0,1,.54,1.05V1c0-.83,1.15-1.58,2.66-.36L26.18,8.78a1.28,1.28,0,0,1,.31,1.79,1.3,1.3,0,0,1-.31.31L16,19c-1.51,1.21-2.66.46-2.66-.37V9.83a1.35,1.35,0,0,1-.54,1.05L2.66,19C1.15,20.24,0,19.49,0,18.66ZM27.09,0h4.4V19.66H27.1Z" style="fill: #a6a8ba;fill-rule: evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/next_single.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.83 16.61">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_20" data-name="Layer 20">
+      <path d="M.19,8.81,7,16.36a.77.77,0,0,0,.56.25h4.53a.75.75,0,0,0,.56-1.26L6.3,8.3l6.34-7A.75.75,0,0,0,12.08,0H7.55A.73.73,0,0,0,7,.25L.19,7.8A.77.77,0,0,0,.19,8.81Z" style="fill: #ff8c67"/>
+    </g>
+  </g>
+</svg>

assets/icons/no_data.svg

@@ -0,0 +1,21 @@
+<svg viewBox="0 0 456 456" xmlns="http://www.w3.org/2000/svg">
+  <g data-name="Layer 2" id="Layer_2">
+    <g data-name="Layer 7" id="Layer_7">
+      <g data-name="1828, Block, Blocked, Website" id="_1828_Block_Blocked_Website">
+        <g>
+          <path style="fill: #ccc" d="M446.5,0H9.5A9.5,9.5,0,0,0,0,9.5v437A9.5,9.5,0,0,0,9.5,456h437a9.49,9.49,0,0,0,9.49-9.5V9.5A9.5,9.5,0,0,0,446.5,0ZM437,19V76H19V19ZM19,437V95H437V437Z"/>
+          <path style="fill: #ccc" d="M47.5,38h19V57h-19Z"/>
+          <path style="fill: #ccc" d="M380,38H408.5V57H380Z"/>
+          <path style="fill: #ccc" d="M294.5,313.5h-133a9.5,9.5,0,0,0,0,19h133a9.5,9.5,0,1,0,0-19Z"/>
+          <path style="fill: #ccc" d="M294.5,351.5h-133a9.5,9.5,0,0,0,0,19h133a9.5,9.5,0,1,0,0-19Z"/>
+          <path style="fill: #ccc" d="M294.5,389.5h-133a9.5,9.5,0,0,0,0,19h133a9.5,9.5,0,1,0,0-19Z"/>
+          <g>
+            <path style="fill: #ccc" d="M243.45,123.44a61.87,61.87,0,1,0,61.87,61.87A61.94,61.94,0,0,0,243.45,123.44Zm0,110a48.13,48.13,0,1,1,48.12-48.12A48.18,48.18,0,0,1,243.45,233.44Z"/>
+            <path style="fill: #ccc" d="M267.75,161a6.86,6.86,0,0,0-9.72,0l-14.58,14.58L228.87,161a6.88,6.88,0,0,0-9.73,9.72l14.59,14.59L219.14,199.9a6.88,6.88,0,0,0,9.73,9.72L243.45,195,258,209.62a6.87,6.87,0,0,0,9.72-9.72l-14.58-14.58,14.58-14.59a6.86,6.86,0,0,0,0-9.72Z"/>
+            <line style="fill: none;stroke: #ccc;stroke-linecap: round;stroke-miterlimit: 10;stroke-width: 15.79006290435791px" x1="202" x2="150.68" y1="223.5" y2="266.92"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/notification.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 29.31 33.29">
+  <defs>
+    <linearGradient id="linear-gradient" x1="-5272.7" y1="4752.36" x2="-5272.28" y2="4750.88" gradientTransform="matrix(9, 0, 0, -9, 47474.81, 42770.55)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#ff8764"/>
+      <stop offset="1" stop-color="#ff699d"/>
+    </linearGradient>
+  </defs>
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_1-2" data-name="Layer 1">
+      <g id="Notifications">
+        <path d="M14.65,33.29h0a5,5,0,0,1-5-5v-.14H1.56a1.54,1.54,0,0,1-1.1-.46A1.53,1.53,0,0,1,0,26.6V24.89a3.28,3.28,0,0,1,3.28-3.27h0a.17.17,0,0,0,.14-.14V14.65A11.22,11.22,0,0,1,11.1,4V3.56a3.56,3.56,0,1,1,7.12,0V4l.69.25,1.31.54-.95,1.06A5.55,5.55,0,0,0,24.67,15l1.23-.29v6.82a.14.14,0,0,0,.14.14,3.28,3.28,0,0,1,3.27,3.27V26.6a1.57,1.57,0,0,1-1.57,1.57h-8.1v.14A5,5,0,0,1,14.65,33.29Zm-2.8-4a3,3,0,0,0,5.61,0ZM1.57,26.17Zm1.7-2.55A1.27,1.27,0,0,0,2,24.9v1.27H27.31V24.89A1.27,1.27,0,0,0,26,23.62a2.14,2.14,0,0,1-2.13-2.14v-4.4a7.54,7.54,0,0,1-7-11.39l-.69-.18V3.56a1.56,1.56,0,1,0-3.12,0V5.51l-.75.19a9.21,9.21,0,0,0-6.93,9v6.83A2.13,2.13,0,0,1,4.79,23a2.11,2.11,0,0,1-1.51.63Zm24.47,2.55Z" style="fill: #a6a8ba"/>
+        <circle id="Ellipse_2-2" data-name="Ellipse 2-2" cx="23.4" cy="9.59" r="4.69" style="fill: url(#linear-gradient)"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/password.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.3 34.11">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_31" data-name="Layer 31">
+      <g>
+        <path d="M7.43,11.77V8.14a5.22,5.22,0,0,1,10.44,0v3.63h2.92V8.14a8.14,8.14,0,1,0-16.28,0v3.63Z" style="fill: #868787"/>
+        <path d="M22.21,14.82H3.09A3.09,3.09,0,0,0,0,17.91V31a3.09,3.09,0,0,0,3.09,3.09H22.21A3.09,3.09,0,0,0,25.3,31V17.91A3.09,3.09,0,0,0,22.21,14.82ZM12.65,29a3.22,3.22,0,0,1-1.93-5.79,2.47,2.47,0,0,1-.57-1.57,2.5,2.5,0,0,1,5,0,2.47,2.47,0,0,1-.57,1.57A3.22,3.22,0,0,1,12.65,29Z" style="fill: #868787"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/pause.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 13.75">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_19" data-name="Layer 19">
+      <g>
+        <rect width="4" height="13.75" style="fill: #5b637a"/>
+        <rect x="6" width="4" height="13.75" style="fill: #5b637a"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/pinterest.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.89 26.89">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_9" data-name="Layer 9">
+      <g>
+        <path d="M13.45,26.89h0A13.45,13.45,0,0,1,0,13.45H0A13.45,13.45,0,0,1,13.45,0h0A13.45,13.45,0,0,1,26.89,13.45h0A13.44,13.44,0,0,1,13.45,26.89Z" style="fill: #cd2129"/>
+        <path d="M9.14,14.7a.32.32,0,0,0,.46-.23c.05-.16.15-.57.19-.74a.44.44,0,0,0-.13-.51,2.65,2.65,0,0,1-.61-1.8A4.35,4.35,0,0,1,13.57,7c2.46,0,3.82,1.5,3.82,3.51,0,2.65-1.17,4.88-2.91,4.88A1.42,1.42,0,0,1,13,13.65a19.14,19.14,0,0,0,.81-3.25A1.23,1.23,0,0,0,12.6,9c-1,0-1.77,1-1.77,2.38a3.48,3.48,0,0,0,.3,1.45s-1,4.25-1.18,5a10.16,10.16,0,0,0,0,3.48.12.12,0,0,0,.22.05,9.57,9.57,0,0,0,1.65-3c.12-.41.65-2.52.65-2.52A2.62,2.62,0,0,0,14.68,17c2.95,0,4.95-2.68,4.95-6.28a5.49,5.49,0,0,0-5.81-5.26c-4.36,0-6.55,3.13-6.55,5.73A3.54,3.54,0,0,0,9.14,14.7Z" style="fill: #fff"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/play_aya.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.89 19.74">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_16" data-name="Layer 16">
+      <path id="Path_39" data-name="Path 39" d="M.46,19.74A.45.45,0,0,1,0,19.28V.46A.45.45,0,0,1,.46,0,.44.44,0,0,1,.71.08l14,9.41a.47.47,0,0,1,.12.64.68.68,0,0,1-.12.12l-14,9.41A.44.44,0,0,1,.46,19.74Z" style="fill: #5b637a"/>
+    </g>
+  </g>
+</svg>

assets/icons/prev.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.21 15.37">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_1-2" data-name="Layer 1">
+      <g>
+        <path d="M11.7,8.16l-6.29,7a.68.68,0,0,1-.52.23H.7A.69.69,0,0,1,.06,15a.71.71,0,0,1,.12-.75L6.05,7.69.18,1.17A.73.73,0,0,1,.06.41.69.69,0,0,1,.7,0H4.89a.68.68,0,0,1,.52.23l6.29,7A.7.7,0,0,1,11.7,8.16Z" style="fill: #ff8c67"/>
+        <path d="M20,8.16l-6.29,7a.68.68,0,0,1-.52.23H9a.69.69,0,0,1-.52-1.16l5.87-6.52L8.51,1.17A.73.73,0,0,1,8.39.41.72.72,0,0,1,9,0h4.19a.68.68,0,0,1,.52.23l6.29,7A.7.7,0,0,1,20,8.16Z" style="fill: #ff8c67"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/prev_single.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.83 16.61">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_20" data-name="Layer 20">
+      <path d="M12.64,8.81,5.85,16.36a.81.81,0,0,1-.57.25H.76a.76.76,0,0,1-.69-.45.73.73,0,0,1,.12-.81l6.34-7-6.34-7A.73.73,0,0,1,.07.45.76.76,0,0,1,.76,0H5.28a.77.77,0,0,1,.57.25L12.64,7.8A.75.75,0,0,1,12.64,8.81Z" style="fill: #ff8c67"/>
+    </g>
+  </g>
+</svg>

assets/icons/previous_aya.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31.5 19.66">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_14" data-name="Layer 14">
+      <g id="Group_31" data-name="Group 31">
+        <path id="Path_40-2" data-name="Path 40-2" d="M31.49,1c0-.83-1.15-1.58-2.66-.36L18.68,8.78a1.35,1.35,0,0,0-.55,1.05V1C18.13.17,17-.58,15.47.64L5.31,8.78A1.28,1.28,0,0,0,5,10.57a1.27,1.27,0,0,0,.3.31L15.47,19c1.51,1.21,2.66.46,2.66-.37V9.83a1.33,1.33,0,0,0,.55,1.05L28.83,19c1.52,1.21,2.67.46,2.67-.37ZM4.4,0H0V19.66H4.4Z" style="fill: #a6a8ba;fill-rule: evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/read_quran.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 22.09">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_24" data-name="Layer 24">
+      <path d="M31.5,6.09V4a.45.45,0,0,0-.24-.4.41.41,0,0,0-.44,0l-.74.49L28.85,2.34a.45.45,0,0,0-.6-.13l-.47.27L26.54.71A.45.45,0,0,0,25.9.6a9.78,9.78,0,0,1-5.23,1.92,4.7,4.7,0,0,0-4.18,2.07L16,5.32l-.48-.74a4.82,4.82,0,0,0-4.2-2.06A9.89,9.89,0,0,1,6.09.6.43.43,0,0,0,5.75.51a.41.41,0,0,0-.29.2L4.22,2.48l-.46-.27a.45.45,0,0,0-.61.13L1.92,4.11,1.2,3.63A.45.45,0,0,0,.5,4V6.09A2.57,2.57,0,0,0,1.74,8.24l9.63,6.48a.42.42,0,0,0,.44,0l.63,1-7.58,5a.46.46,0,0,0,.24.84h5.2a.43.43,0,0,0,.24-.08L16,17.84l5.45,3.67a.47.47,0,0,0,.26.08H26.9a.45.45,0,0,0,.43-.33.44.44,0,0,0-.19-.5l-6.5-4.3a.42.42,0,0,0-.61.14.43.43,0,0,0,.11.62l5.25,3.46H21.84l-5-3.39L30.29,8.22A2.53,2.53,0,0,0,31.5,6.09ZM5.94,1.6l.47.29a9.21,9.21,0,0,0,4.92,1.54A3.77,3.77,0,0,1,15,5.51h0a5.42,5.42,0,0,1,.54,2.14.43.43,0,0,0,.45.44.44.44,0,0,0,.45-.45A5.43,5.43,0,0,1,17,5.51a3.77,3.77,0,0,1,3.68-2.08A9.38,9.38,0,0,0,25.59,1.9l.47-.29L27,3,16,10.29,5,3ZM3.64,3.22l12.11,8a.45.45,0,0,0,.5,0l12.1-8,1,1.39L16,13.4,2.68,4.61Zm8.24,11.5a.49.49,0,0,0,.2-.36.41.41,0,0,0-.2-.39h0L2.16,7.42a1.43,1.43,0,0,1-.75-1.33V4.85l13.76,9.09-2.61,1.73ZM30.59,6.09a1.5,1.5,0,0,1-.82,1.39L10.15,20.68H6.61l24-15.82Z" style="fill: #787f95;stroke: #787f95;stroke-miterlimit: 10"/>
+    </g>
+  </g>
+</svg>

assets/icons/record.svg

@@ -0,0 +1,17 @@
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+  <g id="Layer_2" data-name="Layer 2">
+    <g data-name="Layer 13" id="Layer_13">
+      <g data-name="Layer 2" id="Layer_2-2">
+        <g data-name="Layer 1-2" id="Layer_1-2">
+          <g>
+            <image style="opacity: 0.15000000596046448;isolation: isolate" height="60" width="60" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsSAAALEgHS3X78AAAFh0lEQVRoQ+2a23LbOBBEm5K9WTvZ///R9Uq2JWEfyDYbrcGFF1cqTqZqChAJUDjoATCiPaSU8DvZodXgq9kf4K9uD60GW2wYhqHVxi198qayO3AAuQjau+89AcNezzPQwUq/7qaDCOt7gW8GFlAH9uvRhERwyepZu63gq4EDRQerq3sbNQeNPmfgW6BXAQeqOuAhqGs7NQdLAG6F6wq/CnzxpmWwESh9sDo/s2+k5E08BXW1NAzDsBR6EXABVqGO8lnrDu7AhLpOdZZaZ9ssxJdCdwMHsKriUcojxuce7bpDc5Cq6lX8MpUD7idBbRF0F3ABVpVUUHe9zz40DVtC0o9SJ/h16ncHjU5rAnfAEurR/EFKuqoM3Cv7HvhxKtmHpmGOXpWbwJNFm5Mq+gjgLynVdQKosgJrCL9hhHub/HUq+b1uN7neFdpV4OCsdWUfkMN9K7gqHQFfMIO+Tq4RocuAlqz0emg9CkfK0qnoNwB/mz/hHpr9uGklzOtUYc+IlwCkH/2AeZdvhnYReFI3ckJr+BLwCcCz1J+me6oygYFxoKrueXJOTguWriG/PqTFXF2u20fM6j4B+D75sziBuZ4VmOuX6rKdhz6Q7+jqB8zQTZVD4EKe7OvXw/kZI+wP5OBUWYE5SCpM4BPySVHVorOa11Rptg+tprCHMd13ZlWY0P8gh9aw1jWswB7KtOiMVmiuYY51U0j7+vUEg8C6fglKaKrcAvZQvsn90vl8xJyUUN0BlSPqDtgSDZY9IU1ghf6BfmDCAvFxpecyJ/wd87iocrae3UoKl2AjaB47ehzppvUdcUgDM1QJlqBn5IkMd3vdyVXlorVCmqbg0U4dncV6LFFhDtQ3LVVdYXkm6y6vz1BYWnUdt4B9bbjCuoEpeOTRsXTDPSxDWPtopnYUd+hNCkdh7Sor+CNy+JI7sMKW+jisQ3bBAm2FaQ6vk+Bru8f1eamjvX+PKgspm9YC9rVR8yi8PDJcjdYzo2e7dcMC88641KJNgdlO6Xo1Ieiwrf0BtBXWL0kV19z2ap/dVeFaO/ckpU7goslsAQMxHMur+aXiuhsrcK2Pp5EKvypyasA1dSNITfvexDVdTLjfpTXBUPdUchf4lsKRugoaATJZ0NyYz7qiDMzfwq/iCl9SvBsWaAMDOSzd81xCnpBnRJ4u6q8hPlOBT+Y6Cap6tE90gd8Bp5SS/BzuUVdfyzgsw5h9osTDgV8A/IccWhXX9e2wTWspnKRUReiqrue57KfpYg2YLwBexAnuKmtoR+s4LXrjYVYKZ/2ZRhBN+xSWr29KwGxzwgj5AuDfqXSlCe1hDXSo3LNLe0gfkK9fT//YR0P/FeUfD/qsM0ZgQtNPKCvctXZpIfC0jjmoaB1fMOfOmjKyvSunL+ccWEOeKlNpDWkqrDt2tGFVwVshrSrfMA5UVX5Dnsv6pLi6JWA9iwnnO3bPGgaA6t+Ni8AFlQl9Qa7qRzfkqhGW6nL35rHE0HeVuRGepU51FXiRukBbYWB+CDeGwUptxxDTnTd6U6ET6UedJjCafLi6umF1qQs0gEVlD21g/NKPpnLPB/8gznD29R5Bv1ud92rHUdOaCgehTWB+VlgFVlVdXX9eBH2x+lVKVzcBbXWBDmAxfZhC8x6/nAO7IH5r4cCqMpeDwrGubVbBAp3AQWgDcUgR+IgZuPRaBtZPlfZSQXVyF8ECncBAERq4B9ejy0FLO7tC3AruoIthASz/P63KXybopXdYLWD3EuRqWGAFMIDor4ssa65t3ZKUNf9ouwYWWAlM6wD36zVz6Kg+VjYMehMwrQLu11qmg9kVlLYLMM3AgX5Qt2xQe4DSdgVWC+AX2Z6Qap8GXDNOxmdB1eynAP9MW/unll/W/gB/dfsfuIIUwHATj10AAAAASUVORK5CYII="/>
+            <g>
+              <circle style="fill: #e4697b" cx="29.73" cy="20.73" r="11.5"/>
+              <circle style="fill: none;stroke: #fff;stroke-miterlimit: 10;stroke-width: 2.090909004211426px" cx="29.73" cy="20.73" r="11.5"/>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/recording_off.svg

@@ -0,0 +1,17 @@
+<svg viewBox="0 0 97.34 97.34" xmlns="http://www.w3.org/2000/svg">
+  <g data-name="Layer 2" id="Layer_2">
+    <g data-name="Layer 13" id="Layer_13">
+      <g data-name="Group 20-2" id="Group_20-2">
+        <circle style="fill: #ff8764;opacity: 0.25" cx="48.67" cy="48.67" r="48.67"/>
+        <circle style="fill: #ff8764;opacity: 0.5" cx="48.67" cy="48.67" r="44.31"/>
+        <circle style="fill: #ff8764" cx="48.67" cy="48.67" r="36.32"/>
+        <g data-name="Group 12-2" id="Group_12-2">
+          <g data-name="Group 11-2" id="Group_11-2">
+            <path style="fill: #fff" d="M63.27,48.66a1.46,1.46,0,0,0-2.92,0h0A11.68,11.68,0,1,1,37,49v-.33a1.46,1.46,0,0,0-2.92,0A14.59,14.59,0,0,0,47.22,63.2v5.91a1.46,1.46,0,1,0,2.92,0V63.19A14.59,14.59,0,0,0,63.27,48.66Z" data-name="Path 32-2" id="Path_32-2"/>
+            <path style="fill: #fff" d="M48.67,56a8.79,8.79,0,0,0,8.77-8.76V35.53a8.77,8.77,0,0,0-17.53,0V47.2A8.78,8.78,0,0,0,48.67,56ZM42.83,35.53a5.84,5.84,0,1,1,11.68,0V47.2a5.84,5.84,0,1,1-11.68,0Z" data-name="Path 33-2" id="Path_33-2"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/recording_on.svg

@@ -0,0 +1,30 @@
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 108.18 97.62" xmlns="http://www.w3.org/2000/svg">
+  <g data-name="Layer 2" id="Layer_2">
+    <g data-name="Layer 13" id="Layer_13">
+      <g>
+        <g data-name="Group 20-2" id="Group_20-2">
+          <circle style="fill: #ff8764;opacity: 0.25" cx="48.67" cy="48.95" r="48.67"/>
+          <circle style="fill: #ff8764;opacity: 0.5" cx="48.67" cy="48.95" r="44.31"/>
+          <circle style="fill: #ff8764" cx="48.67" cy="48.95" r="36.32"/>
+          <g data-name="Group 12-2" id="Group_12-2">
+            <g data-name="Group 11-2" id="Group_11-2">
+              <path style="fill: #fff" d="M63.27,48.94a1.46,1.46,0,0,0-2.92,0h0A11.68,11.68,0,0,1,37,49.27v-.33a1.46,1.46,0,0,0-2.92,0A14.59,14.59,0,0,0,47.22,63.48v5.91a1.46,1.46,0,1,0,2.92,0V63.47A14.59,14.59,0,0,0,63.27,48.94Z" data-name="Path 32-2" id="Path_32-2"/>
+              <path style="fill: #fff" d="M48.67,56.24a8.79,8.79,0,0,0,8.77-8.77V35.81a8.77,8.77,0,1,0-17.53,0V47.48A8.78,8.78,0,0,0,48.67,56.24ZM42.83,35.81a5.84,5.84,0,1,1,11.68,0V47.48a5.84,5.84,0,1,1-11.68,0Z" data-name="Path 33-2" id="Path_33-2"/>
+            </g>
+          </g>
+        </g>
+        <g data-name="Layer 2" id="Layer_2-2">
+          <g data-name="Layer 1-2" id="Layer_1-2">
+            <g>
+              <image style="opacity: 0.15000000596046448;isolation: isolate" height="60" transform="translate(48.18)" width="60" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsSAAALEgHS3X78AAAFh0lEQVRoQ+2a23LbOBBEm5K9WTvZ///R9Uq2JWEfyDYbrcGFF1cqTqZqChAJUDjoATCiPaSU8DvZodXgq9kf4K9uD60GW2wYhqHVxi198qayO3AAuQjau+89AcNezzPQwUq/7qaDCOt7gW8GFlAH9uvRhERwyepZu63gq4EDRQerq3sbNQeNPmfgW6BXAQeqOuAhqGs7NQdLAG6F6wq/CnzxpmWwESh9sDo/s2+k5E08BXW1NAzDsBR6EXABVqGO8lnrDu7AhLpOdZZaZ9ssxJdCdwMHsKriUcojxuce7bpDc5Cq6lX8MpUD7idBbRF0F3ABVpVUUHe9zz40DVtC0o9SJ/h16ncHjU5rAnfAEurR/EFKuqoM3Cv7HvhxKtmHpmGOXpWbwJNFm5Mq+gjgLynVdQKosgJrCL9hhHub/HUq+b1uN7neFdpV4OCsdWUfkMN9K7gqHQFfMIO+Tq4RocuAlqz0emg9CkfK0qnoNwB/mz/hHpr9uGklzOtUYc+IlwCkH/2AeZdvhnYReFI3ckJr+BLwCcCz1J+me6oygYFxoKrueXJOTguWriG/PqTFXF2u20fM6j4B+D75sziBuZ4VmOuX6rKdhz6Q7+jqB8zQTZVD4EKe7OvXw/kZI+wP5OBUWYE5SCpM4BPySVHVorOa11Rptg+tprCHMd13ZlWY0P8gh9aw1jWswB7KtOiMVmiuYY51U0j7+vUEg8C6fglKaKrcAvZQvsn90vl8xJyUUN0BlSPqDtgSDZY9IU1ghf6BfmDCAvFxpecyJ/wd87iocrae3UoKl2AjaB47ehzppvUdcUgDM1QJlqBn5IkMd3vdyVXlorVCmqbg0U4dncV6LFFhDtQ3LVVdYXkm6y6vz1BYWnUdt4B9bbjCuoEpeOTRsXTDPSxDWPtopnYUd+hNCkdh7Sor+CNy+JI7sMKW+jisQ3bBAm2FaQ6vk+Bru8f1eamjvX+PKgspm9YC9rVR8yi8PDJcjdYzo2e7dcMC88641KJNgdlO6Xo1Ieiwrf0BtBXWL0kV19z2ap/dVeFaO/ckpU7goslsAQMxHMur+aXiuhsrcK2Pp5EKvypyasA1dSNITfvexDVdTLjfpTXBUPdUchf4lsKRugoaATJZ0NyYz7qiDMzfwq/iCl9SvBsWaAMDOSzd81xCnpBnRJ4u6q8hPlOBT+Y6Cap6tE90gd8Bp5SS/BzuUVdfyzgsw5h9osTDgV8A/IccWhXX9e2wTWspnKRUReiqrue57KfpYg2YLwBexAnuKmtoR+s4LXrjYVYKZ/2ZRhBN+xSWr29KwGxzwgj5AuDfqXSlCe1hDXSo3LNLe0gfkK9fT//YR0P/FeUfD/qsM0ZgQtNPKCvctXZpIfC0jjmoaB1fMOfOmjKyvSunL+ccWEOeKlNpDWkqrDt2tGFVwVshrSrfMA5UVX5Dnsv6pLi6JWA9iwnnO3bPGgaA6t+Ni8AFlQl9Qa7qRzfkqhGW6nL35rHE0HeVuRGepU51FXiRukBbYWB+CDeGwUptxxDTnTd6U6ET6UedJjCafLi6umF1qQs0gEVlD21g/NKPpnLPB/8gznD29R5Bv1ud92rHUdOaCgehTWB+VlgFVlVdXX9eBH2x+lVKVzcBbXWBDmAxfZhC8x6/nAO7IH5r4cCqMpeDwrGubVbBAp3AQWgDcUgR+IgZuPRaBtZPlfZSQXVyF8ECncBAERq4B9ejy0FLO7tC3AruoIthASz/P63KXybopXdYLWD3EuRqWGAFMIDor4ssa65t3ZKUNf9ouwYWWAlM6wD36zVz6Kg+VjYMehMwrQLu11qmg9kVlLYLMM3AgX5Qt2xQe4DSdgVWC+AX2Z6Qap8GXDNOxmdB1eynAP9MW/unll/W/gB/dfsfuIIUwHATj10AAAAASUVORK5CYII="/>
+              <g>
+                <circle style="fill: #e4697b" cx="77.91" cy="20.73" r="11.5"/>
+                <circle style="fill: none;stroke: #fff;stroke-miterlimit: 10;stroke-width: 2.090909004211426px" cx="77.91" cy="20.73" r="11.5"/>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/reduce_size.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31.01 30.95">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_1-2" data-name="Layer 1">
+      <g>
+        <path d="M17.64,12H8.82a1.29,1.29,0,0,0,0,2.58h8.82a1.29,1.29,0,0,0,0-2.58Z" style="fill: #a6a8ba"/>
+        <path d="M13.24,23.87A10.64,10.64,0,1,1,23.87,13.24,10.64,10.64,0,0,1,13.24,23.87Zm17.39,4.94-7.17-7.17a13.21,13.21,0,1,0-1.83,1.83l7.17,7.17a1.5,1.5,0,0,0,1.83,0,1.3,1.3,0,0,0,0-1.83Z" style="fill: #a6a8ba"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/return.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_33" data-name="Layer 33">
+      <g id="arrow_right_alt1">
+        <path d="M32,16A16,16,0,1,0,16,32,16,16,0,0,0,32,16Zm-8,0-8,8V18H8V14h8V8Z" style="fill: #fff"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/search.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31.46 31.46">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Search">
+      <g id="Search-2" data-name="Search">
+        <g>
+          <path d="M18.39,26.14A13.07,13.07,0,1,1,31.46,13.07,13.08,13.08,0,0,1,18.39,26.14Zm0-22.91a9.84,9.84,0,1,0,9.84,9.84A9.85,9.85,0,0,0,18.39,3.23Z" style="fill: #ff8c67"/>
+          <rect x="-0.75" y="24.13" width="12.94" height="3.23" transform="translate(-16.53 11.58) rotate(-45)" style="fill: #ff8c67"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/share_aya.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.5 22.97">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_12" data-name="Layer 12">
+      <g id="Group_49-6" data-name="Group 49-6">
+        <path id="Path_49-6" data-name="Path 49-6" d="M17.67,15.31A3.22,3.22,0,0,0,15,16.49L7.66,12.37V10.6L15,6.48a3.75,3.75,0,0,0,2.65,1.18,3.83,3.83,0,1,0-3.83-3.83h0v.88L6.48,8.83A3.76,3.76,0,0,0,3.83,7.66a3.83,3.83,0,1,0,0,7.65,3.17,3.17,0,0,0,2.65-1.18l7.36,4.13v.88a3.83,3.83,0,1,0,3.83-3.83Z" style="fill: #a6a8ba;fill-rule: evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/stop.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_18" data-name="Layer 18">
+      <rect width="13" height="13" style="fill: #5b637a"/>
+    </g>
+  </g>
+</svg>

assets/icons/twitter.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.89 26.89">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_9" data-name="Layer 9">
+      <g>
+        <path d="M13.45,26.89h0A13.45,13.45,0,0,1,0,13.45H0A13.45,13.45,0,0,1,13.45,0h0A13.45,13.45,0,0,1,26.89,13.45h0A13.44,13.44,0,0,1,13.45,26.89Z" style="fill: #29a9e1"/>
+        <path d="M6.28,18a8.36,8.36,0,0,0,12.86-7.43A5.74,5.74,0,0,0,20.61,9a6,6,0,0,1-1.69.47,3,3,0,0,0,1.3-1.63,5.8,5.8,0,0,1-1.87.71,2.94,2.94,0,0,0-5,2.68A8.34,8.34,0,0,1,7.28,8.16a3,3,0,0,0,.91,3.93,3,3,0,0,1-1.33-.37,2.94,2.94,0,0,0,2.36,2.92,3,3,0,0,1-1.33,0,2.93,2.93,0,0,0,2.74,2A5.91,5.91,0,0,1,6.28,18Z" style="fill: #fff"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/user.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.13 34.2">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_32" data-name="Layer 32">
+      <g>
+        <path d="M22.66,8.09A8.1,8.1,0,1,1,14.57,0,8.09,8.09,0,0,1,22.66,8.09Z" style="fill: #868787"/>
+        <path d="M26.13,23.26a18.38,18.38,0,0,0-7.39-3.47H10.4A18.36,18.36,0,0,0,3,23.26a8.06,8.06,0,0,0-3,6.28V34.2H29.13V29.54A8,8,0,0,0,26.13,23.26Z" style="fill: #868787"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/user_logged.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.74 32.74">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_1-2" data-name="Layer 1">
+      <g>
+        <path d="M16.37,32.74A16.37,16.37,0,1,1,32.74,16.37,16.38,16.38,0,0,1,16.37,32.74Zm0-30.88A14.51,14.51,0,1,0,30.88,16.37,14.53,14.53,0,0,0,16.37,1.86Z" style="fill: #a6a8ba"/>
+        <path d="M16.37,22.25a7.52,7.52,0,1,1,7.52-7.52A7.52,7.52,0,0,1,16.37,22.25Zm0-13.17A5.66,5.66,0,1,0,22,14.73,5.65,5.65,0,0,0,16.37,9.08Z" style="fill: #a6a8ba"/>
+        <path d="M27.06,27.1A12,12,0,0,0,19.92,21l.56-1.78a13.82,13.82,0,0,1,8.25,7.09Z" style="fill: #a6a8ba"/>
+        <path d="M5.7,27.07,4,26.25a13.73,13.73,0,0,1,8.23-7L12.81,21A11.92,11.92,0,0,0,5.7,27.07Z" style="fill: #a6a8ba"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/icons/whatsapp.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.89 26.89">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_9" data-name="Layer 9">
+      <g>
+        <path d="M13.45,26.89h0A13.45,13.45,0,0,1,0,13.45H0A13.45,13.45,0,0,1,13.45,0h0A13.45,13.45,0,0,1,26.89,13.45h0A13.44,13.44,0,0,1,13.45,26.89Z" style="fill: #57f676"/>
+        <g>
+          <path d="M20.82,13.07a7.24,7.24,0,0,0-14.47-.13c0,.11,0,.21,0,.32a7.12,7.12,0,0,0,1,3.71L6.07,20.82l4-1.27a7.26,7.26,0,0,0,10.74-6.29ZM13.58,19.3a6.08,6.08,0,0,1-3.35-1L7.89,19l.76-2.24a6,6,0,0,1-1.16-3.54,5.68,5.68,0,0,1,0-.59,6.09,6.09,0,0,1,12.13.12c0,.15,0,.31,0,.47A6.07,6.07,0,0,1,13.58,19.3Z" style="fill: #fff;fill-rule: evenodd"/>
+          <path d="M16.9,14.71c-.18-.09-1-.52-1.21-.57s-.29-.09-.4.08a7.23,7.23,0,0,1-.57.69c-.1.12-.2.13-.38.05a4.84,4.84,0,0,1-2.42-2.1c-.1-.17,0-.27.08-.36l.27-.3.06-.09.12-.21a.31.31,0,0,0,0-.31l-.55-1.31c-.14-.35-.29-.29-.4-.29h-.34a.63.63,0,0,0-.47.22,2,2,0,0,0-.62,1.47,2.49,2.49,0,0,0,.09.6,4.25,4.25,0,0,0,.63,1.22,7.37,7.37,0,0,0,3,2.66c1.81.7,1.81.47,2.14.44a1.78,1.78,0,0,0,1.19-.84,1.52,1.52,0,0,0,.11-.84C17.2,14.84,17.08,14.8,16.9,14.71Z" style="fill: #fff;fill-rule: evenodd"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

assets/logos/cloud_logo.svg

@@ -0,0 +1,53 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43.8 45.12">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_1-2" data-name="Layer 1">
+      <g>
+        <g>
+          <path d="M20,42.54l-.34.21a.62.62,0,0,0-.19-.22.41.41,0,0,0-.23-.06.44.44,0,0,0-.3.1.32.32,0,0,0-.12.25c0,.14.11.25.31.33l.28.12a1.17,1.17,0,0,1,.51.34.8.8,0,0,1,.16.49.87.87,0,0,1-.26.64.88.88,0,0,1-.65.26.85.85,0,0,1-.61-.22,1,1,0,0,1-.3-.61l.43-.1a.75.75,0,0,0,.11.35.44.44,0,0,0,.38.18.42.42,0,0,0,.33-.13.46.46,0,0,0,.14-.34.33.33,0,0,0,0-.15.33.33,0,0,0-.07-.13.65.65,0,0,0-.12-.11l-.19-.09L19,43.53c-.39-.16-.58-.4-.58-.71a.7.7,0,0,1,.24-.54.92.92,0,0,1,.61-.21A.85.85,0,0,1,20,42.54Z" style="fill: #ea202d"/>
+          <path d="M20.56,43.52a1.33,1.33,0,0,1,.44-1,1.42,1.42,0,0,1,1-.43,1.4,1.4,0,0,1,1,.43,1.42,1.42,0,0,1,.43,1,1.37,1.37,0,0,1-.43,1A1.45,1.45,0,0,1,22,45a1.47,1.47,0,0,1-1-.38A1.38,1.38,0,0,1,20.56,43.52Zm.43,0a1,1,0,0,0,1.79.76,1.1,1.1,0,0,0,0-1.51,1,1,0,0,0-.74-.31,1,1,0,0,0-.75.31A1,1,0,0,0,21,43.53Z" style="fill: #ea202d"/>
+          <path d="M24.59,42.12v2.43h.83V45H24.16V42.12Z" style="fill: #ea202d"/>
+          <path d="M26.27,42.12v1.7a.94.94,0,0,0,.12.54.59.59,0,0,0,.5.24.58.58,0,0,0,.5-.24.94.94,0,0,0,.12-.54v-1.7h.43v1.82a1,1,0,0,1-.28.74,1.09,1.09,0,0,1-1.54,0,1,1,0,0,1-.28-.74V42.12Z" style="fill: #ea202d"/>
+          <path d="M29.5,42.52V45h-.42V42.52h-.65v-.4h1.72v.4Z" style="fill: #ea202d"/>
+          <path d="M31.07,42.12V45h-.43V42.12Z" style="fill: #ea202d"/>
+          <path d="M31.72,43.52a1.36,1.36,0,0,1,.43-1,1.48,1.48,0,0,1,2.52,1,1.37,1.37,0,0,1-.43,1,1.49,1.49,0,0,1-2,0A1.38,1.38,0,0,1,31.72,43.52Zm.43,0a1,1,0,0,0,1.79.76,1.1,1.1,0,0,0,0-1.51,1.05,1.05,0,0,0-1.49,0A1,1,0,0,0,32.15,43.53Z" style="fill: #ea202d"/>
+          <path d="M35.32,45v-3l2.06,2.16v-2h.43v3L35.74,43v2Z" style="fill: #ea202d"/>
+          <path d="M40.19,42.54l-.35.21a.53.53,0,0,0-.18-.22.49.49,0,0,0-.53,0,.32.32,0,0,0-.12.25c0,.14.1.25.31.33l.28.12a1.17,1.17,0,0,1,.51.34.79.79,0,0,1,.15.49.83.83,0,0,1-.26.64.85.85,0,0,1-.65.26.84.84,0,0,1-.6-.22,1,1,0,0,1-.3-.61l.43-.1a.75.75,0,0,0,.11.35.43.43,0,0,0,.38.18.44.44,0,0,0,.33-.13.45.45,0,0,0,.13-.34.34.34,0,0,0,0-.15.33.33,0,0,0-.07-.13.5.5,0,0,0-.13-.11l-.18-.09-.27-.12c-.39-.16-.58-.4-.58-.71a.7.7,0,0,1,.24-.54.9.9,0,0,1,.61-.21A.85.85,0,0,1,40.19,42.54Z" style="fill: #ea202d"/>
+        </g>
+        <g>
+          <path d="M6.27,34.85a2,2,0,0,0-.68-.8,1.87,1.87,0,0,0-1.1-.31,2.61,2.61,0,0,0-1,.2,2.94,2.94,0,0,0-.84.56,3.13,3.13,0,0,0-.61.85,3.21,3.21,0,0,0-.32,1.09,2.79,2.79,0,0,0,.06,1.09,2.17,2.17,0,0,0,.41.85,1.88,1.88,0,0,0,.7.54,2.21,2.21,0,0,0,1,.2A2.21,2.21,0,0,0,5,38.81,3.09,3.09,0,0,0,5.9,38l1.27.83A4.49,4.49,0,0,1,5.76,40a4,4,0,0,1-2,.48,4,4,0,0,1-1.61-.31,3.51,3.51,0,0,1-1.23-.85,3.31,3.31,0,0,1-.74-1.29A3.59,3.59,0,0,1,0,36.44a4.56,4.56,0,0,1,1.49-2.93,4.62,4.62,0,0,1,1.4-.84,4.48,4.48,0,0,1,1.68-.31,3.55,3.55,0,0,1,1.9.48,3.46,3.46,0,0,1,1.17,1.21Z" style="fill: #221f1f"/>
+          <path d="M13,40.27H8.05l1.71-7.68h1.7l-1.41,6.32h3.21Z" style="fill: #221f1f"/>
+          <path d="M22.61,38.07a4.41,4.41,0,0,1-1,1.28,4.66,4.66,0,0,1-1.36.85,4.46,4.46,0,0,1-1.64.3,3.88,3.88,0,0,1-1.58-.32,3.5,3.5,0,0,1-1.2-.87A3.27,3.27,0,0,1,15.13,38,3.76,3.76,0,0,1,15,36.44a4.68,4.68,0,0,1,.49-1.63,4.47,4.47,0,0,1,1-1.29,4.32,4.32,0,0,1,1.37-.85,4.27,4.27,0,0,1,1.64-.31,3.88,3.88,0,0,1,1.58.32,3.66,3.66,0,0,1,1.2.88A3.41,3.41,0,0,1,23,34.85a3.83,3.83,0,0,1,.13,1.59A4.68,4.68,0,0,1,22.61,38.07Zm-1.24-2.68a2.3,2.3,0,0,0-.36-.86,1.78,1.78,0,0,0-.67-.57,2,2,0,0,0-1-.22,2.22,2.22,0,0,0-1,.22,2.75,2.75,0,0,0-.82.57,3.07,3.07,0,0,0-.57.86,3.41,3.41,0,0,0-.29,1,3,3,0,0,0,0,1,2.33,2.33,0,0,0,.36.85,2,2,0,0,0,.66.58,2.13,2.13,0,0,0,1,.21,2.36,2.36,0,0,0,1-.21,2.78,2.78,0,0,0,.81-.58,3,3,0,0,0,.58-.85,3.43,3.43,0,0,0,.29-1A3.06,3.06,0,0,0,21.37,35.39Z" style="fill: #221f1f"/>
+          <path d="M31.43,37.67a3.65,3.65,0,0,1-.45,1.1,3.4,3.4,0,0,1-.78.91,3.48,3.48,0,0,1-1.09.6,4.11,4.11,0,0,1-1.4.22,3.32,3.32,0,0,1-1.41-.28,2.65,2.65,0,0,1-1.59-1.84,2.94,2.94,0,0,1,0-1.32c.19-.88.34-1.61.46-2.18s.22-1,.28-1.32.11-.54.14-.68,0-.24.05-.29h1.73l-1,4.65a1.63,1.63,0,0,0,0,.66A1.43,1.43,0,0,0,27.07,39a1.58,1.58,0,0,0,.76.17,2.08,2.08,0,0,0,.71-.13,2.42,2.42,0,0,0,.58-.35,2.33,2.33,0,0,0,.43-.51,2,2,0,0,0,.25-.61l1.11-4.93h1.73Z" style="fill: #221f1f"/>
+          <path d="M40.42,38a4.08,4.08,0,0,1-1,1.21A4.28,4.28,0,0,1,38.1,40a4.91,4.91,0,0,1-1.64.27H32.87l1.7-7.68h2.65a4.34,4.34,0,0,1,1.6.29,3.28,3.28,0,0,1,1.2.8,3.25,3.25,0,0,1,.73,1.21,3.45,3.45,0,0,1,.14,1.55A4.48,4.48,0,0,1,40.42,38Zm-1.29-2.57a2.11,2.11,0,0,0-.36-.79,1.83,1.83,0,0,0-.67-.52,2.18,2.18,0,0,0-1-.19H36l-1.11,5h1.62a2.45,2.45,0,0,0,1-.19,3,3,0,0,0,.83-.53,3.11,3.11,0,0,0,.6-.79,3,3,0,0,0,.29-1A2.93,2.93,0,0,0,39.13,35.45Z" style="fill: #221f1f"/>
+        </g>
+        <path d="M32,16.82s-.42-2.31-3.9-2.31a4.61,4.61,0,0,0-3.47-4.22s-.59-4.16-3.25-5.11L30.49,7.5s1.69,0,1.53,2.95Z" style="fill: #ea202d"/>
+        <path d="M19.12,4.45,2.64,0S.27-.34.21,1.81s0,12.27,0,12.27S2.53,10.29,8.64,11c0,0,1.11-6.55,7.32-3.55A3.73,3.73,0,0,1,19.12,4.45Z" style="fill: #ea202d"/>
+        <path d="M19.09,17.82s.37-2.16,2.05-1.58,4.64,2,4.64,2A2.45,2.45,0,0,1,27,20.77l-.3,2.53a1.23,1.23,0,0,1-1.81.95L19.51,22a1.57,1.57,0,0,1-.63-1.76Z" style="fill: #ea202d"/>
+        <path d="M12.35,19.61s.29-1.22,1.23-.83,2.57,1.28,2.57,1.28a1.4,1.4,0,0,1,.6,1.51L16.49,23a.71.71,0,0,1-1.07.48l-3-1.49a.89.89,0,0,1-.3-1Z" style="fill: #ea202d"/>
+        <path d="M30,18.45s.29-1.22,1.23-.83,2.58,1.28,2.58,1.28a1.39,1.39,0,0,1,.59,1.52l-.26,1.43a.7.7,0,0,1-1.06.47l-3-1.48a.9.9,0,0,1-.29-1Z" style="fill: #ea202d"/>
+        <path d="M15.89,11.52s.24-1,1-.7,2.17,1.08,2.17,1.08a1.18,1.18,0,0,1,.51,1.28l-.23,1.21a.59.59,0,0,1-.89.4L16,13.53a.76.76,0,0,1-.25-.87Z" style="fill: #ea202d"/>
+        <path d="M23.42,13.58s.21-.88.88-.6,1.84.92,1.84.92A1,1,0,0,1,26.57,15l-.19,1a.5.5,0,0,1-.76.34l-2.14-1.07a.64.64,0,0,1-.21-.73Z" style="fill: #ea202d"/>
+        <path d="M19.52,25s.21-.87.88-.59,1.84.92,1.84.92a1,1,0,0,1,.43,1.08l-.19,1a.5.5,0,0,1-.76.34l-2.13-1.07a.64.64,0,0,1-.22-.73Z" style="fill: #ea202d"/>
+        <path d="M10.6,13.58s.21-.88.88-.6,1.84.92,1.84.92A1,1,0,0,1,13.75,15l-.19,1a.5.5,0,0,1-.76.34l-2.13-1.07a.64.64,0,0,1-.22-.73Z" style="fill: #ea202d"/>
+        <path d="M35,27.42s.21-.87.88-.59,1.84.92,1.84.92a1,1,0,0,1,.43,1.08l-.19,1a.5.5,0,0,1-.76.34l-2.13-1.07a.64.64,0,0,1-.21-.73Z" style="fill: #ea202d"/>
+        <path d="M27.83,27.25s.12-.52.52-.35,1.08.54,1.08.54a.59.59,0,0,1,.26.64l-.12.6a.29.29,0,0,1-.44.2l-1.26-.63a.38.38,0,0,1-.13-.43Z" style="fill: #ea202d"/>
+        <path d="M7.4,20.08s.12-.51.52-.34S9,20.28,9,20.28a.57.57,0,0,1,.25.63l-.11.61a.3.3,0,0,1-.45.2l-1.25-.63a.38.38,0,0,1-.13-.43Z" style="fill: #ea202d"/>
+        <path d="M4.19,14.75s.12-.52.51-.35,1.09.54,1.09.54a.59.59,0,0,1,.25.64l-.11.6a.29.29,0,0,1-.45.2l-1.26-.63a.38.38,0,0,1-.12-.43Z" style="fill: #ea202d"/>
+        <g>
+          <path d="M2.26,30.72H2a.54.54,0,0,1-.56-.29.52.52,0,0,1-.54.29c-.47,0-.71-.31-.71-.93s.24-.89.71-.89h.75V30c0,.28.12.42.37.42h.22Zm-.94-1.51H.94a.3.3,0,0,0-.3.16.86.86,0,0,0-.08.42.88.88,0,0,0,.08.43.31.31,0,0,0,.3.17.3.3,0,0,0,.3-.17.88.88,0,0,0,.08-.43ZM1,28.33a.21.21,0,0,1-.2.21.21.21,0,0,1,0-.42A.21.21,0,0,1,1,28.33Zm.49,0a.21.21,0,0,1-.19.21.21.21,0,0,1,0-.42A.21.21,0,0,1,1.49,28.33Z" style="fill: #221f1f"/>
+          <path d="M3.15,30a.69.69,0,0,1-.19.51.63.63,0,0,1-.5.21H2.17v-.33h.27q.36,0,.36-.42V29l.35-.11Zm-.22,1.28a.21.21,0,0,1-.19.21.21.21,0,0,1,0-.42A.21.21,0,0,1,2.93,31.28Z" style="fill: #221f1f"/>
+          <path d="M4.52,30.72H4.13a.47.47,0,0,1-.49-.52v-2L4,28.12v2.06c0,.13.06.2.18.2h.35Z" style="fill: #221f1f"/>
+          <path d="M6.92,30.72H4.43v-.33H6.09v-.15A2.07,2.07,0,0,0,6,29.58a.48.48,0,0,0-.49-.34.74.74,0,0,0-.57.31l-.25-.26a1.12,1.12,0,0,1,.82-.39.81.81,0,0,1,.78.44,2.17,2.17,0,0,1,.14.9v.14h.47Z" style="fill: #221f1f"/>
+          <path d="M10.21,30.72H6.83v-.34h.44v-1l.35-.11v1.13h.74V29.19l.35-.11v1.3h.75V29l.35-.11v1.48h.4Z" style="fill: #221f1f"/>
+          <path d="M11.07,30a.73.73,0,0,1-.19.51.66.66,0,0,1-.51.21h-.24v-.34h.22c.24,0,.36-.14.36-.41V28.24l.36-.12Z" style="fill: #221f1f"/>
+          <path d="M11.9,30.72h-.35V28.24l.35-.12Z" style="fill: #221f1f"/>
+          <path d="M16.2,30.61c0,.59-.34.88-1,.88a1,1,0,0,1-.81-.33,1.8,1.8,0,0,1-.26-.92l.35-.13a1.52,1.52,0,0,0,.16.8.68.68,0,0,0,.56.22.76.76,0,0,0,.46-.1.46.46,0,0,0,.18-.41V28.24l.35-.12Z" style="fill: #221f1f"/>
+          <path d="M18.52,30.72h-.44a1,1,0,0,1-.24.54.71.71,0,0,1-.54.23.83.83,0,0,1-.43-.1L16.71,31a1.22,1.22,0,0,0,.58.15.48.48,0,0,0,.44-.44h-.29a.77.77,0,0,1-.58-.25.86.86,0,0,1-.19-.58,1.13,1.13,0,0,1,.17-.64.64.64,0,0,1,.57-.3c.47,0,.71.31.71.94,0,.13,0,.29,0,.5h.41Zm-.75-.83a1.21,1.21,0,0,0-.05-.4.3.3,0,0,0-.31-.21c-.25,0-.38.21-.38.61s.13.5.41.5h.33Z" style="fill: #221f1f"/>
+          <path d="M20,30.72h-.25a.69.69,0,0,1-.52-.22.65.65,0,0,1-.52.22h-.3v-.34h.28c.24,0,.37-.14.37-.41V28.24l.35-.12V30q0,.39.36.39H20Z" style="fill: #221f1f"/>
+          <path d="M21.9,30.72h-2v-.33h1.62v-.15a2,2,0,0,0-.08-.66.47.47,0,0,0-.49-.34.72.72,0,0,0-.56.31l-.26-.26A1.12,1.12,0,0,1,21,28.9a.79.79,0,0,1,.78.44,2.15,2.15,0,0,1,.15.9Z" style="fill: #221f1f"/>
+        </g>
+        <path d="M43.8,33.59a1.3,1.3,0,0,1-.39.95,1.27,1.27,0,0,1-.95.4,1.31,1.31,0,0,1-1-.4,1.28,1.28,0,0,1-.4-1,1.4,1.4,0,0,1,.13-.57,1.47,1.47,0,0,1,.36-.46A1.34,1.34,0,0,1,43,32.36a1.29,1.29,0,0,1,.57.49A1.31,1.31,0,0,1,43.8,33.59Zm-1.35-1.15a1,1,0,0,0-.79.34,1.09,1.09,0,0,0-.33.8,1.12,1.12,0,0,0,.33.82,1.07,1.07,0,0,0,.8.34,1,1,0,0,0,.79-.34,1.1,1.1,0,0,0,.33-.81,1.18,1.18,0,0,0-.13-.53,1,1,0,0,0-.34-.41A1.1,1.1,0,0,0,42.45,32.44Zm.14,1.28.5.65h-.36l-.46-.62v.62H42V32.81h.31a.77.77,0,0,1,.48.12.48.48,0,0,1,.08.62.46.46,0,0,1-.23.16Zm-.32-.22h0c.21,0,.32-.07.32-.22s-.1-.2-.31-.2h-.06Z" style="fill: #808083"/>
+      </g>
+    </g>
+  </g>
+</svg>

assets/logos/tangheem_logo.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.11 200">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_1-2" data-name="Layer 1">
+      <g>
+        <path d="M152.89,0c0,.93-.06,1.58,0,2.22.16,1.57-.5,2.4-2,3.11Q134,13.54,117.13,22a63,63,0,0,0-5.74,3.64c-.81-3.2-.51-4.43,2.09-6.12a78.43,78.43,0,0,1,8.44-4.85C131.51,10,141.16,5.41,150.79.82,151.37.55,152,.35,152.89,0Z" style="fill: #ff8c67"/>
+        <path d="M93.33,21.64c2.7,1.89,5.1,3.53,7.45,5.25a3.71,3.71,0,0,1,1.52,3.72,28.13,28.13,0,0,1-1,4.76c-1,3-6.26,5.21-9.16,3.84a4,4,0,0,1-2.61-3.62,10.56,10.56,0,0,1,.21-3.38C90.79,28.8,92,25.46,93.33,21.64Zm-.44,5.7c-.92,1.93-1.64,3.73-.49,5.52s3,1.71,4.8,1.33c.53-.11,1-.25,1.57-.41,1.23-.39,1.3-1.05.33-1.8C97.1,30.44,95.06,29,92.89,27.34Z" style="fill: #ff8c67"/>
+        <path d="M18.44,111.93c.31-1.91.55-3.84,1-5.73A21.3,21.3,0,0,1,20.72,102c.8-1.8,2.15-1.9,3.38-.4s1.17,3.34.28,5.35a10.09,10.09,0,0,0-1.23-1.44c-.48-.37-1.22-.92-1.61-.78a2.31,2.31,0,0,0-1.2,1.53c-.52,2.55-.86,5.13-1.29,7.7-.2,1.2-.43,2.4-.65,3.59l-.55.12a32.2,32.2,0,0,1-1.35-3.3,11.07,11.07,0,0,0-5.37-6.84,3.58,3.58,0,0,1-.9-5c.8-1,1.67-.72,2.27.15,1.67,2.39,3.26,4.83,4.83,7.28a11.8,11.8,0,0,1,.82,1.92Z" style="fill: #ff8c67"/>
+        <path d="M27.38,160.32c-.75,2.74-1.59,5.46-2.21,8.23a6.22,6.22,0,0,0,.14,3.26c.49,1.4,1.65,1.42,2.54.18a7.89,7.89,0,0,0,.65-1.3l.66-1.38a6.76,6.76,0,0,1-2.25,6.62c-1,.72-1.74.18-2.35-.59a6.43,6.43,0,0,1-1-5.72c.71-2.83,1.7-5.58,2.6-8.35a6.26,6.26,0,0,1,.61-1.1Z" style="fill: #ff8c67"/>
+        <text transform="translate(43.94 179.88)" style="font-size: 31.2093505859375px;fill: #ff8c67;font-family: NexaLight, Nexa Light">Tangheem</text>
+        <g>
+          <path d="M45,135.07A72.79,72.79,0,0,0,43.27,146l.22,1.35q4.74-3,6.39-4.13c4.41-2.9,6.63-4.38,6.68-4.43a9.19,9.19,0,0,0,3.23-7.06c0-.65,0-1.61-.11-2.86s-.11-2.2-.11-2.85A89.14,89.14,0,0,1,45,135.07Z" style="fill: #374061"/>
+          <path d="M76.5,53.86c.76-2.46,1.28-4.16,1.58-5.11q-.83-2.47-8.26-5a102.94,102.94,0,0,0-4.06,10.59,71.79,71.79,0,0,0,7.89,4.51Q75.22,57.92,76.5,53.86Z" style="fill: #374061"/>
+          <path d="M110.94,56.85q.53-1.35,1.73-5.48-.75-1.5-3.68-3.08-1.42-.75-4.58-2a108,108,0,0,0-4.06,10.59c3.46,2.2,6.08,3.81,7.89,4.81A13.24,13.24,0,0,0,110.94,56.85Z" style="fill: #374061"/>
+          <path d="M117.66,48.65a12.36,12.36,0,0,0,3.64-2.36A10.43,10.43,0,0,1,125,44q9-5.33,9-9.53,0-1.2-.12-3.69c-.07-1.65-.11-2.87-.11-3.68a116.65,116.65,0,0,1-14.65,9.24L117.51,44v3.16a6.38,6.38,0,0,0,.08.75A5.82,5.82,0,0,1,117.66,48.65Z" style="fill: #374061"/>
+          <path d="M141.1,71q-1.82-6.54-8.34-14.43-3.6,3-3.61,16.3c0,1.71.23,2.56.68,2.56a2.47,2.47,0,0,0,.6-.08,11.67,11.67,0,0,1,1.95-4.13q5,3.76,7.06,13.37a13.68,13.68,0,0,1-4,7l0-.07c-.91,1.31-3.67,3.56-7.57,6q-4.74,2.92-7.74,2.93a10.46,10.46,0,0,1-5-.91,15.56,15.56,0,0,0,2.4-8.71c0-3.4-.37-5.88-1.13-7.43l-.67.75c-.25,1.56-2.26,4.16-5.67,8.24v0q-5.72,6.23-10.52,6.23T92,96.75q-2.34-1.57-4.66-6.24,4.35-5.7,4.36-10.89,0-6.3-10.29-6.31a69.24,69.24,0,0,0-10.07.83c-2,.3-3.32.78-3.94,1.43s-1.07,2-1.32,4.05q-.68,5.41-.67,4.43v3.83l.15,2.18,4.73-.52a5.77,5.77,0,0,1,4.13,1.65,11.4,11.4,0,0,1-2.57,2.25v.09Q70.42,95.48,64.68,99c-3.16,2-5.74,2.93-7.74,2.93a10.6,10.6,0,0,1-5-.9,15.59,15.59,0,0,0,2.4-8.71c0-3.41-.37-5.89-1.13-7.44l-.67.75Q52.14,88,47,94.19v0Q33.34,105,26.87,109.57q-2.78,2-5.59,8.53t-2.82,10.25a18.73,18.73,0,0,0,2.4,9.84q-8.79,7.67-12.13,12.21a42,42,0,0,0-4.07,6.94C1.86,162.67,0,168.26,0,172.5,0,187.69,18.8,200,42,200c12.16,0,23.11-3.39,30.78-8.8A57.21,57.21,0,0,1,47,197c-23.2,0-42.68-10.91-41-26a5.89,5.89,0,0,1,.71-2.09,53.55,53.55,0,0,1,4.54-5.63Q12.38,162,24,151.56q8-7.22,10.59-13.07.9-2,.9-10c0-4.46-.45-7.18-1.35-8.19q-.07,0-3.61,5.75t-6.16,5.75c-.9,0-1.27-.28-1.12-.83q1.8-6.84,9.6-12.56l13.93-10.1h0l2.25-1.66q4.59,5.49,11,5.49a17.24,17.24,0,0,0,11.87-4.51v0c4.42-5,7.63-8.49,9.42-10.43Q87.78,111,97.76,111a20.12,20.12,0,0,0,12.32-4.21v0l2.21-1.62q4.59,5.47,11,5.48a17.23,17.23,0,0,0,11.87-4.5l.18-.09q7.14-6.84,7.14-18.78Q142.45,75.92,141.1,71Z" style="fill: #374061"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

assets/logos/tangheem_logo_dark_mode.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215.79 220.07">
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_1-2" data-name="Layer 1">
+      <g>
+        <path d="M168.23,0a23.81,23.81,0,0,0,0,2.44c.18,1.73-.55,2.64-2.16,3.42q-18.66,9-37.21,18.31a70.34,70.34,0,0,0-6.31,4c-.89-3.52-.56-4.87,2.3-6.74a85.34,85.34,0,0,1,9.28-5.33C144.71,11,155.33,6,165.93.91,166.56.61,167.24.39,168.23,0Z" style="fill: #ff8c67"/>
+        <path d="M102.69,23.81c3,2.08,5.62,3.89,8.21,5.77a4.13,4.13,0,0,1,1.67,4.11,30.75,30.75,0,0,1-1.09,5.23c-1.11,3.35-6.89,5.73-10.08,4.23a4.47,4.47,0,0,1-2.87-4,11.82,11.82,0,0,1,.22-3.72C99.91,31.7,101.25,28,102.69,23.81Zm-.47,6.27c-1,2.13-1.82,4.1-.55,6.08S105,38,107,37.62c.58-.12,1.15-.28,1.72-.45,1.36-.42,1.43-1.16.36-2C106.84,33.5,104.6,31.86,102.22,30.08Z" style="fill: #ff8c67"/>
+        <path d="M20.29,123.16c.35-2.1.6-4.23,1.06-6.31a23.46,23.46,0,0,1,1.45-4.58c.89-2,2.37-2.09,3.72-.43s1.29,3.67.31,5.88a10.5,10.5,0,0,0-1.36-1.58c-.53-.41-1.34-1-1.77-.86A2.57,2.57,0,0,0,22.38,117c-.57,2.81-.95,5.65-1.42,8.47-.22,1.32-.47,2.64-.72,4l-.59.12a35.57,35.57,0,0,1-1.5-3.63,12.14,12.14,0,0,0-5.9-7.52,4,4,0,0,1-1-5.52c.89-1.12,1.84-.79,2.51.16,1.83,2.63,3.58,5.32,5.31,8a12.86,12.86,0,0,1,.9,2.12Z" style="fill: #ff8c67"/>
+        <path d="M30.13,176.41c-.83,3-1.75,6-2.44,9.06a6.9,6.9,0,0,0,.16,3.58c.54,1.55,1.82,1.57,2.8.21a10.07,10.07,0,0,0,.72-1.43c.22-.46.43-.92.71-1.52a7.44,7.44,0,0,1-2.46,7.28c-1.13.79-1.93.2-2.59-.65a7.08,7.08,0,0,1-1.11-6.3c.77-3.11,1.87-6.14,2.85-9.19a7.47,7.47,0,0,1,.67-1.2Z" style="fill: #ff8c67"/>
+        <text transform="translate(48.35 197.93)" style="font-size: 34.34178161621094px;fill: #ff8c67;font-family: NexaLight, Nexa Light">Tangheem</text>
+        <g>
+          <path d="M49.51,148.62q-1.89,9.27-1.9,12l.25,1.49c3.47-2.21,5.81-3.72,7-4.55,4.84-3.19,7.3-4.82,7.35-4.88a10.11,10.11,0,0,0,3.56-7.77c0-.71,0-1.76-.13-3.14s-.12-2.42-.12-3.14A95.94,95.94,0,0,1,49.51,148.62Z" style="fill: #fff"/>
+          <path d="M84.18,59.26q1.25-4,1.74-5.62-.92-2.73-9.09-5.45a113.1,113.1,0,0,0-4.47,11.65,78.54,78.54,0,0,0,8.68,5Q82.78,63.74,84.18,59.26Z" style="fill: #fff"/>
+          <path d="M122.08,62.56c.38-1,1-3,1.9-6q-.83-1.65-4-3.39-1.58-.83-5-2.23a120.31,120.31,0,0,0-4.47,11.66q5.7,3.63,8.68,5.29A14.64,14.64,0,0,0,122.08,62.56Z" style="fill: #fff"/>
+          <path d="M129.47,53.53a13.26,13.26,0,0,0,4-2.6,11.61,11.61,0,0,1,4.09-2.52q9.92-5.86,9.92-10.5c0-.88,0-2.23-.13-4s-.12-3.16-.12-4.05A129.51,129.51,0,0,1,131.12,40l-1.81,8.43v3.47a5.76,5.76,0,0,0,.08.83A7.64,7.64,0,0,1,129.47,53.53Z" style="fill: #fff"/>
+          <path d="M155.26,78.17q-2-7.2-9.18-15.87-4,3.3-4,17.93c0,1.88.24,2.81.74,2.81a3,3,0,0,0,.66-.08,12.92,12.92,0,0,1,2.15-4.55q5.54,4.14,7.77,14.72a15,15,0,0,1-4.4,7.65l0-.07c-1,1.43-4,3.92-8.32,6.56-3.48,2.15-6.31,3.22-8.52,3.22a11.71,11.71,0,0,1-5.54-1,17.07,17.07,0,0,0,2.65-9.58q0-5.62-1.24-8.19l-.74.83c-.28,1.72-2.49,4.58-6.24,9.07v0q-6.28,6.87-11.57,6.86-5.46,0-8.35-2c-1.71-1.16-3.42-3.44-5.12-6.86q4.78-6.28,4.79-12,0-6.94-11.32-6.94a75.48,75.48,0,0,0-11.08.91c-2.2.33-3.65.85-4.34,1.57s-1.17,2.2-1.45,4.46q-.73,6-.74,4.88v4.22l.17,2.39,5.2-.58a6.36,6.36,0,0,1,4.55,1.82A12.35,12.35,0,0,1,79,102.82v.09q-1.55,2.15-7.87,6-5.2,3.22-8.52,3.22a11.64,11.64,0,0,1-5.53-1,17.15,17.15,0,0,0,2.64-9.59q0-5.61-1.24-8.18l-.74.83c-.27,1.73-2.3,4.86-6.06,9.4h0q-15,11.9-22.15,16.94-3.06,2.24-6.16,9.38t-3.1,11.28A20.55,20.55,0,0,0,23,152.06q-9.67,8.43-13.35,13.43a45.32,45.32,0,0,0-4.48,7.65C2,179,0,185.15,0,189.81c0,16.72,20.69,30.26,46.22,30.26,13.38,0,25.43-3.73,33.87-9.68a62.89,62.89,0,0,1-28.37,6.38c-25.53,0-47-12-45.12-28.61a6.42,6.42,0,0,1,.78-2.29,58.5,58.5,0,0,1,5-6.2q1.23-1.41,14.05-12.9,8.84-7.94,11.65-14.38,1-2.23,1-11,0-7.36-1.48-9-.09,0-4,6.32T26.84,145c-1,0-1.4-.3-1.24-.91q2-7.53,10.56-13.82L51.5,119.19h0L54,117.38q5,6,12.06,6a19,19,0,0,0,13.06-5v0C84,113,87.5,109.09,89.47,107q7.11,15.21,18.1,15.21a22.14,22.14,0,0,0,13.56-4.63v0l2.43-1.79q5,6,12.07,6a19,19,0,0,0,13.06-5l.2-.1q7.86-7.52,7.86-20.66Q156.75,83.54,155.26,78.17Z" style="fill: #fff"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>