diff --git a/frontend/app/components/Sidebar.vue b/frontend/app/components/Sidebar.vue
index 141ebb2..4d95be1 100644
--- a/frontend/app/components/Sidebar.vue
+++ b/frontend/app/components/Sidebar.vue
@@ -1,17 +1,41 @@
 <template>
-  <aside class="w-64 h-screen fixed bg-blue-600 text-white">
+  <aside class="w-64 h-screen fixed bg-white text-black border border-gray-200 overflow-y-auto hide-scrollbar">
     <!-- Sidebar Header -->
-    <div class="p-4 text-xl font-bold border-b border-gray-700">
-      🎓 StudentMS
-    </div>
-    
-    <!-- User Info Section (Optional) -->
-    <div class="p-4 border-b border-gray-700 text-sm">
-      <p class="font-semibold">Welcome, Atul!</p>
-      <p class="text-gray-400">Admin</p>
+    <div class="p-4 text-xl font-bold">
+      🎓 TailAdmin
     </div>
 
+    <!-- User Info Section (Optional) -->
+    <!-- <div class="p-4 border-b border-gray-700 text-sm">
+      <p class="font-semibold">Welcome, Atul!</p>
+      <p class="text-gray-400">Admin</p>
+    </div> -->
+
+
+    <p class="text-gray-400 text-xs">MENU</p>
+
     <!-- Navigation Links -->
+    <nav class="flex flex-col p-4 space-y-2 text-xs gap-5 text-gray-500">
+      <NuxtLink to="/Dashboard" class="p-2 rounded hover:bg-gray-800 flex items-center text-xc font-semibold">
+        <svg width="24" height="24" viewBox="0 0 24 24"
+          fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M5.5 3.25C4.25736 3.25 3.25 4.25736 3.25 5.5V8.99998C3.25 10.2426 4.25736 11.25 5.5 11.25H9C10.2426 11.25 11.25 10.2426 11.25 8.99998V5.5C11.25 4.25736 10.2426 3.25 9 3.25H5.5ZM4.75 5.5C4.75 5.08579 5.08579 4.75 5.5 4.75H9C9.41421 4.75 9.75 5.08579 9.75 5.5V8.99998C9.75 9.41419 9.41421 9.74998 9 9.74998H5.5C5.08579 9.74998 4.75 9.41419 4.75 8.99998V5.5ZM5.5 12.75C4.25736 12.75 3.25 13.7574 3.25 15V18.5C3.25 19.7426 4.25736 20.75 5.5 20.75H9C10.2426 20.75 11.25 19.7427 11.25 18.5V15C11.25 13.7574 10.2426 12.75 9 12.75H5.5ZM4.75 15C4.75 14.5858 5.08579 14.25 5.5 14.25H9C9.41421 14.25 9.75 14.5858 9.75 15V18.5C9.75 18.9142 9.41421 19.25 9 19.25H5.5C5.08579 19.25 4.75 18.9142 4.75 18.5V15ZM12.75 5.5C12.75 4.25736 13.7574 3.25 15 3.25H18.5C19.7426 3.25 20.75 4.25736 20.75 5.5V8.99998C20.75 10.2426 19.7426 11.25 18.5 11.25H15C13.7574 11.25 12.75 10.2426 12.75 8.99998V5.5ZM15 4.75C14.5858 4.75 14.25 5.08579 14.25 5.5V8.99998C14.25 9.41419 14.5858 9.74998 15 9.74998H18.5C18.9142 9.74998 19.25 9.41419 19.25 8.99998V5.5C19.25 5.08579 18.9142 4.75 18.5 4.75H15ZM15 12.75C13.7574 12.75 12.75 13.7574 12.75 15V18.5C12.75 19.7426 13.7574 20.75 15 20.75H18.5C19.7426 20.75 20.75 19.7427 20.75 18.5V15C20.75 13.7574 19.7426 12.75 18.5 12.75H15ZM14.25 15C14.25 14.5858 14.5858 14.25 15 14.25H18.5C18.9142 14.25 19.25 14.5858 19.25 15V18.5C19.25 18.9142 18.9142 19.25 18.5 19.25H15C14.5858 19.25 14.25 18.9142 14.25 18.5V15Z"
+            fill="currentColor">
+          </path>
+        </svg>
+        Dashboard 
+      </NuxtLink>
+      <NuxtLink to="/students" class="p-2 rounded hover:bg-gray-800 flex items-center text-lg font-semibold">🎓 Students</NuxtLink>
+      <NuxtLink to="/students/profile?id=1" class="p-2 rounded hover:bg-gray-800 flex items-center text-lg font-semibold">👤 Profile</NuxtLink>
+      <NuxtLink to="/students/settings" class="p-2 rounded hover:bg-gray-800 flex items-center text-lg font-semibold">⚙️ Settings</NuxtLink>
+      <NuxtLink to="/notifications" class="p-2 rounded hover:bg-gray-800 flex items-center text-lg font-semibold">🔔 Notifications</NuxtLink>
+      <NuxtLink to="/about" class="p-2 rounded hover:bg-gray-800 flex items-center text-lg font-semibold">ℹ️ About</NuxtLink>
+    </nav>
+
+
+    <p class="text-gray-400 text-xs">MENU</p>
+
     <nav class="flex flex-col p-4 space-y-2">
       <NuxtLink to="/Dashboard" class="p-2 rounded hover:bg-gray-800">🏠 Dashboard</NuxtLink>
       <NuxtLink to="/students" class="p-2 rounded hover:bg-gray-800">🎓 Students</NuxtLink>
@@ -21,9 +45,24 @@
       <NuxtLink to="/about" class="p-2 rounded hover:bg-gray-800">ℹ️ About</NuxtLink>
     </nav>
 
+
+
     <!-- Footer Section -->
     <div class="p-4 border-t border-gray-700 text-sm mt-auto">
       &copy; 2025 Atul Gunjal
     </div>
   </aside>
 </template>
