Initial commit - CMS Gov Bapenda Garut dengan EditorJS

2026-01-05 06:47:36 +07:00
commit bd649bd5f2
634 changed files with 215640 additions and 0 deletions
--- a/assets/css/input.css
+++ b/assets/css/input.css
@@ -0,0 +1,371 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  /* Outfit Font Family - Path relative to output file (public/assets/css/app.css) */
+  @font-face {
+    font-family: 'Outfit';
+    src: url('../fonts/Outfit-woff/Outfit-Thin.woff2') format('woff2');
+    font-weight: 100;
+    font-style: normal;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Outfit';
+    src: url('../fonts/Outfit-woff/Outfit-ExtraLight.woff2') format('woff2');
+    font-weight: 200;
+    font-style: normal;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Outfit';
+    src: url('../fonts/Outfit-woff/Outfit-Light.woff2') format('woff2');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Outfit';
+    src: url('../fonts/Outfit-woff/Outfit-Regular.woff2') format('woff2');
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Outfit';
+    src: url('../fonts/Outfit-woff/Outfit-Medium.woff2') format('woff2');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Outfit';
+    src: url('../fonts/Outfit-woff/Outfit-SemiBold.woff2') format('woff2');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Outfit';
+    src: url('../fonts/Outfit-woff/Outfit-Bold.woff2') format('woff2');
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Outfit';
+    src: url('../fonts/Outfit-woff/Outfit-ExtraBold.woff2') format('woff2');
+    font-weight: 800;
+    font-style: normal;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Outfit';
+    src: url('../fonts/Outfit-woff/Outfit-Black.woff2') format('woff2');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+  }
+
+  /* Feather Icons Font */
+  @font-face {
+    font-family: 'feather';
+    src: url('../fonts/feather/feather-webfont.eot');
+    src: url('../fonts/feather/feather-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/feather/feather-webfont.woff') format('woff'),
+         url('../fonts/feather/feather-webfont.ttf') format('truetype'),
+         url('../fonts/feather/feather-webfont.svg#feather') format('svg');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+  }
+
+  /* Feather Icons Base Class */
+  .fe {
+    font-family: 'feather' !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+}
+
+@layer components {
+  /* Feather Icons - All Icons */
+  .fe-activity:before { content: "\e900"; }
+  .fe-airplay:before { content: "\e901"; }
+  .fe-alert-circle:before { content: "\e902"; }
+  .fe-alert-octagon:before { content: "\e903"; }
+  .fe-alert-triangle:before { content: "\e904"; }
+  .fe-align-center:before { content: "\e905"; }
+  .fe-align-justify:before { content: "\e906"; }
+  .fe-align-left:before { content: "\e907"; }
+  .fe-align-right:before { content: "\e908"; }
+  .fe-anchor:before { content: "\e909"; }
+  .fe-aperture:before { content: "\e90a"; }
+  .fe-arrow-down:before { content: "\e90b"; }
+  .fe-arrow-down-circle:before { content: "\e90c"; }
+  .fe-arrow-down-left:before { content: "\e90d"; }
+  .fe-arrow-down-right:before { content: "\e90e"; }
+  .fe-arrow-left:before { content: "\e90f"; }
+  .fe-arrow-left-circle:before { content: "\e910"; }
+  .fe-arrow-right:before { content: "\e911"; }
+  .fe-arrow-right-circle:before { content: "\e912"; }
+  .fe-arrow-up:before { content: "\e913"; }
+  .fe-arrow-up-circle:before { content: "\e914"; }
+  .fe-arrow-up-left:before { content: "\e915"; }
+  .fe-arrow-up-right:before { content: "\e916"; }
+  .fe-at-sign:before { content: "\e917"; }
+  .fe-award:before { content: "\e918"; }
+  .fe-bar-chart:before { content: "\e919"; }
+  .fe-bar-chart-2:before { content: "\e91a"; }
+  .fe-battery:before { content: "\e91b"; }
+  .fe-battery-charging:before { content: "\e91c"; }
+  .fe-bell:before { content: "\e91d"; }
+  .fe-bell-off:before { content: "\e91e"; }
+  .fe-bluetooth:before { content: "\e91f"; }
+  .fe-bold:before { content: "\e920"; }
+  .fe-book:before { content: "\e921"; }
+  .fe-book-open:before { content: "\e922"; }
+  .fe-bookmark:before { content: "\e923"; }
+  .fe-box:before { content: "\e924"; }
+  .fe-briefcase:before { content: "\e925"; }
+  .fe-calendar:before { content: "\e926"; }
+  .fe-camera:before { content: "\e927"; }
+  .fe-camera-off:before { content: "\e928"; }
+  .fe-cast:before { content: "\e929"; }
+  .fe-check:before { content: "\e92a"; }
+  .fe-check-circle:before { content: "\e92b"; }
+  .fe-check-square:before { content: "\e92c"; }
+  .fe-chevron-down:before { content: "\e92d"; }
+  .fe-chevron-left:before { content: "\e92e"; }
+  .fe-chevron-right:before { content: "\e92f"; }
+  .fe-chevron-up:before { content: "\e930"; }
+  .fe-chevrons-down:before { content: "\e931"; }
+  .fe-chevrons-left:before { content: "\e932"; }
+  .fe-chevrons-right:before { content: "\e933"; }
+  .fe-chevrons-up:before { content: "\e934"; }
+  .fe-chrome:before { content: "\e935"; }
+  .fe-circle:before { content: "\e936"; }
+  .fe-clipboard:before { content: "\e937"; }
+  .fe-clock:before { content: "\e938"; }
+  .fe-cloud:before { content: "\e939"; }
+  .fe-cloud-drizzle:before { content: "\e93a"; }
+  .fe-cloud-lightning:before { content: "\e93b"; }
+  .fe-cloud-off:before { content: "\e93c"; }
+  .fe-cloud-rain:before { content: "\e93d"; }
+  .fe-cloud-snow:before { content: "\e93e"; }
+  .fe-code:before { content: "\e93f"; }
+  .fe-codepen:before { content: "\e940"; }
+  .fe-command:before { content: "\e941"; }
+  .fe-compass:before { content: "\e942"; }
+  .fe-copy:before { content: "\e943"; }
+  .fe-corner-down-left:before { content: "\e944"; }
+  .fe-corner-down-right:before { content: "\e945"; }
+  .fe-corner-left-down:before { content: "\e946"; }
+  .fe-corner-left-up:before { content: "\e947"; }
+  .fe-corner-right-down:before { content: "\e948"; }
+  .fe-corner-right-up:before { content: "\e949"; }
+  .fe-corner-up-left:before { content: "\e94a"; }
+  .fe-corner-up-right:before { content: "\e94b"; }
+  .fe-cpu:before { content: "\e94c"; }
+  .fe-credit-card:before { content: "\e94d"; }
+  .fe-crop:before { content: "\e94e"; }
+  .fe-crosshair:before { content: "\e94f"; }
+  .fe-database:before { content: "\e950"; }
+  .fe-delete:before { content: "\e951"; }
+  .fe-disc:before { content: "\e952"; }
+  .fe-dollar-sign:before { content: "\e953"; }
+  .fe-download:before { content: "\e954"; }
+  .fe-download-cloud:before { content: "\e955"; }
+  .fe-droplet:before { content: "\e956"; }
+  .fe-edit:before { content: "\e957"; }
+  .fe-edit-2:before { content: "\e958"; }
+  .fe-edit-3:before { content: "\e959"; }
+  .fe-external-link:before { content: "\e95a"; }
+  .fe-eye:before { content: "\e95b"; }
+  .fe-eye-off:before { content: "\e95c"; }
+  .fe-facebook:before { content: "\e95d"; }
+  .fe-fast-forward:before { content: "\e95e"; }
+  .fe-feather:before { content: "\e95f"; }
+  .fe-file:before { content: "\e960"; }
+  .fe-file-minus:before { content: "\e961"; }
+  .fe-file-plus:before { content: "\e962"; }
+  .fe-file-text:before { content: "\e963"; }
+  .fe-film:before { content: "\e964"; }
+  .fe-filter:before { content: "\e965"; }
+  .fe-flag:before { content: "\e966"; }
+  .fe-folder:before { content: "\e967"; }
+  .fe-folder-minus:before { content: "\e968"; }
+  .fe-folder-plus:before { content: "\e969"; }
+  .fe-git-branch:before { content: "\e96a"; }
+  .fe-git-commit:before { content: "\e96b"; }
+  .fe-git-merge:before { content: "\e96c"; }
+  .fe-git-pull-request:before { content: "\e96d"; }
+  .fe-github:before { content: "\e96e"; }
+  .fe-gitlab:before { content: "\e96f"; }
+  .fe-globe:before { content: "\e970"; }
+  .fe-grid:before { content: "\e971"; }
+  .fe-hard-drive:before { content: "\e972"; }
+  .fe-hash:before { content: "\e973"; }
+  .fe-headphones:before { content: "\e974"; }
+  .fe-heart:before { content: "\e975"; }
+  .fe-help-circle:before { content: "\e976"; }
+  .fe-home:before { content: "\e977"; }
+  .fe-image:before { content: "\e978"; }
+  .fe-inbox:before { content: "\e979"; }
+  .fe-info:before { content: "\e97a"; }
+  .fe-instagram:before { content: "\e97b"; }
+  .fe-italic:before { content: "\e97c"; }
+  .fe-layers:before { content: "\e97d"; }
+  .fe-layout:before { content: "\e97e"; }
+  .fe-life-buoy:before { content: "\e97f"; }
+  .fe-link:before { content: "\e980"; }
+  .fe-link-2:before { content: "\e981"; }
+  .fe-linkedin:before { content: "\e982"; }
+  .fe-list:before { content: "\e983"; }
+  .fe-loader:before { content: "\e984"; }
+  .fe-lock:before { content: "\e985"; }
+  .fe-log-in:before { content: "\e986"; }
+  .fe-log-out:before { content: "\e987"; }
+  .fe-mail:before { content: "\e988"; }
+  .fe-map:before { content: "\e989"; }
+  .fe-map-pin:before { content: "\e98a"; }
+  .fe-maximize:before { content: "\e98b"; }
+  .fe-maximize-2:before { content: "\e98c"; }
+  .fe-menu:before { content: "\e98d"; }
+  .fe-message-circle:before { content: "\e98e"; }
+  .fe-message-square:before { content: "\e98f"; }
+  .fe-mic:before { content: "\e990"; }
+  .fe-mic-off:before { content: "\e991"; }
+  .fe-minimize:before { content: "\e992"; }
+  .fe-minimize-2:before { content: "\e993"; }
+  .fe-minus:before { content: "\e994"; }
+  .fe-minus-circle:before { content: "\e995"; }
+  .fe-minus-square:before { content: "\e996"; }
+  .fe-monitor:before { content: "\e997"; }
+  .fe-moon:before { content: "\e998"; }
+  .fe-more-horizontal:before { content: "\e999"; }
+  .fe-more-vertical:before { content: "\e99a"; }
+  .fe-move:before { content: "\e99b"; }
+  .fe-music:before { content: "\e99c"; }
+  .fe-navigation:before { content: "\e99d"; }
+  .fe-navigation-2:before { content: "\e99e"; }
+  .fe-octagon:before { content: "\e99f"; }
+  .fe-package:before { content: "\e9a0"; }
+  .fe-paperclip:before { content: "\e9a1"; }
+  .fe-pause:before { content: "\e9a2"; }
+  .fe-pause-circle:before { content: "\e9a3"; }
+  .fe-percent:before { content: "\e9a4"; }
+  .fe-phone:before { content: "\e9a5"; }
+  .fe-phone-call:before { content: "\e9a6"; }
+  .fe-phone-forwarded:before { content: "\e9a7"; }
+  .fe-phone-incoming:before { content: "\e9a8"; }
+  .fe-phone-missed:before { content: "\e9a9"; }
+  .fe-phone-off:before { content: "\e9aa"; }
+  .fe-phone-outgoing:before { content: "\e9ab"; }
+  .fe-pie-chart:before { content: "\e9ac"; }
+  .fe-play:before { content: "\e9ad"; }
+  .fe-play-circle:before { content: "\e9ae"; }
+  .fe-plus:before { content: "\e9af"; }
+  .fe-plus-circle:before { content: "\e9b0"; }
+  .fe-plus-square:before { content: "\e9b1"; }
+  .fe-pocket:before { content: "\e9b2"; }
+  .fe-power:before { content: "\e9b3"; }
+  .fe-printer:before { content: "\e9b4"; }
+  .fe-radio:before { content: "\e9b5"; }
+  .fe-refresh-ccw:before { content: "\e9b6"; }
+  .fe-refresh-cw:before { content: "\e9b7"; }
+  .fe-repeat:before { content: "\e9b8"; }
+  .fe-rewind:before { content: "\e9b9"; }
+  .fe-rotate-ccw:before { content: "\e9ba"; }
+  .fe-rotate-cw:before { content: "\e9bb"; }
+  .fe-rss:before { content: "\e9bc"; }
+  .fe-save:before { content: "\e9bd"; }
+  .fe-scissors:before { content: "\e9be"; }
+  .fe-search:before { content: "\e9bf"; }
+  .fe-send:before { content: "\e9c0"; }
+  .fe-server:before { content: "\e9c1"; }
+  .fe-settings:before { content: "\e9c2"; }
+  .fe-share:before { content: "\e9c3"; }
+  .fe-share-2:before { content: "\e9c4"; }
+  .fe-shield:before { content: "\e9c5"; }
+  .fe-shield-off:before { content: "\e9c6"; }
+  .fe-shopping-bag:before { content: "\e9c7"; }
+  .fe-shopping-cart:before { content: "\e9c8"; }
+  .fe-shuffle:before { content: "\e9c9"; }
+  .fe-sidebar:before { content: "\e9ca"; }
+  .fe-skip-back:before { content: "\e9cb"; }
+  .fe-skip-forward:before { content: "\e9cc"; }
+  .fe-slack:before { content: "\e9cd"; }
+  .fe-slash:before { content: "\e9ce"; }
+  .fe-sliders:before { content: "\e9cf"; }
+  .fe-smartphone:before { content: "\e9d0"; }
+  .fe-speaker:before { content: "\e9d1"; }
+  .fe-square:before { content: "\e9d2"; }
+  .fe-star:before { content: "\e9d3"; }
+  .fe-stop-circle:before { content: "\e9d4"; }
+  .fe-sun:before { content: "\e9d5"; }
+  .fe-sunrise:before { content: "\e9d6"; }
+  .fe-sunset:before { content: "\e9d7"; }
+  .fe-tablet:before { content: "\e9d8"; }
+  .fe-tag:before { content: "\e9d9"; }
+  .fe-target:before { content: "\e9da"; }
+  .fe-terminal:before { content: "\e9db"; }
+  .fe-thermometer:before { content: "\e9dc"; }
+  .fe-thumbs-down:before { content: "\e9dd"; }
+  .fe-thumbs-up:before { content: "\e9de"; }
+  .fe-toggle-left:before { content: "\e9df"; }
+  .fe-toggle-right:before { content: "\e9e0"; }
+  .fe-trash:before { content: "\e9e1"; }
+  .fe-trash-2:before { content: "\e9e2"; }
+  .fe-trending-down:before { content: "\e9e3"; }
+  .fe-trending-up:before { content: "\e9e4"; }
+  .fe-triangle:before { content: "\e9e5"; }
+  .fe-truck:before { content: "\e9e6"; }
+  .fe-tv:before { content: "\e9e7"; }
+  .fe-twitter:before { content: "\e9e8"; }
+  .fe-type:before { content: "\e9e9"; }
+  .fe-umbrella:before { content: "\e9ea"; }
+  .fe-underline:before { content: "\e9eb"; }
+  .fe-unlock:before { content: "\e9ec"; }
+  .fe-upload:before { content: "\e9ed"; }
+  .fe-upload-cloud:before { content: "\e9ee"; }
+  .fe-user:before { content: "\e9ef"; }
+  .fe-user-check:before { content: "\e9f0"; }
+  .fe-user-minus:before { content: "\e9f1"; }
+  .fe-user-plus:before { content: "\e9f2"; }
+  .fe-user-x:before { content: "\e9f3"; }
+  .fe-users:before { content: "\e9f4"; }
+  .fe-video:before { content: "\e9f5"; }
+  .fe-video-off:before { content: "\e9f6"; }
+  .fe-voicemail:before { content: "\e9f7"; }
+  .fe-volume:before { content: "\e9f8"; }
+  .fe-volume-1:before { content: "\e9f9"; }
+  .fe-volume-2:before { content: "\e9fa"; }
+  .fe-volume-x:before { content: "\e9fb"; }
+  .fe-watch:before { content: "\e9fc"; }
+  .fe-wifi:before { content: "\e9fd"; }
+  .fe-wifi-off:before { content: "\e9fe"; }
+  .fe-wind:before { content: "\e9ff"; }
+  .fe-x:before { content: "\ea00"; }
+  .fe-x-circle:before { content: "\ea01"; }
+  .fe-x-square:before { content: "\ea02"; }
+  .fe-zap:before { content: "\ea03"; }
+  .fe-zap-off:before { content: "\ea04"; }
+  .fe-zoom-in:before { content: "\ea05"; }
+  .fe-zoom-out:before { content: "\ea06"; }
+}
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -0,0 +1,751 @@
+@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap")
+layer(base);
+
+@import "tailwindcss";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme {
+  --font-*: initial;
+  --font-outfit: Outfit, sans-serif;
+
+  --breakpoint-*: initial;
+  --breakpoint-2xsm: 375px;
+  --breakpoint-xsm: 425px;
+  --breakpoint-3xl: 2000px;
+  --breakpoint-sm: 640px;
+  --breakpoint-md: 768px;
+  --breakpoint-lg: 1024px;
+  --breakpoint-xl: 1280px;
+  --breakpoint-2xl: 1536px;
+
+  --text-title-2xl: 72px;
+  --text-title-2xl--line-height: 90px;
+  --text-title-xl: 60px;
+  --text-title-xl--line-height: 72px;
+  --text-title-lg: 48px;
+  --text-title-lg--line-height: 60px;
+  --text-title-md: 36px;
+  --text-title-md--line-height: 44px;
+  --text-title-sm: 30px;
+  --text-title-sm--line-height: 38px;
+  --text-theme-xl: 20px;
+  --text-theme-xl--line-height: 30px;
+  --text-theme-sm: 14px;
+  --text-theme-sm--line-height: 20px;
+  --text-theme-xs: 12px;
+  --text-theme-xs--line-height: 18px;
+
+  --color-current: currentColor;
+  --color-transparent: transparent;
+  --color-white: #ffffff;
+  --color-black: #101828;
+
+  --color-brand-25: #f2f7ff;
+  --color-brand-50: #ecf3ff;
+  --color-brand-100: #dde9ff;
+  --color-brand-200: #c2d6ff;
+  --color-brand-300: #9cb9ff;
+  --color-brand-400: #7592ff;
+  --color-brand-500: #465fff;
+  --color-brand-600: #3641f5;
+  --color-brand-700: #2a31d8;
+  --color-brand-800: #252dae;
+  --color-brand-900: #262e89;
+  --color-brand-950: #161950;
+
+  --color-blue-light-25: #f5fbff;
+  --color-blue-light-50: #f0f9ff;
+  --color-blue-light-100: #e0f2fe;
+  --color-blue-light-200: #b9e6fe;
+  --color-blue-light-300: #7cd4fd;
+  --color-blue-light-400: #36bffa;
+  --color-blue-light-500: #0ba5ec;
+  --color-blue-light-600: #0086c9;
+  --color-blue-light-700: #026aa2;
+  --color-blue-light-800: #065986;
+  --color-blue-light-900: #0b4a6f;
+  --color-blue-light-950: #062c41;
+
+  --color-gray-25: #fcfcfd;
+  --color-gray-50: #f9fafb;
+  --color-gray-100: #f2f4f7;
+  --color-gray-200: #e4e7ec;
+  --color-gray-300: #d0d5dd;
+  --color-gray-400: #98a2b3;
+  --color-gray-500: #667085;
+  --color-gray-600: #475467;
+  --color-gray-700: #344054;
+  --color-gray-800: #1d2939;
+  --color-gray-900: #101828;
+  --color-gray-950: #0c111d;
+  --color-gray-dark: #1a2231;
+
+  --color-orange-25: #fffaf5;
+  --color-orange-50: #fff6ed;
+  --color-orange-100: #ffead5;
+  --color-orange-200: #fddcab;
+  --color-orange-300: #feb273;
+  --color-orange-400: #fd853a;
+  --color-orange-500: #fb6514;
+  --color-orange-600: #ec4a0a;
+  --color-orange-700: #c4320a;
+  --color-orange-800: #9c2a10;
+  --color-orange-900: #7e2410;
+  --color-orange-950: #511c10;
+
+  --color-success-25: #f6fef9;
+  --color-success-50: #ecfdf3;
+  --color-success-100: #d1fadf;
+  --color-success-200: #a6f4c5;
+  --color-success-300: #6ce9a6;
+  --color-success-400: #32d583;
+  --color-success-500: #12b76a;
+  --color-success-600: #039855;
+  --color-success-700: #027a48;
+  --color-success-800: #05603a;
+  --color-success-900: #054f31;
+  --color-success-950: #053321;
+
+  --color-error-25: #fffbfa;
+  --color-error-50: #fef3f2;
+  --color-error-100: #fee4e2;
+  --color-error-200: #fecdca;
+  --color-error-300: #fda29b;
+  --color-error-400: #f97066;
+  --color-error-500: #f04438;
+  --color-error-600: #d92d20;
+  --color-error-700: #b42318;
+  --color-error-800: #912018;
+  --color-error-900: #7a271a;
+  --color-error-950: #55160c;
+
+  --color-warning-25: #fffcf5;
+  --color-warning-50: #fffaeb;
+  --color-warning-100: #fef0c7;
+  --color-warning-200: #fedf89;
+  --color-warning-300: #fec84b;
+  --color-warning-400: #fdb022;
+  --color-warning-500: #f79009;
+  --color-warning-600: #dc6803;
+  --color-warning-700: #b54708;
+  --color-warning-800: #93370d;
+  --color-warning-900: #7a2e0e;
+  --color-warning-950: #4e1d09;
+
+  --color-theme-pink-500: #ee46bc;
+
+  --color-theme-purple-500: #7a5af8;
+
+  --shadow-theme-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1),
+    0px 2px 4px -2px rgba(16, 24, 40, 0.06);
+  --shadow-theme-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
+    0px 4px 6px -2px rgba(16, 24, 40, 0.03);
+  --shadow-theme-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
+    0px 1px 2px 0px rgba(16, 24, 40, 0.06);
+  --shadow-theme-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  --shadow-theme-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),
+    0px 8px 8px -4px rgba(16, 24, 40, 0.03);
+  --shadow-datepicker: -5px 0 0 #262d3c, 5px 0 0 #262d3c;
+  --shadow-focus-ring: 0px 0px 0px 4px rgba(70, 95, 255, 0.12);
+  --shadow-slider-navigation: 0px 1px 2px 0px rgba(16, 24, 40, 0.1),
+    0px 1px 3px 0px rgba(16, 24, 40, 0.1);
+  --shadow-tooltip: 0px 4px 6px -2px rgba(16, 24, 40, 0.05),
+    -8px 0px 20px 8px rgba(16, 24, 40, 0.05);
+
+  --drop-shadow-4xl: 0 35px 35px rgba(0, 0, 0, 0.25),
+    0 45px 65px rgba(0, 0, 0, 0.15);
+
+  --z-index-1: 1;
+  --z-index-9: 9;
+  --z-index-99: 99;
+  --z-index-999: 999;
+  --z-index-9999: 9999;
+  --z-index-99999: 99999;
+  --z-index-999999: 999999;
+}
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+  button:not(:disabled),
+  [role="button"]:not(:disabled) {
+    cursor: pointer;
+  }
+}
+
+@utility menu-item {
+  @apply text-theme-sm relative flex items-center gap-3 rounded-lg px-3 py-2 font-medium;
+}
+
+@utility menu-item-active {
+  @apply bg-brand-50 text-brand-500 dark:bg-brand-500/[0.12] dark:text-brand-400;
+}
+
+@utility menu-item-inactive {
+  @apply text-gray-700 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-300 dark:hover:bg-white/5 dark:hover:text-gray-300;
+}
+
+@utility menu-item-icon-active {
+  @apply fill-brand-500 dark:fill-brand-400;
+}
+
+@utility menu-item-icon-inactive {
+  @apply fill-gray-500 group-hover:fill-gray-700 dark:fill-gray-400 dark:group-hover:fill-gray-300;
+}
+
+@utility menu-item-arrow {
+  @apply absolute top-1/2 right-2.5 -translate-y-1/2;
+}
+
+@utility menu-item-arrow-active {
+  @apply stroke-brand-500 dark:stroke-brand-400 rotate-180;
+}
+
+@utility menu-item-arrow-inactive {
+  @apply stroke-gray-500 group-hover:stroke-gray-700 dark:stroke-gray-400 dark:group-hover:stroke-gray-300;
+}
+
+@utility menu-dropdown-item {
+  @apply text-theme-sm relative flex items-center gap-3 rounded-lg px-3 py-2.5 font-medium;
+}
+
+@utility menu-dropdown-item-active {
+  @apply bg-brand-50 text-brand-500 dark:bg-brand-500/[0.12] dark:text-brand-400;
+}
+
+@utility menu-dropdown-item-inactive {
+  @apply text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-white/5;
+}
+
+@utility menu-dropdown-badge {
+  @apply text-brand-500 dark:text-brand-400 block rounded-full px-2.5 py-0.5 text-xs font-medium uppercase;
+}
+
+@utility menu-dropdown-badge-active {
+  @apply bg-brand-100 dark:bg-brand-500/20;
+}
+
+@utility menu-dropdown-badge-inactive {
+  @apply bg-brand-50 group-hover:bg-brand-100 dark:bg-brand-500/15 dark:group-hover:bg-brand-500/20;
+}
+
+@utility no-scrollbar {
+  /* Chrome, Safari and Opera */
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
+}
+
+@utility custom-scrollbar {
+  &::-webkit-scrollbar {
+    @apply size-1.5;
+  }
+
+  &::-webkit-scrollbar-track {
+    @apply rounded-full;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    @apply rounded-full bg-gray-200;
+  }
+}
+
+.dark .custom-scrollbar::-webkit-scrollbar-thumb {
+  background-color: #344054;
+}
+
+@layer base {
+  body {
+    @apply font-outfit relative z-1 bg-gray-50 text-base font-normal;
+  }
+}
+
+@layer utilities {
+  /* For Remove Date Icon */
+  input[type="date"]::-webkit-inner-spin-button,
+  input[type="time"]::-webkit-inner-spin-button,
+  input[type="date"]::-webkit-calendar-picker-indicator,
+  input[type="time"]::-webkit-calendar-picker-indicator {
+    display: none;
+    -webkit-appearance: none;
+  }
+}
+
+.sidebar:hover {
+  width: 290px;
+}
+.sidebar:hover .logo {
+  display: block;
+}
+.sidebar:hover .logo-icon {
+  display: none;
+}
+.sidebar:hover .sidebar-header {
+  justify-content: space-between;
+}
+.sidebar:hover .menu-group-title {
+  display: block;
+}
+.sidebar:hover .menu-group-icon {
+  display: none;
+}
+
+.sidebar:hover .menu-item-text {
+  display: inline;
+}
+
+.sidebar:hover .menu-item-arrow {
+  display: block;
+}
+
+.sidebar:hover .menu-dropdown {
+  display: flex;
+}
+
+.tableCheckbox:checked ~ span span {
+  @apply opacity-100;
+}
+.tableCheckbox:checked ~ span {
+  @apply border-brand-500 bg-brand-500;
+}
+
+/* third-party libraries CSS */
+.apexcharts-legend-text {
+  @apply text-gray-700! dark:text-gray-400!;
+}
+
+.apexcharts-text {
+  @apply fill-gray-700! dark:fill-gray-400!;
+}
+
+.apexcharts-tooltip.apexcharts-theme-light {
+  @apply shadow-theme-sm! gap-1 rounded-lg! border-gray-200! p-3 dark:border-gray-800! dark:bg-gray-900!;
+}
+
+.apexcharts-tooltip-marker {
+  @apply mr-1.5! h-1.5! w-1.5!;
+}
+.apexcharts-legend-text {
+  @apply pl-5! text-gray-700! dark:text-gray-400!;
+}
+.apexcharts-tooltip-series-group {
+  @apply p-0!;
+}
+.apexcharts-tooltip-y-group {
+  @apply p-0!;
+}
+.apexcharts-tooltip-title {
+  @apply mb-0! border-b-0! bg-transparent! p-0! text-[10px]! leading-4! text-gray-800! dark:text-white/90!;
+}
+.apexcharts-tooltip-text {
+  @apply text-theme-xs! text-gray-700! dark:text-white/90!;
+}
+.apexcharts-tooltip-text-y-value {
+  @apply font-medium!;
+}
+
+.apexcharts-gridline {
+  @apply stroke-gray-100! dark:stroke-gray-800!;
+}
+#chartTwo .apexcharts-datalabels-group {
+  @apply -translate-y-24!;
+}
+#chartTwo .apexcharts-datalabels-group .apexcharts-text {
+  @apply fill-gray-800! font-semibold! dark:fill-white/90!;
+}
+
+#chartSixteen .apexcharts-legend {
+  @apply p-0! pl-6!;
+}
+
+.jvm-container {
+  @apply bg-gray-50! dark:bg-gray-900!;
+}
+.jvm-region.jvm-element {
+  @apply hover:fill-brand-500! dark:hover:fill-brand-500! fill-gray-300! dark:fill-gray-700!;
+}
+.jvm-marker.jvm-element {
+  @apply stroke-gray-200! dark:stroke-gray-800!;
+}
+
+.stocks-slider-outer .swiper-button-next:after,
+.stocks-slider-outer .swiper-button-prev:after {
+  @apply hidden;
+}
+
+.stocks-slider-outer .swiper-button-next,
+.stocks-slider-outer .swiper-button-prev {
+  @apply static! mt-0 h-8 w-9 rounded-full border border-gray-200 text-gray-700! transition hover:bg-gray-100 dark:border-gray-800 dark:bg-gray-800 dark:text-gray-400!;
+}
+
+.stocks-slider-outer .swiper-button-next.swiper-button-disabled,
+.stocks-slider-outer .swiper-button-prev.swiper-button-disabled {
+  @apply bg-white opacity-100 dark:bg-gray-900;
+}
+
+.stocks-slider-outer .swiper-button-next svg,
+.stocks-slider-outer .swiper-button-prev svg {
+  @apply h-auto! w-auto!;
+}
+
+.flatpickr-wrapper {
+  @apply w-full;
+}
+.flatpickr-calendar {
+  @apply dark:bg-gray-dark! dark:shadow-theme-xl! 2xsm:w-auto! mt-2 rounded-xl! p-5! text-gray-500! dark:text-gray-400!;
+}
+
+.flatpickr-months .flatpickr-prev-month:hover svg,
+.flatpickr-months .flatpickr-next-month:hover svg {
+  @apply stroke-brand-500;
+}
+.flatpickr-calendar.arrowTop:before,
+.flatpickr-calendar.arrowTop:after {
+  @apply hidden;
+}
+.flatpickr-current-month .cur-month,
+.flatpickr-current-month input.cur-year {
+  @apply h-auto! pt-0! text-lg! font-medium! text-gray-800! dark:text-white/90!;
+}
+
+.flatpickr-prev-month,
+.flatpickr-next-month {
+  @apply p-0!;
+}
+
+.flatpickr-weekdays {
+  @apply mt-6 mb-4 h-auto;
+}
+
+.flatpickr-weekday {
+  @apply text-theme-sm! font-medium! text-gray-500! dark:text-gray-400!;
+}
+
+.flatpickr-day {
+  @apply text-theme-sm! flex! items-center! font-medium! text-gray-800! dark:text-white/90! dark:hover:border-gray-300! dark:hover:bg-gray-900!;
+}
+.flatpickr-day.nextMonthDay,
+.flatpickr-day.prevMonthDay {
+  @apply text-gray-400!;
+}
+.flatpickr-months .flatpickr-prev-month,
+.flatpickr-months .flatpickr-next-month {
+  @apply top-7! dark:fill-white! dark:text-white!;
+}
+.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
+.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
+  @apply left-7!;
+}
+.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
+.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
+  @apply right-7!;
+}
+span.flatpickr-weekday,
+.flatpickr-months .flatpickr-month {
+  @apply dark:fill-white! dark:text-white!;
+}
+.flatpickr-day.inRange {
+  box-shadow:
+    -5px 0 0 #f9fafb,
+    5px 0 0 #f9fafb !important;
+  @apply dark:shadow-datepicker!;
+}
+.flatpickr-day.inRange,
+.flatpickr-day.prevMonthDay.inRange,
+.flatpickr-day.nextMonthDay.inRange,
+.flatpickr-day.today.inRange,
+.flatpickr-day.prevMonthDay.today.inRange,
+.flatpickr-day.nextMonthDay.today.inRange,
+.flatpickr-day:hover,
+.flatpickr-day.prevMonthDay:hover,
+.flatpickr-day.nextMonthDay:hover,
+.flatpickr-day:focus,
+.flatpickr-day.prevMonthDay:focus,
+.flatpickr-day.nextMonthDay:focus {
+  @apply border-gray-50! bg-gray-50! dark:border-0! dark:border-white/5! dark:bg-white/5!;
+}
+.flatpickr-day.selected,
+.flatpickr-day.startRange,
+.flatpickr-day.selected,
+.flatpickr-day.endRange {
+  @apply text-white! dark:text-white!;
+}
+.flatpickr-day.selected,
+.flatpickr-day.startRange,
+.flatpickr-day.endRange,
+.flatpickr-day.selected.inRange,
+.flatpickr-day.startRange.inRange,
+.flatpickr-day.endRange.inRange,
+.flatpickr-day.selected:focus,
+.flatpickr-day.startRange:focus,
+.flatpickr-day.endRange:focus,
+.flatpickr-day.selected:hover,
+.flatpickr-day.startRange:hover,
+.flatpickr-day.endRange:hover,
+.flatpickr-day.selected.prevMonthDay,
+.flatpickr-day.startRange.prevMonthDay,
+.flatpickr-day.endRange.prevMonthDay,
+.flatpickr-day.selected.nextMonthDay,
+.flatpickr-day.startRange.nextMonthDay,
+.flatpickr-day.endRange.nextMonthDay {
+  background: #465fff;
+  @apply border-brand-500! bg-brand-500! hover:border-brand-500! hover:bg-brand-500!;
+}
+.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
+.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
+.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
+  box-shadow: -10px 0 0 #465fff;
+}
+
+.flatpickr-months .flatpickr-prev-month svg,
+.flatpickr-months .flatpickr-next-month svg,
+.flatpickr-months .flatpickr-prev-month,
+.flatpickr-months .flatpickr-next-month {
+  @apply hover:fill-none!;
+}
+.flatpickr-months .flatpickr-prev-month:hover svg,
+.flatpickr-months .flatpickr-next-month:hover svg {
+  fill: none !important;
+}
+
+.flatpickr-calendar.static {
+  @apply right-0;
+}
+
+@media screen and (max-width: 525px) {
+  .flatpickr-calendar.static {
+    margin-right: -60px !important;
+  }
+}
+
+.fc .fc-view-harness {
+  @apply custom-scrollbar max-w-full overflow-x-auto;
+}
+.fc-dayGridMonth-view.fc-view.fc-daygrid {
+  @apply min-w-[718px];
+}
+.fc .fc-scrollgrid-section > * {
+  border-right-width: 0;
+  border-bottom-width: 0;
+}
+.fc .fc-scrollgrid {
+  border-left-width: 0;
+}
+.fc .fc-toolbar.fc-header-toolbar {
+  @apply flex-col gap-4 px-6 pt-6 sm:flex-row;
+}
+.fc-button-group {
+  @apply gap-2;
+}
+.fc-button-group .fc-button {
+  @apply flex h-10 w-10 items-center justify-center rounded-lg! border border-gray-200 bg-transparent hover:border-gray-200 hover:bg-gray-50 focus:shadow-none active:border-gray-200! active:bg-transparent! active:shadow-none! dark:border-gray-800 dark:hover:border-gray-800 dark:hover:bg-gray-900 dark:active:border-gray-800!;
+}
+
+.fc-button-group .fc-button.fc-prev-button:before {
+  @apply mt-1 inline-block;
+  content: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0068 6L9.75684 12.25L16.0068 18.5' stroke='%23344054' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+}
+.fc-button-group .fc-button.fc-next-button:before {
+  @apply mt-1 inline-block;
+  content: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.50684 19L15.7568 12.75L9.50684 6.5' stroke='%23344054' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+}
+.dark .fc-button-group .fc-button.fc-prev-button:before {
+  content: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0068 6L9.75684 12.25L16.0068 18.5' stroke='%2398A2B3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+}
+.dark .fc-button-group .fc-button.fc-next-button:before {
+  content: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.50684 19L15.7568 12.75L9.50684 6.5' stroke='%2398A2B3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+}
+.fc-button-group .fc-button .fc-icon {
+  @apply hidden;
+}
+.fc-addEventButton-button {
+  @apply bg-brand-500! hover:bg-brand-600! rounded-lg! border-0! px-4! py-2.5! text-sm! font-medium! focus:shadow-none!;
+}
+.fc-toolbar-title {
+  @apply text-lg! font-medium! text-gray-800 dark:text-white/90;
+}
+.fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:last-child {
+  @apply rounded-lg bg-gray-100 p-0.5 dark:bg-gray-900;
+}
+.fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:last-child .fc-button {
+  @apply h-auto! w-auto! rounded-md border-0! bg-transparent px-5! py-2! text-sm font-medium text-gray-500 hover:text-gray-700 focus:shadow-none! dark:text-gray-400;
+}
+.fc-header-toolbar.fc-toolbar
+  .fc-toolbar-chunk:last-child
+  .fc-button.fc-button-active {
+  @apply bg-white text-gray-900 dark:bg-gray-800 dark:text-white;
+}
+.fc-theme-standard th {
+  @apply border-x-0! border-t border-gray-200! bg-gray-50 text-left! dark:border-gray-800! dark:bg-gray-900;
+}
+.fc-theme-standard td,
+.fc-theme-standard .fc-scrollgrid {
+  @apply border-gray-200! dark:border-gray-800!;
+}
+.fc .fc-col-header-cell-cushion {
+  @apply px-5! py-4! text-sm font-medium text-gray-400 uppercase;
+}
+.fc .fc-daygrid-day.fc-day-today {
+  @apply bg-transparent;
+}
+.fc .fc-daygrid-day {
+  @apply p-2;
+}
+.fc .fc-daygrid-day.fc-day-today .fc-scrollgrid-sync-inner {
+  @apply rounded-sm bg-gray-100 dark:bg-white/[0.03];
+}
+.fc .fc-daygrid-day-number {
+  @apply p-3! text-sm font-medium text-gray-700 dark:text-gray-400;
+}
+.fc .fc-daygrid-day-top {
+  @apply flex-row!;
+}
+.fc .fc-day-other .fc-daygrid-day-top {
+  opacity: 1;
+}
+.fc .fc-day-other .fc-daygrid-day-top .fc-daygrid-day-number {
+  @apply text-gray-400 dark:text-white/30;
+}
+.event-fc-color {
+  @apply rounded-lg py-2.5 pr-3 pl-4;
+}
+.event-fc-color .fc-event-title {
+  @apply p-0 text-sm font-normal text-gray-700;
+}
+.fc-daygrid-event-dot {
+  @apply mr-3 ml-0 h-5 w-1 rounded-sm border-none;
+}
+.fc-event {
+  @apply focus:shadow-none;
+}
+.fc-daygrid-event.fc-event-start {
+  @apply ml-3!;
+}
+.event-fc-color.fc-bg-success {
+  @apply border-success-50 bg-success-50;
+}
+.event-fc-color.fc-bg-danger {
+  @apply border-error-50 bg-error-50;
+}
+.event-fc-color.fc-bg-primary {
+  @apply border-brand-50 bg-brand-50;
+}
+.event-fc-color.fc-bg-warning {
+  @apply border-orange-50 bg-orange-50;
+}
+.event-fc-color.fc-bg-success .fc-daygrid-event-dot {
+  @apply bg-success-500;
+}
+.event-fc-color.fc-bg-danger .fc-daygrid-event-dot {
+  @apply bg-error-500;
+}
+.event-fc-color.fc-bg-primary .fc-daygrid-event-dot {
+  @apply bg-brand-500;
+}
+.event-fc-color.fc-bg-warning .fc-daygrid-event-dot {
+  @apply bg-orange-500;
+}
+.fc-direction-ltr .fc-timegrid-slot-label-frame {
+  @apply px-3 py-1.5 text-left text-sm font-medium text-gray-500 dark:text-gray-400;
+}
+.fc .fc-timegrid-axis-cushion {
+  @apply text-sm font-medium text-gray-500 dark:text-gray-400;
+}
+
+.input-date-icon::-webkit-inner-spin-button,
+.input-date-icon::-webkit-calendar-picker-indicator {
+  opacity: 0;
+  -webkit-appearance: none;
+}
+
+.swiper-button-prev svg,
+.swiper-button-next svg {
+  @apply h-auto! w-auto!;
+}
+
+.carouselTwo .swiper-button-next:after,
+.carouselTwo .swiper-button-prev:after,
+.carouselFour .swiper-button-next:after,
+.carouselFour .swiper-button-prev:after {
+  @apply hidden;
+}
+.carouselTwo .swiper-button-next.swiper-button-disabled,
+.carouselTwo .swiper-button-prev.swiper-button-disabled,
+.carouselFour .swiper-button-next.swiper-button-disabled,
+.carouselFour .swiper-button-prev.swiper-button-disabled {
+  @apply bg-white/60 opacity-100!;
+}
+.carouselTwo .swiper-button-next,
+.carouselTwo .swiper-button-prev,
+.carouselFour .swiper-button-next,
+.carouselFour .swiper-button-prev {
+  @apply shadow-slider-navigation h-10 w-10 rounded-full border-[0.5px] border-white/10 bg-white/90 text-gray-700! backdrop-blur-[10px];
+}
+
+.carouselTwo .swiper-button-prev,
+.carouselFour .swiper-button-prev {
+  @apply left-3! sm:left-4!;
+}
+
+.carouselTwo .swiper-button-next,
+.carouselFour .swiper-button-next {
+  @apply right-3! sm:right-4!;
+}
+
+.carouselThree .swiper-pagination,
+.carouselFour .swiper-pagination {
+  @apply shadow-slider-navigation bottom-3! left-1/2! inline-flex w-auto! -translate-x-1/2 items-center gap-1.5 rounded-[40px] border-[0.5px] border-white/10 bg-white/60 px-2 py-1.5 backdrop-blur-[10px] sm:bottom-5!;
+}
+
+.carouselThree .swiper-pagination-bullet,
+.carouselFour .swiper-pagination-bullet {
+  @apply shadow-theme-xs m-0! h-2.5 w-2.5 bg-white opacity-100 duration-200 ease-in-out;
+}
+
+.carouselThree .swiper-pagination-bullet-active,
+.carouselFour .swiper-pagination-bullet-active {
+  @apply w-6.5 rounded-xl;
+}
+
+.form-check-input:checked ~ span {
+  @apply border-brand-500 dark:border-brand-500 border-[6px];
+}
+
+.taskCheckbox:checked ~ .box span {
+  @apply opacity-100;
+}
+.taskCheckbox:checked ~ p {
+  @apply text-gray-400 line-through;
+}
+.taskCheckbox:checked ~ .box {
+  @apply border-brand-500 bg-brand-500 dark:border-brand-500;
+}
+
+.task {
+  transition: all 0.2s ease; /* Smooth transition for visual effects */
+}
+
+.task.is-dragging {
+  border-radius: 0.75rem;
+  box-shadow:
+    0px 1px 3px 0px rgba(16, 24, 40, 0.1),
+    0px 1px 2px 0px rgba(16, 24, 40, 0.06);
+  opacity: 0.8;
+  cursor: grabbing; /* Changes the cursor to indicate dragging */
+}
--- a/assets/images/brand/brand-01.svg
+++ b/assets/images/brand/brand-01.svg
@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.5002 14.9998C27.8808 14.9998 29 13.8806 29 12.5C29 11.1194 27.8807 10.0002 26.5001 10.0002C25.1194 10.0002 24 11.1195 24 12.5002V14.9998H26.5002ZM19.5 14.9998C20.8807 14.9998 22 13.8805 22 12.4998V5.50018C22 4.11947 20.8807 3.00018 19.5 3.00018C18.1193 3.00018 17 4.11947 17 5.50018V12.4998C17 13.8805 18.1193 14.9998 19.5 14.9998Z" fill="#2EB67D"/>
+<path d="M5.49979 17.0002C4.11919 17.0002 3 18.1194 3 19.5C3 20.8806 4.1193 21.9998 5.49989 21.9998C6.8806 21.9998 8 20.8805 8 19.4998V17.0002H5.49979ZM12.5 17.0002C11.1193 17.0002 10 18.1195 10 19.5002V26.4998C10 27.8805 11.1193 28.9998 12.5 28.9998C13.8807 28.9998 15 27.8805 15 26.4998V19.5002C15 18.1195 13.8807 17.0002 12.5 17.0002Z" fill="#E01E5A"/>
+<path d="M17.0002 26.5002C17.0002 27.8808 18.1194 29 19.5 29C20.8806 29 21.9998 27.8807 21.9998 26.5001C21.9998 25.1194 20.8805 24 19.4998 24L17.0002 24L17.0002 26.5002ZM17.0002 19.5C17.0002 20.8807 18.1195 22 19.5002 22L26.4998 22C27.8805 22 28.9998 20.8807 28.9998 19.5C28.9998 18.1193 27.8805 17 26.4998 17L19.5002 17C18.1195 17 17.0002 18.1193 17.0002 19.5Z" fill="#ECB22E"/>
+<path d="M14.9998 5.49979C14.9998 4.11919 13.8806 3 12.5 3C11.1194 3 10.0002 4.1193 10.0002 5.49989C10.0002 6.88061 11.1195 8 12.5002 8L14.9998 8L14.9998 5.49979ZM14.9998 12.5C14.9998 11.1193 13.8805 10 12.4998 10L5.50024 10C4.11953 10 3.00024 11.1193 3.00024 12.5C3.00024 13.8807 4.11953 15 5.50024 15L12.4998 15C13.8805 15 14.9998 13.8807 14.9998 12.5Z" fill="#36C5F0"/>
+</svg>
--- a/assets/images/brand/brand-02.svg
+++ b/assets/images/brand/brand-02.svg
@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16" cy="16" r="14" fill="url(#paint0_linear_1589_37170)"/>
+<path d="M21.2137 20.2816L21.8356 16.3301H17.9452V13.767C17.9452 12.6857 18.4877 11.6311 20.2302 11.6311H22V8.26699C22 8.26699 20.3945 8 18.8603 8C15.6548 8 13.5617 9.89294 13.5617 13.3184V16.3301H10V20.2816H13.5617V29.8345C14.2767 29.944 15.0082 30 15.7534 30C16.4986 30 17.2302 29.944 17.9452 29.8345V20.2816H21.2137Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_1589_37170" x1="16" y1="2" x2="16" y2="29.917" gradientUnits="userSpaceOnUse">
+<stop stop-color="#18ACFE"/>
+<stop offset="1" stop-color="#0163E0"/>
+</linearGradient>
+</defs>
+</svg>
--- a/assets/images/brand/brand-03.svg
+++ b/assets/images/brand/brand-03.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.3851 10.9171C20.4654 9.0306 19.8243 6.61829 17.9532 5.5291C16.0821 4.4399 13.6896 5.08628 12.6093 6.97282L4.53087 21.0806C3.45059 22.9671 4.09168 25.3794 5.96277 26.4686C7.83387 27.5578 10.2264 26.9114 11.3067 25.0249L19.3851 10.9171Z" fill="#F8BB2D"/>
+<path d="M11.8263 23.0546C11.8263 25.2336 10.0743 27 7.91313 27C5.75197 27 4 25.2336 4 23.0546C4 20.8756 5.75197 19.1091 7.91313 19.1091C10.0743 19.1091 11.8263 20.8756 11.8263 23.0546Z" fill="#3BA757"/>
+<path d="M12.621 10.9171C11.5407 9.0306 12.1818 6.61829 14.0529 5.5291C15.924 4.4399 18.3165 5.08628 19.3968 6.97282L27.4752 21.0806C28.5555 22.9671 27.9144 25.3794 26.0433 26.4686C24.1722 27.5578 21.7797 26.9114 20.6994 25.0249L12.621 10.9171Z" fill="#4689F2"/>
+</svg>
--- a/assets/images/brand/brand-04.svg
+++ b/assets/images/brand/brand-04.svg
@@ -0,0 +1,26 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="2" width="28" height="28" rx="6" fill="url(#paint0_radial_1589_37182)"/>
+<rect x="2" y="2" width="28" height="28" rx="6" fill="url(#paint1_radial_1589_37182)"/>
+<rect x="2" y="2" width="28" height="28" rx="6" fill="url(#paint2_radial_1589_37182)"/>
+<path d="M23 10.5C23 11.3284 22.3284 12 21.5 12C20.6716 12 20 11.3284 20 10.5C20 9.67157 20.6716 9 21.5 9C22.3284 9 23 9.67157 23 10.5Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 21C18.7614 21 21 18.7614 21 16C21 13.2386 18.7614 11 16 11C13.2386 11 11 13.2386 11 16C11 18.7614 13.2386 21 16 21ZM16 19C17.6569 19 19 17.6569 19 16C19 14.3431 17.6569 13 16 13C14.3431 13 13 14.3431 13 16C13 17.6569 14.3431 19 16 19Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 15.6C6 12.2397 6 10.5595 6.65396 9.27606C7.2292 8.14708 8.14708 7.2292 9.27606 6.65396C10.5595 6 12.2397 6 15.6 6H16.4C19.7603 6 21.4405 6 22.7239 6.65396C23.8529 7.2292 24.7708 8.14708 25.346 9.27606C26 10.5595 26 12.2397 26 15.6V16.4C26 19.7603 26 21.4405 25.346 22.7239C24.7708 23.8529 23.8529 24.7708 22.7239 25.346C21.4405 26 19.7603 26 16.4 26H15.6C12.2397 26 10.5595 26 9.27606 25.346C8.14708 24.7708 7.2292 23.8529 6.65396 22.7239C6 21.4405 6 19.7603 6 16.4V15.6ZM15.6 8H16.4C18.1132 8 19.2777 8.00156 20.1779 8.0751C21.0548 8.14674 21.5032 8.27659 21.816 8.43597C22.5686 8.81947 23.1805 9.43139 23.564 10.184C23.7234 10.4968 23.8533 10.9452 23.9249 11.8221C23.9984 12.7223 24 13.8868 24 15.6V16.4C24 18.1132 23.9984 19.2777 23.9249 20.1779C23.8533 21.0548 23.7234 21.5032 23.564 21.816C23.1805 22.5686 22.5686 23.1805 21.816 23.564C21.5032 23.7234 21.0548 23.8533 20.1779 23.9249C19.2777 23.9984 18.1132 24 16.4 24H15.6C13.8868 24 12.7223 23.9984 11.8221 23.9249C10.9452 23.8533 10.4968 23.7234 10.184 23.564C9.43139 23.1805 8.81947 22.5686 8.43597 21.816C8.27659 21.5032 8.14674 21.0548 8.0751 20.1779C8.00156 19.2777 8 18.1132 8 16.4V15.6C8 13.8868 8.00156 12.7223 8.0751 11.8221C8.14674 10.9452 8.27659 10.4968 8.43597 10.184C8.81947 9.43139 9.43139 8.81947 10.184 8.43597C10.4968 8.27659 10.9452 8.14674 11.8221 8.0751C12.7223 8.00156 13.8868 8 15.6 8Z" fill="white"/>
+<defs>
+<radialGradient id="paint0_radial_1589_37182" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12 23) rotate(-55.3758) scale(25.5196)">
+<stop stop-color="#B13589"/>
+<stop offset="0.79309" stop-color="#C62F94"/>
+<stop offset="1" stop-color="#8A3AC8"/>
+</radialGradient>
+<radialGradient id="paint1_radial_1589_37182" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 31) rotate(-65.1363) scale(22.5942)">
+<stop stop-color="#E0E8B7"/>
+<stop offset="0.444662" stop-color="#FB8A2E"/>
+<stop offset="0.71474" stop-color="#E2425C"/>
+<stop offset="1" stop-color="#E2425C" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint2_radial_1589_37182" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.500002 3) rotate(-8.1301) scale(38.8909 8.31836)">
+<stop offset="0.156701" stop-color="#406ADC"/>
+<stop offset="0.467799" stop-color="#6A45BE"/>
+<stop offset="1" stop-color="#6A45BE" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>
--- a/assets/images/brand/brand-05.svg
+++ b/assets/images/brand/brand-05.svg
@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.0014 16.3109C30.0014 15.1598 29.9061 14.3198 29.6998 13.4487H16.2871V18.6442H24.1601C24.0014 19.9354 23.1442 21.8798 21.2394 23.1864L21.2127 23.3604L25.4536 26.58L25.7474 26.6087C28.4458 24.1665 30.0014 20.5731 30.0014 16.3109Z" fill="#4285F4"/>
+<path d="M16.2863 30C20.1434 30 23.3814 28.7555 25.7466 26.6089L21.2386 23.1865C20.0323 24.011 18.4132 24.5866 16.2863 24.5866C12.5086 24.5866 9.30225 22.1444 8.15929 18.7688L7.99176 18.7827L3.58208 22.1272L3.52441 22.2843C5.87359 26.8577 10.699 30 16.2863 30Z" fill="#34A853"/>
+<path d="M8.16013 18.7688C7.85855 17.8977 7.68401 16.9643 7.68401 15.9999C7.68401 15.0354 7.85855 14.1021 8.14426 13.231L8.13627 13.0455L3.67132 9.64734L3.52524 9.71544C2.55703 11.6132 2.00146 13.7444 2.00146 15.9999C2.00146 18.2555 2.55703 20.3865 3.52524 22.2843L8.16013 18.7688Z" fill="#FBBC05"/>
+<path d="M16.2864 7.4133C18.9689 7.4133 20.7784 8.54885 21.8102 9.4978L25.8419 5.64C23.3658 3.38445 20.1435 2 16.2864 2C10.699 2 5.8736 5.1422 3.52441 9.71549L8.14345 13.2311C9.30229 9.85555 12.5086 7.4133 16.2864 7.4133Z" fill="#EB4335"/>
+</svg>
--- a/assets/images/brand/brand-06.svg
+++ b/assets/images/brand/brand-06.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.24451 9.94111C2.37304 7.96233 3.96395 6.41157 5.94447 6.31345C8.81239 6.17136 12.9115 6 16 6C19.0885 6 23.1876 6.17136 26.0555 6.31345C28.0361 6.41157 29.627 7.96233 29.7555 9.94111C29.8786 11.8369 30 14.1697 30 16C30 17.8303 29.8786 20.1631 29.7555 22.0589C29.627 24.0377 28.0361 25.5884 26.0555 25.6866C23.1876 25.8286 19.0885 26 16 26C12.9115 26 8.81239 25.8286 5.94447 25.6866C3.96395 25.5884 2.37304 24.0377 2.24451 22.0589C2.12136 20.1631 2 17.8303 2 16C2 14.1697 2.12136 11.8369 2.24451 9.94111Z" fill="#FC0D1B"/>
+<path d="M13 12V20L21 16L13 12Z" fill="white"/>
+</svg>
--- a/assets/images/brand/brand-07.svg
+++ b/assets/images/brand/brand-07.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.5 20C37.5 29.66 29.6687 37.5 20 37.5C10.3312 37.5 2.5 29.66 2.5 20C2.5 10.3312 10.3312 2.49999 20 2.49999C29.6687 2.49999 37.5 10.3312 37.5 20Z" fill="#283544"/>
+<path d="M28.2026 15.5717C28.1071 15.6274 25.8338 16.8031 25.8338 19.4098C25.941 22.3826 28.7026 23.4252 28.75 23.4252C28.7026 23.4809 28.3331 24.8454 27.2383 26.2757C26.3696 27.5078 25.4053 28.75 23.941 28.75C22.5481 28.75 22.0481 27.9288 20.441 27.9288C18.715 27.9288 18.2267 28.75 16.9052 28.75C15.441 28.75 14.4052 27.4412 13.4891 26.2207C12.2989 24.6232 11.2872 22.1164 11.2515 19.7093C11.2274 18.4338 11.4899 17.18 12.156 16.1151C13.0962 14.6283 14.7748 13.619 16.6079 13.5858C18.0124 13.5416 19.2624 14.4843 20.1195 14.4843C20.941 14.4843 22.4767 13.5858 24.2143 13.5858C24.9643 13.5865 26.9643 13.797 28.2026 15.5717ZM20.0008 13.3311C19.7508 12.1663 20.441 11.0015 21.0838 10.2585C21.9053 9.3599 23.2026 8.75 24.3214 8.75C24.3928 9.91481 23.9402 11.0572 23.1312 11.8892C22.4053 12.7878 21.1553 13.4642 20.0008 13.3311Z" fill="white"/>
+</svg>
--- a/assets/images/brand/brand-08.svg
+++ b/assets/images/brand/brand-08.svg
@@ -0,0 +1,7 @@
+<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" width="40" height="40" rx="20" fill="#1B4BF1"/>
+<path opacity="0.5" d="M28.9266 15.7265C29.1963 13.9679 28.9266 12.7956 27.9826 11.7134C26.9487 10.496 25.0607 10 22.6333 10H15.6657C15.1713 10 14.7667 10.3607 14.6768 10.8567L11.7549 29.3437C11.7099 29.7044 11.9797 30.02 12.3393 30.02H16.6547L16.34 31.9138C16.2951 32.2295 16.5198 32.5 16.8794 32.5H20.5205C20.9701 32.5 21.3297 32.1844 21.3746 31.7786L22.1388 26.999C22.1838 26.5932 22.5883 26.2776 22.9929 26.2776H23.5323C27.0386 26.2776 29.8256 24.8347 30.6348 20.6864C30.9494 18.9729 30.8146 17.485 29.9155 16.493C29.6458 16.1774 29.3311 15.9519 28.9266 15.7265" fill="white"/>
+<path d="M28.9266 15.7265C29.1963 13.9679 28.9266 12.7956 27.9826 11.7134C26.9487 10.496 25.0607 10 22.6333 10H15.6657C15.1713 10 14.7667 10.3607 14.6768 10.8567L11.7549 29.3437C11.7099 29.7044 11.9797 30.02 12.3393 30.02H16.6547L17.6886 23.3467C17.7785 22.8507 18.183 22.49 18.6775 22.49H20.7453C24.791 22.49 27.9376 20.8667 28.8367 16.0872C28.8816 15.997 28.8816 15.8617 28.9266 15.7265Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30.1209 16.096C30.1192 16.105 30.1161 16.121 30.1115 16.1467C30.1057 16.1785 30.0932 16.2474 30.0743 16.3214C30.0669 16.3504 30.0572 16.3854 30.0445 16.425C29.5373 19.0088 28.3926 20.8874 26.6974 22.0981C25.0064 23.3058 22.9195 23.74 20.7452 23.74H18.8924L17.7258 31.27H12.3392C11.1964 31.27 10.3804 30.2642 10.5144 29.1891L10.5169 29.1688L13.4442 10.6476L13.4467 10.6338C13.6357 9.59143 14.519 8.75 15.6656 8.75H22.6332C25.1361 8.75 27.5194 9.24302 28.9298 10.8979C29.516 11.5715 29.9235 12.3133 30.1267 13.1814C30.3266 14.0353 30.3118 14.9394 30.162 15.916L30.146 16.0204L30.1209 16.096ZM27.9825 11.7134C26.9486 10.496 25.0606 10 22.6332 10H15.6656C15.1712 10 14.7666 10.3607 14.6767 10.8567L11.7548 29.3437C11.7099 29.7044 11.9796 30.02 12.3392 30.02H16.6546L17.6885 23.3467C17.7784 22.8507 18.1829 22.49 18.6774 22.49H20.7452C24.7909 22.49 27.9375 20.8667 28.8366 16.0872C28.8609 16.0384 28.8721 15.9763 28.8843 15.9082C28.8947 15.8505 28.9059 15.7885 28.9265 15.7265C29.1962 13.9679 28.9265 12.7956 27.9825 11.7134Z" fill="#1B4BF1"/>
+<path d="M18.9023 15.7715C18.9472 15.4559 19.3518 15.0501 19.7564 15.0501H25.2405C25.8698 15.0501 26.4992 15.0952 27.0386 15.1854C27.5331 15.2755 28.4321 15.501 28.8816 15.7715C29.1513 14.013 28.8816 12.8407 27.9376 11.7585C26.9487 10.496 25.0607 10 22.6333 10H15.6657C15.1713 10 14.7667 10.3607 14.6768 10.8567L11.7549 29.3437C11.7099 29.7044 11.9797 30.02 12.3393 30.02H16.6547L18.9023 15.7715V15.7715Z" fill="white"/>
+</svg>
--- a/assets/images/brand/brand-09.svg
+++ b/assets/images/brand/brand-09.svg
@@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="20" cy="20" r="20" fill="#E31937"/>
+<path d="M20.0005 31.4285L22.9444 14.8726C25.7502 14.8726 26.6353 15.1803 26.7632 16.4362C26.7632 16.4362 28.6456 15.7343 29.5948 14.3089C25.8901 12.5923 22.1678 12.5148 22.1678 12.5148L19.9957 15.1604L20.0006 15.16L17.8285 12.5144C17.8285 12.5144 14.106 12.5919 10.4019 14.3086C11.3504 15.734 13.2334 16.4358 13.2334 16.4358C13.362 15.1799 14.2459 14.8722 17.033 14.8702L20.0005 31.4285Z" fill="white"/>
+<path d="M19.9996 11.7508C22.9943 11.7279 26.422 12.2141 29.9311 13.7434C30.4001 12.8993 30.5207 12.5262 30.5207 12.5262C26.6847 11.0086 23.0925 10.4893 19.9992 10.4762C16.906 10.4893 13.3139 11.0087 9.47852 12.5262C9.47852 12.5262 9.64962 12.9858 10.0677 13.7434C13.576 12.2141 17.0045 11.7279 19.9993 11.7508H19.9996Z" fill="white"/>
+</svg>
--- a/assets/images/brand/brand-10.svg
+++ b/assets/images/brand/brand-10.svg
@@ -0,0 +1,6 @@
+<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.5 2.5C10.8477 2.5 3 10.3477 3 20C3 29.6523 10.8477 37.5 20.5 37.5C30.1523 37.5 38 29.6523 38 20C38 10.3477 30.1523 2.5 20.5 2.5Z" fill="#F9981B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.5124 22.5475C26.461 22.4738 26.4093 22.4016 26.3578 22.3298C25.9392 21.7463 25.5402 21.1902 25.5402 20.0754V15.9195C25.5402 15.775 25.541 15.6315 25.5418 15.4891C25.551 13.8957 25.5593 12.4417 24.4101 11.3294C23.4246 10.3467 21.7876 10 20.5357 10C18.0872 10 15.3558 10.947 14.783 14.0851C14.7223 14.4184 14.9558 14.5929 15.1675 14.642L17.6607 14.9218C17.8941 14.9095 18.0627 14.6715 18.1079 14.4318C18.3217 13.3505 19.195 12.831 20.1762 12.831C20.7054 12.831 21.3063 13.0316 21.6196 13.5238C21.9425 14.0146 21.9374 14.6699 21.9328 15.2558C21.9323 15.3241 21.9317 15.3914 21.9317 15.4574V15.8058C21.7004 15.8326 21.458 15.858 21.2083 15.8842C19.8486 16.0267 18.2732 16.1919 17.0932 16.7283C15.4823 17.4517 14.3511 18.9238 14.3511 21.0876C14.3511 23.8606 16.0344 25.2469 18.2016 25.2469C20.0305 25.2469 21.0314 24.7993 22.4423 23.3077C22.5128 23.4136 22.5762 23.5113 22.6358 23.6033C22.9724 24.1222 23.1921 24.4609 23.9171 25.0864C24.1085 25.1923 24.3618 25.1883 24.5314 25.0289C25.0451 24.5552 25.9779 23.7146 26.5039 23.2576C26.714 23.0786 26.6767 22.7894 26.5124 22.5475ZM21.4505 21.3491C21.0421 22.1015 20.3916 22.5619 19.6689 22.5619C18.6834 22.5619 18.1047 21.7816 18.1047 20.6272C18.1047 18.3547 20.0714 17.9423 21.9312 17.9423C21.9312 18.0782 21.9325 18.2149 21.9337 18.352C21.9428 19.3807 21.9521 20.4299 21.4505 21.3491Z" fill="white"/>
+<path d="M29.5873 27.0823C27.1246 28.9867 23.5531 30 20.4773 30C16.1681 30 12.2866 28.3307 9.34948 25.5515C9.11909 25.333 9.32473 25.0346 9.60151 25.2042C12.7708 27.1371 16.6894 28.3006 20.7367 28.3006C23.4672 28.3006 26.4682 27.7073 29.2295 26.479C29.646 26.2944 29.9951 26.7674 29.5873 27.0823Z" fill="white"/>
+<path d="M27.7363 25.7559C28.5293 25.6555 30.2974 25.4334 30.6122 25.8556C30.9273 26.2775 30.2654 28.0124 29.967 28.7943L29.9649 28.8C29.8751 29.0358 30.0681 29.1299 30.2715 28.9512C31.5931 27.7933 31.9346 25.366 31.6638 25.0143C31.3951 24.6674 29.0847 24.367 27.6747 25.4049C27.458 25.5659 27.4951 25.7852 27.7363 25.7559Z" fill="white"/>
+</svg>
--- a/assets/images/brand/brand-11.svg
+++ b/assets/images/brand/brand-11.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="20" cy="20" r="17.5" fill="#1ED760"/>
+<path d="M27.9554 27.0287C27.6564 27.5031 27.0186 27.6359 26.5203 27.3513C22.5937 25.0742 17.6705 24.5618 11.8503 25.8142C11.2922 25.9281 10.7341 25.6055 10.6145 25.0742C10.4949 24.5428 10.8338 24.0115 11.3919 23.8976C17.7502 22.5124 23.2116 23.1007 27.5966 25.6624C28.095 25.9471 28.2544 26.5543 27.9554 27.0287ZM29.9885 22.7022C29.6098 23.2904 28.8125 23.4612 28.1946 23.1196C23.7099 20.482 16.8732 19.7229 11.5712 21.26C10.8736 21.4497 10.1561 21.0892 9.95674 20.444C9.75742 19.7798 10.1361 19.0967 10.8338 18.9069C16.8931 17.1611 24.4274 17.9961 29.5899 21.0133C30.1679 21.3549 30.3672 22.1139 29.9885 22.7022ZM30.1679 18.1859C24.7862 15.1497 15.9164 14.865 10.774 16.3452C9.95674 16.5919 9.07973 16.1554 8.82061 15.3584C8.5615 14.5804 9.03987 13.7455 9.85708 13.4988C15.757 11.7909 25.5636 12.1325 31.7425 15.6241C32.48 16.0416 32.7192 16.9524 32.2807 17.6545C31.8621 18.3756 30.9054 18.6223 30.1679 18.1859Z" fill="white"/>
+</svg>
--- a/assets/images/brand/brand-12.svg
+++ b/assets/images/brand/brand-12.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 2.5C10.3477 2.5 2.5 10.3477 2.5 20C2.5 29.6523 10.3477 37.5 20 37.5C29.6523 37.5 37.5 29.6523 37.5 20C37.5 10.3477 29.6523 2.5 20 2.5Z" fill="#FF5A5F"/>
+<path d="M20.0002 24.6084C18.8528 23.1652 18.1779 21.9001 17.953 20.8178C17.728 19.9383 17.818 19.2393 18.2004 18.7206C18.6054 18.1118 19.2128 17.8186 20.0002 17.8186C20.7875 17.8186 21.3949 18.1118 21.7999 18.7206C22.1823 19.2393 22.2723 19.9383 22.0473 20.8178C21.7999 21.9227 21.125 23.1855 20.0002 24.6084ZM26.2812 27.9458C24.369 28.7801 22.477 27.4497 20.8573 25.6457C23.5366 22.2835 24.0315 19.6677 22.882 17.9742C22.2071 17.0046 21.2397 16.531 20.0002 16.531C17.503 16.531 16.1285 18.6507 16.6684 21.1109C16.9834 22.4413 17.8158 23.9544 19.143 25.6457C18.1475 26.7515 16.8414 28.0059 15.2736 28.1487C13.0015 28.487 11.222 26.2771 12.0319 23.9973L17.7933 12.0413C18.285 11.1425 18.8919 10.3726 19.9979 10.3726C20.8078 10.3726 21.4377 10.8462 21.7076 11.2295L27.9639 23.9973C28.5769 25.54 27.7996 27.2886 26.2812 27.9458ZM29.1832 23.5463L23.8268 12.3796C22.8145 10.305 22.0946 9.0625 20.0002 9.0625C17.9305 9.0625 17.0509 10.5057 16.151 12.3796L10.8171 23.5463C9.66976 26.7055 12.0319 29.4792 14.8912 29.4792C15.0712 29.4792 15.2499 29.4566 15.4311 29.4566C16.9159 29.2762 18.4479 28.3291 20.0002 26.6356C21.5524 28.3269 23.0844 29.2762 24.5692 29.4566C24.7505 29.4566 24.9291 29.4792 25.1091 29.4792C27.9684 29.4814 30.3306 26.7055 29.1832 23.5463Z" fill="white"/>
+</svg>
--- a/assets/images/brand/brand-13.svg
+++ b/assets/images/brand/brand-13.svg
@@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 2.5C10.3477 2.5 2.5 10.3477 2.5 20C2.5 29.6523 10.3477 37.5 20 37.5C29.6523 37.5 37.5 29.6523 37.5 20C37.5 10.3477 29.6523 2.5 20 2.5Z" fill="#87E64B"/>
+<path d="M20.4865 30C20.9801 30 21.3803 29.5998 21.3803 29.1062C21.3803 28.6126 20.9801 28.2125 20.4865 28.2125C19.9929 28.2125 19.5928 28.6126 19.5928 29.1062C19.5928 29.5998 19.9929 30 20.4865 30Z" fill="white"/>
+<path d="M25.6233 23.0134L20.5833 23.5539C20.4895 23.5633 20.4427 23.4477 20.5177 23.3883L25.4483 19.5482C25.767 19.2857 25.9732 18.8795 25.8857 18.4421C25.7982 17.7734 25.2452 17.336 24.5453 17.4235L19.1866 18.2077C19.0928 18.2202 19.0428 18.1015 19.1178 18.0421L24.4297 13.9864C25.4764 13.1709 25.5639 11.5711 24.6046 10.6399C23.7329 9.76817 22.3331 9.79629 21.4613 10.6681L12.903 19.3763C12.5843 19.7263 12.4374 20.1919 12.5249 20.6855C12.6718 21.4729 13.4561 21.9947 14.2435 21.851L18.8585 20.9105C18.9585 20.8886 19.0116 21.023 18.9272 21.0792L13.8091 24.3569C13.1686 24.7631 12.878 25.4912 13.0811 26.2192C13.2842 27.1785 14.2466 27.7315 15.1777 27.5003L22.8299 25.6162C22.9174 25.5943 22.9798 25.6943 22.9236 25.763L21.73 27.2378C21.4113 27.644 21.9331 28.1971 22.3705 27.8784L26.3013 24.6475C27.0012 24.0664 26.5356 22.929 25.6326 23.0165L25.6233 23.0134Z" fill="white"/>
+</svg>
--- a/assets/images/brand/brand-14.svg
+++ b/assets/images/brand/brand-14.svg
@@ -0,0 +1,6 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="20" cy="20" r="17.5" fill="#FF8C00"/>
+<path d="M27.4363 25.1256C27.408 24.8784 27.2659 24.3115 26.8965 24.1659H26.897C26.712 24.0931 26.5558 24.151 26.4852 24.2821C26.3713 24.486 26.4565 24.8784 26.6697 25.2278C26.8824 25.5768 27.0814 25.7513 27.2235 25.7513C27.3656 25.7513 27.4932 25.5768 27.4363 25.1256Z" fill="white"/>
+<path d="M25.4485 26.1147C25.2213 25.9113 24.9657 25.8096 24.7384 25.8096C24.5398 25.8096 24.3836 25.8819 24.2839 26.013C24.0288 26.3326 24.1422 26.9148 24.5398 27.2638C24.7102 27.4239 24.9657 27.5111 25.2071 27.5111C25.4485 27.5111 25.6613 27.4094 25.7892 27.2494C26.0165 26.9293 25.8885 26.4931 25.4485 26.1147Z" fill="white"/>
+<path d="M10 20.0061C10 25.5328 14.3728 30.0125 19.7687 30.0128C21.203 30.0128 22.6227 29.7365 24.7102 29.7216C26.5704 29.7216 28.615 30.3907 30.8583 32.4272C31.0856 32.6306 31.3835 32.3688 31.1849 32.1216C28.984 29.2565 26.9393 28.7185 24.8947 28.2529C22.3959 27.6856 21.1178 26.2603 20.2233 24.6749C20.0529 24.3549 19.9677 24.4132 19.9532 24.8205C19.9371 25.4198 19.98 26.0192 20.0812 26.6097H19.7833C16.2191 26.6097 13.3223 23.6424 13.3223 19.9917C13.3223 16.3409 16.2191 13.3737 19.7828 13.3737C23.347 13.3737 26.2438 16.3409 26.2438 19.9917C26.2438 20.2534 26.2292 20.5152 26.201 20.7624C25.7182 20.6752 24.7954 20.6607 24.1422 20.719C23.9008 20.748 23.9291 20.8641 24.114 20.8935C26.2438 21.3004 27.7063 22.6534 28.047 25.1112C28.0612 25.1695 28.1322 25.1839 28.1609 25.1405C29.0268 23.6424 29.5378 21.8822 29.5378 20.0061C29.5378 14.4798 25.1643 10 19.7687 10C14.3735 10 10 14.4794 10 20.0061Z" fill="white"/>
+</svg>
--- a/assets/images/brand/brand-15.svg
+++ b/assets/images/brand/brand-15.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30Z" fill="#2BDE73"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.357 13.4527L17.3808 9.20142C17.9525 8.40047 18.6904 8 19.5953 8C20.3334 8 20.972 8.25407 21.512 8.76237C22.0516 9.27068 22.3213 9.8791 22.3213 10.5876C22.3213 11.1114 22.1788 11.5736 21.8929 11.9741L19.1665 15.821L22.5 19.9222C22.8334 20.3303 23 20.808 23 21.3547C23 22.0788 22.7384 22.7004 22.2144 23.2203C21.6906 23.7403 21.0553 24 20.3096 24C19.492 24 18.8691 23.7423 18.4404 23.2261L14.357 18.2817V21.0082C14.357 21.7862 14.2182 22.3906 13.9403 22.8219C13.4324 23.6072 12.6943 24 11.7262 24C10.8452 24 10.1624 23.7112 9.67848 23.1337C9.22604 22.6022 9 21.8973 9 21.0198V10.9111C9 10.0793 9.22983 9.39412 9.69041 8.85495C10.1745 8.2851 10.841 8 11.6903 8C12.4999 8 13.1744 8.2851 13.7141 8.85495C14.0157 9.17056 14.2061 9.4902 14.2855 9.8137C14.3332 10.0141 14.357 10.3874 14.357 10.9343V13.4527Z" fill="white"/>
+</svg>
--- a/assets/images/country/country-01.svg
+++ b/assets/images/country/country-01.svg
@@ -0,0 +1,15 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1788_4304)">
+<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z" fill="#F0F0F0"/>
+<path d="M15.3037 16H31.9993C31.9993 14.5559 31.8068 13.1569 31.4481 11.826H15.3037V16Z" fill="#D80027"/>
+<path d="M15.3037 7.65135H29.651C28.6715 6.0531 27.4192 4.64042 25.9591 3.47742H15.3037V7.65135Z" fill="#D80027"/>
+<path d="M15.9995 32C19.7651 32 23.2262 30.6985 25.9593 28.5217H6.03979C8.77292 30.6985 12.234 32 15.9995 32Z" fill="#D80027"/>
+<path d="M2.34797 24.3465H29.6512C30.4375 23.0635 31.0473 21.661 31.4484 20.1726H0.550781C0.951844 21.661 1.56166 23.0635 2.34797 24.3465Z" fill="#D80027"/>
+<path d="M7.4115 2.49863H8.86956L7.51331 3.48394L8.03137 5.07825L6.67519 4.09294L5.319 5.07825L5.7665 3.70094C4.57237 4.69562 3.52575 5.861 2.66325 7.1595H3.13044L2.26712 7.78669C2.13262 8.01106 2.00362 8.239 1.88 8.47031L2.29225 9.73913L1.52313 9.18031C1.33194 9.58537 1.15706 9.99956 0.999875 10.4224L1.45406 11.8204H3.13044L1.77419 12.8057L2.29225 14.4L0.936063 13.4147L0.123687 14.0049C0.042375 14.6586 0 15.3243 0 16H16C16 7.1635 16 6.12175 16 0C12.8393 0 9.89281 0.916875 7.4115 2.49863ZM8.03137 14.4L6.67519 13.4147L5.319 14.4L5.83706 12.8057L4.48081 11.8204H6.15719L6.67519 10.2261L7.19319 11.8204H8.86956L7.51331 12.8057L8.03137 14.4ZM7.51331 8.14481L8.03137 9.73913L6.67519 8.75381L5.319 9.73913L5.83706 8.14481L4.48081 7.1595H6.15719L6.67519 5.56519L7.19319 7.1595H8.86956L7.51331 8.14481ZM13.7705 14.4L12.4143 13.4147L11.0581 14.4L11.5762 12.8057L10.2199 11.8204H11.8963L12.4143 10.2261L12.9323 11.8204H14.6087L13.2524 12.8057L13.7705 14.4ZM13.2524 8.14481L13.7705 9.73913L12.4143 8.75381L11.0581 9.73913L11.5762 8.14481L10.2199 7.1595H11.8963L12.4143 5.56519L12.9323 7.1595H14.6087L13.2524 8.14481ZM13.2524 3.48394L13.7705 5.07825L12.4143 4.09294L11.0581 5.07825L11.5762 3.48394L10.2199 2.49863H11.8963L12.4143 0.904312L12.9323 2.49863H14.6087L13.2524 3.48394Z" fill="#0052B4"/>
+</g>
+<defs>
+<clipPath id="clip0_1788_4304">
+<rect width="32" height="32" rx="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/assets/images/country/country-02.svg
+++ b/assets/images/country/country-02.svg
@@ -0,0 +1,12 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1788_4322)">
+<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z" fill="#F0F0F0"/>
+<path d="M32 15.9999C32 9.12049 27.658 3.2558 21.5652 0.995117V31.0048C27.658 28.7441 32 22.8794 32 15.9999Z" fill="#D80027"/>
+<path d="M0.000488281 16.001C0.000488281 22.8805 4.34255 28.7452 10.4353 31.0058V0.996216C4.34255 3.2569 0.000488281 9.12159 0.000488281 16.001Z" fill="#0052B4"/>
+</g>
+<defs>
+<clipPath id="clip0_1788_4322">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/assets/images/country/country-03.svg
+++ b/assets/images/country/country-03.svg
@@ -0,0 +1,17 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1589_35166)">
+<path d="M10.875 20.5C16.3978 20.5 20.875 16.0228 20.875 10.5C20.875 4.97715 16.3978 0.5 10.875 0.5C5.35215 0.5 0.875 4.97715 0.875 10.5C0.875 16.0228 5.35215 20.5 10.875 20.5Z" fill="#F0F0F0"/>
+<path d="M0.875 10.5C0.875 4.97719 5.35219 0.5 10.875 0.5C16.3978 0.5 20.875 4.97719 20.875 10.5" fill="#D80027"/>
+<path d="M6.96163 5.71751C6.96163 4.26056 7.98558 3.04345 9.35292 2.74481C9.14276 2.69896 8.92475 2.67407 8.70073 2.67407C7.01983 2.67407 5.65726 4.03665 5.65726 5.71755C5.65726 7.39845 7.01983 8.76103 8.70073 8.76103C8.92468 8.76103 9.14272 8.73614 9.35292 8.69025C7.98558 8.39161 6.96163 7.1745 6.96163 5.71751Z" fill="#F0F0F0"/>
+<path d="M10.8747 2.89172L11.0905 3.55598H11.789L11.2239 3.96657L11.4398 4.63083L10.8747 4.22032L10.3096 4.63083L10.5255 3.96657L9.96039 3.55598H10.6588L10.8747 2.89172Z" fill="#F0F0F0"/>
+<path d="M9.18043 4.19556L9.39625 4.85985H10.0947L9.52964 5.2704L9.7455 5.93466L9.18043 5.52415L8.61527 5.93466L8.83117 5.2704L8.26605 4.85985H8.96453L9.18043 4.19556Z" fill="#F0F0F0"/>
+<path d="M12.5691 4.19556L12.785 4.85985H13.4835L12.9184 5.2704L13.1343 5.93466L12.5691 5.52415L12.0041 5.93466L12.2199 5.2704L11.6548 4.85985H12.3533L12.5691 4.19556Z" fill="#F0F0F0"/>
+<path d="M11.9171 6.15283L12.133 6.81713H12.8314L12.2663 7.22768L12.4822 7.89193L11.9171 7.48143L11.352 7.89193L11.5679 7.22768L11.0028 6.81713H11.7012L11.9171 6.15283Z" fill="#F0F0F0"/>
+<path d="M9.83243 6.15283L10.0482 6.81713H10.7468L10.1816 7.22768L10.3975 7.89193L9.83243 7.48143L9.26731 7.89193L9.48317 7.22768L8.91809 6.81713H9.61657L9.83243 6.15283Z" fill="#F0F0F0"/>
+</g>
+<defs>
+<clipPath id="clip0_1589_35166">
+<rect x="0.875" y="0.5" width="20" height="20" rx="10" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/assets/images/country/country-04.svg
+++ b/assets/images/country/country-04.svg
@@ -0,0 +1,23 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1589_35168)">
+<path d="M10.875 20.5C16.3978 20.5 20.875 16.0228 20.875 10.5C20.875 4.97715 16.3978 0.5 10.875 0.5C5.35215 0.5 0.875 4.97715 0.875 10.5C0.875 16.0228 5.35215 20.5 10.875 20.5Z" fill="#F0F0F0"/>
+<path d="M2.94224 4.41089C2.15673 5.43288 1.56443 6.61081 1.21954 7.89046H6.42181L2.94224 4.41089Z" fill="#0052B4"/>
+<path d="M20.5309 7.89054C20.186 6.61093 19.5936 5.433 18.8082 4.41101L15.3287 7.89054H20.5309Z" fill="#0052B4"/>
+<path d="M1.21954 13.1085C1.56447 14.3881 2.15677 15.5661 2.94224 16.588L6.42169 13.1085H1.21954Z" fill="#0052B4"/>
+<path d="M16.9629 2.56649C15.9409 1.78098 14.763 1.18867 13.4834 0.84375V6.04598L16.9629 2.56649Z" fill="#0052B4"/>
+<path d="M4.78662 18.4314C5.80861 19.2169 6.98655 19.8092 8.26616 20.1541V14.9519L4.78662 18.4314Z" fill="#0052B4"/>
+<path d="M8.26611 0.84375C6.9865 1.18867 5.80857 1.78098 4.78662 2.56644L8.26611 6.04593V0.84375Z" fill="#0052B4"/>
+<path d="M13.4834 20.1541C14.763 19.8092 15.9409 19.2169 16.9629 18.4314L13.4834 14.9519V20.1541Z" fill="#0052B4"/>
+<path d="M15.3287 13.1085L18.8082 16.588C19.5936 15.5661 20.186 14.3881 20.5309 13.1085H15.3287Z" fill="#0052B4"/>
+<path d="M20.7904 9.19566H12.1794H12.1794V0.584648C11.7524 0.529063 11.3171 0.5 10.875 0.5C10.4329 0.5 9.99762 0.529063 9.57066 0.584648V9.19559V9.19563H0.959648C0.904063 9.62262 0.875 10.0579 0.875 10.5C0.875 10.9421 0.904063 11.3774 0.959648 11.8043H9.57059H9.57063V20.4154C9.99762 20.4709 10.4329 20.5 10.875 20.5C11.3171 20.5 11.7524 20.471 12.1793 20.4154V11.8044V11.8044H20.7904C20.8459 11.3774 20.875 10.9421 20.875 10.5C20.875 10.0579 20.8459 9.62262 20.7904 9.19566Z" fill="#D80027"/>
+<path d="M13.4837 13.1094L17.946 17.5718C18.1513 17.3666 18.3471 17.1521 18.5339 16.9298L14.7135 13.1094H13.4837V13.1094Z" fill="#D80027"/>
+<path d="M8.26628 13.1094H8.2662L3.80389 17.5717C4.00905 17.7769 4.22354 17.9727 4.44589 18.1595L8.26628 14.339V13.1094Z" fill="#D80027"/>
+<path d="M8.26616 7.89093V7.89085L3.80382 3.42847C3.59858 3.63362 3.4028 3.84812 3.216 4.07046L7.03643 7.89089H8.26616V7.89093Z" fill="#D80027"/>
+<path d="M13.4837 7.89187L17.9461 3.42945C17.7409 3.22421 17.5264 3.02843 17.3041 2.84167L13.4837 6.6621V7.89187V7.89187Z" fill="#D80027"/>
+</g>
+<defs>
+<clipPath id="clip0_1589_35168">
+<rect x="0.875" y="0.5" width="20" height="20" rx="10" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/assets/images/country/country-05.svg
+++ b/assets/images/country/country-05.svg
@@ -0,0 +1,12 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1589_35170)">
+<path d="M10.875 20.5C16.3978 20.5 20.875 16.0228 20.875 10.5C20.875 4.97715 16.3978 0.5 10.875 0.5C5.35215 0.5 0.875 4.97715 0.875 10.5C0.875 16.0228 5.35215 20.5 10.875 20.5Z" fill="#F0F0F0"/>
+<path d="M10.875 20.4993C15.1746 20.4993 18.84 17.7856 20.253 13.9775H1.49695C2.90988 17.7856 6.57531 20.4993 10.875 20.4993Z" fill="black"/>
+<path d="M10.875 0.50061C6.57531 0.50061 2.90988 3.21436 1.49695 7.02237H20.253C18.84 3.21436 15.1746 0.50061 10.875 0.50061Z" fill="#D80027"/>
+</g>
+<defs>
+<clipPath id="clip0_1589_35170">
+<rect x="0.875" y="0.5" width="20" height="20" rx="10" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/assets/images/country/country-06.svg
+++ b/assets/images/country/country-06.svg
@@ -0,0 +1,11 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1589_35172)">
+<path d="M10.875 20.5C16.3978 20.5 20.875 16.0228 20.875 10.5C20.875 4.97715 16.3978 0.5 10.875 0.5C5.35215 0.5 0.875 4.97715 0.875 10.5C0.875 16.0228 5.35215 20.5 10.875 20.5Z" fill="#F0F0F0"/>
+<path d="M20.7905 9.19564H8.70125H8.70122V0.737671C7.77708 0.942593 6.90094 1.27474 6.0925 1.71587V9.19556V9.1956H0.959771C0.904106 9.62259 0.875122 10.0579 0.875122 10.5C0.875122 10.942 0.904106 11.3774 0.959771 11.8043H6.09247H6.0925V19.284C6.90094 19.7251 7.77708 20.0574 8.70122 20.2622V11.8044V11.8044H20.7905C20.8461 11.3774 20.8751 10.942 20.8751 10.5C20.8751 10.0579 20.8461 9.62259 20.7905 9.19564Z" fill="#0052B4"/>
+</g>
+<defs>
+<clipPath id="clip0_1589_35172">
+<rect x="0.875" y="0.5" width="20" height="20" rx="10" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/assets/images/country/country-07.svg
+++ b/assets/images/country/country-07.svg
@@ -0,0 +1,12 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1589_35174)">
+<path d="M14.353 1.12211C13.2697 0.720161 12.0979 0.500122 10.8747 0.500122C9.65153 0.500122 8.47981 0.720161 7.39649 1.12211L6.52692 10.5001L7.39649 19.8781C8.47981 20.2801 9.65153 20.5001 10.8747 20.5001C12.0979 20.5001 13.2697 20.2801 14.353 19.8781L15.2225 10.5001L14.353 1.12211Z" fill="#FFDA44"/>
+<path d="M20.8749 10.4994C20.8749 6.19982 18.1612 2.53435 14.3531 1.12146V19.8775C18.1612 18.4645 20.8749 14.7991 20.8749 10.4994Z" fill="#D80027"/>
+<path d="M0.874664 10.5C0.874664 14.7997 3.58841 18.4651 7.39642 19.8781V1.12207C3.58841 2.53496 0.874664 6.20043 0.874664 10.5Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_1589_35174">
+<rect x="0.875" y="0.5" width="20" height="20" rx="10" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/assets/images/country/country-08.svg
+++ b/assets/images/country/country-08.svg
@@ -0,0 +1,11 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1589_35176)">
+<path d="M10.875 20.5C16.3978 20.5 20.875 16.0228 20.875 10.5C20.875 4.97715 16.3978 0.5 10.875 0.5C5.35215 0.5 0.875 4.97715 0.875 10.5C0.875 16.0228 5.35215 20.5 10.875 20.5Z" fill="#496E2D"/>
+<path d="M8.70105 14.8479C11.1023 14.8479 13.0489 12.9013 13.0489 10.5C13.0489 8.09881 11.1023 6.15222 8.70105 6.15222C6.29982 6.15222 4.35324 8.09881 4.35324 10.5C4.35324 12.9013 6.29982 14.8479 8.70105 14.8479Z" fill="#D80027"/>
+</g>
+<defs>
+<clipPath id="clip0_1589_35176">
+<rect x="0.875" y="0.5" width="20" height="20" rx="10" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/assets/images/error/404-dark.svg
+++ b/assets/images/error/404-dark.svg
@@ -0,0 +1,20 @@
+<svg width="472" height="158" viewBox="0 0 472 158" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="203.103" y="41.7015" width="22.1453" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="246.752" y="41.7015" width="22.1453" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="258.201" y="98.2308" width="22.1453" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="191.654" y="98.2308" width="22.1453" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="207.396" y="82.847" width="57.5655" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="152.769" y="15.167" width="166.462" height="130.311" rx="28" stroke="#7592FF" stroke-width="24"/>
+<rect x="0.0405273" y="0.522461" width="32.6255" height="77.5957" rx="6.26271" fill="#7592FF"/>
+<rect x="0.0405273" y="0.522461" width="32.6255" height="77.5957" rx="6.26271" stroke="#7592FF"/>
+<rect x="75.8726" y="3.16797" width="32.6255" height="154.31" rx="6.26271" fill="#7592FF"/>
+<rect x="75.8726" y="3.16797" width="32.6255" height="154.31" rx="6.26271" stroke="#7592FF"/>
+<rect x="16.7939" y="91.3438" width="32.6255" height="77.5957" rx="6.26271" transform="rotate(-90 16.7939 91.3438)" fill="#7592FF"/>
+<rect x="16.7939" y="91.3438" width="32.6255" height="77.5957" rx="6.26271" transform="rotate(-90 16.7939 91.3438)" stroke="#7592FF"/>
+<rect x="363.502" y="0.522461" width="32.6255" height="77.5957" rx="6.26271" fill="#7592FF"/>
+<rect x="363.502" y="0.522461" width="32.6255" height="77.5957" rx="6.26271" stroke="#7592FF"/>
+<rect x="439.334" y="3.16797" width="32.6255" height="154.31" rx="6.26271" fill="#7592FF"/>
+<rect x="439.334" y="3.16797" width="32.6255" height="154.31" rx="6.26271" stroke="#7592FF"/>
+<rect x="380.255" y="91.3438" width="32.6255" height="77.5957" rx="6.26271" transform="rotate(-90 380.255 91.3438)" fill="#7592FF"/>
+<rect x="380.255" y="91.3438" width="32.6255" height="77.5957" rx="6.26271" transform="rotate(-90 380.255 91.3438)" stroke="#7592FF"/>
+</svg>
--- a/assets/images/error/404.svg
+++ b/assets/images/error/404.svg
@@ -0,0 +1,20 @@
+<svg width="472" height="158" viewBox="0 0 472 158" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="203.103" y="41.7015" width="22.1453" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="246.752" y="41.7015" width="22.1453" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="258.201" y="98.2303" width="22.1453" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="191.654" y="98.2303" width="22.1453" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="207.396" y="82.847" width="57.5655" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="152.769" y="15.167" width="166.462" height="130.311" rx="28" stroke="#465FFF" stroke-width="24"/>
+<rect x="0.0405273" y="0.522461" width="32.6255" height="77.5957" rx="6.26271" fill="#465FFF"/>
+<rect x="0.0405273" y="0.522461" width="32.6255" height="77.5957" rx="6.26271" stroke="#465FFF"/>
+<rect x="75.8726" y="3.16748" width="32.6255" height="154.31" rx="6.26271" fill="#465FFF"/>
+<rect x="75.8726" y="3.16748" width="32.6255" height="154.31" rx="6.26271" stroke="#465FFF"/>
+<rect x="16.7939" y="91.3442" width="32.6255" height="77.5957" rx="6.26271" transform="rotate(-90 16.7939 91.3442)" fill="#465FFF"/>
+<rect x="16.7939" y="91.3442" width="32.6255" height="77.5957" rx="6.26271" transform="rotate(-90 16.7939 91.3442)" stroke="#465FFF"/>
+<rect x="363.502" y="0.522461" width="32.6255" height="77.5957" rx="6.26271" fill="#465FFF"/>
+<rect x="363.502" y="0.522461" width="32.6255" height="77.5957" rx="6.26271" stroke="#465FFF"/>
+<rect x="439.334" y="3.16748" width="32.6255" height="154.31" rx="6.26271" fill="#465FFF"/>
+<rect x="439.334" y="3.16748" width="32.6255" height="154.31" rx="6.26271" stroke="#465FFF"/>
+<rect x="380.255" y="91.3442" width="32.6255" height="77.5957" rx="6.26271" transform="rotate(-90 380.255 91.3442)" fill="#465FFF"/>
+<rect x="380.255" y="91.3442" width="32.6255" height="77.5957" rx="6.26271" transform="rotate(-90 380.255 91.3442)" stroke="#465FFF"/>
+</svg>
--- a/assets/images/favicon.ico
+++ b/assets/images/favicon.ico
--- a/assets/images/grid-image/image-01.png
+++ b/assets/images/grid-image/image-01.png
--- a/assets/images/grid-image/image-02.png
+++ b/assets/images/grid-image/image-02.png
--- a/assets/images/grid-image/image-03.png
+++ b/assets/images/grid-image/image-03.png
--- a/assets/images/grid-image/image-04.png
+++ b/assets/images/grid-image/image-04.png
--- a/assets/images/grid-image/image-05.png
+++ b/assets/images/grid-image/image-05.png
--- a/assets/images/grid-image/image-06.png
+++ b/assets/images/grid-image/image-06.png
--- a/assets/images/icons/file-image-dark.svg
+++ b/assets/images/icons/file-image-dark.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.125 16.9587V18.4587H5.875C4.63236 18.4587 3.625 17.4513 3.625 16.2087V8.12137C3.625 7.52488 3.86186 6.9528 4.28351 6.53088L8.61019 2.2015C9.03218 1.77924 9.60469 1.54199 10.2017 1.54199H14.125C15.3676 1.54199 16.375 2.54935 16.375 3.79199V8.12533H14.875V3.79199C14.875 3.37778 14.5392 3.04199 14.125 3.04199H10.3318L10.3339 5.99933C10.3346 6.98219 9.70502 7.81822 8.82702 8.12533H8.125V8.25057C8.11133 8.25081 8.09762 8.25094 8.08389 8.25094H5.125V16.2087C5.125 16.6229 5.46079 16.9587 5.875 16.9587H8.125ZM8.83254 4.10099L6.18425 6.75094H8.08389C8.49831 6.75094 8.83419 6.41482 8.83389 6.0004L8.83254 4.10099ZM11.8114 9.81165C10.7068 9.81165 9.81137 10.7071 9.81137 11.8116V15.8972C9.81137 16.1982 9.87787 16.4837 9.99698 16.7398C10.1307 17.1788 10.4745 17.5306 10.9157 17.6859C11.1851 17.8211 11.4894 17.8972 11.8114 17.8972H15.8969C16.219 17.8972 16.5233 17.8211 16.7928 17.6858C17.2337 17.5306 17.5773 17.179 17.7111 16.7402C17.8304 16.484 17.8969 16.1984 17.8969 15.8972V11.8116C17.8969 10.7071 17.0015 9.81165 15.8969 9.81165H11.8114ZM16.3969 14.4735V11.8116C16.3969 11.5355 16.1731 11.3116 15.8969 11.3116H11.8114C11.5352 11.3116 11.3114 11.5355 11.3114 11.8116V14.9237L11.8234 14.6628C12.2747 14.4328 12.8161 14.4428 13.2579 14.6893L14.1394 15.181C14.7374 15.5146 15.4938 15.4059 15.966 14.9184L16.3969 14.4735ZM11.944 12.7455C11.944 12.3037 12.3022 11.9455 12.744 11.9455H12.7485C13.1903 11.9455 13.5485 12.3037 13.5485 12.7455C13.5485 13.1873 13.1903 13.5455 12.7485 13.5455H12.744C12.3022 13.5455 11.944 13.1873 11.944 12.7455Z" fill="#98A2B3"/>
+</svg>
--- a/assets/images/icons/file-image.svg
+++ b/assets/images/icons/file-image.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.125 16.9587V18.4587H5.875C4.63236 18.4587 3.625 17.4513 3.625 16.2087V8.12137C3.625 7.52488 3.86186 6.9528 4.28351 6.53088L8.61019 2.2015C9.03218 1.77924 9.60469 1.54199 10.2017 1.54199H14.125C15.3676 1.54199 16.375 2.54935 16.375 3.79199V8.12533H14.875V3.79199C14.875 3.37778 14.5392 3.04199 14.125 3.04199H10.3318L10.3339 5.99933C10.3346 6.98219 9.70502 7.81822 8.82702 8.12533H8.125V8.25057C8.11133 8.25081 8.09762 8.25094 8.08389 8.25094H5.125V16.2087C5.125 16.6229 5.46079 16.9587 5.875 16.9587H8.125ZM8.83254 4.10099L6.18425 6.75094H8.08389C8.49831 6.75094 8.83419 6.41482 8.83389 6.0004L8.83254 4.10099ZM11.8114 9.81165C10.7068 9.81165 9.81137 10.7071 9.81137 11.8116V15.8972C9.81137 16.1982 9.87787 16.4837 9.99698 16.7398C10.1307 17.1788 10.4745 17.5306 10.9157 17.6859C11.1851 17.8211 11.4894 17.8972 11.8114 17.8972H15.8969C16.219 17.8972 16.5233 17.8211 16.7928 17.6858C17.2337 17.5306 17.5773 17.179 17.7111 16.7402C17.8304 16.484 17.8969 16.1984 17.8969 15.8972V11.8116C17.8969 10.7071 17.0015 9.81165 15.8969 9.81165H11.8114ZM16.3969 14.4735V11.8116C16.3969 11.5355 16.1731 11.3116 15.8969 11.3116H11.8114C11.5352 11.3116 11.3114 11.5355 11.3114 11.8116V14.9237L11.8234 14.6628C12.2747 14.4328 12.8161 14.4428 13.2579 14.6893L14.1394 15.181C14.7374 15.5146 15.4938 15.4059 15.966 14.9184L16.3969 14.4735ZM11.944 12.7455C11.944 12.3037 12.3022 11.9455 12.744 11.9455H12.7485C13.1903 11.9455 13.5485 12.3037 13.5485 12.7455C13.5485 13.1873 13.1903 13.5455 12.7485 13.5455H12.744C12.3022 13.5455 11.944 13.1873 11.944 12.7455Z" fill="#344054"/>
+</svg>
--- a/assets/images/icons/file-pdf-dark.svg
+++ b/assets/images/icons/file-pdf-dark.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.125 18.4587C15.3676 18.4587 16.375 17.4513 16.375 16.2087V15.8385H16.8333C17.6618 15.8385 18.3333 15.1669 18.3333 14.3385V11.292C18.3333 10.4636 17.6618 9.79199 16.8333 9.79199H9C8.17157 9.79199 7.5 10.4636 7.5 11.292V14.3385C7.5 15.1669 8.17157 15.8385 9 15.8385H14.875V16.2087C14.875 16.6229 14.5392 16.9587 14.125 16.9587H5.875C5.46079 16.9587 5.125 16.6229 5.125 16.2087V8.25094H8.08389C9.32716 8.25094 10.3348 7.2426 10.3339 5.99933L10.3318 3.04199H14.125C14.5392 3.04199 14.875 3.37778 14.875 3.79199V9.78182H16.375V3.79199C16.375 2.54935 15.3676 1.54199 14.125 1.54199H10.2017C9.60469 1.54199 9.03218 1.77924 8.61019 2.2015L4.28351 6.53088C3.86186 6.9528 3.625 7.52488 3.625 8.12137V16.2087C3.625 17.4513 4.63236 18.4587 5.875 18.4587H14.125ZM8.83254 4.10099L6.18425 6.75094H8.08389C8.49831 6.75094 8.83419 6.41482 8.83389 6.0004L8.83254 4.10099ZM17.3365 11.7866C17.3365 11.8101 17.3298 11.8286 17.3164 11.842C17.3029 11.8555 17.2844 11.8622 17.2609 11.8622H15.7594C15.7426 11.8622 15.7342 11.8706 15.7342 11.8874V12.361C15.7342 12.3778 15.7426 12.3862 15.7594 12.3862H16.6915C16.7151 12.3862 16.7335 12.3929 16.747 12.4064C16.7604 12.4198 16.7671 12.4383 16.7671 12.4618V13.1168C16.7671 13.1404 16.7604 13.1588 16.747 13.1723C16.7335 13.1857 16.7151 13.1924 16.6915 13.1924H15.7594C15.7426 13.1924 15.7342 13.2008 15.7342 13.2176V14.5025C15.7342 14.526 15.7275 14.5445 15.714 14.5579C15.7006 14.5714 15.6821 14.5781 15.6586 14.5781H14.8625C14.839 14.5781 14.8205 14.5714 14.8071 14.5579C14.7936 14.5445 14.7869 14.526 14.7869 14.5025V11.1265C14.7869 11.103 14.7936 11.0845 14.8071 11.0711C14.8205 11.0577 14.839 11.0509 14.8625 11.0509H17.2609C17.2844 11.0509 17.3029 11.0577 17.3164 11.0711C17.3298 11.0845 17.3365 11.103 17.3365 11.1265V11.7866ZM11.6933 14.5579C11.7067 14.5714 11.7252 14.5781 11.7487 14.5781H13.0436C13.3157 14.5781 13.5559 14.531 13.7642 14.437C13.9758 14.3429 14.1387 14.2102 14.2529 14.0389C14.3672 13.8676 14.4243 13.6694 14.4243 13.4444V12.1847C14.4243 11.9596 14.3672 11.7614 14.2529 11.5901C14.1387 11.4188 13.9758 11.2861 13.7642 11.192C13.5559 11.098 13.3157 11.0509 13.0436 11.0509H11.7487C11.7252 11.0509 11.7067 11.0577 11.6933 11.0711C11.6798 11.0845 11.6731 11.103 11.6731 11.1265V14.5025C11.6731 14.526 11.6798 14.5445 11.6933 14.5579ZM12.6456 13.7668C12.6288 13.7668 12.6204 13.7584 12.6204 13.7416V11.8874C12.6204 11.8706 12.6288 11.8622 12.6456 11.8622H13.0739C13.1948 11.8622 13.2922 11.9075 13.3661 11.9982C13.44 12.0856 13.477 12.2015 13.477 12.3459V13.2831C13.4736 13.4276 13.435 13.5451 13.3611 13.6358C13.2872 13.7232 13.1931 13.7668 13.0789 13.7668H12.6456ZM10.188 11.0509C10.4265 11.0509 10.6365 11.0997 10.8179 11.1971C10.9992 11.2911 11.1387 11.4272 11.2361 11.6052C11.3368 11.7799 11.3872 11.9814 11.3872 12.2099C11.3872 12.4349 11.3352 12.6331 11.231 12.8044C11.1269 12.9758 10.9808 13.1084 10.7927 13.2025C10.6045 13.2966 10.3879 13.3436 10.1427 13.3436H9.60855C9.59175 13.3436 9.58335 13.352 9.58335 13.3688V14.5025C9.58335 14.526 9.57664 14.5445 9.5632 14.5579C9.54976 14.5714 9.53129 14.5781 9.50777 14.5781H8.71165C8.68814 14.5781 8.66966 14.5714 8.65622 14.5579C8.64279 14.5445 8.63607 14.526 8.63607 14.5025V11.1265C8.63607 11.103 8.64279 11.0845 8.65622 11.0711C8.66966 11.0577 8.68814 11.0509 8.71165 11.0509H10.188ZM10.0318 12.5878C10.1561 12.5878 10.2552 12.5559 10.3291 12.492C10.4064 12.4248 10.445 12.3375 10.445 12.23C10.445 12.1192 10.4064 12.0301 10.3291 11.963C10.2552 11.8958 10.1561 11.8622 10.0318 11.8622H9.60855C9.59175 11.8622 9.58335 11.8706 9.58335 11.8874V12.5626C9.58335 12.5794 9.59175 12.5878 9.60855 12.5878H10.0318Z" fill="#98A2B3"/>
+</svg>
--- a/assets/images/icons/file-pdf.svg
+++ b/assets/images/icons/file-pdf.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.125 18.4587C15.3676 18.4587 16.375 17.4513 16.375 16.2087V15.8385H16.8333C17.6618 15.8385 18.3333 15.1669 18.3333 14.3385V11.292C18.3333 10.4636 17.6618 9.79199 16.8333 9.79199H9C8.17157 9.79199 7.5 10.4636 7.5 11.292V14.3385C7.5 15.1669 8.17157 15.8385 9 15.8385H14.875V16.2087C14.875 16.6229 14.5392 16.9587 14.125 16.9587H5.875C5.46079 16.9587 5.125 16.6229 5.125 16.2087V8.25094H8.08389C9.32716 8.25094 10.3348 7.2426 10.3339 5.99933L10.3318 3.04199H14.125C14.5392 3.04199 14.875 3.37778 14.875 3.79199V9.78182H16.375V3.79199C16.375 2.54935 15.3676 1.54199 14.125 1.54199H10.2017C9.60469 1.54199 9.03218 1.77924 8.61019 2.2015L4.28351 6.53088C3.86186 6.9528 3.625 7.52488 3.625 8.12137V16.2087C3.625 17.4513 4.63236 18.4587 5.875 18.4587H14.125ZM8.83254 4.10099L6.18425 6.75094H8.08389C8.49831 6.75094 8.83419 6.41482 8.83389 6.0004L8.83254 4.10099ZM17.3365 11.7866C17.3365 11.8101 17.3298 11.8286 17.3164 11.842C17.3029 11.8555 17.2844 11.8622 17.2609 11.8622H15.7594C15.7426 11.8622 15.7342 11.8706 15.7342 11.8874V12.361C15.7342 12.3778 15.7426 12.3862 15.7594 12.3862H16.6915C16.7151 12.3862 16.7335 12.3929 16.747 12.4064C16.7604 12.4198 16.7671 12.4383 16.7671 12.4618V13.1168C16.7671 13.1404 16.7604 13.1588 16.747 13.1723C16.7335 13.1857 16.7151 13.1924 16.6915 13.1924H15.7594C15.7426 13.1924 15.7342 13.2008 15.7342 13.2176V14.5025C15.7342 14.526 15.7275 14.5445 15.714 14.5579C15.7006 14.5714 15.6821 14.5781 15.6586 14.5781H14.8625C14.839 14.5781 14.8205 14.5714 14.8071 14.5579C14.7936 14.5445 14.7869 14.526 14.7869 14.5025V11.1265C14.7869 11.103 14.7936 11.0845 14.8071 11.0711C14.8205 11.0577 14.839 11.0509 14.8625 11.0509H17.2609C17.2844 11.0509 17.3029 11.0577 17.3164 11.0711C17.3298 11.0845 17.3365 11.103 17.3365 11.1265V11.7866ZM11.6933 14.5579C11.7067 14.5714 11.7252 14.5781 11.7487 14.5781H13.0436C13.3157 14.5781 13.5559 14.531 13.7642 14.437C13.9758 14.3429 14.1387 14.2102 14.2529 14.0389C14.3672 13.8676 14.4243 13.6694 14.4243 13.4444V12.1847C14.4243 11.9596 14.3672 11.7614 14.2529 11.5901C14.1387 11.4188 13.9758 11.2861 13.7642 11.192C13.5559 11.098 13.3157 11.0509 13.0436 11.0509H11.7487C11.7252 11.0509 11.7067 11.0577 11.6933 11.0711C11.6798 11.0845 11.6731 11.103 11.6731 11.1265V14.5025C11.6731 14.526 11.6798 14.5445 11.6933 14.5579ZM12.6456 13.7668C12.6288 13.7668 12.6204 13.7584 12.6204 13.7416V11.8874C12.6204 11.8706 12.6288 11.8622 12.6456 11.8622H13.0739C13.1948 11.8622 13.2922 11.9075 13.3661 11.9982C13.44 12.0856 13.477 12.2015 13.477 12.3459V13.2831C13.4736 13.4276 13.435 13.5451 13.3611 13.6358C13.2872 13.7232 13.1931 13.7668 13.0789 13.7668H12.6456ZM10.188 11.0509C10.4265 11.0509 10.6365 11.0997 10.8179 11.1971C10.9992 11.2911 11.1387 11.4272 11.2361 11.6052C11.3368 11.7799 11.3872 11.9814 11.3872 12.2099C11.3872 12.4349 11.3352 12.6331 11.231 12.8044C11.1269 12.9758 10.9808 13.1084 10.7927 13.2025C10.6045 13.2966 10.3879 13.3436 10.1427 13.3436H9.60855C9.59175 13.3436 9.58335 13.352 9.58335 13.3688V14.5025C9.58335 14.526 9.57664 14.5445 9.5632 14.5579C9.54976 14.5714 9.53129 14.5781 9.50777 14.5781H8.71165C8.68814 14.5781 8.66966 14.5714 8.65622 14.5579C8.64279 14.5445 8.63607 14.526 8.63607 14.5025V11.1265C8.63607 11.103 8.64279 11.0845 8.65622 11.0711C8.66966 11.0577 8.68814 11.0509 8.71165 11.0509H10.188ZM10.0318 12.5878C10.1561 12.5878 10.2552 12.5559 10.3291 12.492C10.4064 12.4248 10.445 12.3375 10.445 12.23C10.445 12.1192 10.4064 12.0301 10.3291 11.963C10.2552 11.8958 10.1561 11.8622 10.0318 11.8622H9.60855C9.59175 11.8622 9.58335 11.8706 9.58335 11.8874V12.5626C9.58335 12.5794 9.59175 12.5878 9.60855 12.5878H10.0318Z" fill="#344054"/>
+</svg>
--- a/assets/images/icons/file-video-dark.svg
+++ b/assets/images/icons/file-video-dark.svg
@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.7493 13.6461L17.6649 12.3961V15.3128L15.7493 14.0628V13.6461Z" fill="#98A2B3"/>
+<path d="M10.0432 12.3711C10.0432 11.6807 10.6029 11.1211 11.2932 11.1211H14.4993C15.1896 11.1211 15.7493 11.6807 15.7493 12.3711V15.3378C15.7493 16.0282 15.1896 16.5878 14.4993 16.5878H11.2932C10.6029 16.5878 10.0432 16.0282 10.0432 15.3378V12.3711Z" stroke="#98A2B3" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M15.7493 13.6461L17.6649 12.3961V15.3128L15.7493 14.0628V13.6461Z" stroke="#98A2B3" stroke-width="1.5" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.125 18.4587V16.9587H5.875C5.46079 16.9587 5.125 16.6229 5.125 16.2087V8.25094H8.08389C8.09762 8.25094 8.11133 8.25081 8.125 8.25057V8.12533H8.82702C9.70502 7.81822 10.3346 6.98219 10.3339 5.99933L10.3318 3.04199H14.125C14.5392 3.04199 14.875 3.37778 14.875 3.79199V8.12533H16.375V3.79199C16.375 2.54935 15.3676 1.54199 14.125 1.54199H10.2017C9.60469 1.54199 9.03218 1.77924 8.61019 2.2015L4.28351 6.53088C3.86186 6.9528 3.625 7.52488 3.625 8.12137V16.2087C3.625 17.4513 4.63236 18.4587 5.875 18.4587H8.125ZM6.18425 6.75094L8.83254 4.10099L8.83389 6.0004C8.83419 6.41482 8.49831 6.75094 8.08389 6.75094H6.18425Z" fill="#98A2B3"/>
+</svg>
--- a/assets/images/icons/file-video.svg
+++ b/assets/images/icons/file-video.svg
@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.7493 13.6461L17.6649 12.3961V15.3128L15.7493 14.0628V13.6461Z" fill="#344054"/>
+<path d="M10.0432 12.3711C10.0432 11.6807 10.6029 11.1211 11.2932 11.1211H14.4993C15.1896 11.1211 15.7493 11.6807 15.7493 12.3711V15.3378C15.7493 16.0282 15.1896 16.5878 14.4993 16.5878H11.2932C10.6029 16.5878 10.0432 16.0282 10.0432 15.3378V12.3711Z" stroke="#344054" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M15.7493 13.6461L17.6649 12.3961V15.3128L15.7493 14.0628V13.6461Z" stroke="#344054" stroke-width="1.5" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.125 18.4587V16.9587H5.875C5.46079 16.9587 5.125 16.6229 5.125 16.2087V8.25094H8.08389C8.09762 8.25094 8.11133 8.25081 8.125 8.25057V8.12533H8.82702C9.70502 7.81822 10.3346 6.98219 10.3339 5.99933L10.3318 3.04199H14.125C14.5392 3.04199 14.875 3.37778 14.875 3.79199V8.12533H16.375V3.79199C16.375 2.54935 15.3676 1.54199 14.125 1.54199H10.2017C9.60469 1.54199 9.03218 1.77924 8.61019 2.2015L4.28351 6.53088C3.86186 6.9528 3.625 7.52488 3.625 8.12137V16.2087C3.625 17.4513 4.63236 18.4587 5.875 18.4587H8.125ZM6.18425 6.75094L8.83254 4.10099L8.83389 6.0004C8.83419 6.41482 8.49831 6.75094 8.08389 6.75094H6.18425Z" fill="#344054"/>
+</svg>
--- a/assets/images/logo/auth-logo.svg
+++ b/assets/images/logo/auth-logo.svg
@@ -0,0 +1,53 @@
+<svg width="231" height="48" viewBox="0 0 231 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.425781 12.6316C0.425781 5.65535 6.08113 0 13.0574 0H35.7942C42.7704 0 48.4258 5.65535 48.4258 12.6316V35.3684C48.4258 42.3446 42.7704 48 35.7942 48H13.0574C6.08113 48 0.425781 42.3446 0.425781 35.3684V12.6316Z" fill="#465FFF"/>
+<g filter="url(#filter0_d_3903_56743)">
+<path d="M13.0615 12.6323C13.0615 11.237 14.1926 10.106 15.5878 10.106C16.9831 10.106 18.1142 11.237 18.1142 12.6323V35.3691C18.1142 36.7644 16.9831 37.8954 15.5878 37.8954C14.1926 37.8954 13.0615 36.7644 13.0615 35.3691V12.6323Z" fill="white"/>
+</g>
+<g filter="url(#filter1_d_3903_56743)">
+<path d="M22.5391 22.7353C22.5391 21.3401 23.6701 20.209 25.0654 20.209C26.4606 20.209 27.5917 21.3401 27.5917 22.7353V35.3669C27.5917 36.7621 26.4606 37.8932 25.0654 37.8932C23.6701 37.8932 22.5391 36.7621 22.5391 35.3669V22.7353Z" fill="white" fill-opacity="0.9" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter2_d_3903_56743)">
+<path d="M32.0078 16.4189C32.0078 15.0236 33.1389 13.8926 34.5341 13.8926C35.9294 13.8926 37.0604 15.0236 37.0604 16.4189V35.3663C37.0604 36.7615 35.9294 37.8926 34.5341 37.8926C33.1389 37.8926 32.0078 36.7615 32.0078 35.3663V16.4189Z" fill="white" fill-opacity="0.7" shape-rendering="crispEdges"/>
+</g>
+<path d="M66.4258 15.1724H74.0585V37.0363H78.6239V15.1724H86.2567V10.9637H66.4258V15.1724Z" fill="white"/>
+<path d="M91.3521 37.5C94.0984 37.5 96.4881 36.2516 97.2371 34.4326L97.5581 37.0363H101.375V26.3362C101.375 21.4498 98.4498 18.8818 93.7061 18.8818C88.9267 18.8818 85.788 21.3785 85.788 25.1948H89.4974C89.4974 23.3402 90.9241 22.2701 93.4921 22.2701C95.7035 22.2701 97.1301 23.2332 97.1301 25.6229V26.0152L91.8514 26.4075C87.6784 26.7285 85.3243 28.7616 85.3243 32.0073C85.3243 35.3243 87.607 37.5 91.3521 37.5ZM92.7788 34.2186C90.8171 34.2186 89.747 33.4339 89.747 31.8289C89.747 30.4022 90.7814 29.5106 93.4921 29.2609L97.1658 28.9756V29.9029C97.1658 32.6136 95.4538 34.2186 92.7788 34.2186Z" fill="white"/>
+<path d="M107.825 15.8857C109.252 15.8857 110.429 14.7087 110.429 13.2464C110.429 11.784 109.252 10.6427 107.825 10.6427C106.327 10.6427 105.15 11.784 105.15 13.2464C105.15 14.7087 106.327 15.8857 107.825 15.8857ZM105.649 37.0363H110.001V19.4168H105.649V37.0363Z" fill="white"/>
+<path d="M118.883 37.0363V10.5H114.568V37.0363H118.883Z" fill="white"/>
+<path d="M126.337 37.0363L128.441 31.0086H138.179L140.283 37.0363H145.098L135.682 10.9637H131.009L121.593 37.0363H126.337ZM132.757 18.7391C133.007 18.0258 133.221 17.2411 133.328 16.7417C133.399 17.2768 133.649 18.0614 133.863 18.7391L136.859 27.1565H129.797L132.757 18.7391Z" fill="white"/>
+<path d="M154.165 37.5C156.84 37.5 159.122 36.323 160.192 34.29L160.478 37.0363H164.472V10.5H160.157V21.6638C159.051 19.9161 156.875 18.8818 154.414 18.8818C149.1 18.8818 145.89 22.8052 145.89 28.2979C145.89 33.755 149.064 37.5 154.165 37.5ZM155.128 33.5053C152.096 33.5053 150.241 31.2939 150.241 28.1552C150.241 25.0165 152.096 22.7695 155.128 22.7695C158.159 22.7695 160.121 24.9808 160.121 28.1552C160.121 31.3296 158.159 33.5053 155.128 33.5053Z" fill="white"/>
+<path d="M173.359 37.0363V27.0495C173.359 24.1962 175.035 22.8408 177.104 22.8408C179.172 22.8408 180.492 24.1605 180.492 26.6215V37.0363H184.843V27.0495C184.843 24.1605 186.448 22.8052 188.553 22.8052C190.621 22.8052 191.977 24.1248 191.977 26.6572V37.0363H196.292V25.5159C196.292 21.4498 193.938 18.8818 189.658 18.8818C186.983 18.8818 184.915 20.2015 184.023 22.2345C183.096 20.2015 181.241 18.8818 178.566 18.8818C176.034 18.8818 174.25 20.0231 173.359 21.4855L173.002 19.4168H169.007V37.0363H173.359Z" fill="white"/>
+<path d="M202.74 15.8857C204.167 15.8857 205.344 14.7087 205.344 13.2464C205.344 11.784 204.167 10.6427 202.74 10.6427C201.242 10.6427 200.065 11.784 200.065 13.2464C200.065 14.7087 201.242 15.8857 202.74 15.8857ZM200.564 37.0363H204.916V19.4168H200.564V37.0363Z" fill="white"/>
+<path d="M213.763 37.0363V27.5489C213.763 24.6955 215.403 22.8408 218.078 22.8408C220.325 22.8408 221.788 24.2675 221.788 27.2279V37.0363H226.139V26.1935C226.139 21.6281 223.856 18.8818 219.434 18.8818C217.044 18.8818 214.904 19.9161 213.798 21.6995L213.442 19.4168H209.411V37.0363H213.763Z" fill="white"/>
+<defs>
+<filter id="filter0_d_3903_56743" x="12.0615" y="9.60596" width="7.05273" height="29.7896" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3903_56743"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3903_56743" result="shape"/>
+</filter>
+<filter id="filter1_d_3903_56743" x="21.5391" y="19.709" width="7.05273" height="19.6843" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3903_56743"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3903_56743" result="shape"/>
+</filter>
+<filter id="filter2_d_3903_56743" x="31.0078" y="13.3926" width="7.05273" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3903_56743"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3903_56743" result="shape"/>
+</filter>
+</defs>
+</svg>
--- a/assets/images/logo/logo-dark.svg
+++ b/assets/images/logo/logo-dark.svg
@@ -0,0 +1,53 @@
+<svg width="154" height="32" viewBox="0 0 154 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8.42105C0 3.77023 3.77023 0 8.42105 0H23.5789C28.2298 0 32 3.77023 32 8.42105V23.5789C32 28.2298 28.2298 32 23.5789 32H8.42105C3.77023 32 0 28.2298 0 23.5789V8.42105Z" fill="#465FFF"/>
+<g filter="url(#filter0_d_1608_324)">
+<path d="M8.42383 8.42152C8.42383 7.49135 9.17787 6.7373 10.108 6.7373C11.0382 6.7373 11.7922 7.49135 11.7922 8.42152V23.5794C11.7922 24.5096 11.0382 25.2636 10.108 25.2636C9.17787 25.2636 8.42383 24.5096 8.42383 23.5794V8.42152Z" fill="white"/>
+</g>
+<g filter="url(#filter1_d_1608_324)">
+<path d="M14.7422 15.1569C14.7422 14.2267 15.4962 13.4727 16.4264 13.4727C17.3566 13.4727 18.1106 14.2267 18.1106 15.1569V23.5779C18.1106 24.5081 17.3566 25.2621 16.4264 25.2621C15.4962 25.2621 14.7422 24.5081 14.7422 23.5779V15.1569Z" fill="white" fill-opacity="0.9" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter2_d_1608_324)">
+<path d="M21.0547 10.9459C21.0547 10.0158 21.8087 9.26172 22.7389 9.26172C23.6691 9.26172 24.4231 10.0158 24.4231 10.9459V23.5775C24.4231 24.5077 23.6691 25.2617 22.7389 25.2617C21.8087 25.2617 21.0547 24.5077 21.0547 23.5775V10.9459Z" fill="white" fill-opacity="0.7" shape-rendering="crispEdges"/>
+</g>
+<path d="M44 10.1149H49.0885V24.6909H52.1321V10.1149H57.2206V7.30912H44V10.1149Z" fill="white"/>
+<path d="M60.6175 25C62.4484 25 64.0416 24.1678 64.5409 22.9551L64.7549 24.6909H67.2992V17.5575C67.2992 14.2999 65.3494 12.5878 62.1869 12.5878C59.0006 12.5878 56.9081 14.2523 56.9081 16.7966H59.3811C59.3811 15.5601 60.3322 14.8468 62.0442 14.8468C63.5184 14.8468 64.4696 15.4888 64.4696 17.0819V17.3435L60.9504 17.605C58.1684 17.819 56.599 19.1744 56.599 21.3382C56.599 23.5495 58.1208 25 60.6175 25ZM61.5686 22.8124C60.2609 22.8124 59.5475 22.2893 59.5475 21.2193C59.5475 20.2682 60.2371 19.6737 62.0442 19.5073L64.4934 19.317V19.9353C64.4934 21.7424 63.352 22.8124 61.5686 22.8124Z" fill="white"/>
+<path d="M71.5995 10.5905C72.5506 10.5905 73.3353 9.80581 73.3353 8.83091C73.3353 7.85601 72.5506 7.09511 71.5995 7.09511C70.6008 7.09511 69.8161 7.85601 69.8161 8.83091C69.8161 9.80581 70.6008 10.5905 71.5995 10.5905ZM70.149 24.6909H73.0499V12.9445H70.149V24.6909Z" fill="white"/>
+<path d="M78.9718 24.6909V7H76.0946V24.6909H78.9718Z" fill="white"/>
+<path d="M83.9408 24.6909L85.3437 20.6724H91.8352L93.2381 24.6909H96.4481L90.1707 7.30912H87.0558L80.7784 24.6909H83.9408ZM88.2209 12.4927C88.3873 12.0172 88.53 11.4941 88.6013 11.1612C88.6489 11.5178 88.8153 12.041 88.958 12.4927L90.9554 18.1044H86.2473L88.2209 12.4927Z" fill="white"/>
+<path d="M102.493 25C104.276 25 105.798 24.2153 106.511 22.86L106.701 24.6909H109.364V7H106.487V14.4425C105.75 13.2774 104.3 12.5878 102.659 12.5878C99.1161 12.5878 96.9761 15.2034 96.9761 18.8653C96.9761 22.5033 99.0923 25 102.493 25ZM103.135 22.3369C101.113 22.3369 99.877 20.8626 99.877 18.7701C99.877 16.6777 101.113 15.1797 103.135 15.1797C105.156 15.1797 106.464 16.6539 106.464 18.7701C106.464 20.8864 105.156 22.3369 103.135 22.3369Z" fill="white"/>
+<path d="M115.289 24.6909V18.033C115.289 16.1308 116.406 15.2272 117.785 15.2272C119.164 15.2272 120.044 16.107 120.044 17.7477V24.6909H122.945V18.033C122.945 16.107 124.015 15.2034 125.418 15.2034C126.797 15.2034 127.701 16.0832 127.701 17.7715V24.6909H130.578V17.0106C130.578 14.2999 129.008 12.5878 126.155 12.5878C124.372 12.5878 122.993 13.4676 122.398 14.823C121.78 13.4676 120.543 12.5878 118.76 12.5878C117.072 12.5878 115.883 13.3487 115.289 14.3236L115.051 12.9445H112.388V24.6909H115.289Z" fill="white"/>
+<path d="M134.876 10.5905C135.827 10.5905 136.612 9.80581 136.612 8.83091C136.612 7.85601 135.827 7.09511 134.876 7.09511C133.877 7.09511 133.093 7.85601 133.093 8.83091C133.093 9.80581 133.877 10.5905 134.876 10.5905ZM133.426 24.6909H136.327V12.9445H133.426V24.6909Z" fill="white"/>
+<path d="M142.225 24.6909V18.3659C142.225 16.4637 143.318 15.2272 145.102 15.2272C146.6 15.2272 147.575 16.1783 147.575 18.1519V24.6909H150.476V17.4624C150.476 14.4188 148.954 12.5878 146.005 12.5878C144.412 12.5878 142.985 13.2774 142.248 14.4663L142.011 12.9445H139.324V24.6909H142.225Z" fill="white"/>
+<defs>
+<filter id="filter0_d_1608_324" x="7.42383" y="6.2373" width="5.36841" height="20.5264" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1608_324"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1608_324" result="shape"/>
+</filter>
+<filter id="filter1_d_1608_324" x="13.7422" y="12.9727" width="5.36841" height="13.7896" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1608_324"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1608_324" result="shape"/>
+</filter>
+<filter id="filter2_d_1608_324" x="20.0547" y="8.76172" width="5.36841" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1608_324"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1608_324" result="shape"/>
+</filter>
+</defs>
+</svg>
--- a/assets/images/logo/logo-icon.svg
+++ b/assets/images/logo/logo-icon.svg
@@ -0,0 +1,44 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8.42105C0 3.77023 3.77023 0 8.42105 0H23.5789C28.2298 0 32 3.77023 32 8.42105V23.5789C32 28.2298 28.2298 32 23.5789 32H8.42105C3.77023 32 0 28.2298 0 23.5789V8.42105Z" fill="#465FFF"/>
+<g filter="url(#filter0_d_1884_16361)">
+<path d="M8.42383 8.42152C8.42383 7.49135 9.17787 6.7373 10.108 6.7373C11.0382 6.7373 11.7922 7.49135 11.7922 8.42152V23.5794C11.7922 24.5096 11.0382 25.2636 10.108 25.2636C9.17787 25.2636 8.42383 24.5096 8.42383 23.5794V8.42152Z" fill="white"/>
+</g>
+<g filter="url(#filter1_d_1884_16361)">
+<path d="M14.7422 15.1569C14.7422 14.2267 15.4962 13.4727 16.4264 13.4727C17.3566 13.4727 18.1106 14.2267 18.1106 15.1569V23.5779C18.1106 24.5081 17.3566 25.2621 16.4264 25.2621C15.4962 25.2621 14.7422 24.5081 14.7422 23.5779V15.1569Z" fill="white" fill-opacity="0.9" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter2_d_1884_16361)">
+<path d="M21.0547 10.9459C21.0547 10.0158 21.8087 9.26172 22.7389 9.26172C23.6691 9.26172 24.4231 10.0158 24.4231 10.9459V23.5775C24.4231 24.5077 23.6691 25.2617 22.7389 25.2617C21.8087 25.2617 21.0547 24.5077 21.0547 23.5775V10.9459Z" fill="white" fill-opacity="0.7" shape-rendering="crispEdges"/>
+</g>
+<defs>
+<filter id="filter0_d_1884_16361" x="7.42383" y="6.2373" width="5.36841" height="20.5264" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1884_16361"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1884_16361" result="shape"/>
+</filter>
+<filter id="filter1_d_1884_16361" x="13.7422" y="12.9727" width="5.36841" height="13.7891" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1884_16361"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1884_16361" result="shape"/>
+</filter>
+<filter id="filter2_d_1884_16361" x="20.0547" y="8.76172" width="5.36841" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1884_16361"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1884_16361" result="shape"/>
+</filter>
+</defs>
+</svg>
--- a/assets/images/logo/logo.svg
+++ b/assets/images/logo/logo.svg
@@ -0,0 +1,53 @@
+<svg width="154" height="32" viewBox="0 0 154 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8.42105C0 3.77023 3.77023 0 8.42105 0H23.5789C28.2298 0 32 3.77023 32 8.42105V23.5789C32 28.2298 28.2298 32 23.5789 32H8.42105C3.77023 32 0 28.2298 0 23.5789V8.42105Z" fill="#465FFF"/>
+<g filter="url(#filter0_d_1624_24907)">
+<path d="M8.42383 8.42152C8.42383 7.49135 9.17787 6.7373 10.108 6.7373V6.7373C11.0382 6.7373 11.7922 7.49135 11.7922 8.42152V23.5794C11.7922 24.5096 11.0382 25.2636 10.108 25.2636V25.2636C9.17787 25.2636 8.42383 24.5096 8.42383 23.5794V8.42152Z" fill="white"/>
+</g>
+<g filter="url(#filter1_d_1624_24907)">
+<path d="M14.7422 15.1569C14.7422 14.2267 15.4962 13.4727 16.4264 13.4727V13.4727C17.3566 13.4727 18.1106 14.2267 18.1106 15.1569V23.5779C18.1106 24.5081 17.3566 25.2621 16.4264 25.2621V25.2621C15.4962 25.2621 14.7422 24.5081 14.7422 23.5779V15.1569Z" fill="white" fill-opacity="0.9" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter2_d_1624_24907)">
+<path d="M21.0547 10.9459C21.0547 10.0158 21.8087 9.26172 22.7389 9.26172V9.26172C23.6691 9.26172 24.4231 10.0158 24.4231 10.9459V23.5775C24.4231 24.5077 23.6691 25.2617 22.7389 25.2617V25.2617C21.8087 25.2617 21.0547 24.5077 21.0547 23.5775V10.9459Z" fill="white" fill-opacity="0.7" shape-rendering="crispEdges"/>
+</g>
+<path d="M44 10.1149H49.0885V24.6909H52.1321V10.1149H57.2206V7.30912H44V10.1149Z" fill="#101828"/>
+<path d="M60.6175 25C62.4484 25 64.0416 24.1678 64.5409 22.9551L64.7549 24.6909H67.2992V17.5575C67.2992 14.2999 65.3494 12.5878 62.1869 12.5878C59.0006 12.5878 56.9081 14.2523 56.9081 16.7966H59.3811C59.3811 15.5601 60.3322 14.8468 62.0442 14.8468C63.5185 14.8468 64.4696 15.4888 64.4696 17.0819V17.3435L60.9504 17.605C58.1684 17.819 56.599 19.1744 56.599 21.3382C56.599 23.5495 58.1208 25 60.6175 25ZM61.5686 22.8124C60.2609 22.8124 59.5475 22.2893 59.5475 21.2193C59.5475 20.2682 60.2371 19.6737 62.0442 19.5073L64.4934 19.317V19.9353C64.4934 21.7424 63.352 22.8124 61.5686 22.8124Z" fill="#101828"/>
+<path d="M71.5995 10.5905C72.5506 10.5905 73.3353 9.80581 73.3353 8.83091C73.3353 7.85601 72.5506 7.09511 71.5995 7.09511C70.6008 7.09511 69.8161 7.85601 69.8161 8.83091C69.8161 9.80581 70.6008 10.5905 71.5995 10.5905ZM70.149 24.6909H73.0499V12.9445H70.149V24.6909Z" fill="#101828"/>
+<path d="M78.9718 24.6909V7H76.0946V24.6909H78.9718Z" fill="#101828"/>
+<path d="M83.9408 24.6909L85.3437 20.6724H91.8352L93.2381 24.6909H96.4481L90.1707 7.30912H87.0558L80.7784 24.6909H83.9408ZM88.2209 12.4927C88.3873 12.0172 88.53 11.4941 88.6013 11.1612C88.6489 11.5178 88.8153 12.041 88.958 12.4927L90.9554 18.1044H86.2473L88.2209 12.4927Z" fill="#101828"/>
+<path d="M102.493 25C104.276 25 105.798 24.2153 106.511 22.86L106.701 24.6909H109.364V7H106.487V14.4425C105.75 13.2774 104.3 12.5878 102.659 12.5878C99.1161 12.5878 96.9761 15.2034 96.9761 18.8653C96.9761 22.5033 99.0923 25 102.493 25ZM103.135 22.3369C101.113 22.3369 99.877 20.8626 99.877 18.7701C99.877 16.6777 101.113 15.1797 103.135 15.1797C105.156 15.1797 106.463 16.6539 106.463 18.7701C106.463 20.8864 105.156 22.3369 103.135 22.3369Z" fill="#101828"/>
+<path d="M115.289 24.6909V18.033C115.289 16.1308 116.406 15.2272 117.785 15.2272C119.164 15.2272 120.044 16.107 120.044 17.7477V24.6909H122.945V18.033C122.945 16.107 124.015 15.2034 125.418 15.2034C126.797 15.2034 127.701 16.0832 127.701 17.7715V24.6909H130.578V17.0106C130.578 14.2999 129.008 12.5878 126.155 12.5878C124.372 12.5878 122.993 13.4676 122.398 14.823C121.78 13.4676 120.543 12.5878 118.76 12.5878C117.072 12.5878 115.883 13.3487 115.289 14.3236L115.051 12.9445H112.388V24.6909H115.289Z" fill="#101828"/>
+<path d="M134.876 10.5905C135.827 10.5905 136.612 9.80581 136.612 8.83091C136.612 7.85601 135.827 7.09511 134.876 7.09511C133.877 7.09511 133.093 7.85601 133.093 8.83091C133.093 9.80581 133.877 10.5905 134.876 10.5905ZM133.426 24.6909H136.327V12.9445H133.426V24.6909Z" fill="#101828"/>
+<path d="M142.225 24.6909V18.3659C142.225 16.4637 143.318 15.2272 145.102 15.2272C146.6 15.2272 147.575 16.1783 147.575 18.1519V24.6909H150.476V17.4624C150.476 14.4188 148.954 12.5878 146.005 12.5878C144.412 12.5878 142.985 13.2774 142.248 14.4663L142.011 12.9445H139.324V24.6909H142.225Z" fill="#101828"/>
+<defs>
+<filter id="filter0_d_1624_24907" x="7.42383" y="6.2373" width="5.36841" height="20.5263" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1624_24907"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1624_24907" result="shape"/>
+</filter>
+<filter id="filter1_d_1624_24907" x="13.7422" y="12.9727" width="5.36841" height="13.7895" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1624_24907"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1624_24907" result="shape"/>
+</filter>
+<filter id="filter2_d_1624_24907" x="20.0547" y="8.76172" width="5.36841" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1624_24907"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1624_24907" result="shape"/>
+</filter>
+</defs>
+</svg>
--- a/assets/images/product/product-01.jpg
+++ b/assets/images/product/product-01.jpg
--- a/assets/images/product/product-02.jpg
+++ b/assets/images/product/product-02.jpg
--- a/assets/images/product/product-03.jpg
+++ b/assets/images/product/product-03.jpg
--- a/assets/images/product/product-04.jpg
+++ b/assets/images/product/product-04.jpg
--- a/assets/images/product/product-05.jpg
+++ b/assets/images/product/product-05.jpg
--- a/assets/images/shape/grid-01.svg
+++ b/assets/images/shape/grid-01.svg
@@ -0,0 +1,71 @@
+<svg width="450" height="254" viewBox="0 0 450 254" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.50555 45.1131L450 45.1132L450 44.6073L0.50555 44.6072L0.50555 45.1131Z" fill="url(#paint0_linear_3005_4084)" fill-opacity="0.3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M205.546 253.529L205.546 -2.13709e-05L205.04 -2.1392e-05L205.04 253.529L205.546 253.529Z" fill="url(#paint1_linear_3005_4084)" fill-opacity="0.3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.505546 97.2164L450 97.2165L450 96.7106L0.505546 96.7106L0.505546 97.2164Z" fill="url(#paint2_linear_3005_4084)" fill-opacity="0.3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M256.806 253.529L256.806 -1.68895e-05L256.3 -1.69106e-05L256.3 253.529L256.806 253.529Z" fill="url(#paint3_linear_3005_4084)" fill-opacity="0.3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.505837 253.529L0.505859 -3.9296e-05L0 -3.93171e-05L-2.21642e-05 253.529L0.505837 253.529Z" fill="url(#paint4_linear_3005_4084)" fill-opacity="0.3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.505541 149.321L450 149.321L450 148.815L0.505541 148.815L0.505541 149.321Z" fill="url(#paint5_linear_3005_4084)" fill-opacity="0.3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M308.066 253.529L308.066 -1.24083e-05L307.56 -1.24294e-05L307.56 253.529L308.066 253.529Z" fill="url(#paint6_linear_3005_4084)" fill-opacity="0.3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M51.7662 253.529L51.7662 -3.48147e-05L51.2603 -3.48358e-05L51.2603 253.529L51.7662 253.529Z" fill="url(#paint7_linear_3005_4084)" fill-opacity="0.3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.505537 201.424L450 201.424L450 200.918L0.505537 200.918L0.505537 201.424Z" fill="url(#paint8_linear_3005_4084)" fill-opacity="0.3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M359.326 253.529L359.326 -7.92695e-06L358.82 -7.94806e-06L358.82 253.529L359.326 253.529Z" fill="url(#paint9_linear_3005_4084)" fill-opacity="0.3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M103.026 253.529L103.026 -3.03334e-05L102.52 -3.03545e-05L102.52 253.529L103.026 253.529Z" fill="url(#paint10_linear_3005_4084)" fill-opacity="0.3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M410.586 253.529L410.586 -3.44569e-06L410.08 -3.4668e-06L410.08 253.529L410.586 253.529Z" fill="url(#paint11_linear_3005_4084)" fill-opacity="0.3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M154.286 253.529L154.286 -2.58521e-05L153.78 -2.58732e-05L153.78 253.529L154.286 253.529Z" fill="url(#paint12_linear_3005_4084)" fill-opacity="0.3"/>
+<rect width="50.7536" height="51.5982" transform="matrix(-1 -8.74228e-08 -8.74228e-08 1 358.821 45.1138)" fill="#B2B2B2" fill-opacity="0.08"/>
+<rect width="50.756" height="51.5985" transform="matrix(-1 -8.74228e-08 -8.74228e-08 1 307.559 97.2163)" fill="#B2B2B2" fill-opacity="0.08"/>
+<defs>
+<linearGradient id="paint0_linear_3005_4084" x1="277.872" y1="-9.94587e-06" x2="194.87" y2="235.867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2B2B2"/>
+<stop offset="1" stop-color="#B2B2B2" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_3005_4084" x1="277.872" y1="-9.94587e-06" x2="194.87" y2="235.867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2B2B2"/>
+<stop offset="1" stop-color="#B2B2B2" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_3005_4084" x1="277.872" y1="-9.94587e-06" x2="194.87" y2="235.867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2B2B2"/>
+<stop offset="1" stop-color="#B2B2B2" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_3005_4084" x1="277.872" y1="-9.94587e-06" x2="194.87" y2="235.867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2B2B2"/>
+<stop offset="1" stop-color="#B2B2B2" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_3005_4084" x1="277.872" y1="-9.94587e-06" x2="194.87" y2="235.867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2B2B2"/>
+<stop offset="1" stop-color="#B2B2B2" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_3005_4084" x1="277.872" y1="-9.94587e-06" x2="194.87" y2="235.867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2B2B2"/>
+<stop offset="1" stop-color="#B2B2B2" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint6_linear_3005_4084" x1="277.872" y1="-9.94587e-06" x2="194.87" y2="235.867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2B2B2"/>
+<stop offset="1" stop-color="#B2B2B2" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint7_linear_3005_4084" x1="277.872" y1="-9.94587e-06" x2="194.87" y2="235.867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2B2B2"/>
+<stop offset="1" stop-color="#B2B2B2" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint8_linear_3005_4084" x1="277.872" y1="-9.94587e-06" x2="194.87" y2="235.867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2B2B2"/>
+<stop offset="1" stop-color="#B2B2B2" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint9_linear_3005_4084" x1="277.872" y1="-9.94587e-06" x2="194.87" y2="235.867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2B2B2"/>
+<stop offset="1" stop-color="#B2B2B2" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint10_linear_3005_4084" x1="277.872" y1="-9.94587e-06" x2="194.87" y2="235.867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2B2B2"/>
+<stop offset="1" stop-color="#B2B2B2" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint11_linear_3005_4084" x1="277.872" y1="-9.94587e-06" x2="194.87" y2="235.867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2B2B2"/>
+<stop offset="1" stop-color="#B2B2B2" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint12_linear_3005_4084" x1="277.872" y1="-9.94587e-06" x2="194.87" y2="235.867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2B2B2"/>
+<stop offset="1" stop-color="#B2B2B2" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
--- a/assets/images/user/owner.jpg
+++ b/assets/images/user/owner.jpg
--- a/assets/images/user/user-01.jpg
+++ b/assets/images/user/user-01.jpg
--- a/assets/images/user/user-02.jpg
+++ b/assets/images/user/user-02.jpg
--- a/assets/images/user/user-03.jpg
+++ b/assets/images/user/user-03.jpg
--- a/assets/images/user/user-04.jpg
+++ b/assets/images/user/user-04.jpg
--- a/assets/images/user/user-05.jpg
+++ b/assets/images/user/user-05.jpg
--- a/assets/images/user/user-06.jpg
+++ b/assets/images/user/user-06.jpg
--- a/assets/images/user/user-07.jpg
+++ b/assets/images/user/user-07.jpg
--- a/assets/images/user/user-08.jpg
+++ b/assets/images/user/user-08.jpg
--- a/assets/images/user/user-09.jpg
+++ b/assets/images/user/user-09.jpg
--- a/assets/images/user/user-10.jpg
+++ b/assets/images/user/user-10.jpg
--- a/assets/images/user/user-11.jpg
+++ b/assets/images/user/user-11.jpg
--- a/assets/images/user/user-12.jpg
+++ b/assets/images/user/user-12.jpg
--- a/assets/images/user/user-13.jpg
+++ b/assets/images/user/user-13.jpg
--- a/assets/images/user/user-14.jpg
+++ b/assets/images/user/user-14.jpg
--- a/assets/images/user/user-15.jpg
+++ b/assets/images/user/user-15.jpg
--- a/assets/images/user/user-16.jpg
+++ b/assets/images/user/user-16.jpg
--- a/assets/images/user/user-17.jpg
+++ b/assets/images/user/user-17.jpg
--- a/assets/images/user/user-18.jpg
+++ b/assets/images/user/user-18.jpg
--- a/assets/images/user/user-19.jpg
+++ b/assets/images/user/user-19.jpg
--- a/assets/images/user/user-20.jpg
+++ b/assets/images/user/user-20.jpg
--- a/assets/images/user/user-21.jpg
+++ b/assets/images/user/user-21.jpg
--- a/assets/images/user/user-22.jpg
+++ b/assets/images/user/user-22.jpg
--- a/assets/images/user/user-23.jpg
+++ b/assets/images/user/user-23.jpg
--- a/assets/images/user/user-24.jpg
+++ b/assets/images/user/user-24.jpg
--- a/assets/images/user/user-25.jpg
+++ b/assets/images/user/user-25.jpg
--- a/assets/images/user/user-26.jpg
+++ b/assets/images/user/user-26.jpg
--- a/assets/images/user/user-27.jpg
+++ b/assets/images/user/user-27.jpg
--- a/assets/images/user/user-28.jpg
+++ b/assets/images/user/user-28.jpg
--- a/assets/images/user/user-29.jpg
+++ b/assets/images/user/user-29.jpg
--- a/assets/images/user/user-30.jpg
+++ b/assets/images/user/user-30.jpg
--- a/assets/images/user/user-31.jpg
+++ b/assets/images/user/user-31.jpg
--- a/assets/images/user/user-32.jpg
+++ b/assets/images/user/user-32.jpg
--- a/assets/images/user/user-33.jpg
+++ b/assets/images/user/user-33.jpg
--- a/assets/images/user/user-34.jpg
+++ b/assets/images/user/user-34.jpg
--- a/assets/images/user/user-35.jpg
+++ b/assets/images/user/user-35.jpg
--- a/assets/images/user/user-36.jpg
+++ b/assets/images/user/user-36.jpg
--- a/assets/images/user/user-37.jpg
+++ b/assets/images/user/user-37.jpg
--- a/assets/images/video-thumb/thumb-16.png
+++ b/assets/images/video-thumb/thumb-16.png
--- a/assets/images/video-thumb/youtube-icon-84.svg
+++ b/assets/images/video-thumb/youtube-icon-84.svg
@@ -0,0 +1,4 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.61127 24.8528C5.93259 19.9058 9.90987 16.0289 14.8612 15.7836C22.031 15.4284 32.2787 15 40 15C47.7213 15 57.969 15.4284 65.1388 15.7836C70.0901 16.0289 74.0674 19.9058 74.3887 24.8528C74.6966 29.5923 75 35.4241 75 40C75 44.5759 74.6966 50.4077 74.3887 55.1472C74.0674 60.0942 70.0901 63.9711 65.1388 64.2164C57.969 64.5716 47.7213 65 40 65C32.2787 65 22.031 64.5716 14.8612 64.2164C9.90987 63.9711 5.93259 60.0942 5.61127 55.1472C5.30341 50.4077 5 44.5759 5 40C5 35.4241 5.30341 29.5923 5.61127 24.8528Z" fill="#FC0D1B"/>
+<path d="M32.5 30V50L52.5 40L32.5 30Z" fill="white"/>
+</svg>
--- a/assets/js/components/calendar-init.js
+++ b/assets/js/components/calendar-init.js
@@ -0,0 +1,315 @@
+import { Calendar } from "@fullcalendar/core";
+import dayGridPlugin from "@fullcalendar/daygrid";
+import listPlugin from "@fullcalendar/list";
+import timeGridPlugin from "@fullcalendar/timegrid";
+import interactionPlugin from "@fullcalendar/interaction";
+
+/*========Calender Js=========*/
+/*==========================*/
+
+document.addEventListener("DOMContentLoaded", function () {
+  const calendarWrapper = document.querySelector("#calendar");
+
+  if (calendarWrapper) {
+    /*=================*/
+    //  Calender Date variable
+    /*=================*/
+    const newDate = new Date();
+    const getDynamicMonth = () => {
+      const month = newDate.getMonth() + 1;
+      return month < 10 ? `0${month}` : `${month}`;
+    };
+
+    /*=================*/
+    // Calender Modal Elements
+    /*=================*/
+    const getModalTitleEl = document.querySelector("#event-title");
+    const getModalStartDateEl = document.querySelector("#event-start-date");
+    const getModalEndDateEl = document.querySelector("#event-end-date");
+    const getModalAddBtnEl = document.querySelector(".btn-add-event");
+    const getModalUpdateBtnEl = document.querySelector(".btn-update-event");
+    const calendarsEvents = {
+      Danger: "danger",
+      Success: "success",
+      Primary: "primary",
+      Warning: "warning",
+    };
+
+    /*=====================*/
+    // Calendar Elements and options
+    /*=====================*/
+    const calendarEl = document.querySelector("#calendar");
+
+    const calendarHeaderToolbar = {
+      left: "prev,next addEventButton",
+      center: "title",
+      right: "dayGridMonth,timeGridWeek,timeGridDay",
+    };
+
+    const calendarEventsList = [
+      {
+        id: 1,
+        title: "Event Conf.",
+        start: `${newDate.getFullYear()}-${getDynamicMonth()}-01`,
+        extendedProps: { calendar: "Danger" },
+      },
+      {
+        id: 2,
+        title: "Seminar #4",
+        start: `${newDate.getFullYear()}-${getDynamicMonth()}-07`,
+        end: `${newDate.getFullYear()}-${getDynamicMonth()}-10`,
+        extendedProps: { calendar: "Success" },
+      },
+      {
+        groupId: "999",
+        id: 3,
+        title: "Meeting #5",
+        start: `${newDate.getFullYear()}-${getDynamicMonth()}-09T16:00:00`,
+        extendedProps: { calendar: "Primary" },
+      },
+      {
+        groupId: "999",
+        id: 4,
+        title: "Submission #1",
+        start: `${newDate.getFullYear()}-${getDynamicMonth()}-16T16:00:00`,
+        extendedProps: { calendar: "Warning" },
+      },
+      {
+        id: 5,
+        title: "Seminar #6",
+        start: `${newDate.getFullYear()}-${getDynamicMonth()}-11`,
+        end: `${newDate.getFullYear()}-${getDynamicMonth()}-13`,
+        extendedProps: { calendar: "Danger" },
+      },
+      {
+        id: 6,
+        title: "Meeting 3",
+        start: `${newDate.getFullYear()}-${getDynamicMonth()}-12T10:30:00`,
+        end: `${newDate.getFullYear()}-${getDynamicMonth()}-12T12:30:00`,
+        extendedProps: { calendar: "Success" },
+      },
+      {
+        id: 7,
+        title: "Meetup #",
+        start: `${newDate.getFullYear()}-${getDynamicMonth()}-12T12:00:00`,
+        extendedProps: { calendar: "Primary" },
+      },
+      {
+        id: 8,
+        title: "Submission",
+        start: `${newDate.getFullYear()}-${getDynamicMonth()}-12T14:30:00`,
+        extendedProps: { calendar: "Warning" },
+      },
+      {
+        id: 9,
+        title: "Attend event",
+        start: `${newDate.getFullYear()}-${getDynamicMonth()}-13T07:00:00`,
+        extendedProps: { calendar: "Success" },
+      },
+      {
+        id: 10,
+        title: "Project submission #2",
+        start: `${newDate.getFullYear()}-${getDynamicMonth()}-28`,
+        extendedProps: { calendar: "Primary" },
+      },
+    ];
+
+    /*=====================*/
+    // Modal Functions
+    /*=====================*/
+    const openModal = () => {
+      document.getElementById("eventModal").style.display = "flex";
+    };
+
+    const closeModal = () => {
+      document.getElementById("eventModal").style.display = "none";
+      resetModalFields();
+    };
+
+    // Close modal when clicking outside of it
+    window.onclick = function (event) {
+      const modal = document.getElementById("eventModal");
+      if (event.target === modal) {
+        closeModal();
+      }
+    };
+
+    /*=====================*/
+    // Calendar Select fn.
+    /*=====================*/
+    const calendarSelect = (info) => {
+      resetModalFields();
+
+      getModalAddBtnEl.style.display = "flex";
+      getModalUpdateBtnEl.style.display = "none";
+      openModal();
+      getModalStartDateEl.value = info.startStr;
+      getModalEndDateEl.value = info.endStr || info.startStr;
+      getModalTitleEl.value = "";
+    };
+
+    /*=====================*/
+    // Calendar AddEvent fn.
+    /*=====================*/
+    const calendarAddEvent = () => {
+      const currentDate = new Date();
+      const dd = String(currentDate.getDate()).padStart(2, "0");
+      const mm = String(currentDate.getMonth() + 1).padStart(2, "0");
+      const yyyy = currentDate.getFullYear();
+      const combineDate = `${yyyy}-${mm}-${dd}T00:00:00`;
+
+      getModalAddBtnEl.style.display = "flex";
+      getModalUpdateBtnEl.style.display = "none";
+      openModal();
+      getModalStartDateEl.value = combineDate;
+    };
+
+    /*=====================*/
+    // Calender Event Function
+    /*=====================*/
+    const calendarEventClick = (info) => {
+      const eventObj = info.event;
+
+      if (eventObj.url) {
+        window.open(eventObj.url);
+        info.jsEvent.preventDefault();
+      } else {
+        const getModalEventId = eventObj._def.publicId;
+        const getModalEventLevel = eventObj._def.extendedProps.calendar;
+        const getModalCheckedRadioBtnEl = document.querySelector(
+          `input[value="${getModalEventLevel}"]`,
+        );
+
+        getModalTitleEl.value = eventObj.title;
+        getModalStartDateEl.value = eventObj.startStr.slice(0, 10);
+        getModalEndDateEl.value = eventObj.endStr
+          ? eventObj.endStr.slice(0, 10)
+          : "";
+        if (getModalCheckedRadioBtnEl) {
+          getModalCheckedRadioBtnEl.checked = true;
+        }
+        getModalUpdateBtnEl.dataset.fcEventPublicId = getModalEventId;
+        getModalAddBtnEl.style.display = "none";
+        getModalUpdateBtnEl.style.display = "block";
+        openModal();
+      }
+    };
+
+    /*=====================*/
+    // Active Calender
+    /*=====================*/
+    const calendar = new Calendar(calendarEl, {
+      plugins: [dayGridPlugin, timeGridPlugin, listPlugin, interactionPlugin],
+      selectable: true,
+      initialView: "dayGridMonth",
+      initialDate: `${newDate.getFullYear()}-${getDynamicMonth()}-07`,
+      headerToolbar: calendarHeaderToolbar,
+      events: calendarEventsList,
+      select: calendarSelect,
+      eventClick: calendarEventClick,
+      dateClick: calendarAddEvent,
+      customButtons: {
+        addEventButton: {
+          text: "Add Event +",
+          click: calendarAddEvent,
+        },
+      },
+      eventClassNames({ event: calendarEvent }) {
+        const getColorValue =
+          calendarsEvents[calendarEvent._def.extendedProps.calendar];
+        return [`event-fc-color`, `fc-bg-${getColorValue}`];
+      },
+    });
+
+    /*=====================*/
+    // Update Calender Event
+    /*=====================*/
+    getModalUpdateBtnEl.addEventListener("click", () => {
+      const getPublicID = getModalUpdateBtnEl.dataset.fcEventPublicId;
+      const getTitleUpdatedValue = getModalTitleEl.value;
+      const setModalStartDateValue = getModalStartDateEl.value;
+      const setModalEndDateValue = getModalEndDateEl.value;
+      const getEvent = calendar.getEventById(getPublicID);
+      const getModalUpdatedCheckedRadioBtnEl = document.querySelector(
+        'input[name="event-level"]:checked',
+      );
+
+      const getModalUpdatedCheckedRadioBtnValue =
+        getModalUpdatedCheckedRadioBtnEl
+          ? getModalUpdatedCheckedRadioBtnEl.value
+          : "";
+
+      getEvent.setProp("title", getTitleUpdatedValue);
+      getEvent.setDates(setModalStartDateValue, setModalEndDateValue);
+      getEvent.setExtendedProp("calendar", getModalUpdatedCheckedRadioBtnValue);
+      closeModal();
+    });
+
+    /*=====================*/
+    // Add Calender Event
+    /*=====================*/
+    getModalAddBtnEl.addEventListener("click", () => {
+      const getModalCheckedRadioBtnEl = document.querySelector(
+        'input[name="event-level"]:checked',
+      );
+
+      const getTitleValue = getModalTitleEl.value;
+      const setModalStartDateValue = getModalStartDateEl.value;
+      const setModalEndDateValue = getModalEndDateEl.value;
+      const getModalCheckedRadioBtnValue = getModalCheckedRadioBtnEl
+        ? getModalCheckedRadioBtnEl.value
+        : "";
+
+      calendar.addEvent({
+        id: Date.now(), // Use unique ID based on timestamp
+        title: getTitleValue,
+        start: setModalStartDateValue,
+        end: setModalEndDateValue,
+        allDay: true,
+        extendedProps: { calendar: getModalCheckedRadioBtnValue },
+      });
+      closeModal();
+    });
+
+    /*=====================*/
+    // Calendar Init
+    /*=====================*/
+    calendar.render();
+
+    // Reset modal fields when hidden
+    document.getElementById("eventModal").addEventListener("click", (event) => {
+      if (event.target.classList.contains("modal-close-btn")) {
+        closeModal();
+      }
+    });
+
+    function resetModalFields() {
+      getModalTitleEl.value = "";
+      getModalStartDateEl.value = "";
+      getModalEndDateEl.value = "";
+      const getModalIfCheckedRadioBtnEl = document.querySelector(
+        'input[name="event-level"]:checked',
+      );
+      if (getModalIfCheckedRadioBtnEl) {
+        getModalIfCheckedRadioBtnEl.checked = false;
+      }
+    }
+
+    document
+      .getElementById("eventModal")
+      .addEventListener("hidden.bs.modal", () => {
+        resetModalFields();
+      });
+
+    // Close modal when clicking on close button or outside modal
+    document.querySelectorAll(".modal-close-btn").forEach((btn) => {
+      btn.addEventListener("click", closeModal);
+    });
+
+    window.addEventListener("click", (event) => {
+      if (event.target === document.getElementById("eventModal")) {
+        closeModal();
+      }
+    });
+  }
+});
--- a/assets/js/components/charts/chart-01.js
+++ b/assets/js/components/charts/chart-01.js
@@ -0,0 +1,106 @@
+import ApexCharts from "apexcharts";
+
+// ===== chartOne
+const chart01 = () => {
+  const chartOneOptions = {
+    series: [
+      {
+        name: "Sales",
+        data: [168, 385, 201, 298, 187, 195, 291, 110, 215, 390, 280, 112],
+      },
+    ],
+    colors: ["#465fff"],
+    chart: {
+      fontFamily: "Outfit, sans-serif",
+      type: "bar",
+      height: 180,
+      toolbar: {
+        show: false,
+      },
+    },
+    plotOptions: {
+      bar: {
+        horizontal: false,
+        columnWidth: "39%",
+        borderRadius: 5,
+        borderRadiusApplication: "end",
+      },
+    },
+    dataLabels: {
+      enabled: false,
+    },
+    stroke: {
+      show: true,
+      width: 4,
+      colors: ["transparent"],
+    },
+    xaxis: {
+      categories: [
+        "Jan",
+        "Feb",
+        "Mar",
+        "Apr",
+        "May",
+        "Jun",
+        "Jul",
+        "Aug",
+        "Sep",
+        "Oct",
+        "Nov",
+        "Dec",
+      ],
+      axisBorder: {
+        show: false,
+      },
+      axisTicks: {
+        show: false,
+      },
+    },
+    legend: {
+      show: true,
+      position: "top",
+      horizontalAlign: "left",
+      fontFamily: "Outfit",
+
+      markers: {
+        radius: 99,
+      },
+    },
+    yaxis: {
+      title: false,
+    },
+    grid: {
+      yaxis: {
+        lines: {
+          show: true,
+        },
+      },
+    },
+    fill: {
+      opacity: 1,
+    },
+
+    tooltip: {
+      x: {
+        show: false,
+      },
+      y: {
+        formatter: function (val) {
+          return val;
+        },
+      },
+    },
+  };
+
+  const chartSelector = document.querySelectorAll("#chartOne");
+
+  if (chartSelector.length) {
+    const chartFour = new ApexCharts(
+      document.querySelector("#chartOne"),
+      chartOneOptions,
+    );
+    chartFour.render();
+  }
+};
+
+export default chart01;
--- a/assets/js/components/charts/chart-02.js
+++ b/assets/js/components/charts/chart-02.js
@@ -0,0 +1,65 @@
+import ApexCharts from "apexcharts";
+
+// ===== chartTwo
+const chart02 = () => {
+  const chartTwoOptions = {
+    series: [75.55],
+    colors: ["#465FFF"],
+    chart: {
+      fontFamily: "Outfit, sans-serif",
+      type: "radialBar",
+      height: 330,
+      sparkline: {
+        enabled: true,
+      },
+    },
+    plotOptions: {
+      radialBar: {
+        startAngle: -90,
+        endAngle: 90,
+        hollow: {
+          size: "80%",
+        },
+        track: {
+          background: "#E4E7EC",
+          strokeWidth: "100%",
+          margin: 5, // margin is in pixels
+        },
+        dataLabels: {
+          name: {
+            show: false,
+          },
+          value: {
+            fontSize: "36px",
+            fontWeight: "600",
+            offsetY: 60,
+            color: "#1D2939",
+            formatter: function (val) {
+              return val + "%";
+            },
+          },
+        },
+      },
+    },
+    fill: {
+      type: "solid",
+      colors: ["#465FFF"],
+    },
+    stroke: {
+      lineCap: "round",
+    },
+    labels: ["Progress"],
+  };
+
+  const chartSelector = document.querySelectorAll("#chartTwo");
+
+  if (chartSelector.length) {
+    const chartFour = new ApexCharts(
+      document.querySelector("#chartTwo"),
+      chartTwoOptions,
+    );
+    chartFour.render();
+  }
+};
+
+export default chart02;
--- a/assets/js/components/charts/chart-03.js
+++ b/assets/js/components/charts/chart-03.js
@@ -0,0 +1,113 @@
+import ApexCharts from "apexcharts";
+
+// ===== chartThree
+const chart03 = () => {
+  const chartThreeOptions = {
+    series: [
+      {
+        name: "Sales",
+        data: [180, 190, 170, 160, 175, 165, 170, 205, 230, 210, 240, 235],
+      },
+      {
+        name: "Revenue",
+        data: [40, 30, 50, 40, 55, 40, 70, 100, 110, 120, 150, 140],
+      },
+    ],
+    legend: {
+      show: false,
+      position: "top",
+      horizontalAlign: "left",
+    },
+    colors: ["#465FFF", "#9CB9FF"],
+    chart: {
+      fontFamily: "Outfit, sans-serif",
+      height: 310,
+      type: "area",
+      toolbar: {
+        show: false,
+      },
+    },
+    fill: {
+      gradient: {
+        enabled: true,
+        opacityFrom: 0.55,
+        opacityTo: 0,
+      },
+    },
+    stroke: {
+      curve: "straight",
+      width: ["2", "2"],
+    },
+
+    markers: {
+      size: 0,
+    },
+    labels: {
+      show: false,
+      position: "top",
+    },
+    grid: {
+      xaxis: {
+        lines: {
+          show: false,
+        },
+      },
+      yaxis: {
+        lines: {
+          show: true,
+        },
+      },
+    },
+    dataLabels: {
+      enabled: false,
+    },
+    tooltip: {
+      x: {
+        format: "dd MMM yyyy",
+      },
+    },
+    xaxis: {
+      type: "category",
+      categories: [
+        "Jan",
+        "Feb",
+        "Mar",
+        "Apr",
+        "May",
+        "Jun",
+        "Jul",
+        "Aug",
+        "Sep",
+        "Oct",
+        "Nov",
+        "Dec",
+      ],
+      axisBorder: {
+        show: false,
+      },
+      axisTicks: {
+        show: false,
+      },
+      tooltip: false,
+    },
+    yaxis: {
+      title: {
+        style: {
+          fontSize: "0px",
+        },
+      },
+    },
+  };
+
+  const chartSelector = document.querySelectorAll("#chartThree");
+
+  if (chartSelector.length) {
+    const chartThree = new ApexCharts(
+      document.querySelector("#chartThree"),
+      chartThreeOptions,
+    );
+    chartThree.render();
+  }
+};
+
+export default chart03;
--- a/assets/js/components/image-resize.js
+++ b/assets/js/components/image-resize.js
@@ -0,0 +1,302 @@
+/*
+ * @author https://twitter.com/blurspline / https://github.com/zz85
+ * See post @ http://www.lab4games.net/zz85/blog/2014/11/15/resizing-moving-snapping-windows-with-js-css/
+ */
+
+if (document.querySelectorAll("#pane").length) {
+  ("use strict");
+
+  // Minimum resizable area
+  var minWidth = 60;
+  var minHeight = 40;
+
+  // Thresholds
+  var FULLSCREEN_MARGINS = -10;
+  var MARGINS = 4;
+
+  // End of what's configurable.
+  var clicked = null;
+  var onRightEdge, onBottomEdge, onLeftEdge, onTopEdge;
+
+  var rightScreenEdge, bottomScreenEdge;
+
+  var preSnapped;
+
+  var b, x, y;
+
+  var redraw = false;
+
+  var pane = document.getElementById("pane");
+  var ghostpane = document.getElementById("ghostpane");
+
+  function setBounds(element, x, y, w, h) {
+    element.style.left = x + "px";
+    element.style.top = y + "px";
+    element.style.width = w + "px";
+    element.style.height = h + "px";
+  }
+
+  function hintHide() {
+    setBounds(ghostpane, b.left, b.top, b.width, b.height);
+    ghostpane.style.opacity = 0;
+
+    // var b = ghostpane.getBoundingClientRect();
+    // ghostpane.style.top = b.top + b.height / 2;
+    // ghostpane.style.left = b.left + b.width / 2;
+    // ghostpane.style.width = 0;
+    // ghostpane.style.height = 0;
+  }
+
+  // Mouse events
+  pane.addEventListener("mousedown", onMouseDown);
+  document.addEventListener("mousemove", onMove);
+  document.addEventListener("mouseup", onUp);
+
+  // Touch events
+  pane.addEventListener("touchstart", onTouchDown);
+  document.addEventListener("touchmove", onTouchMove);
+  document.addEventListener("touchend", onTouchEnd);
+
+  function onTouchDown(e) {
+    onDown(e.touches[0]);
+    e.preventDefault();
+  }
+
+  function onTouchMove(e) {
+    onMove(e.touches[0]);
+  }
+
+  function onTouchEnd(e) {
+    if (e.touches.length == 0) onUp(e.changedTouches[0]);
+  }
+
+  function onMouseDown(e) {
+    onDown(e);
+    e.preventDefault();
+  }
+
+  function onDown(e) {
+    calc(e);
+
+    var isResizing = onRightEdge || onBottomEdge || onTopEdge || onLeftEdge;
+
+    clicked = {
+      x: x,
+      y: y,
+      cx: e.clientX,
+      cy: e.clientY,
+      w: b.width,
+      h: b.height,
+      isResizing: isResizing,
+      isMoving: !isResizing && canMove(),
+      onTopEdge: onTopEdge,
+      onLeftEdge: onLeftEdge,
+      onRightEdge: onRightEdge,
+      onBottomEdge: onBottomEdge,
+    };
+  }
+
+  function canMove() {
+    return x > 0 && x < b.width && y > 0 && y < b.height && y < 30;
+  }
+
+  function calc(e) {
+    b = pane.getBoundingClientRect();
+    x = e.clientX - b.left;
+    y = e.clientY - b.top;
+
+    onTopEdge = y < MARGINS;
+    onLeftEdge = x < MARGINS;
+    onRightEdge = x >= b.width - MARGINS;
+    onBottomEdge = y >= b.height - MARGINS;
+
+    rightScreenEdge = window.innerWidth - MARGINS;
+    bottomScreenEdge = window.innerHeight - MARGINS;
+  }
+
+  var e;
+
+  function onMove(ee) {
+    calc(ee);
+
+    e = ee;
+
+    redraw = true;
+  }
+
+  function animate() {
+    requestAnimationFrame(animate);
+
+    if (!redraw) return;
+
+    redraw = false;
+
+    if (clicked && clicked.isResizing) {
+      if (clicked.onRightEdge) pane.style.width = Math.max(x, minWidth) + "px";
+      if (clicked.onBottomEdge)
+        pane.style.height = Math.max(y, minHeight) + "px";
+
+      if (clicked.onLeftEdge) {
+        var currentWidth = Math.max(
+          clicked.cx - e.clientX + clicked.w,
+          minWidth,
+        );
+        if (currentWidth > minWidth) {
+          pane.style.width = currentWidth + "px";
+          pane.style.left = e.clientX + "px";
+        }
+      }
+
+      if (clicked.onTopEdge) {
+        var currentHeight = Math.max(
+          clicked.cy - e.clientY + clicked.h,
+          minHeight,
+        );
+        if (currentHeight > minHeight) {
+          pane.style.height = currentHeight + "px";
+          pane.style.top = e.clientY + "px";
+        }
+      }
+
+      hintHide();
+
+      return;
+    }
+
+    if (clicked && clicked.isMoving) {
+      if (
+        b.top < FULLSCREEN_MARGINS ||
+        b.left < FULLSCREEN_MARGINS ||
+        b.right > window.innerWidth - FULLSCREEN_MARGINS ||
+        b.bottom > window.innerHeight - FULLSCREEN_MARGINS
+      ) {
+        // hintFull();
+        setBounds(ghostpane, 0, 0, window.innerWidth, window.innerHeight);
+        ghostpane.style.opacity = 0.2;
+      } else if (b.top < MARGINS) {
+        // hintTop();
+        setBounds(ghostpane, 0, 0, window.innerWidth, window.innerHeight / 2);
+        ghostpane.style.opacity = 0.2;
+      } else if (b.left < MARGINS) {
+        // hintLeft();
+        setBounds(ghostpane, 0, 0, window.innerWidth / 2, window.innerHeight);
+        ghostpane.style.opacity = 0.2;
+      } else if (b.right > rightScreenEdge) {
+        // hintRight();
+        setBounds(
+          ghostpane,
+          window.innerWidth / 2,
+          0,
+          window.innerWidth / 2,
+          window.innerHeight,
+        );
+        ghostpane.style.opacity = 0.2;
+      } else if (b.bottom > bottomScreenEdge) {
+        // hintBottom();
+        setBounds(
+          ghostpane,
+          0,
+          window.innerHeight / 2,
+          window.innerWidth,
+          window.innerWidth / 2,
+        );
+        ghostpane.style.opacity = 0.2;
+      } else {
+        hintHide();
+      }
+
+      if (preSnapped) {
+        setBounds(
+          pane,
+          e.clientX - preSnapped.width / 2,
+          e.clientY - Math.min(clicked.y, preSnapped.height),
+          preSnapped.width,
+          preSnapped.height,
+        );
+        return;
+      }
+
+      // moving
+      pane.style.top = e.clientY - clicked.y + "px";
+      pane.style.left = e.clientX - clicked.x + "px";
+
+      return;
+    }
+
+    // This code executes when mouse moves without clicking
+
+    // style cursor
+    if ((onRightEdge && onBottomEdge) || (onLeftEdge && onTopEdge)) {
+      pane.style.cursor = "nwse-resize";
+    } else if ((onRightEdge && onTopEdge) || (onBottomEdge && onLeftEdge)) {
+      pane.style.cursor = "nesw-resize";
+    } else if (onRightEdge || onLeftEdge) {
+      pane.style.cursor = "ew-resize";
+    } else if (onBottomEdge || onTopEdge) {
+      pane.style.cursor = "ns-resize";
+    } else if (canMove()) {
+      pane.style.cursor = "move";
+    } else {
+      pane.style.cursor = "default";
+    }
+  }
+
+  animate();
+
+  function onUp(e) {
+    calc(e);
+
+    if (clicked && clicked.isMoving) {
+      // Snap
+      var snapped = {
+        width: b.width,
+        height: b.height,
+      };
+
+      if (
+        b.top < FULLSCREEN_MARGINS ||
+        b.left < FULLSCREEN_MARGINS ||
+        b.right > window.innerWidth - FULLSCREEN_MARGINS ||
+        b.bottom > window.innerHeight - FULLSCREEN_MARGINS
+      ) {
+        // hintFull();
+        setBounds(pane, 0, 0, window.innerWidth, window.innerHeight);
+        preSnapped = snapped;
+      } else if (b.top < MARGINS) {
+        // hintTop();
+        setBounds(pane, 0, 0, window.innerWidth, window.innerHeight / 2);
+        preSnapped = snapped;
+      } else if (b.left < MARGINS) {
+        // hintLeft();
+        setBounds(pane, 0, 0, window.innerWidth / 2, window.innerHeight);
+        preSnapped = snapped;
+      } else if (b.right > rightScreenEdge) {
+        // hintRight();
+        setBounds(
+          pane,
+          window.innerWidth / 2,
+          0,
+          window.innerWidth / 2,
+          window.innerHeight,
+        );
+        preSnapped = snapped;
+      } else if (b.bottom > bottomScreenEdge) {
+        // hintBottom();
+        setBounds(
+          pane,
+          0,
+          window.innerHeight / 2,
+          window.innerWidth,
+          window.innerWidth / 2,
+        );
+        preSnapped = snapped;
+      } else {
+        preSnapped = null;
+      }
+
+      hintHide();
+    }
+
+    clicked = null;
+  }
+}
--- a/assets/js/components/map-01.js
+++ b/assets/js/components/map-01.js
@@ -0,0 +1,63 @@
+import jsVectorMap from "jsvectormap";
+import "jsvectormap/dist/maps/world";
+
+const map01 = () => {
+  const mapSelectorOne = document.querySelectorAll("#mapOne");
+
+  if (mapSelectorOne.length) {
+    const mapOne = new jsVectorMap({
+      selector: "#mapOne",
+      map: "world",
+      zoomButtons: false,
+
+      regionStyle: {
+        initial: {
+          fontFamily: "Outfit",
+          fill: "#D9D9D9",
+        },
+        hover: {
+          fillOpacity: 1,
+          fill: "#465fff",
+        },
+      },
+      markers: [
+        {
+          name: "Egypt",
+          coords: [26.8206, 30.8025],
+        },
+        {
+          name: "United Kingdom",
+          coords: [55.3781, 3.436],
+        },
+        {
+          name: "United States",
+          coords: [37.0902, -95.7129],
+        },
+      ],
+
+      markerStyle: {
+        initial: {
+          strokeWidth: 1,
+          fill: "#465fff",
+          fillOpacity: 1,
+          r: 4,
+        },
+        hover: {
+          fill: "#465fff",
+          fillOpacity: 1,
+        },
+        selected: {},
+        selectedHover: {},
+      },
+
+      onRegionTooltipShow: function (tooltip, code) {
+        if (code === "EG") {
+          tooltip.selector.innerHTML =
+            tooltip.text() + " <b>(Hello Russia)</b>";
+        }
+      },
+    });
+  }
+};
+
+export default map01;
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -0,0 +1,118 @@
+import "jsvectormap/dist/jsvectormap.min.css";
+import "flatpickr/dist/flatpickr.min.css";
+import "dropzone/dist/dropzone.css";
+import "../css/style.css";
+
+import Alpine from "alpinejs";
+import persist from "@alpinejs/persist";
+import flatpickr from "flatpickr";
+import Dropzone from "dropzone";
+
+import chart01 from "./components/charts/chart-01";
+import chart02 from "./components/charts/chart-02";
+import chart03 from "./components/charts/chart-03";
+import map01 from "./components/map-01";
+import "./components/calendar-init.js";
+import "./components/image-resize";
+
+Alpine.plugin(persist);
+window.Alpine = Alpine;
+Alpine.start();
+
+// Init flatpickr
+flatpickr(".datepicker", {
+  mode: "range",
+  static: true,
+  monthSelectorType: "static",
+  dateFormat: "M j",
+  defaultDate: [new Date().setDate(new Date().getDate() - 6), new Date()],
+  prevArrow:
+    '<svg class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.25 6L9 12.25L15.25 18.5" stroke="" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+  nextArrow:
+    '<svg class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.75 19L15 12.75L8.75 6.5" stroke="" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+  onReady: (selectedDates, dateStr, instance) => {
+    // eslint-disable-next-line no-param-reassign
+    instance.element.value = dateStr.replace("to", "-");
+    const customClass = instance.element.getAttribute("data-class");
+    instance.calendarContainer.classList.add(customClass);
+  },
+  onChange: (selectedDates, dateStr, instance) => {
+    // eslint-disable-next-line no-param-reassign
+    instance.element.value = dateStr.replace("to", "-");
+  },
+});
+
+// Init Dropzone
+const dropzoneArea = document.querySelectorAll("#demo-upload");
+
+if (dropzoneArea.length) {
+  let myDropzone = new Dropzone("#demo-upload", { url: "/file/post" });
+}
+
+// Document Loaded
+document.addEventListener("DOMContentLoaded", () => {
+  chart01();
+  chart02();
+  chart03();
+  map01();
+});
+
+// Get the current year
+const year = document.getElementById("year");
+if (year) {
+  year.textContent = new Date().getFullYear();
+}
+
+// For Copy//
+document.addEventListener("DOMContentLoaded", () => {
+  const copyInput = document.getElementById("copy-input");
+  if (copyInput) {
+    // Select the copy button and input field
+    const copyButton = document.getElementById("copy-button");
+    const copyText = document.getElementById("copy-text");
+    const websiteInput = document.getElementById("website-input");
+
+    // Event listener for the copy button
+    copyButton.addEventListener("click", () => {
+      // Copy the input value to the clipboard
+      navigator.clipboard.writeText(websiteInput.value).then(() => {
+        // Change the text to "Copied"
+        copyText.textContent = "Copied";
+
+        // Reset the text back to "Copy" after 2 seconds
+        setTimeout(() => {
+          copyText.textContent = "Copy";
+        }, 2000);
+      });
+    });
+  }
+});
+
+document.addEventListener("DOMContentLoaded", function () {
+  const searchInput = document.getElementById("search-input");
+  const searchButton = document.getElementById("search-button");
+
+  // Function to focus the search input
+  function focusSearchInput() {
+    searchInput.focus();
+  }
+
+  // Add click event listener to the search button
+  searchButton.addEventListener("click", focusSearchInput);
+
+  // Add keyboard event listener for Cmd+K (Mac) or Ctrl+K (Windows/Linux)
+  document.addEventListener("keydown", function (event) {
+    if ((event.metaKey || event.ctrlKey) && event.key === "k") {
+      event.preventDefault(); // Prevent the default browser behavior
+      focusSearchInput();
+    }
+  });
+
+  // Add keyboard event listener for "/" key
+  document.addEventListener("keydown", function (event) {
+    if (event.key === "/" && document.activeElement !== searchInput) {
+      event.preventDefault(); // Prevent the "/" character from being typed
+      focusSearchInput();
+    }
+  });
+});