diff --git a/frontend/mining-app/assets/background_shadow.svg b/frontend/mining-app/assets/background_shadow.svg
new file mode 100644
index 00000000..3c554b0f
--- /dev/null
+++ b/frontend/mining-app/assets/background_shadow.svg
@@ -0,0 +1,9 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="20" fill="white"/>
+<path d="M20 29.9844C21.0781 29.9844 22.0156 29.0938 22.0156 28.0156H17.9844C17.9844 29.0938 18.875 29.9844 20 29.9844ZM26 23.9844V19.0156C26 15.9219 24.3594 13.3438 21.5 12.6875V11.9844C21.5 11.1875 20.8437 10.4844 20 10.4844C19.1562 10.4844 18.5 11.1875 18.5 11.9844V12.6875C15.6406 13.3438 14 15.9219 14 19.0156V23.9844L12.6875 25.2969C12.0781 25.9062 12.5 26.9844 13.3906 26.9844H26.5625C27.4531 26.9844 27.9219 25.9062 27.3125 25.2969L26 23.9844Z" fill="#4B5563"/>
+<mask id="path-3-inside-1_1_441" fill="white">
+<path d="M22 13C22 10.2386 24.2386 8 27 8C29.7614 8 32 10.2386 32 13C32 15.7614 29.7614 18 27 18C24.2386 18 22 15.7614 22 13Z"/>
+</mask>
+<path d="M22 13C22 10.2386 24.2386 8 27 8C29.7614 8 32 10.2386 32 13C32 15.7614 29.7614 18 27 18C24.2386 18 22 15.7614 22 13Z" fill="#EF4444"/>
+<path d="M27 18V16C25.3431 16 24 14.6569 24 13H22H20C20 16.866 23.134 20 27 20V18ZM32 13H30C30 14.6569 28.6569 16 27 16V18V20C30.866 20 34 16.866 34 13H32ZM27 8V10C28.6569 10 30 11.3431 30 13H32H34C34 9.13401 30.866 6 27 6V8ZM27 8V6C23.134 6 20 9.13401 20 13H22H24C24 11.3431 25.3431 10 27 10V8Z" fill="white" mask="url(#path-3-inside-1_1_441)"/>
+</svg>
diff --git a/frontend/mining-app/assets/container.png b/frontend/mining-app/assets/container.png
new file mode 100644
index 00000000..2c4a47cc
--- /dev/null
+++ b/frontend/mining-app/assets/container.png
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1"></svg>
\ No newline at end of file
diff --git a/frontend/mining-app/assets/container1.png b/frontend/mining-app/assets/container1.png
new file mode 100644
index 00000000..6ccb871c
Binary files /dev/null and b/frontend/mining-app/assets/container1.png differ
diff --git a/frontend/mining-app/assets/container_1.svg b/frontend/mining-app/assets/container_1.svg
new file mode 100644
index 00000000..cf223c39
--- /dev/null
+++ b/frontend/mining-app/assets/container_1.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="32" viewBox="0 0 24 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 15.0156C1.92188 15.0156 0.984375 15.9062 0.984375 16.9844V24.0156C0.984375 25.0938 1.92188 25.9844 3 25.9844C4.07812 25.9844 5.01562 25.0938 5.01562 24.0156V16.9844C5.01562 15.9062 4.07812 15.0156 3 15.0156ZM9.98438 9.29688C9.98438 7.46875 11.4375 6.01562 13.3125 6.01562C14.3438 6.01562 15.3281 6.48438 15.9844 7.23438C16.6406 6.48438 17.6719 6.01562 18.7031 6.01562C20.5312 6.01562 21.9844 7.46875 21.9844 9.29688C21.9844 11.4062 19.5 13.7969 16.6875 16.375C16.3125 16.75 15.7031 16.75 15.3281 16.375C12.5156 13.7969 9.98438 11.4062 9.98438 9.29688ZM19.9688 21.0156H13.1719C13.0312 21.0156 12.9375 20.9688 12.8438 20.9219L11.3438 20.4531C11.1094 20.3594 10.9688 20.0781 11.0625 19.7969C11.1562 19.5625 11.4375 19.4219 11.7188 19.5156L12.7969 19.9375C12.9375 19.9844 13.0781 19.9844 13.1719 19.9844H15.7969C16.4531 19.9844 16.9688 19.4688 16.9688 18.8125C16.9688 18.3438 16.6875 17.875 16.2188 17.6875L9.28125 15.1094C9.09375 15.0625 8.85938 15.0156 8.57812 15.0156H6.98438V24.0156L13.3594 25.8438C13.7812 25.9375 14.2031 25.9375 14.625 25.7969L21.9844 22.9844C21.9844 21.9062 21.0938 21.0156 19.9688 21.0156Z" fill="#9CA3AF"/>
+</svg>
diff --git a/frontend/mining-app/assets/container_2.svg b/frontend/mining-app/assets/container_2.svg
new file mode 100644
index 00000000..d6573e81
--- /dev/null
+++ b/frontend/mining-app/assets/container_2.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="32" viewBox="0 0 24 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 27.0156C17.7188 27.0156 22.4062 22.6562 22.9688 17.0781C23.0156 16.5156 22.5469 16 21.9375 16C21.4219 16 21 16.375 20.9531 16.8906C20.5312 21.4375 16.6875 25 12 25C8.85938 25 6.14062 23.4062 4.5 21.0156H6C6.5625 21.0156 6.98438 20.5469 6.98438 19.9844C6.98438 19.4688 6.5625 19 6 19H2.01562C1.45312 19 0.984375 19.4688 0.984375 19.9844V24.0156C0.984375 24.5312 1.45312 25 2.01562 25C2.53125 25 3 24.5312 3 24.0156V22.3281C4.96875 25.1406 8.29688 27.0156 12 27.0156ZM12 4.98438C6.28125 4.98438 1.59375 9.34375 1.03125 14.9219C0.984375 15.4844 1.45312 16 2.0625 16C2.57812 16 3 15.625 3.04688 15.1094C3.46875 10.5625 7.3125 7 12 7C15.1406 7 17.8594 8.59375 19.5 10.9844H18C17.4375 10.9844 17.0156 11.4531 17.0156 12.0156C17.0156 12.5312 17.4375 13 18 13H21.9844C22.5469 13 23.0156 12.5312 23.0156 12.0156V7.98438C23.0156 7.46875 22.5469 7 21.9844 7C21.4688 7 21 7.46875 21 7.98438V9.67188C19.0312 6.85938 15.7031 4.98438 12 4.98438ZM11.1094 9.85938C11.1094 9.39062 11.5312 9.01562 12 9.01562C12.4688 9.01562 12.8906 9.39062 12.8906 9.85938V10.2344C13.9688 10.4219 14.625 11.0312 15.0469 11.5469C15.375 11.9688 15.1875 12.625 14.6719 12.8594C14.2969 13 13.9219 12.8594 13.6406 12.5781C13.3594 12.2031 12.8906 11.7812 12.0469 11.7812C11.3438 11.7812 10.2656 12.1562 10.2656 13.1875C10.2656 14.125 11.1094 14.5 12.8906 15.1094C15.2812 15.9062 15.8906 17.125 15.8906 18.5312C15.8906 21.1562 13.4062 21.6719 12.8906 21.7656V22.1406C12.8906 22.6094 12.4688 23.0312 12 23.0312C11.5312 23.0312 11.1094 22.6094 11.1094 22.1406V21.7188C10.5 21.5781 9.1875 21.1094 8.4375 19.6094C8.20312 19.1875 8.4375 18.5781 8.90625 18.3906C9.32812 18.25 9.79688 18.3906 10.0312 18.8125C10.3594 19.4219 10.9688 20.1719 12.1406 20.1719C13.0781 20.1719 14.1094 19.7031 14.1094 18.5312C14.1094 17.5938 13.4531 17.0781 11.8594 16.5156C10.7344 16.1406 8.48438 15.4844 8.48438 13.1875C8.48438 13.0938 8.53125 10.7969 11.1094 10.2344V9.85938Z" fill="#FF6B00"/>
+</svg>
diff --git a/frontend/mining-app/assets/container_3.svg b/frontend/mining-app/assets/container_3.svg
new file mode 100644
index 00000000..08c1b3db
--- /dev/null
+++ b/frontend/mining-app/assets/container_3.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="32" viewBox="0 0 24 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.98438 19.9844V12.0156C9.98438 10.8906 10.875 10 12 10H21V9.01562C21 7.89062 20.1094 7 18.9844 7H5.01562C3.89062 7 3 7.89062 3 9.01562V22.9844C3 24.1094 3.89062 25 5.01562 25H18.9844C20.1094 25 21 24.1094 21 22.9844V22H12C10.875 22 9.98438 21.1094 9.98438 19.9844ZM12.9844 12.0156C12.4688 12.0156 12 12.4375 12 13V19C12 19.5625 12.4688 19.9844 12.9844 19.9844H21.9844V12.0156H12.9844ZM15.9844 17.5C15.1875 17.5 14.4844 16.8438 14.4844 16C14.4844 15.1562 15.1875 14.5 15.9844 14.5C16.8281 14.5 17.4844 15.1562 17.4844 16C17.4844 16.8438 16.8281 17.5 15.9844 17.5Z" fill="#9CA3AF"/>
+</svg>
diff --git a/frontend/mining-app/assets/container_4.svg b/frontend/mining-app/assets/container_4.svg
new file mode 100644
index 00000000..07401d3f
--- /dev/null
+++ b/frontend/mining-app/assets/container_4.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="32" viewBox="0 0 24 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 16C14.2031 16 15.9844 14.2188 15.9844 12.0156C15.9844 9.8125 14.2031 7.98438 12 7.98438C9.79688 7.98438 8.01562 9.8125 8.01562 12.0156C8.01562 14.2188 9.79688 16 12 16ZM12 18.0156C9.32812 18.0156 3.98438 19.3281 3.98438 22V22.9844C3.98438 23.5469 4.45312 24.0156 5.01562 24.0156H18.9844C19.5469 24.0156 20.0156 23.5469 20.0156 22.9844V22C20.0156 19.3281 14.6719 18.0156 12 18.0156Z" fill="#9CA3AF"/>
+</svg>
diff --git a/frontend/mining-app/assets/container_5.svg b/frontend/mining-app/assets/container_5.svg
new file mode 100644
index 00000000..0891316b
--- /dev/null
+++ b/frontend/mining-app/assets/container_5.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 21.9844C13.0781 21.9844 14.0156 21.0938 14.0156 20.0156H9.98437C9.98437 21.0938 10.875 21.9844 12 21.9844ZM18 15.9844V11.0156C18 7.92188 16.3594 5.34375 13.5 4.6875V3.98438C13.5 3.1875 12.8437 2.48438 12 2.48438C11.1562 2.48438 10.5 3.1875 10.5 3.98438V4.6875C7.64062 5.34375 5.99999 7.92188 5.99999 11.0156V15.9844L4.68749 17.2969C4.07812 17.9062 4.49999 18.9844 5.39062 18.9844H18.5625C19.4531 18.9844 19.9219 17.9062 19.3125 17.2969L18 15.9844Z" fill="#4B5563"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/.gitkeep b/frontend/mining-app/assets/images/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/frontend/mining-app/assets/images/background.svg b/frontend/mining-app/assets/images/background.svg
new file mode 100644
index 00000000..2eca4b05
--- /dev/null
+++ b/frontend/mining-app/assets/images/background.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" rx="16" fill="#F0FDF4"/>
+<path d="M15.4727 8.6875L10.9727 10.375C10.375 10.6211 9.98828 11.1484 9.98828 11.7812V15.332C9.98828 18.9531 12.3438 22.3281 15.5781 23.3828C15.8594 23.4531 16.1406 23.4531 16.4219 23.3828C19.6562 22.3281 22.0117 18.9531 22.0117 15.332V11.7812C22.0117 11.1836 21.625 10.6211 21.0273 10.375L16.5273 8.6875C16.1758 8.58203 15.8242 8.58203 15.4727 8.6875Z" fill="#3B82F6"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/background_1.svg b/frontend/mining-app/assets/images/background_1.svg
new file mode 100644
index 00000000..bc95be8e
--- /dev/null
+++ b/frontend/mining-app/assets/images/background_1.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" rx="16" fill="#F0FDF4"/>
+<path d="M22.0117 12.2383H18.25V9.98828C18.25 9.17969 17.582 8.51172 16.7383 8.51172H15.2617C14.418 8.51172 13.75 9.17969 13.75 9.98828V12.2383H9.98828C9.17969 12.2383 8.51172 12.9414 8.51172 13.75V22.0117C8.51172 22.8203 9.17969 23.4883 9.98828 23.4883H22.0117C22.8203 23.4883 23.4883 22.8203 23.4883 22.0117V13.75C23.4883 12.9414 22.8203 12.2383 22.0117 12.2383ZM13.75 16C14.3828 16 14.875 16.4922 14.875 17.125C14.875 17.7578 14.3828 18.25 13.75 18.25C13.1172 18.25 12.625 17.7578 12.625 17.125C12.625 16.4922 13.1172 16 13.75 16ZM16 20.5H11.5V20.1836C11.5 19.7266 11.7812 19.3047 12.2031 19.1289C12.6602 18.918 13.1875 18.8125 13.75 18.8125C14.3125 18.8125 14.8398 18.918 15.2969 19.1289C15.7188 19.3047 16 19.7266 16 20.1836V20.5ZM16.7383 13.75H15.2617V9.98828H16.7383V13.75ZM19.9375 19.375H18.0742C17.7578 19.375 17.5117 19.1289 17.5117 18.8125C17.5117 18.4961 17.7578 18.25 18.0742 18.25H19.9375C20.2539 18.25 20.5 18.4961 20.5 18.8125C20.5 19.1289 20.2539 19.375 19.9375 19.375ZM19.9375 17.125H18.0742C17.7578 17.125 17.5117 16.8789 17.5117 16.5625C17.5117 16.2461 17.7578 16 18.0742 16H19.9375C20.2539 16 20.5 16.2461 20.5 16.5625C20.5 16.8789 20.2539 17.125 19.9375 17.125Z" fill="#22C55E"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/background_2.svg b/frontend/mining-app/assets/images/background_2.svg
new file mode 100644
index 00000000..61b3fd40
--- /dev/null
+++ b/frontend/mining-app/assets/images/background_2.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" rx="16" fill="#F9FAFB"/>
+<path d="M20.5 13.0117H19.7617V11.5C19.7617 9.42578 18.0742 7.73828 16 7.73828C13.9258 7.73828 12.2383 9.42578 12.2383 11.5V13.0117H11.5C10.6914 13.0117 9.98828 13.6797 9.98828 14.4883V22.0117C9.98828 22.8203 10.6914 23.4883 11.5 23.4883H20.5C21.3086 23.4883 22.0117 22.8203 22.0117 22.0117V14.4883C22.0117 13.6797 21.3086 13.0117 20.5 13.0117ZM16 19.7617C15.1914 19.7617 14.4883 19.0586 14.4883 18.25C14.4883 17.4414 15.1914 16.7383 16 16.7383C16.8086 16.7383 17.5117 17.4414 17.5117 18.25C17.5117 19.0586 16.8086 19.7617 16 19.7617ZM13.75 13.0117V11.5C13.75 10.2695 14.7695 9.25 16 9.25C17.2305 9.25 18.25 10.2695 18.25 11.5V13.0117H13.75Z" fill="#A855F7"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/background_3.svg b/frontend/mining-app/assets/images/background_3.svg
new file mode 100644
index 00000000..33309115
--- /dev/null
+++ b/frontend/mining-app/assets/images/background_3.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" rx="16" fill="#F3F4F6"/>
+<path d="M16.4922 14.4883C15.7891 12.4844 13.6797 11.1133 11.3242 11.6055C9.60156 11.9219 8.23046 13.293 7.84374 15.0156C7.24609 17.9336 9.46093 20.5 12.2383 20.5C14.207 20.5 15.8594 19.2344 16.4922 17.5117H19.7617V18.9883C19.7617 19.832 20.4297 20.5 21.2383 20.5C22.082 20.5 22.75 19.832 22.75 18.9883V17.5117C23.5586 17.5117 24.2617 16.8086 24.2617 16C24.2617 15.1914 23.5586 14.4883 22.75 14.4883H16.4922ZM12.2383 17.5117C11.4297 17.5117 10.7617 16.8086 10.7617 16C10.7617 15.1914 11.4297 14.4883 12.2383 14.4883C13.082 14.4883 13.75 15.1914 13.75 16C13.75 16.8086 13.082 17.5117 12.2383 17.5117Z" fill="#F97316"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/background_4.svg b/frontend/mining-app/assets/images/background_4.svg
new file mode 100644
index 00000000..1bf93b05
--- /dev/null
+++ b/frontend/mining-app/assets/images/background_4.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="20" fill="#F9FAFB"/>
+<path d="M21.7969 20H21.7187C22.4219 20 22.8125 19.2578 22.4219 18.7109L18.1641 12.6562C17.8516 12.1484 17.1484 12.1484 16.8359 12.6562L12.5781 18.7109C12.1875 19.2578 12.5781 20 13.2812 20H13.2031L10.8203 23.7109C10.4687 24.2578 10.8594 25 11.5234 25H15.8203V26.6797C15.8203 27.5781 16.6016 28.3203 17.5 28.3203C18.3984 28.3203 19.1797 27.5781 19.1797 26.6797V25H23.4766C24.1406 25 24.5312 24.2578 24.1797 23.7109L21.7969 20ZM29.1797 23.7109L26.7969 20H26.7187C27.4219 20 27.8125 19.2578 27.4219 18.7109L23.1641 12.6562C22.8516 12.1484 22.1484 12.1484 21.8359 12.6562L20.5078 14.4922L23.0859 18.2031C23.4766 18.7109 23.5156 19.375 23.2031 19.9219C23.1641 20.0781 23.0859 20.1953 22.9687 20.2734L24.8828 23.2812C25.1953 23.7891 25.2344 24.4141 24.9219 24.9609C24.9219 25 24.9219 25 24.9219 25H28.4766C29.1406 25 29.5312 24.2578 29.1797 23.7109ZM20.8203 26.6797C20.8203 27.5781 21.6016 28.3203 22.5 28.3203C23.3984 28.3203 24.1797 27.5781 24.1797 26.6797V25.8203H20.8203V26.6797Z" fill="#4B5563"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/background_5.svg b/frontend/mining-app/assets/images/background_5.svg
new file mode 100644
index 00000000..b75c38b5
--- /dev/null
+++ b/frontend/mining-app/assets/images/background_5.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="20" fill="#F9FAFB"/>
+<path d="M22.1484 12.1484C21.8359 11.8359 21.4062 11.6797 20.9766 11.6797H15C14.1016 11.6797 13.3203 12.4219 13.3203 13.3203V26.6797C13.3203 27.5781 14.0625 28.3203 15 28.3203H25C25.8984 28.3203 26.6797 27.5781 26.6797 26.6797V17.3438C26.6797 16.9141 26.4844 16.4844 26.1719 16.1719L22.1484 12.1484ZM22.5 25H17.5C17.0312 25 16.6797 24.6094 16.6797 24.1797C16.6797 23.7109 17.0312 23.3203 17.5 23.3203H22.5C22.9688 23.3203 23.3203 23.7109 23.3203 24.1797C23.3203 24.6094 22.9688 25 22.5 25ZM22.5 21.6797H17.5C17.0312 21.6797 16.6797 21.2891 16.6797 20.8203C16.6797 20.3906 17.0312 20 17.5 20H22.5C22.9688 20 23.3203 20.3906 23.3203 20.8203C23.3203 21.2891 22.9688 21.6797 22.5 21.6797ZM20.8203 16.6797V12.9297L25.4297 17.5H21.6797C21.2109 17.5 20.8203 17.1094 20.8203 16.6797Z" fill="#4B5563"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/background_6.svg b/frontend/mining-app/assets/images/background_6.svg
new file mode 100644
index 00000000..8d22854b
--- /dev/null
+++ b/frontend/mining-app/assets/images/background_6.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="20" fill="#F9FAFB"/>
+<path d="M15.1172 19.8828L12.8125 22.2265C12.6562 22.3828 12.6562 22.6172 12.8125 22.8125L15.1172 25.1172C15.3906 25.3906 15.8203 25.1953 15.8203 24.8437V23.3203H20.8203C21.2891 23.3203 21.6797 22.9687 21.6797 22.5C21.6797 22.0312 21.2891 21.6797 20.8203 21.6797H15.8203V20.1562C15.8203 19.8047 15.3906 19.6094 15.1172 19.8828ZM27.2266 17.2265L24.8828 14.8828C24.6484 14.6094 24.1797 14.8047 24.1797 15.1562V16.6797H19.1797C18.7109 16.6797 18.3203 17.0312 18.3203 17.5C18.3203 17.9687 18.7109 18.3203 19.1797 18.3203H24.1797V19.8437C24.1797 20.1953 24.6094 20.3906 24.8828 20.1172L27.1875 17.7734C27.3828 17.6172 27.3828 17.3828 27.2266 17.2265Z" fill="#4B5563"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/background_7.svg b/frontend/mining-app/assets/images/background_7.svg
new file mode 100644
index 00000000..77cda9b2
--- /dev/null
+++ b/frontend/mining-app/assets/images/background_7.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="20" fill="#F9FAFB"/>
+<path d="M23.8281 17.5H22.5V13.3203C22.5 12.8906 22.1094 12.5 21.6797 12.5H18.3203C17.8906 12.5 17.5 12.8906 17.5 13.3203V17.5H16.1719C15.4297 17.5 15.0391 18.3984 15.5859 18.9062L19.4141 22.7344C19.7266 23.0859 20.2734 23.0859 20.5859 22.7344L24.4141 18.9062C24.9219 18.3984 24.5703 17.5 23.8281 17.5ZM14.1797 25.8203C14.1797 26.2891 14.5312 26.6797 15 26.6797H25C25.4688 26.6797 25.8203 26.2891 25.8203 25.8203C25.8203 25.3906 25.4688 25 25 25H15C14.5312 25 14.1797 25.3906 14.1797 25.8203Z" fill="#4B5563"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/background_border_shadow.png b/frontend/mining-app/assets/images/background_border_shadow.png
new file mode 100644
index 00000000..dc014e2d
Binary files /dev/null and b/frontend/mining-app/assets/images/background_border_shadow.png differ
diff --git a/frontend/mining-app/assets/images/background_border_shadow_1.svg b/frontend/mining-app/assets/images/background_border_shadow_1.svg
new file mode 100644
index 00000000..b1918c56
--- /dev/null
+++ b/frontend/mining-app/assets/images/background_border_shadow_1.svg
@@ -0,0 +1,8 @@
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_1_730" fill="white">
+<path d="M0 13C0 5.8203 5.8203 0 13 0C20.1797 0 26 5.8203 26 13C26 20.1797 20.1797 26 13 26C5.8203 26 0 20.1797 0 13Z"/>
+</mask>
+<path d="M0 13C0 5.8203 5.8203 0 13 0C20.1797 0 26 5.8203 26 13C26 20.1797 20.1797 26 13 26C5.8203 26 0 20.1797 0 13Z" fill="#FF6B00"/>
+<path d="M13 26V25C6.37258 25 1 19.6274 1 13H0H-1C-1 20.732 5.26801 27 13 27V26ZM26 13H25C25 19.6274 19.6274 25 13 25V26V27C20.732 27 27 20.732 27 13H26ZM13 0V1C19.6274 1 25 6.37258 25 13H26H27C27 5.26801 20.732 -1 13 -1V0ZM13 0V-1C5.26801 -1 -1 5.26801 -1 13H0H1C1 6.37258 6.37258 1 13 1V0Z" fill="white" mask="url(#path-1-inside-1_1_730)"/>
+<path d="M11.5 13C11.5 12.1797 12.1797 11.5 13 11.5C13.8203 11.5 14.5 12.1797 14.5 13C14.5 13.8203 13.8203 14.5 13 14.5C12.1797 14.5 11.5 13.8203 11.5 13ZM17.0078 8.99219H15.4141L14.8047 8.33594C14.6172 8.125 14.3359 8.00781 14.0547 8.00781H11.9453C11.6641 8.00781 11.3828 8.125 11.1953 8.33594L10.5859 8.99219H8.99219C8.45312 8.99219 8.00781 9.46094 8.00781 10V16C8.00781 16.5391 8.45312 17.0078 8.99219 17.0078H17.0078C17.5469 17.0078 17.9922 16.5391 17.9922 16V10C17.9922 9.46094 17.5469 8.99219 17.0078 8.99219ZM13 15.5078C11.6172 15.5078 10.4922 14.3828 10.4922 13C10.4922 11.6172 11.6172 10.4922 13 10.4922C14.3828 10.4922 15.5078 11.6172 15.5078 13C15.5078 14.3828 14.3828 15.5078 13 15.5078Z" fill="white"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/background_shadow.svg b/frontend/mining-app/assets/images/background_shadow.svg
new file mode 100644
index 00000000..5752b19e
--- /dev/null
+++ b/frontend/mining-app/assets/images/background_shadow.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" rx="16" fill="#F3F4F6"/>
+<path d="M30 24.9844H24.9844V30C24.9844 30.5625 24.5625 30.9844 24 30.9844C23.4375 30.9844 23.0156 30.5625 23.0156 30V24.9844H18C17.4375 24.9844 17.0156 24.5625 17.0156 24C17.0156 23.4375 17.4375 23.0156 18 23.0156H23.0156V18C23.0156 17.4375 23.4375 17.0156 24 17.0156C24.5625 17.0156 24.9844 17.4375 24.9844 18V23.0156H30C30.5625 23.0156 30.9844 23.4375 30.9844 24C30.9844 24.5625 30.5625 24.9844 30 24.9844Z" fill="#FF6B00"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/background_shadow_1.svg b/frontend/mining-app/assets/images/background_shadow_1.svg
new file mode 100644
index 00000000..b6248790
--- /dev/null
+++ b/frontend/mining-app/assets/images/background_shadow_1.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" rx="16" fill="#F3F4F6"/>
+<path d="M30 24.9844H18C17.4375 24.9844 17.0156 24.5625 17.0156 24C17.0156 23.4375 17.4375 23.0156 18 23.0156H30C30.5625 23.0156 30.9844 23.4375 30.9844 24C30.9844 24.5625 30.5625 24.9844 30 24.9844Z" fill="#FF6B00"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/background_shadow_2.svg b/frontend/mining-app/assets/images/background_shadow_2.svg
new file mode 100644
index 00000000..a7c0d582
--- /dev/null
+++ b/frontend/mining-app/assets/images/background_shadow_2.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" rx="16" fill="#F3F4F6"/>
+<path d="M18.1406 23.8594L15.375 26.6719C15.1875 26.8594 15.1875 27.1406 15.375 27.375L18.1406 30.1406C18.4687 30.4688 18.9844 30.2344 18.9844 29.8125V27.9844H24.9844C25.5469 27.9844 26.0156 27.5625 26.0156 27C26.0156 26.4375 25.5469 26.0156 24.9844 26.0156H18.9844V24.1875C18.9844 23.7656 18.4687 23.5313 18.1406 23.8594ZM32.6719 20.6719L29.8594 17.8594C29.5781 17.5313 29.0156 17.7656 29.0156 18.1875V20.0156H23.0156C22.4531 20.0156 21.9844 20.4375 21.9844 21C21.9844 21.5625 22.4531 21.9844 23.0156 21.9844H29.0156V23.8125C29.0156 24.2344 29.5312 24.4688 29.8594 24.1406L32.625 21.3281C32.8594 21.1406 32.8594 20.8594 32.6719 20.6719Z" fill="#FF6B00"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/background_shadow_3.svg b/frontend/mining-app/assets/images/background_shadow_3.svg
new file mode 100644
index 00000000..05cfd5ca
--- /dev/null
+++ b/frontend/mining-app/assets/images/background_shadow_3.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" rx="16" fill="#F3F4F6"/>
+<path d="M28.5938 21H27V15.9844C27 15.4688 26.5312 15 26.0156 15H21.9844C21.4688 15 21 15.4688 21 15.9844V21H19.4062C18.5156 21 18.0469 22.0781 18.7031 22.6875L23.2969 27.2812C23.6719 27.7031 24.3281 27.7031 24.7031 27.2812L29.2969 22.6875C29.9062 22.0781 29.4844 21 28.5938 21ZM17.0156 30.9844C17.0156 31.5469 17.4375 32.0156 18 32.0156H30C30.5625 32.0156 30.9844 31.5469 30.9844 30.9844C30.9844 30.4688 30.5625 30 30 30H18C17.4375 30 17.0156 30.4688 17.0156 30.9844Z" fill="#FF6B00"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/button.svg b/frontend/mining-app/assets/images/button.svg
new file mode 100644
index 00000000..5e24c747
--- /dev/null
+++ b/frontend/mining-app/assets/images/button.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="28" viewBox="0 0 18 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.25 20.0117H3.76172V10.2383C3.76172 9.85156 3.41016 9.5 2.98828 9.5C2.60156 9.5 2.25 9.85156 2.25 10.2383V20.0117C2.25 20.8203 2.91797 21.4883 3.76172 21.4883H11.25C11.6719 21.4883 11.9883 21.1719 11.9883 20.75C11.9883 20.3281 11.6719 20.0117 11.25 20.0117ZM15.0117 16.9883V7.98828C15.0117 7.17969 14.3086 6.51172 13.5 6.51172H6.75C5.94141 6.51172 5.23828 7.17969 5.23828 7.98828V16.9883C5.23828 17.832 5.94141 18.5 6.75 18.5H13.5C14.3086 18.5 15.0117 17.832 15.0117 16.9883ZM13.5 16.9883H6.75V7.98828H13.5V16.9883Z" fill="#9CA3AF"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/button_1.svg b/frontend/mining-app/assets/images/button_1.svg
new file mode 100644
index 00000000..35def995
--- /dev/null
+++ b/frontend/mining-app/assets/images/button_1.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="20" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.75 14.6758H2.92578V7.07422C2.92578 6.77344 2.65234 6.5 2.32422 6.5C2.02344 6.5 1.75 6.77344 1.75 7.07422V14.6758C1.75 15.3047 2.26953 15.8242 2.92578 15.8242H8.75C9.07812 15.8242 9.32422 15.5781 9.32422 15.25C9.32422 14.9219 9.07812 14.6758 8.75 14.6758ZM11.6758 12.3242V5.32422C11.6758 4.69531 11.1289 4.17578 10.5 4.17578H5.25C4.62109 4.17578 4.07422 4.69531 4.07422 5.32422V12.3242C4.07422 12.9805 4.62109 13.5 5.25 13.5H10.5C11.1289 13.5 11.6758 12.9805 11.6758 12.3242ZM10.5 12.3242H5.25V5.32422H10.5V12.3242Z" fill="#9CA3AF"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/button_2.svg b/frontend/mining-app/assets/images/button_2.svg
new file mode 100644
index 00000000..916df22e
--- /dev/null
+++ b/frontend/mining-app/assets/images/button_2.svg
@@ -0,0 +1,4 @@
+<svg width="36" height="44" viewBox="0 0 36 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="36" height="44" rx="18" fill="white"/>
+<path d="M10.5 26.5312V29.0703C10.5 29.3047 10.6953 29.5 10.9297 29.5H13.4688C13.5469 29.5 13.6641 29.4609 13.7422 29.3828L22.8438 20.2812L19.7188 17.1562L10.6172 26.2578C10.5391 26.3359 10.5 26.4141 10.5 26.5312ZM25.2656 17.8594C25.5781 17.5469 25.5781 17 25.2656 16.6875L23.3125 14.7344C23 14.4219 22.4531 14.4219 22.1406 14.7344L20.6172 16.2578L23.7422 19.3828L25.2656 17.8594Z" fill="#4B5563"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container.svg b/frontend/mining-app/assets/images/container.svg
new file mode 100644
index 00000000..d4ad276b
--- /dev/null
+++ b/frontend/mining-app/assets/images/container.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="20" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.41406 6.91016C5.19531 7.12891 5.19531 7.51172 5.41406 7.73047L7.68359 10L5.41406 12.2695C5.19531 12.4883 5.19531 12.8711 5.41406 13.0898C5.66016 13.3086 6.01562 13.3086 6.23438 13.0898L8.91406 10.4102C9.16016 10.1914 9.16016 9.80859 8.91406 9.58984L6.23438 6.91016C6.01562 6.69141 5.66016 6.69141 5.41406 6.91016Z" fill="#FF6B00"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_1.png b/frontend/mining-app/assets/images/container_1.png
new file mode 100644
index 00000000..1660db78
Binary files /dev/null and b/frontend/mining-app/assets/images/container_1.png differ
diff --git a/frontend/mining-app/assets/images/container_1.svg b/frontend/mining-app/assets/images/container_1.svg
new file mode 100644
index 00000000..ea735f53
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_1.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="20" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.75 14.6758H2.92578V7.07422C2.92578 6.77344 2.65234 6.5 2.32422 6.5C2.02344 6.5 1.75 6.77344 1.75 7.07422V14.6758C1.75 15.3047 2.26953 15.8242 2.92578 15.8242H8.75C9.07812 15.8242 9.32422 15.5781 9.32422 15.25C9.32422 14.9219 9.07812 14.6758 8.75 14.6758ZM11.6758 12.3242V5.32422C11.6758 4.69531 11.1289 4.17578 10.5 4.17578H5.25C4.62109 4.17578 4.07422 4.69531 4.07422 5.32422V12.3242C4.07422 12.9805 4.62109 13.5 5.25 13.5H10.5C11.1289 13.5 11.6758 12.9805 11.6758 12.3242ZM10.5 12.3242H5.25V5.32422H10.5V12.3242Z" fill="#FF6B00"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_10.svg b/frontend/mining-app/assets/images/container_10.svg
new file mode 100644
index 00000000..2b96c6ca
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_10.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="32" viewBox="0 0 24 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 16C14.2031 16 15.9844 14.2188 15.9844 12.0156C15.9844 9.8125 14.2031 7.98438 12 7.98438C9.79688 7.98438 8.01562 9.8125 8.01562 12.0156C8.01562 14.2188 9.79688 16 12 16ZM12 18.0156C9.32812 18.0156 3.98438 19.3281 3.98438 22V22.9844C3.98438 23.5469 4.45312 24.0156 5.01562 24.0156H18.9844C19.5469 24.0156 20.0156 23.5469 20.0156 22.9844V22C20.0156 19.3281 14.6719 18.0156 12 18.0156Z" fill="#FF6B00"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_11.svg b/frontend/mining-app/assets/images/container_11.svg
new file mode 100644
index 00000000..31684b16
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_11.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="28" viewBox="0 0 20 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 14.625C11.3672 14.625 12.5391 14.9375 13.5156 15.3672C14.4141 15.7578 15 16.6562 15 17.6328V18.1797C15 18.6094 14.6094 19 14.1797 19H5.82031C5.39062 19 5 18.6094 5 18.1797V17.6719C5 16.6562 5.58594 15.7578 6.48438 15.3672C7.46094 14.9375 8.63281 14.625 10 14.625ZM3.32031 14.8203C4.25781 14.8203 5 14.0781 5 13.1797C5 12.2422 4.25781 11.5 3.32031 11.5C2.42188 11.5 1.67969 12.2422 1.67969 13.1797C1.67969 14.0781 2.42188 14.8203 3.32031 14.8203ZM4.25781 15.7578C3.98438 15.7188 3.67188 15.6797 3.32031 15.6797C2.5 15.6797 1.71875 15.8359 1.01562 16.1484C0.390625 16.4219 0 17.0078 0 17.7109V18.1797C0 18.6094 0.390625 19 0.820312 19H3.75V17.6719C3.75 16.9688 3.94531 16.3047 4.25781 15.7578ZM16.6797 14.8203C17.5781 14.8203 18.3203 14.0781 18.3203 13.1797C18.3203 12.2422 17.5781 11.5 16.6797 11.5C15.7422 11.5 15 12.2422 15 13.1797C15 14.0781 15.7422 14.8203 16.6797 14.8203ZM20 17.7109C20 17.0078 19.6094 16.4219 18.9844 16.1484C18.2812 15.8359 17.5 15.6797 16.6797 15.6797C16.3281 15.6797 16.0156 15.7188 15.7422 15.7578C16.0547 16.3047 16.25 16.9688 16.25 17.6719V19H19.1797C19.6094 19 20 18.6094 20 18.1797V17.7109ZM10 9C11.3672 9 12.5 10.1328 12.5 11.5C12.5 12.8672 11.3672 14 10 14C8.63281 14 7.5 12.8672 7.5 11.5C7.5 10.1328 8.63281 9 10 9Z" fill="#FB923C"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_14.svg b/frontend/mining-app/assets/images/container_14.svg
new file mode 100644
index 00000000..27f2691c
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_14.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="28" viewBox="0 0 20 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.6797 9H14.8438C14.9609 8.72656 15 8.45312 15 8.17969C15 6.77344 13.8672 5.67969 12.5 5.67969C11.6406 5.67969 10.8594 6.10938 10.4297 6.77344L10 7.35938L9.57031 6.77344C9.14062 6.10938 8.35938 5.67969 7.5 5.67969C6.13281 5.67969 5 6.77344 5 8.17969C5 8.45312 5.03906 8.72656 5.15625 9H3.32031C2.42188 9 1.67969 9.74219 1.67969 10.6797V19.8203C1.67969 20.7578 2.42188 21.5 3.32031 21.5H16.6797C17.5781 21.5 18.3203 20.7578 18.3203 19.8203V10.6797C18.3203 9.74219 17.5781 9 16.6797 9ZM12.5 7.32031C12.9688 7.32031 13.3203 7.71094 13.3203 8.17969C13.3203 8.60938 12.9688 9 12.5 9C12.0312 9 11.6797 8.60938 11.6797 8.17969C11.6797 7.71094 12.0312 7.32031 12.5 7.32031ZM7.5 7.32031C7.96875 7.32031 8.32031 7.71094 8.32031 8.17969C8.32031 8.60938 7.96875 9 7.5 9C7.03125 9 6.67969 8.60938 6.67969 8.17969C6.67969 7.71094 7.03125 7.32031 7.5 7.32031ZM16.6797 19.8203H3.32031V18.1797H16.6797V19.8203ZM16.6797 15.6797H3.32031V11.5C3.32031 11.0312 3.71094 10.6797 4.17969 10.6797H7.57812L6.32812 12.3594C6.05469 12.7109 6.13281 13.2578 6.52344 13.5312C6.875 13.7656 7.42188 13.6875 7.65625 13.3359L10 10.1719L12.3438 13.3359C12.5781 13.6875 13.125 13.7656 13.4766 13.5312C13.8672 13.2578 13.9453 12.7109 13.6719 12.3594L12.4219 10.6797H15.8203C16.2891 10.6797 16.6797 11.0312 16.6797 11.5V15.6797Z" fill="#F472B6"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_16.svg b/frontend/mining-app/assets/images/container_16.svg
new file mode 100644
index 00000000..3ce36b82
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_16.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="28" viewBox="0 0 20 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.32031 17.3203V10.6797C8.32031 9.74219 9.0625 9 10 9H17.5V8.17969C17.5 7.24219 16.7578 6.5 15.8203 6.5H4.17969C3.24219 6.5 2.5 7.24219 2.5 8.17969V19.8203C2.5 20.7578 3.24219 21.5 4.17969 21.5H15.8203C16.7578 21.5 17.5 20.7578 17.5 19.8203V19H10C9.0625 19 8.32031 18.2578 8.32031 17.3203ZM10.8203 10.6797C10.3906 10.6797 10 11.0312 10 11.5V16.5C10 16.9688 10.3906 17.3203 10.8203 17.3203H18.3203V10.6797H10.8203ZM13.3203 15.25C12.6562 15.25 12.0703 14.7031 12.0703 14C12.0703 13.2969 12.6562 12.75 13.3203 12.75C14.0234 12.75 14.5703 13.2969 14.5703 14C14.5703 14.7031 14.0234 15.25 13.3203 15.25Z" fill="#EAB308"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_18.svg b/frontend/mining-app/assets/images/container_18.svg
new file mode 100644
index 00000000..df1b1e8b
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_18.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="28" viewBox="0 0 20 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 22.3203C10.8984 22.3203 11.6797 21.5781 11.6797 20.6797H8.32032C8.32032 21.5781 9.0625 22.3203 10 22.3203ZM15 17.3203V13.1797C15 10.6016 13.6328 8.45312 11.25 7.90625V7.32031C11.25 6.65625 10.7031 6.07031 10 6.07031C9.29688 6.07031 8.75 6.65625 8.75 7.32031V7.90625C6.36719 8.45312 5 10.6016 5 13.1797V17.3203L3.90625 18.4141C3.39844 18.9219 3.75 19.8203 4.49219 19.8203H15.4688C16.2109 19.8203 16.6016 18.9219 16.0938 18.4141L15 17.3203Z" fill="#6B7280"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_19.svg b/frontend/mining-app/assets/images/container_19.svg
new file mode 100644
index 00000000..315805c1
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_19.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="28" viewBox="0 0 20 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 5.67969C5.39062 5.67969 1.67969 9.39062 1.67969 14C1.67969 18.6094 5.39062 22.3203 10 22.3203C14.6094 22.3203 18.3203 18.6094 18.3203 14C18.3203 9.39062 14.6094 5.67969 10 5.67969ZM15.7812 10.6797H13.3203C13.0469 9.625 12.6562 8.60938 12.1484 7.71094C13.7109 8.21875 14.9609 9.27344 15.7812 10.6797ZM10 7.35938C10.7031 8.375 11.25 9.46875 11.6016 10.6797H8.39844C8.75 9.46875 9.29688 8.375 10 7.35938ZM3.55469 15.6797C3.39844 15.1328 3.32031 14.5859 3.32031 14C3.32031 13.4141 3.39844 12.8672 3.55469 12.3203H6.36719C6.28906 12.8672 6.25 13.4141 6.25 14C6.25 14.5859 6.28906 15.1328 6.36719 15.6797H3.55469ZM4.21875 17.3203H6.67969C6.95312 18.375 7.34375 19.3906 7.85156 20.2891C6.28906 19.7812 5.03906 18.7266 4.21875 17.3203ZM6.67969 10.6797H4.21875C5.03906 9.27344 6.28906 8.21875 7.85156 7.71094C7.34375 8.60938 6.95312 9.625 6.67969 10.6797ZM10 20.6406C9.29688 19.625 8.75 18.5312 8.39844 17.3203H11.6016C11.25 18.5312 10.7031 19.625 10 20.6406ZM11.9531 15.6797H8.04688C7.96875 15.1328 7.92969 14.5859 7.92969 14C7.92969 13.4141 7.96875 12.8672 8.04688 12.3203H11.9531C12.0312 12.8672 12.0703 13.4141 12.0703 14C12.0703 14.5859 12.0312 15.1328 11.9531 15.6797ZM12.1484 20.2891C12.6562 19.3906 13.0469 18.375 13.3203 17.3203H15.7812C14.9609 18.7266 13.7109 19.7812 12.1484 20.2891ZM13.6328 15.6797C13.7109 15.1328 13.75 14.5859 13.75 14C13.75 13.4141 13.7109 12.8672 13.6328 12.3203H16.4453C16.6016 12.8672 16.6797 13.4141 16.6797 14C16.6797 14.5859 16.6016 15.1328 16.4453 15.6797H13.6328Z" fill="#6B7280"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_2.svg b/frontend/mining-app/assets/images/container_2.svg
new file mode 100644
index 00000000..3491d5be
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_2.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="20" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.5 12.3789C10.0625 12.3789 9.65234 12.543 9.35156 12.8164L5.19531 10.4102C5.22266 10.2734 5.25 10.1367 5.25 10C5.25 9.86328 5.22266 9.72656 5.19531 9.58984L9.29688 7.18359C9.625 7.48438 10.0352 7.67578 10.5 7.67578C11.457 7.67578 12.25 6.88281 12.25 5.92578C12.25 4.94141 11.457 4.17578 10.5 4.17578C9.54297 4.17578 8.75 4.94141 8.75 5.92578C8.75 6.0625 8.77734 6.19922 8.80469 6.33594L4.70312 8.71484C4.375 8.44141 3.96484 8.25 3.5 8.25C2.54297 8.25 1.75 9.04297 1.75 10C1.75 10.957 2.54297 11.75 3.5 11.75C3.96484 11.75 4.375 11.5586 4.70312 11.2852L8.83203 13.6914C8.80469 13.8281 8.80469 13.9648 8.80469 14.0742C8.80469 15.0312 9.57031 15.7969 10.5 15.7969C11.4297 15.7969 12.1953 15.0312 12.1953 14.0742C12.1953 13.1445 11.4297 12.3789 10.5 12.3789Z" fill="white"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_21.svg b/frontend/mining-app/assets/images/container_21.svg
new file mode 100644
index 00000000..8fa02742
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_21.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="28" viewBox="0 0 20 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 5.67969C5.39062 5.67969 1.67969 9.39062 1.67969 14C1.67969 18.6094 5.39062 22.3203 10 22.3203C14.6094 22.3203 18.3203 18.6094 18.3203 14C18.3203 9.39062 14.6094 5.67969 10 5.67969ZM10 18.1797C9.53125 18.1797 9.17969 17.7891 9.17969 17.3203V14C9.17969 13.5312 9.53125 13.1797 10 13.1797C10.4688 13.1797 10.8203 13.5312 10.8203 14V17.3203C10.8203 17.7891 10.4688 18.1797 10 18.1797ZM10.8203 11.5H9.17969V9.82031H10.8203V11.5Z" fill="#6B7280"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_23.svg b/frontend/mining-app/assets/images/container_23.svg
new file mode 100644
index 00000000..a9676cff
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_23.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="28" viewBox="0 0 20 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 5.67969C5.39062 5.67969 1.67969 9.39062 1.67969 14C1.67969 18.6094 5.39062 22.3203 10 22.3203C14.6094 22.3203 18.3203 18.6094 18.3203 14C18.3203 9.39062 14.6094 5.67969 10 5.67969ZM10.8203 19.8203H9.17969V18.1797H10.8203V19.8203ZM12.5391 13.375L11.7969 14.1562C11.4062 14.5859 11.0938 14.9375 10.9375 15.5625C10.8594 15.8359 10.8203 16.1094 10.8203 16.5H9.17969V16.0703C9.17969 15.7188 9.21875 15.3281 9.33594 14.9766C9.53125 14.5078 9.80469 14.0781 10.1562 13.7266L11.1719 12.6719C11.5625 12.3203 11.7578 11.7734 11.6406 11.1875C11.5234 10.5625 11.0547 10.0547 10.4688 9.89844C9.53125 9.625 8.71094 10.1719 8.39844 10.9531C8.32031 11.2656 8.04688 11.5 7.73438 11.5H7.5C6.99219 11.5 6.67969 11.0312 6.79688 10.5625C7.14844 9.35156 8.20312 8.41406 9.49219 8.21875C10.7422 8.02344 11.9531 8.64844 12.7344 9.70312C13.7109 11.0703 13.3984 12.5156 12.5391 13.375Z" fill="#6B7280"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_25.svg b/frontend/mining-app/assets/images/container_25.svg
new file mode 100644
index 00000000..d3ef8fe2
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_25.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="28" viewBox="0 0 20 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5 14.1953C17.5 9.625 13.9453 6.5 10 6.5C6.09375 6.5 2.5 9.54688 2.5 14.2344C1.99219 14.5078 1.67969 15.0547 1.67969 15.6797V17.3203C1.67969 18.2578 2.42188 19 3.32031 19C3.78906 19 4.17969 18.6094 4.17969 18.1797V14.1562C4.17969 10.9531 6.64062 8.17969 9.80469 8.10156C13.125 7.98438 15.8203 10.6406 15.8203 13.9219V19.8203H10C9.53125 19.8203 9.17969 20.2109 9.17969 20.6797C9.17969 21.1094 9.53125 21.5 10 21.5H15.8203C16.7578 21.5 17.5 20.7578 17.5 19.8203V18.8047C18.0078 18.5703 18.3203 18.0625 18.3203 17.4375V15.5234C18.3203 14.9375 18.0078 14.4297 17.5 14.1953ZM6.67969 14.8203C6.67969 14.3906 7.03125 14 7.5 14C7.96875 14 8.32031 14.3906 8.32031 14.8203C8.32031 15.2891 7.96875 15.6797 7.5 15.6797C7.03125 15.6797 6.67969 15.2891 6.67969 14.8203ZM11.6797 14.8203C11.6797 14.3906 12.0312 14 12.5 14C12.9688 14 13.3203 14.3906 13.3203 14.8203C13.3203 15.2891 12.9688 15.6797 12.5 15.6797C12.0312 15.6797 11.6797 15.2891 11.6797 14.8203ZM15 13.1797C14.6094 10.8359 12.5391 9 10.0391 9C7.5 9 4.80469 11.1094 5 14.3906C7.07031 13.5312 8.63281 11.6953 9.0625 9.46875C10.1562 11.6562 12.3828 13.1797 15 13.1797Z" fill="#6B7280"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_27.png b/frontend/mining-app/assets/images/container_27.png
new file mode 100644
index 00000000..654d5235
Binary files /dev/null and b/frontend/mining-app/assets/images/container_27.png differ
diff --git a/frontend/mining-app/assets/images/container_3.svg b/frontend/mining-app/assets/images/container_3.svg
new file mode 100644
index 00000000..52bfea05
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_3.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="28" viewBox="0 0 18 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.96094 10.0273C6.67969 10.3086 6.67969 10.8008 6.96094 11.082L9.87891 14L6.96094 16.918C6.67969 17.1992 6.67969 17.6914 6.96094 17.9727C7.27734 18.2539 7.73438 18.2539 8.01562 17.9727L11.4609 14.5273C11.7773 14.2461 11.7773 13.7539 11.4609 13.4727L8.01562 10.0273C7.73438 9.74609 7.27734 9.74609 6.96094 10.0273Z" fill="#9CA3AF"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_4.svg b/frontend/mining-app/assets/images/container_4.svg
new file mode 100644
index 00000000..eb568160
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_4.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="32" viewBox="0 0 24 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.9844 16.9844C19.0781 14.1719 21.9844 11.5469 21.9844 9.29688C21.9844 7.46875 20.5312 6.01562 18.7031 6.01562C17.6719 6.01562 16.6406 6.48438 15.9844 7.23438C15.3281 6.48438 14.3438 6.01562 13.3125 6.01562C11.4375 6.01562 9.98438 7.46875 9.98438 9.29688C9.98438 11.5469 12.8906 14.1719 15.9844 16.9844ZM13.3125 7.98438C13.7344 7.98438 14.2031 8.21875 14.4844 8.54688L15.9844 10.3281L17.5312 8.54688C17.8125 8.21875 18.2812 7.98438 18.7031 7.98438C19.4531 7.98438 20.0156 8.54688 20.0156 9.29688C20.0156 10.4219 17.9531 12.4844 15.9844 14.3125C14.0625 12.4844 12 10.4219 12 9.29688C12 8.54688 12.5625 7.98438 13.3125 7.98438ZM18.9844 19.9844H17.0156C17.0156 18.8125 16.2656 17.7344 15.1406 17.3125L8.95312 15.0156H0.984375V25.9844H6.98438V24.5781L14.0156 26.5L21.9844 24.0156V22.9844C21.9844 21.3438 20.6719 19.9844 18.9844 19.9844ZM3 24.0156V16.9844H5.01562V24.0156H3ZM13.9688 24.3906L6.98438 22.4688V16.9844H8.625L14.4375 19.1875C14.7656 19.2812 15 19.6094 15 19.9844C15 19.9844 13.0312 19.9375 12.7031 19.8438L10.3125 19.0469L9.70312 20.9688L12.0469 21.7656C12.5625 21.9062 13.125 22 13.6406 22H18.9844C19.4062 22 19.7344 22.2344 19.9219 22.5625L13.9688 24.3906Z" fill="#9CA3AF"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_5.svg b/frontend/mining-app/assets/images/container_5.svg
new file mode 100644
index 00000000..752d8d32
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_5.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="32" viewBox="0 0 24 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.98438 15.0156L3 19L6.98438 22.9844V19.9844H14.0156V18.0156H6.98438V15.0156ZM21 13L17.0156 9.01562V12.0156H9.98438V13.9844H17.0156V16.9844L21 13Z" fill="#9CA3AF"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_6.svg b/frontend/mining-app/assets/images/container_6.svg
new file mode 100644
index 00000000..7b963720
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_6.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="32" viewBox="0 0 24 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 10C13.0781 10 14.0156 10.8906 14.0156 12.0156C14.0156 13.0938 13.0781 13.9844 12 13.9844C10.9219 13.9844 9.98438 13.0938 9.98438 12.0156C9.98438 10.8906 10.9219 10 12 10ZM12 19.9844C14.7188 19.9844 17.8125 21.2969 18 22H6C6.23438 21.2969 9.32812 19.9844 12 19.9844ZM12 7.98438C9.79688 7.98438 8.01562 9.8125 8.01562 12.0156C8.01562 14.2188 9.79688 16 12 16C14.2031 16 15.9844 14.2188 15.9844 12.0156C15.9844 9.8125 14.2031 7.98438 12 7.98438ZM12 18.0156C9.32812 18.0156 3.98438 19.3281 3.98438 22V24.0156H20.0156V22C20.0156 19.3281 14.6719 18.0156 12 18.0156Z" fill="#9CA3AF"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_7.svg b/frontend/mining-app/assets/images/container_7.svg
new file mode 100644
index 00000000..2dd3a96f
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_7.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="32" viewBox="0 0 24 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.4688 13.6094C15.3282 11.2188 14.4375 8.82812 12.8438 6.85938C12.4219 6.39062 11.6719 6.39062 11.2969 6.85938C9.60941 8.82812 8.71878 11.2188 8.53128 13.6094C9.79691 14.3125 10.9688 15.2031 12 16.2812C13.0313 15.2031 14.2032 14.3125 15.4688 13.6094ZM12 19.4688C10.0313 16.4688 6.84378 14.4062 3.18753 14.0781C2.53128 13.9844 2.01566 14.5469 2.06253 15.1562C2.53128 19.9844 5.71878 23.9688 10.0313 25.5156C10.6875 25.75 11.3438 25.8906 12 26.0312C12.7032 25.8906 13.3594 25.7031 13.9688 25.5156C18.3282 23.9688 21.5157 19.9844 21.9375 15.1562C22.0313 14.5469 21.4688 13.9844 20.8594 14.0781C17.1563 14.4062 13.9688 16.4688 12 19.4688Z" fill="#9CA3AF"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_8.svg b/frontend/mining-app/assets/images/container_8.svg
new file mode 100644
index 00000000..242f7512
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_8.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="32" viewBox="0 0 24 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.6562 11.6406L18.8438 8.87498C18.5625 8.54686 18 8.78123 18 9.20311V10.9844H3.98438C3.46875 10.9844 3 11.4531 3 12.0156C3 12.5312 3.46875 13 3.98438 13H18V14.7812C18 15.25 18.5625 15.4375 18.8438 15.1562L21.6562 12.3437C21.8438 12.1562 21.8438 11.8281 21.6562 11.6406ZM20.0156 19H6V17.2187C6 16.75 5.4375 16.5625 5.15625 16.8437L2.34375 19.6562C2.15625 19.8437 2.15625 20.1719 2.34375 20.3594L5.15625 23.125C5.4375 23.4531 6 23.2187 6 22.7969V21.0156H20.0156C20.5312 21.0156 21 20.5469 21 19.9844C21 19.4687 20.5312 19 20.0156 19Z" fill="#9CA3AF"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/container_9.svg b/frontend/mining-app/assets/images/container_9.svg
new file mode 100644
index 00000000..a4e800fd
--- /dev/null
+++ b/frontend/mining-app/assets/images/container_9.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="32" viewBox="0 0 24 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.98438 15.4844V19.5156C3.98438 20.3125 4.6875 21.0156 5.48438 21.0156C6.32812 21.0156 6.98438 20.3125 6.98438 19.5156V15.4844C6.98438 14.6875 6.32812 13.9844 5.48438 13.9844C4.6875 13.9844 3.98438 14.6875 3.98438 15.4844ZM9.98438 15.4844V19.5156C9.98438 20.3125 10.6875 21.0156 11.4844 21.0156C12.3281 21.0156 12.9844 20.3125 12.9844 19.5156V15.4844C12.9844 14.6875 12.3281 13.9844 11.4844 13.9844C10.6875 13.9844 9.98438 14.6875 9.98438 15.4844ZM3.51562 25.9844H19.5C20.3438 25.9844 21 25.3281 21 24.4844C21 23.6875 20.3438 22.9844 19.5 22.9844H3.51562C2.67188 22.9844 2.01562 23.6875 2.01562 24.4844C2.01562 25.3281 2.67188 25.9844 3.51562 25.9844ZM15.9844 15.4844V19.5156C15.9844 20.3125 16.6875 21.0156 17.4844 21.0156C18.3281 21.0156 18.9844 20.3125 18.9844 19.5156V15.4844C18.9844 14.6875 18.3281 13.9844 17.4844 13.9844C16.6875 13.9844 15.9844 14.6875 15.9844 15.4844ZM10.5469 5.5L2.67188 9.67188C2.25 9.85938 2.01562 10.2812 2.01562 10.75C2.01562 11.4531 2.57812 12.0156 3.23438 12.0156H19.7812C20.4375 12.0156 21 11.4531 21 10.75C21 10.2812 20.7188 9.85938 20.3438 9.67188L12.4219 5.5C11.8594 5.17188 11.1562 5.17188 10.5469 5.5Z" fill="#9CA3AF"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/label.svg b/frontend/mining-app/assets/images/label.svg
new file mode 100644
index 00000000..08892c81
--- /dev/null
+++ b/frontend/mining-app/assets/images/label.svg
@@ -0,0 +1,8 @@
+<svg width="44" height="24" viewBox="0 0 44 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="44" height="24" rx="12" fill="#FF6B00"/>
+<mask id="path-2-inside-1_1_993" fill="white">
+<path d="M22 12C22 6.47715 26.4772 2 32 2C37.5228 2 42 6.47715 42 12C42 17.5228 37.5228 22 32 22C26.4772 22 22 17.5228 22 12Z"/>
+</mask>
+<path d="M22 12C22 6.47715 26.4772 2 32 2C37.5228 2 42 6.47715 42 12C42 17.5228 37.5228 22 32 22C26.4772 22 22 17.5228 22 12Z" fill="white"/>
+<path d="M32 22V21C27.0294 21 23 16.9706 23 12H22H21C21 18.0751 25.9249 23 32 23V22ZM42 12H41C41 16.9706 36.9706 21 32 21V22V23C38.0751 23 43 18.0751 43 12H42ZM32 2V3C36.9706 3 41 7.02944 41 12H42H43C43 5.92487 38.0751 1 32 1V2ZM32 2V1C25.9249 1 21 5.92487 21 12H22H23C23 7.02944 27.0294 3 32 3V2Z" fill="white" mask="url(#path-2-inside-1_1_993)"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/margin.svg b/frontend/mining-app/assets/images/margin.svg
new file mode 100644
index 00000000..d8c81d1f
--- /dev/null
+++ b/frontend/mining-app/assets/images/margin.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.05859 1.25H4.94141L3.82812 3.4375H6.17188L5.05859 1.25ZM6.85547 3.4375H9.00391L8.14453 1.71875C8.00781 1.42578 7.71484 1.25 7.40234 1.25H5.76172L6.85547 3.4375ZM8.90625 4.0625H5.3125V8.37891L8.90625 4.0625ZM4.6875 8.37891V4.0625H1.09375L4.6875 8.37891ZM3.14453 3.4375L4.23828 1.25H2.59766C2.28516 1.25 1.99219 1.42578 1.85547 1.71875L0.996094 3.4375H3.14453Z" fill="white"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/margin_1.svg b/frontend/mining-app/assets/images/margin_1.svg
new file mode 100644
index 00000000..4a6c1942
--- /dev/null
+++ b/frontend/mining-app/assets/images/margin_1.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="24" viewBox="0 0 14 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.63672 18.8125L4.67578 19.8242L10.5 14L4.67578 8.17578L3.63672 9.1875L8.42188 14L3.63672 18.8125Z" fill="#D1D5DB"/>
+</svg>
diff --git a/frontend/mining-app/assets/images/user_avatar.png b/frontend/mining-app/assets/images/user_avatar.png
new file mode 100644
index 00000000..a45c03c6
Binary files /dev/null and b/frontend/mining-app/assets/images/user_avatar.png differ
diff --git a/frontend/mining-app/assets/margin.svg b/frontend/mining-app/assets/margin.svg
new file mode 100644
index 00000000..682ac0a4
--- /dev/null
+++ b/frontend/mining-app/assets/margin.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.81641 6.99219L10.6641 7.83984L7.82031 10.6836L5.90625 8.76953C5.6875 8.52344 5.30469 8.52344 5.08594 8.76953L1.58594 12.2695C1.33984 12.4883 1.33984 12.8711 1.58594 13.0898C1.80469 13.3086 2.1875 13.3086 2.40625 13.0898L5.49609 10L7.41016 11.9141C7.62891 12.1602 8.01172 12.1602 8.23047 11.9141L11.4844 8.66016L12.332 9.50781C12.5234 9.67188 12.8242 9.5625 12.8242 9.28906V6.80078C12.8242 6.63672 12.7148 6.5 12.5508 6.5H10.0352C9.78906 6.5 9.65234 6.82812 9.81641 6.99219Z" fill="#10B981"/>
+</svg>
diff --git a/frontend/mining-app/assets/margin_1.svg b/frontend/mining-app/assets/margin_1.svg
new file mode 100644
index 00000000..5cef0949
--- /dev/null
+++ b/frontend/mining-app/assets/margin_1.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="4" height="16" rx="2" fill="#FF6B00"/>
+</svg>
diff --git a/frontend/mining-app/assets/rectangle_align_stretch.svg b/frontend/mining-app/assets/rectangle_align_stretch.svg
new file mode 100644
index 00000000..2c4a47cc
--- /dev/null
+++ b/frontend/mining-app/assets/rectangle_align_stretch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1"></svg>
\ No newline at end of file
diff --git a/frontend/mining-app/assets/svg.png b/frontend/mining-app/assets/svg.png
new file mode 100644
index 00000000..3e001a97
Binary files /dev/null and b/frontend/mining-app/assets/svg.png differ