+
+<style>
+.hide-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+
+.hide-scrollbar {
+  -ms-overflow-style: none;
+  /* IE and Edge */
+  scrollbar-width: none;
+  /* Firefox */
+}
+</style>
diff --git a/frontend/public/images/brand/brand-01.svg b/frontend/public/images/brand/brand-01.svg
new file mode 100644
index 0000000..7321fbf
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/brand/brand-02.svg b/frontend/public/images/brand/brand-02.svg
new file mode 100644
index 0000000..14da422
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/brand/brand-03.svg b/frontend/public/images/brand/brand-03.svg
new file mode 100644
index 0000000..8d29afa
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/brand/brand-04.svg b/frontend/public/images/brand/brand-04.svg
new file mode 100644
index 0000000..837a4d4
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/brand/brand-05.svg b/frontend/public/images/brand/brand-05.svg
new file mode 100644
index 0000000..7044f46
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/brand/brand-06.svg b/frontend/public/images/brand/brand-06.svg
new file mode 100644
index 0000000..78c5d01
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/brand/brand-07.svg b/frontend/public/images/brand/brand-07.svg
new file mode 100644
index 0000000..5abb368
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/brand/brand-08.svg b/frontend/public/images/brand/brand-08.svg
new file mode 100644
index 0000000..71bc1e2
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/brand/brand-09.svg b/frontend/public/images/brand/brand-09.svg
new file mode 100644
index 0000000..1330ba2
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/brand/brand-10.svg b/frontend/public/images/brand/brand-10.svg
new file mode 100644
index 0000000..60308dd
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/brand/brand-11.svg b/frontend/public/images/brand/brand-11.svg
new file mode 100644
index 0000000..b316bb4
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/brand/brand-12.svg b/frontend/public/images/brand/brand-12.svg
new file mode 100644
index 0000000..8396a56
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/brand/brand-13.svg b/frontend/public/images/brand/brand-13.svg
new file mode 100644
index 0000000..dd53f79
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/brand/brand-14.svg b/frontend/public/images/brand/brand-14.svg
new file mode 100644
index 0000000..381d72d
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/brand/brand-15.svg b/frontend/public/images/brand/brand-15.svg
new file mode 100644
index 0000000..dfde3dd
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/cards/card-01.jpg b/frontend/public/images/cards/card-01.jpg
new file mode 100644
index 0000000..6ca5220
Binary files /dev/null and b/frontend/public/images/cards/card-01.jpg differ
diff --git a/frontend/public/images/cards/card-01.png b/frontend/public/images/cards/card-01.png
new file mode 100644
index 0000000..50136d2
Binary files /dev/null and b/frontend/public/images/cards/card-01.png differ
diff --git a/frontend/public/images/cards/card-02.jpg b/frontend/public/images/cards/card-02.jpg
new file mode 100644
index 0000000..4529105
Binary files /dev/null and b/frontend/public/images/cards/card-02.jpg differ
diff --git a/frontend/public/images/cards/card-02.png b/frontend/public/images/cards/card-02.png
new file mode 100644
index 0000000..29e3c40
Binary files /dev/null and b/frontend/public/images/cards/card-02.png differ
diff --git a/frontend/public/images/cards/card-03.jpg b/frontend/public/images/cards/card-03.jpg
new file mode 100644
index 0000000..dea4663
Binary files /dev/null and b/frontend/public/images/cards/card-03.jpg differ
diff --git a/frontend/public/images/cards/card-03.png b/frontend/public/images/cards/card-03.png
new file mode 100644
index 0000000..b8c8ed0
Binary files /dev/null and b/frontend/public/images/cards/card-03.png differ
diff --git a/frontend/public/images/carousel/carousel-01.png b/frontend/public/images/carousel/carousel-01.png
new file mode 100644
index 0000000..0c738c8
Binary files /dev/null and b/frontend/public/images/carousel/carousel-01.png differ
diff --git a/frontend/public/images/carousel/carousel-02.png b/frontend/public/images/carousel/carousel-02.png
new file mode 100644
index 0000000..963ca5f
Binary files /dev/null and b/frontend/public/images/carousel/carousel-02.png differ
diff --git a/frontend/public/images/carousel/carousel-03.png b/frontend/public/images/carousel/carousel-03.png
new file mode 100644
index 0000000..d744261
Binary files /dev/null and b/frontend/public/images/carousel/carousel-03.png differ
diff --git a/frontend/public/images/carousel/carousel-04.png b/frontend/public/images/carousel/carousel-04.png
new file mode 100644
index 0000000..58d393d
Binary files /dev/null and b/frontend/public/images/carousel/carousel-04.png differ
diff --git a/frontend/public/images/chat/chat.jpg b/frontend/public/images/chat/chat.jpg
new file mode 100644
index 0000000..7ad98e5
Binary files /dev/null and b/frontend/public/images/chat/chat.jpg differ
diff --git a/frontend/public/images/country/country-01.svg b/frontend/public/images/country/country-01.svg
new file mode 100644
index 0000000..4c14b12
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/country/country-02.svg b/frontend/public/images/country/country-02.svg
new file mode 100644
index 0000000..52f57c7
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/country/country-03.svg b/frontend/public/images/country/country-03.svg
new file mode 100644
index 0000000..e435fab
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/country/country-04.svg b/frontend/public/images/country/country-04.svg
new file mode 100644
index 0000000..93b49b6
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/country/country-05.svg b/frontend/public/images/country/country-05.svg
new file mode 100644
index 0000000..5aa26b5
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/country/country-06.svg b/frontend/public/images/country/country-06.svg
new file mode 100644
index 0000000..730e2e6
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/country/country-07.svg b/frontend/public/images/country/country-07.svg
new file mode 100644
index 0000000..ce770d4
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/country/country-08.svg b/frontend/public/images/country/country-08.svg
new file mode 100644
index 0000000..c652b95
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/error/404-dark.svg b/frontend/public/images/error/404-dark.svg
new file mode 100644
index 0000000..4d14ec9
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/error/404.svg b/frontend/public/images/error/404.svg
new file mode 100644
index 0000000..ff8b8a2
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/error/500-dark.svg b/frontend/public/images/error/500-dark.svg
new file mode 100644
index 0000000..c5ac764
--- /dev/null
+++ b/frontend/public/images/error/500-dark.svg
@@ -0,0 +1,24 @@
+<svg width="562" height="156" viewBox="0 0 562 156" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.161133" y="13.4297" width="32.6255" height="71" rx="6.26271" fill="#7592FF"/>
+<rect x="0.161133" y="13.4297" width="32.6255" height="71" rx="6.26271" stroke="#7592FF"/>
+<rect x="88.2891" y="80.1504" width="32.6255" height="63.5801" rx="6.26271" fill="#7592FF"/>
+<rect x="88.2891" y="80.1504" width="32.6255" height="63.5801" rx="6.26271" stroke="#7592FF"/>
+<rect x="15.5254" y="33.4668" width="32.6255" height="105.389" rx="6.26271" transform="rotate(-90 15.5254 33.4668)" fill="#7592FF"/>
+<rect x="15.5254" y="33.4668" width="32.6255" height="105.389" rx="6.26271" transform="rotate(-90 15.5254 33.4668)" stroke="#7592FF"/>
+<rect x="0.161133" y="155.16" width="30" height="107.028" rx="6.26271" transform="rotate(-90 0.161133 155.16)" fill="#7592FF"/>
+<rect x="0.161133" y="155.16" width="30" height="107.028" rx="6.26271" transform="rotate(-90 0.161133 155.16)" stroke="#7592FF"/>
+<rect x="15.5254" y="96.3398" width="32.6255" height="91.6638" rx="6.26271" transform="rotate(-90 15.5254 96.3398)" fill="#7592FF"/>
+<rect x="15.5254" y="96.3398" width="32.6255" height="91.6638" rx="6.26271" transform="rotate(-90 15.5254 96.3398)" stroke="#7592FF"/>
+<rect x="162.915" y="12.8496" width="166.462" height="130.311" rx="28" stroke="#7592FF" stroke-width="24"/>
+<rect x="213.52" y="42.0287" width="22.1453" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="257.168" y="42.0287" width="22.1453" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="268.618" y="98.558" width="22.1453" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="202.071" y="98.558" width="22.1453" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="217.813" y="83.1732" width="57.5655" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="383.377" y="12.8496" width="166.462" height="130.311" rx="28" stroke="#7592FF" stroke-width="24"/>
+<rect x="433.982" y="42.0287" width="22.1453" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="477.63" y="42.0287" width="22.1453" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="489.079" y="98.558" width="22.1453" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="422.533" y="98.558" width="22.1453" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="438.275" y="83.1732" width="57.5655" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+</svg>
diff --git a/frontend/public/images/error/500.svg b/frontend/public/images/error/500.svg
new file mode 100644
index 0000000..82f5159
--- /dev/null
+++ b/frontend/public/images/error/500.svg
@@ -0,0 +1,24 @@
+<svg width="562" height="156" viewBox="0 0 562 156" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.161133" y="13.4292" width="32.6255" height="71" rx="6.26271" fill="#465FFF"/>
+<rect x="0.161133" y="13.4292" width="32.6255" height="71" rx="6.26271" stroke="#465FFF"/>
+<rect x="88.2891" y="80.1499" width="32.6255" height="63.5801" rx="6.26271" fill="#465FFF"/>
+<rect x="88.2891" y="80.1499" width="32.6255" height="63.5801" rx="6.26271" stroke="#465FFF"/>
+<rect x="15.5254" y="33.4673" width="32.6255" height="105.389" rx="6.26271" transform="rotate(-90 15.5254 33.4673)" fill="#465FFF"/>
+<rect x="15.5254" y="33.4673" width="32.6255" height="105.389" rx="6.26271" transform="rotate(-90 15.5254 33.4673)" stroke="#465FFF"/>
+<rect x="0.161133" y="155.16" width="30" height="107.028" rx="6.26271" transform="rotate(-90 0.161133 155.16)" fill="#465FFF"/>
+<rect x="0.161133" y="155.16" width="30" height="107.028" rx="6.26271" transform="rotate(-90 0.161133 155.16)" stroke="#465FFF"/>
+<rect x="15.5254" y="96.3398" width="32.6255" height="91.6638" rx="6.26271" transform="rotate(-90 15.5254 96.3398)" fill="#465FFF"/>
+<rect x="15.5254" y="96.3398" width="32.6255" height="91.6638" rx="6.26271" transform="rotate(-90 15.5254 96.3398)" stroke="#465FFF"/>
+<rect x="162.915" y="12.8496" width="166.462" height="130.311" rx="28" stroke="#465FFF" stroke-width="24"/>
+<rect x="213.52" y="42.0287" width="22.1453" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="257.168" y="42.0287" width="22.1453" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="268.618" y="98.558" width="22.1453" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="202.071" y="98.558" width="22.1453" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="217.813" y="83.1732" width="57.5655" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="383.377" y="12.8496" width="166.462" height="130.311" rx="28" stroke="#465FFF" stroke-width="24"/>
+<rect x="433.982" y="42.0287" width="22.1453" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="477.63" y="42.0287" width="22.1453" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="489.079" y="98.558" width="22.1453" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="422.533" y="98.558" width="22.1453" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="438.275" y="83.1732" width="57.5655" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+</svg>
diff --git a/frontend/public/images/error/503-dark.svg b/frontend/public/images/error/503-dark.svg
new file mode 100644
index 0000000..8df2a94
--- /dev/null
+++ b/frontend/public/images/error/503-dark.svg
@@ -0,0 +1,26 @@
+<svg width="494" height="156" viewBox="0 0 494 156" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.515625" y="13.4492" width="32.6255" height="71" rx="6.26271" fill="#7592FF"/>
+<rect x="0.515625" y="13.4492" width="32.6255" height="71" rx="6.26271" stroke="#7592FF"/>
+<rect x="88.6436" y="80.1699" width="32.6255" height="63.5801" rx="6.26271" fill="#7592FF"/>
+<rect x="88.6436" y="80.1699" width="32.6255" height="63.5801" rx="6.26271" stroke="#7592FF"/>
+<rect x="15.8799" y="33.4863" width="32.6255" height="105.389" rx="6.26271" transform="rotate(-90 15.8799 33.4863)" fill="#7592FF"/>
+<rect x="15.8799" y="33.4863" width="32.6255" height="105.389" rx="6.26271" transform="rotate(-90 15.8799 33.4863)" stroke="#7592FF"/>
+<rect x="0.515625" y="155.18" width="30" height="107.028" rx="6.26271" transform="rotate(-90 0.515625 155.18)" fill="#7592FF"/>
+<rect x="0.515625" y="155.18" width="30" height="107.028" rx="6.26271" transform="rotate(-90 0.515625 155.18)" stroke="#7592FF"/>
+<rect x="15.8799" y="96.3594" width="32.6255" height="91.6638" rx="6.26271" transform="rotate(-90 15.8799 96.3594)" fill="#7592FF"/>
+<rect x="15.8799" y="96.3594" width="32.6255" height="91.6638" rx="6.26271" transform="rotate(-90 15.8799 96.3594)" stroke="#7592FF"/>
+<rect x="163.27" y="12.8691" width="166.462" height="130.311" rx="28" stroke="#7592FF" stroke-width="24"/>
+<rect x="213.874" y="42.0482" width="22.1453" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="257.523" y="42.0482" width="22.1453" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="268.972" y="98.5775" width="22.1453" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="202.425" y="98.5775" width="22.1453" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="218.167" y="83.1927" width="57.5655" height="20.7141" rx="2.63433" fill="#7592FF" stroke="#7592FF" stroke-width="0.752667"/>
+<rect x="460.859" y="11.1885" width="32.6255" height="132.562" rx="6.26271" fill="#7592FF"/>
+<rect x="460.859" y="11.1885" width="32.6255" height="132.562" rx="6.26271" stroke="#7592FF"/>
+<rect x="371.731" y="33.4453" width="32.6255" height="107.028" rx="6.26271" transform="rotate(-90 371.731 33.4453)" fill="#7592FF"/>
+<rect x="371.731" y="33.4453" width="32.6255" height="107.028" rx="6.26271" transform="rotate(-90 371.731 33.4453)" stroke="#7592FF"/>
+<rect x="371.731" y="155.18" width="30" height="107.028" rx="6.26271" transform="rotate(-90 371.731 155.18)" fill="#7592FF"/>
+<rect x="371.731" y="155.18" width="30" height="107.028" rx="6.26271" transform="rotate(-90 371.731 155.18)" stroke="#7592FF"/>
+<rect x="388.096" y="93.7812" width="32.6255" height="91.6638" rx="6.26271" transform="rotate(-90 388.096 93.7812)" fill="#7592FF"/>
+<rect x="388.096" y="93.7812" width="32.6255" height="91.6638" rx="6.26271" transform="rotate(-90 388.096 93.7812)" stroke="#7592FF"/>
+</svg>
diff --git a/frontend/public/images/error/503.svg b/frontend/public/images/error/503.svg
new file mode 100644
index 0000000..a27a714
--- /dev/null
+++ b/frontend/public/images/error/503.svg
@@ -0,0 +1,26 @@
+<svg width="494" height="156" viewBox="0 0 494 156" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.515625" y="13.4492" width="32.6255" height="71" rx="6.26271" fill="#465FFF"/>
+<rect x="0.515625" y="13.4492" width="32.6255" height="71" rx="6.26271" stroke="#465FFF"/>
+<rect x="88.6436" y="80.1699" width="32.6255" height="63.5801" rx="6.26271" fill="#465FFF"/>
+<rect x="88.6436" y="80.1699" width="32.6255" height="63.5801" rx="6.26271" stroke="#465FFF"/>
+<rect x="15.8799" y="33.4873" width="32.6255" height="105.389" rx="6.26271" transform="rotate(-90 15.8799 33.4873)" fill="#465FFF"/>
+<rect x="15.8799" y="33.4873" width="32.6255" height="105.389" rx="6.26271" transform="rotate(-90 15.8799 33.4873)" stroke="#465FFF"/>
+<rect x="0.515625" y="155.18" width="30" height="107.028" rx="6.26271" transform="rotate(-90 0.515625 155.18)" fill="#465FFF"/>
+<rect x="0.515625" y="155.18" width="30" height="107.028" rx="6.26271" transform="rotate(-90 0.515625 155.18)" stroke="#465FFF"/>
+<rect x="15.8799" y="96.3599" width="32.6255" height="91.6638" rx="6.26271" transform="rotate(-90 15.8799 96.3599)" fill="#465FFF"/>
+<rect x="15.8799" y="96.3599" width="32.6255" height="91.6638" rx="6.26271" transform="rotate(-90 15.8799 96.3599)" stroke="#465FFF"/>
+<rect x="163.27" y="12.8696" width="166.462" height="130.311" rx="28" stroke="#465FFF" stroke-width="24"/>
+<rect x="213.874" y="42.0487" width="22.1453" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="257.523" y="42.0487" width="22.1453" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="268.972" y="98.578" width="22.1453" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="202.425" y="98.578" width="22.1453" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="218.167" y="83.1932" width="57.5655" height="20.7141" rx="2.63433" fill="#465FFF" stroke="#465FFF" stroke-width="0.752667"/>
+<rect x="460.859" y="11.188" width="32.6255" height="132.562" rx="6.26271" fill="#465FFF"/>
+<rect x="460.859" y="11.188" width="32.6255" height="132.562" rx="6.26271" stroke="#465FFF"/>
+<rect x="371.731" y="33.4458" width="32.6255" height="107.028" rx="6.26271" transform="rotate(-90 371.731 33.4458)" fill="#465FFF"/>
+<rect x="371.731" y="33.4458" width="32.6255" height="107.028" rx="6.26271" transform="rotate(-90 371.731 33.4458)" stroke="#465FFF"/>
+<rect x="371.731" y="155.18" width="30" height="107.028" rx="6.26271" transform="rotate(-90 371.731 155.18)" fill="#465FFF"/>
+<rect x="371.731" y="155.18" width="30" height="107.028" rx="6.26271" transform="rotate(-90 371.731 155.18)" stroke="#465FFF"/>
+<rect x="388.096" y="93.7812" width="32.6255" height="91.6638" rx="6.26271" transform="rotate(-90 388.096 93.7812)" fill="#465FFF"/>
+<rect x="388.096" y="93.7812" width="32.6255" height="91.6638" rx="6.26271" transform="rotate(-90 388.096 93.7812)" stroke="#465FFF"/>
+</svg>
diff --git a/frontend/public/images/error/maintenance-dark.svg b/frontend/public/images/error/maintenance-dark.svg
new file mode 100644
index 0000000..e2a4499
--- /dev/null
+++ b/frontend/public/images/error/maintenance-dark.svg
@@ -0,0 +1,5 @@
+<svg width="204" height="212" viewBox="0 0 204 212" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3977 187.783C15.3444 192.887 21.8722 194.635 26.976 191.688C34.088 187.582 42.9808 192.713 42.9808 200.926C42.9808 206.818 47.7571 211.594 53.6489 211.594H75.4488C81.342 211.594 86.1194 206.816 86.1194 200.922C86.1194 192.709 95.0106 187.575 102.124 191.681C107.227 194.627 113.752 192.879 116.698 187.776L127.599 168.895C130.545 163.793 128.795 157.268 123.693 154.322C116.584 150.218 116.581 139.955 123.689 135.851C128.789 132.906 130.537 126.385 127.592 121.285L116.687 102.397C113.742 97.2955 107.219 95.5476 102.118 98.4929C95.0074 102.598 86.1194 97.4636 86.1194 89.2531C86.1194 83.3611 81.343 78.583 75.451 78.583L53.6467 78.583C47.7561 78.583 42.9808 83.3583 42.9808 89.2489C42.9808 97.4596 34.0914 102.591 26.9808 98.4853C21.8788 95.5396 15.3543 97.2874 12.4087 102.389L1.50766 121.27C-1.43865 126.374 0.309822 132.899 5.41298 135.845C12.526 139.952 12.5224 150.221 5.40935 154.328C0.304371 157.275 -1.44682 163.804 1.50054 168.909L12.3977 187.783ZM64.5483 168.576C77.5111 168.576 88.0195 158.068 88.0195 145.105C88.0195 132.142 77.5111 121.634 64.5483 121.634C51.5856 121.634 41.0772 132.142 41.0772 145.105C41.0772 158.068 51.5856 168.576 64.5483 168.576Z" fill="#7592FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M87.9495 54.4633C87.7791 57.7001 90.266 60.4623 93.5029 60.6326C98.0135 60.8699 100.577 65.9012 98.1164 69.6888C96.351 72.4061 97.1226 76.0402 99.8399 77.8057L109.894 84.338C112.612 86.1039 116.247 85.3317 118.013 82.6138C120.474 78.8257 126.114 79.1219 128.164 83.1473C129.634 86.0353 133.168 87.1842 136.056 85.7134L146.741 80.2718C149.628 78.8014 150.776 75.2676 149.306 72.3803C147.257 68.3572 150.331 63.6229 154.839 63.8601C158.074 64.0303 160.834 61.5462 161.004 58.3117L161.634 46.3329C161.805 43.0976 159.32 40.3368 156.085 40.1666C151.575 39.9293 149.015 34.8979 151.475 31.1112C153.24 28.3938 152.469 24.7589 149.752 22.9933L139.696 16.4597C136.979 14.6946 133.345 15.4661 131.58 18.1828C129.12 21.9696 123.483 21.6724 121.433 17.6483C119.963 14.761 116.43 13.612 113.543 15.0824L102.857 20.5239C99.9694 21.9947 98.8205 25.5282 100.291 28.4162C102.341 32.4416 99.2625 37.1766 94.7514 36.9392C91.5138 36.7688 88.7497 39.2553 88.5794 42.4929L87.9495 54.4633ZM117.757 61.2316C123.736 65.1159 131.731 63.4182 135.615 57.4397C139.499 51.4612 137.802 43.4658 131.823 39.5816C125.845 35.6973 117.849 37.395 113.965 43.3735C110.081 49.352 111.779 57.3473 117.757 61.2316Z" fill="#7592FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M157.997 100.165C158.662 102.06 160.738 103.056 162.633 102.39C165.273 101.463 167.929 103.741 167.412 106.492C167.041 108.465 168.34 110.365 170.313 110.736L177.614 112.108C179.587 112.479 181.488 111.18 181.859 109.206C182.376 106.455 185.677 105.296 187.801 107.119C189.324 108.427 191.62 108.252 192.928 106.728L197.767 101.091C199.075 99.568 198.899 97.2725 197.376 95.9649C195.254 94.1428 195.899 90.7056 198.538 89.7786C200.431 89.1135 201.427 87.0394 200.762 85.146L198.299 78.1339C197.634 76.2401 195.559 75.2441 193.665 75.9093C191.025 76.8366 188.372 74.5575 188.889 71.8078C189.26 69.8346 187.961 67.9337 185.988 67.5628L178.685 66.1902C176.713 65.8193 174.813 67.118 174.442 69.0908C173.925 71.8405 170.625 72.9993 168.502 71.1768C166.979 69.8691 164.684 70.0437 163.376 71.567L158.537 77.2041C157.229 78.7276 157.403 81.0231 158.927 82.3311C161.051 84.1542 160.403 87.593 157.762 88.5206C155.867 89.1863 154.87 91.2626 155.535 93.1578L157.997 100.165ZM176.671 97.0153C181.012 97.8313 185.193 94.9735 186.009 90.6323C186.825 86.291 183.968 82.1102 179.626 81.2942C175.285 80.4782 171.104 83.3359 170.288 87.6772C169.472 92.0185 172.33 96.1993 176.671 97.0153Z" fill="#7592FF"/>
+</svg>
diff --git a/frontend/public/images/error/maintenance.svg b/frontend/public/images/error/maintenance.svg
new file mode 100644
index 0000000..859d817
--- /dev/null
+++ b/frontend/public/images/error/maintenance.svg
@@ -0,0 +1,5 @@
+<svg width="204" height="212" viewBox="0 0 204 212" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3977 187.784C15.3444 192.888 21.8722 194.635 26.976 191.689C34.088 187.583 42.9808 192.714 42.9808 200.926C42.9808 206.818 47.7571 211.594 53.6489 211.594H75.4488C81.342 211.594 86.1194 206.816 86.1194 200.923C86.1194 192.71 95.0106 187.575 102.124 191.682C107.227 194.628 113.752 192.88 116.698 187.776L127.599 168.895C130.545 163.793 128.795 157.268 123.693 154.323C116.584 150.218 116.581 139.956 123.689 135.851C128.789 132.907 130.537 126.385 127.592 121.285L116.687 102.397C113.742 97.2959 107.219 95.5481 102.118 98.4933C95.0074 102.599 86.1194 97.464 86.1194 89.2536C86.1194 83.3616 81.343 78.5835 75.451 78.5835L53.6467 78.5835C47.7561 78.5835 42.9808 83.3588 42.9808 89.2494C42.9808 97.4601 34.0914 102.591 26.9808 98.4858C21.8788 95.5401 15.3543 97.2878 12.4087 102.39L1.50766 121.271C-1.43865 126.374 0.309822 132.899 5.41298 135.846C12.526 139.952 12.5224 150.221 5.40935 154.328C0.304371 157.275 -1.44682 163.804 1.50054 168.909L12.3977 187.784ZM64.5483 168.576C77.5111 168.576 88.0195 158.068 88.0195 145.105C88.0195 132.143 77.5111 121.634 64.5483 121.634C51.5856 121.634 41.0772 132.143 41.0772 145.105C41.0772 158.068 51.5856 168.576 64.5483 168.576Z" fill="#465FFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M87.9495 54.4637C87.7791 57.7006 90.266 60.4628 93.5029 60.6331C98.0135 60.8704 100.577 65.9017 98.1164 69.6892C96.351 72.4066 97.1226 76.0407 99.8399 77.8062L109.894 84.3385C112.612 86.1044 116.247 85.3322 118.013 82.6142C120.474 78.8262 126.114 79.1223 128.164 83.1478C129.634 86.0357 133.168 87.1847 136.056 85.7139L146.741 80.2723C149.628 78.8019 150.776 75.2681 149.306 72.3808C147.257 68.3577 150.331 63.6234 154.839 63.8606C158.074 64.0308 160.834 61.5467 161.004 58.3122L161.634 46.3333C161.805 43.0981 159.32 40.3373 156.085 40.1671C151.575 39.9298 149.015 34.8984 151.475 31.1117C153.24 28.3943 152.469 24.7594 149.752 22.9938L139.696 16.4602C136.979 14.6951 133.345 15.4665 131.58 18.1833C129.12 21.9701 123.483 21.6729 121.433 17.6488C119.963 14.7615 116.43 13.6124 113.543 15.0828L102.857 20.5244C99.9694 21.9952 98.8205 25.5286 100.291 28.4167C102.341 32.4421 99.2625 37.1771 94.7514 36.9397C91.5138 36.7693 88.7497 39.2558 88.5794 42.4934L87.9495 54.4637ZM117.757 61.2321C123.736 65.1163 131.731 63.4187 135.615 57.4402C139.499 51.4617 137.802 43.4663 131.823 39.582C125.845 35.6978 117.849 37.3955 113.965 43.3739C110.081 49.3524 111.779 57.3478 117.757 61.2321Z" fill="#465FFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M157.997 100.165C158.662 102.06 160.738 103.056 162.633 102.391C165.273 101.463 167.929 103.742 167.412 106.492C167.041 108.465 168.34 110.366 170.313 110.736L177.614 112.109C179.587 112.48 181.488 111.18 181.859 109.207C182.376 106.456 185.677 105.296 187.801 107.119C189.324 108.427 191.62 108.252 192.928 106.729L197.767 101.092C199.075 99.5684 198.899 97.273 197.376 95.9654C195.254 94.1433 195.899 90.7061 198.538 89.7791C200.431 89.114 201.427 87.0399 200.762 85.1465L198.299 78.1344C197.634 76.2406 195.559 75.2446 193.665 75.9098C191.025 76.8371 188.372 74.558 188.889 71.8083C189.26 69.8351 187.961 67.9342 185.988 67.5633L178.685 66.1906C176.713 65.8198 174.813 67.1185 174.442 69.0913C173.925 71.841 170.625 72.9998 168.502 71.1773C166.979 69.8696 164.684 70.0442 163.376 71.5675L158.537 77.2045C157.229 78.7281 157.403 81.0236 158.927 82.3315C161.051 84.1547 160.403 87.5935 157.762 88.5211C155.867 89.1868 154.87 91.2631 155.535 93.1583L157.997 100.165ZM176.671 97.0158C181.012 97.8318 185.193 94.974 186.009 90.6328C186.825 86.2915 183.968 82.1107 179.626 81.2947C175.285 80.4787 171.104 83.3364 170.288 87.6777C169.472 92.0189 172.33 96.1997 176.671 97.0158Z" fill="#465FFF"/>
+</svg>
diff --git a/frontend/public/images/error/success-dark.svg b/frontend/public/images/error/success-dark.svg
new file mode 100644
index 0000000..b57643f
--- /dev/null
+++ b/frontend/public/images/error/success-dark.svg
@@ -0,0 +1,3 @@
+<svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M115.114 65.8958L72.0376 108.973C71.4672 109.544 70.79 109.996 70.0445 110.305C69.2991 110.614 68.5 110.773 67.693 110.773C66.886 110.773 66.0869 110.614 65.3414 110.305C64.596 109.996 63.9188 109.544 63.3484 108.973L44.8869 90.5112C44.2984 89.9443 43.8286 89.2656 43.505 88.5152C43.1815 87.7649 43.0107 86.9577 43.0025 86.1407C42.9943 85.3236 43.1488 84.5131 43.4571 83.7564C43.7655 82.9997 44.2215 82.312 44.7984 81.7334C45.3754 81.1548 46.0617 80.697 46.8176 80.3865C47.5734 80.076 48.3835 79.9193 49.2006 79.9252C50.0176 79.9312 50.8254 80.0996 51.5766 80.421C52.3278 80.7424 53.0075 81.2103 53.576 81.7972L67.693 95.9146L106.425 57.1819C106.994 56.595 107.674 56.1271 108.425 55.8056C109.176 55.4842 109.984 55.3158 110.801 55.3099C111.618 55.3039 112.428 55.4606 113.184 55.7711C113.94 56.0816 114.626 56.5394 115.203 57.118C115.78 57.6966 116.236 58.3843 116.544 59.141C116.853 59.8977 117.007 60.7082 116.999 61.5253C116.991 62.3424 116.82 63.1495 116.496 63.8998C116.173 64.6502 115.703 65.3289 115.114 65.8958ZM152.998 94.1417L145.748 80.0004L152.985 65.8462C153.866 64.1289 154.078 62.1466 153.58 60.2821C153.082 58.4175 151.909 56.8042 150.29 55.7546L136.936 47.139L136.136 31.2992C136.063 29.3603 135.263 27.5198 133.895 26.1444C132.526 24.7691 130.69 23.9595 128.751 23.8773L112.874 23.0653L104.222 9.68636C103.163 8.07751 101.548 6.91588 99.6863 6.42314C97.8243 5.93039 95.8461 6.14137 94.1299 7.01583L80.0007 14.2529L65.8468 7.01583C64.1292 6.13081 62.1434 5.91794 60.2772 6.41863C58.411 6.91932 56.7984 8.09724 55.7545 9.72317L47.1269 23.0773L31.2622 23.8773C29.3289 23.9561 27.496 24.759 26.1279 26.1272C24.7597 27.4953 23.9564 29.3283 23.8776 31.2616L23.0653 47.139L9.67457 55.7786C8.06354 56.8357 6.90058 58.4518 6.40975 60.3151C5.91892 62.1785 6.13489 64.1574 7.01607 65.871L14.253 80.0124L7.01607 94.1665C6.13629 95.882 5.92488 97.863 6.4229 99.7254C6.92092 101.588 8.09291 103.199 9.71147 104.246L23.0653 112.874L23.8653 128.702C24.0376 132.763 27.2376 135.963 31.2499 136.135L47.1269 136.935L55.7791 150.326C57.9576 153.649 62.3022 154.782 65.8714 152.985L80.0007 145.748L94.1545 152.998C95.871 153.888 97.8586 154.104 99.7264 153.603C101.594 153.102 103.207 151.92 104.247 150.29L112.874 136.935L128.702 136.148C130.645 136.078 132.49 135.278 133.869 133.907C135.247 132.535 136.057 130.694 136.136 128.751L136.936 112.874L150.327 104.222C151.937 103.167 153.1 101.554 153.59 99.6924C154.081 97.8311 153.878 95.8535 152.998 94.1417Z" fill="#7592FF"/>
+</svg>
diff --git a/frontend/public/images/error/success.svg b/frontend/public/images/error/success.svg
new file mode 100644
index 0000000..91e1a76
--- /dev/null
+++ b/frontend/public/images/error/success.svg
@@ -0,0 +1,3 @@
+<svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M115.114 65.8958L72.0376 108.973C71.4672 109.544 70.79 109.996 70.0445 110.305C69.2991 110.614 68.5 110.773 67.693 110.773C66.886 110.773 66.0869 110.614 65.3414 110.305C64.596 109.996 63.9188 109.544 63.3484 108.973L44.8869 90.5112C44.2984 89.9443 43.8286 89.2656 43.505 88.5152C43.1815 87.7649 43.0107 86.9577 43.0025 86.1407C42.9943 85.3236 43.1488 84.5131 43.4571 83.7564C43.7655 82.9997 44.2215 82.312 44.7984 81.7334C45.3754 81.1548 46.0617 80.697 46.8176 80.3865C47.5734 80.076 48.3835 79.9193 49.2006 79.9252C50.0176 79.9312 50.8254 80.0996 51.5766 80.421C52.3278 80.7424 53.0075 81.2103 53.576 81.7972L67.693 95.9146L106.425 57.1819C106.994 56.595 107.674 56.1271 108.425 55.8056C109.176 55.4842 109.984 55.3158 110.801 55.3099C111.618 55.3039 112.428 55.4606 113.184 55.7711C113.94 56.0816 114.626 56.5394 115.203 57.118C115.78 57.6966 116.236 58.3843 116.544 59.141C116.853 59.8977 117.007 60.7082 116.999 61.5253C116.991 62.3424 116.82 63.1495 116.496 63.8998C116.173 64.6502 115.703 65.3289 115.114 65.8958ZM152.998 94.1417L145.748 80.0004L152.985 65.8462C153.866 64.1289 154.078 62.1466 153.58 60.2821C153.082 58.4175 151.909 56.8042 150.29 55.7546L136.936 47.139L136.136 31.2992C136.063 29.3603 135.263 27.5198 133.895 26.1444C132.526 24.7691 130.69 23.9595 128.751 23.8773L112.874 23.0653L104.222 9.68636C103.163 8.07751 101.548 6.91588 99.6863 6.42314C97.8243 5.93039 95.8461 6.14137 94.1299 7.01583L80.0007 14.2529L65.8468 7.01583C64.1292 6.13081 62.1434 5.91794 60.2772 6.41863C58.411 6.91932 56.7984 8.09724 55.7545 9.72317L47.1269 23.0773L31.2622 23.8773C29.3289 23.9561 27.496 24.759 26.1279 26.1272C24.7597 27.4953 23.9564 29.3283 23.8776 31.2616L23.0653 47.139L9.67457 55.7786C8.06354 56.8357 6.90058 58.4518 6.40975 60.3151C5.91892 62.1785 6.13489 64.1574 7.01607 65.871L14.253 80.0124L7.01607 94.1665C6.13629 95.882 5.92488 97.863 6.4229 99.7254C6.92092 101.588 8.09291 103.199 9.71147 104.246L23.0653 112.874L23.8653 128.702C24.0376 132.763 27.2376 135.963 31.2499 136.135L47.1269 136.935L55.7791 150.326C57.9576 153.649 62.3022 154.782 65.8714 152.985L80.0007 145.748L94.1545 152.998C95.871 153.888 97.8586 154.104 99.7264 153.603C101.594 153.102 103.207 151.92 104.247 150.29L112.874 136.935L128.702 136.148C130.645 136.078 132.49 135.278 133.869 133.907C135.247 132.535 136.057 130.694 136.136 128.751L136.936 112.874L150.327 104.222C151.937 103.167 153.1 101.554 153.59 99.6924C154.081 97.8311 153.878 95.8535 152.998 94.1417Z" fill="#465FFF"/>
+</svg>
diff --git a/frontend/public/images/grid-image/image-01.png b/frontend/public/images/grid-image/image-01.png
new file mode 100644
index 0000000..b00223b
Binary files /dev/null and b/frontend/public/images/grid-image/image-01.png differ
diff --git a/frontend/public/images/grid-image/image-02.png b/frontend/public/images/grid-image/image-02.png
new file mode 100644
index 0000000..e1e9fb2
Binary files /dev/null and b/frontend/public/images/grid-image/image-02.png differ
diff --git a/frontend/public/images/grid-image/image-03.png b/frontend/public/images/grid-image/image-03.png
new file mode 100644
index 0000000..9fe184a
Binary files /dev/null and b/frontend/public/images/grid-image/image-03.png differ
diff --git a/frontend/public/images/grid-image/image-04.png b/frontend/public/images/grid-image/image-04.png
new file mode 100644
index 0000000..0020a65
Binary files /dev/null and b/frontend/public/images/grid-image/image-04.png differ
diff --git a/frontend/public/images/grid-image/image-05.png b/frontend/public/images/grid-image/image-05.png
new file mode 100644
index 0000000..9ee8797
Binary files /dev/null and b/frontend/public/images/grid-image/image-05.png differ
diff --git a/frontend/public/images/grid-image/image-06.png b/frontend/public/images/grid-image/image-06.png
new file mode 100644
index 0000000..d7e3668
Binary files /dev/null and b/frontend/public/images/grid-image/image-06.png differ
diff --git a/frontend/public/images/icons/file-image-dark.svg b/frontend/public/images/icons/file-image-dark.svg
new file mode 100644
index 0000000..ff2d6df
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/icons/file-image.svg b/frontend/public/images/icons/file-image.svg
new file mode 100644
index 0000000..0303d63
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/icons/file-pdf-dark.svg b/frontend/public/images/icons/file-pdf-dark.svg
new file mode 100644
index 0000000..8fc5a47
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/icons/file-pdf.svg b/frontend/public/images/icons/file-pdf.svg
new file mode 100644
index 0000000..a525a26
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/icons/file-video-dark.svg b/frontend/public/images/icons/file-video-dark.svg
new file mode 100644
index 0000000..9415c3d
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/icons/file-video.svg b/frontend/public/images/icons/file-video.svg
new file mode 100644
index 0000000..49732ca
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/logo/auth-logo.svg b/frontend/public/images/logo/auth-logo.svg
new file mode 100644
index 0000000..eb11cc7
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/logo/logo-dark.svg b/frontend/public/images/logo/logo-dark.svg
new file mode 100644
index 0000000..4b94dac
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/logo/logo-icon.svg b/frontend/public/images/logo/logo-icon.svg
new file mode 100644
index 0000000..11d52ca
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/logo/logo.svg b/frontend/public/images/logo/logo.svg
new file mode 100644
index 0000000..758dedd
--- /dev/null
+++ b/frontend/public/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>
diff --git a/frontend/public/images/product/product-01.jpg b/frontend/public/images/product/product-01.jpg
new file mode 100644
index 0000000..7ffb1e6
Binary files /dev/null and b/frontend/public/images/product/product-01.jpg differ
diff --git a/frontend/public/images/product/product-02.jpg b/frontend/public/images/product/product-02.jpg
new file mode 100644
index 0000000..db30a9a
Binary files /dev/null and b/frontend/public/images/product/product-02.jpg differ
diff --git a/frontend/public/images/product/product-03.jpg b/frontend/public/images/product/product-03.jpg
new file mode 100644
index 0000000..95fd8d4
Binary files /dev/null and b/frontend/public/images/product/product-03.jpg differ
diff --git a/frontend/public/images/product/product-04.jpg b/frontend/public/images/product/product-04.jpg
new file mode 100644
index 0000000..131a9f5
Binary files /dev/null and b/frontend/public/images/product/product-04.jpg differ
diff --git a/frontend/public/images/product/product-05.jpg b/frontend/public/images/product/product-05.jpg
new file mode 100644
index 0000000..1ad17a9
Binary files /dev/null and b/frontend/public/images/product/product-05.jpg differ
diff --git a/frontend/public/images/shape/grid-01.svg b/frontend/public/images/shape/grid-01.svg
new file mode 100644
index 0000000..6490367
--- /dev/null
+++ b/frontend/public/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.