diff --git a/front/public/favicon.ico b/front/public/favicon.ico
index df36fcf..0b5169c 100644
Binary files a/front/public/favicon.ico and b/front/public/favicon.ico differ
diff --git a/front/public/icons/calculate.png b/front/public/icons/calculate.png
new file mode 100644
index 0000000..fefcea4
Binary files /dev/null and b/front/public/icons/calculate.png differ
diff --git a/front/public/icons/calculate_active.png b/front/public/icons/calculate_active.png
new file mode 100644
index 0000000..e183c20
Binary files /dev/null and b/front/public/icons/calculate_active.png differ
diff --git a/front/public/icons/home.png b/front/public/icons/home.png
new file mode 100644
index 0000000..b75e73e
Binary files /dev/null and b/front/public/icons/home.png differ
diff --git a/front/public/icons/home_active.png b/front/public/icons/home_active.png
new file mode 100644
index 0000000..7ca9333
Binary files /dev/null and b/front/public/icons/home_active.png differ
diff --git a/front/public/icons/invoice.png b/front/public/icons/invoice.png
new file mode 100644
index 0000000..24c3eb2
Binary files /dev/null and b/front/public/icons/invoice.png differ
diff --git a/front/public/icons/invoice_active.png b/front/public/icons/invoice_active.png
new file mode 100644
index 0000000..dde9e0a
Binary files /dev/null and b/front/public/icons/invoice_active.png differ
diff --git a/front/public/icons/mine.png b/front/public/icons/mine.png
new file mode 100644
index 0000000..37ea05b
Binary files /dev/null and b/front/public/icons/mine.png differ
diff --git a/front/public/icons/pay.png b/front/public/icons/pay.png
new file mode 100644
index 0000000..c24e25c
Binary files /dev/null and b/front/public/icons/pay.png differ
diff --git a/front/public/icons/pay_fill.png b/front/public/icons/pay_fill.png
new file mode 100644
index 0000000..62aa8da
Binary files /dev/null and b/front/public/icons/pay_fill.png differ
diff --git a/front/public/icons/subscribe.png b/front/public/icons/subscribe.png
new file mode 100644
index 0000000..26d9e3b
Binary files /dev/null and b/front/public/icons/subscribe.png differ
diff --git a/front/public/icons/subscribe_active.png b/front/public/icons/subscribe_active.png
new file mode 100644
index 0000000..8b32c2b
Binary files /dev/null and b/front/public/icons/subscribe_active.png differ
diff --git a/front/public/icons_svg/calculate.svg b/front/public/icons_svg/calculate.svg
new file mode 100644
index 0000000..51a99ce
--- /dev/null
+++ b/front/public/icons_svg/calculate.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1773916113187" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8390" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400"><path d="M426.666667 426.666667H384V298.666667h298.666667v128h-256z m0-42.666667h213.333333V341.333333h-213.333333v42.666667zM256 170.666667h554.666667v682.666666H256V170.666667z m42.666667 42.666666v597.333334h469.333333V213.333333H298.666667z m85.333333 298.666667h42.666667v42.666667H384v-42.666667z m128 0h42.666667v42.666667h-42.666667v-42.666667z m128 0h42.666667v42.666667h-42.666667v-42.666667z m-256 85.333333h42.666667v42.666667H384v-42.666667z m128 0h42.666667v42.666667h-42.666667v-42.666667z m-128 85.333334h42.666667v42.666666H384v-42.666666z m128 0h42.666667v42.666666h-42.666667v-42.666666z m128-85.333334h42.666667v128h-42.666667v-128zM256 170.666667h554.666667v42.666666H256V170.666667z" fill="#CCCCCC" p-id="8391"></path></svg>
\ No newline at end of file
diff --git a/front/public/icons_svg/calculate_active.svg b/front/public/icons_svg/calculate_active.svg
new file mode 100644
index 0000000..93e7c0d
--- /dev/null
+++ b/front/public/icons_svg/calculate_active.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1773916113187" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8390" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400"><path d="M426.666667 426.666667H384V298.666667h298.666667v128h-256z m0-42.666667h213.333333V341.333333h-213.333333v42.666667zM256 170.666667h554.666667v682.666666H256V170.666667z m42.666667 42.666666v597.333334h469.333333V213.333333H298.666667z m85.333333 298.666667h42.666667v42.666667H384v-42.666667z m128 0h42.666667v42.666667h-42.666667v-42.666667z m128 0h42.666667v42.666667h-42.666667v-42.666667z m-256 85.333333h42.666667v42.666667H384v-42.666667z m128 0h42.666667v42.666667h-42.666667v-42.666667z m-128 85.333334h42.666667v42.666666H384v-42.666666z m128 0h42.666667v42.666666h-42.666667v-42.666666z m128-85.333334h42.666667v128h-42.666667v-128zM256 170.666667h554.666667v42.666666H256V170.666667z" fill="#CC0000" p-id="8391"></path></svg>
\ No newline at end of file
diff --git a/front/public/icons_svg/home.svg b/front/public/icons_svg/home.svg
new file mode 100644
index 0000000..6099670
--- /dev/null
+++ b/front/public/icons_svg/home.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1773912189371" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6560" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400"><path d="M951.466667 430.933333L565.333333 125.866667c-29.866667-23.466667-76.8-23.466667-106.666666 0L72.533333 430.933333c-6.4 6.4-10.666667 14.933333-6.4 23.466667s10.666667 14.933333 19.2 14.933333h44.8v375.466667c0 42.666667 32 72.533333 74.666667 72.533333h224c12.8 0 21.333333-8.533333 21.333333-21.333333v-153.6c0-32 27.733333-59.733333 61.866667-59.733333h4.266667c34.133333 0 61.866667 27.733333 61.866666 59.733333V896c0 12.8 8.533333 21.333333 21.333334 21.333333h226.133333c42.666667 0 70.4-29.866667 70.4-72.533333V469.333333h42.666667c8.533333 0 17.066667-6.4 19.2-14.933333s2.133333-17.066667-6.4-23.466667z" fill="#aaaaaa" p-id="6561"></path></svg>
\ No newline at end of file
diff --git a/front/public/icons_svg/home_active.svg b/front/public/icons_svg/home_active.svg
new file mode 100644
index 0000000..efcc05d
--- /dev/null
+++ b/front/public/icons_svg/home_active.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1773912189371" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6560" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400"><path d="M951.466667 430.933333L565.333333 125.866667c-29.866667-23.466667-76.8-23.466667-106.666666 0L72.533333 430.933333c-6.4 6.4-10.666667 14.933333-6.4 23.466667s10.666667 14.933333 19.2 14.933333h44.8v375.466667c0 42.666667 32 72.533333 74.666667 72.533333h224c12.8 0 21.333333-8.533333 21.333333-21.333333v-153.6c0-32 27.733333-59.733333 61.866667-59.733333h4.266667c34.133333 0 61.866667 27.733333 61.866666 59.733333V896c0 12.8 8.533333 21.333333 21.333334 21.333333h226.133333c42.666667 0 70.4-29.866667 70.4-72.533333V469.333333h42.666667c8.533333 0 17.066667-6.4 19.2-14.933333s2.133333-17.066667-6.4-23.466667z" fill="#CC0000" p-id="6561"></path></svg>
\ No newline at end of file
diff --git a/front/public/icons_svg/invoice.svg b/front/public/icons_svg/invoice.svg
new file mode 100644
index 0000000..ccbd3eb
--- /dev/null
+++ b/front/public/icons_svg/invoice.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1773915824281" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2113" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400"><path d="M926.421333 157.12v341.333333H797.013333l0.021334 404.010667-156.266667-77.376-132.138667 66.773333-132.138666-66.773333-155.456 76.8-0.021334-403.434667H94.421333v-341.333333h832z m-193.408 202.645333h-448v439.125334l91.797334-45.333334 131.818666 66.56 131.882667-66.56 92.501333 45.781334V359.765333z m-96.064 244.202667v64h-256v-64h256z m0-147.050667v64h-256v-64h256z m225.472-235.818666h-704v213.333333h62.592l0.021334-138.666667h576l-0.021334 138.666667h65.408v-213.333333z" fill="#CCCCCC" p-id="2114"></path></svg>
\ No newline at end of file
diff --git a/front/public/icons_svg/invoice_active.svg b/front/public/icons_svg/invoice_active.svg
new file mode 100644
index 0000000..da21d57
--- /dev/null
+++ b/front/public/icons_svg/invoice_active.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1773915824281" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2113" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400"><path d="M926.421333 157.12v341.333333H797.013333l0.021334 404.010667-156.266667-77.376-132.138667 66.773333-132.138666-66.773333-155.456 76.8-0.021334-403.434667H94.421333v-341.333333h832z m-193.408 202.645333h-448v439.125334l91.797334-45.333334 131.818666 66.56 131.882667-66.56 92.501333 45.781334V359.765333z m-96.064 244.202667v64h-256v-64h256z m0-147.050667v64h-256v-64h256z m225.472-235.818666h-704v213.333333h62.592l0.021334-138.666667h576l-0.021334 138.666667h65.408v-213.333333z" fill="#AA0000" p-id="2114"></path></svg>
\ No newline at end of file
diff --git a/front/public/icons_svg/mine.svg b/front/public/icons_svg/mine.svg
new file mode 100644
index 0000000..0949486
--- /dev/null
+++ b/front/public/icons_svg/mine.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1773913647056" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17968" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400"><path d="M616.533333 618.666667c106.666667-42.666667 181.333333-147.2 181.333334-266.666667C797.866667 192 669.866667 64 509.866667 64c-157.866667 0-288 128-288 288 0 121.6 74.666667 224 181.333333 266.666667-134.4 38.4-241.066667 151.466667-268.8 294.4-2.133333 6.4 0 12.8 4.266667 17.066666 2.133333 4.266667 8.533333 8.533333 14.933333 8.533334h712.533333c6.4 0 12.8-2.133333 17.066667-8.533334 4.266667-4.266667 6.4-10.666667 4.266667-17.066666-29.866667-142.933333-136.533333-256-270.933334-294.4z" fill="#cccccc" p-id="17969"></path></svg>
\ No newline at end of file
diff --git a/front/public/icons_svg/pay.svg b/front/public/icons_svg/pay.svg
new file mode 100644
index 0000000..62989e5
--- /dev/null
+++ b/front/public/icons_svg/pay.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1773915193205" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23377" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400"><path d="M799.488 900.448 159.936 900.448c-52.928 0-96-43.072-96-96L63.936 225.952c0-52.928 43.072-96 96-96l642.496 0c52.928 0 96 43.072 96 96L898.432 320c0 17.664-14.304 32-32 32s-32-14.336-32-32L834.432 225.952c0-17.632-14.336-32-32-32L159.936 193.952c-17.632 0-32 14.368-32 32l0 578.496c0 17.664 14.368 32 32 32l639.552 0c17.664 0 32-14.336 32-32l0-98.944c0-17.696 14.304-32 32-32s32 14.304 32 32l0 98.944C895.488 857.376 852.448 900.448 799.488 900.448z" p-id="23378" fill="#CCCCCC"></path><path d="M661.472 514.112m-31.328 0a0.979 0.979 0 1 0 62.656 0 0.979 0.979 0 1 0-62.656 0Z" p-id="23379" fill="#CCCCCC"></path><path d="M896 640 576 640c-35.296 0-64-28.704-64-64l0-128c0-35.296 28.704-64 64-64l320 0c35.296 0 64 28.704 64 64l0 128C960 611.296 931.296 640 896 640zM576 448l0 128 320.064 0L896 448 576 448z" p-id="23380" fill="#CCCCCC"></path></svg>
\ No newline at end of file
diff --git a/front/public/icons_svg/pay_fill.svg b/front/public/icons_svg/pay_fill.svg
new file mode 100644
index 0000000..73ad863
--- /dev/null
+++ b/front/public/icons_svg/pay_fill.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1773915193205" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23377" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400"><path d="M799.488 900.448 159.936 900.448c-52.928 0-96-43.072-96-96L63.936 225.952c0-52.928 43.072-96 96-96l642.496 0c52.928 0 96 43.072 96 96L898.432 320c0 17.664-14.304 32-32 32s-32-14.336-32-32L834.432 225.952c0-17.632-14.336-32-32-32L159.936 193.952c-17.632 0-32 14.368-32 32l0 578.496c0 17.664 14.368 32 32 32l639.552 0c17.664 0 32-14.336 32-32l0-98.944c0-17.696 14.304-32 32-32s32 14.304 32 32l0 98.944C895.488 857.376 852.448 900.448 799.488 900.448z" p-id="23378" fill="#CC0000"></path><path d="M661.472 514.112m-31.328 0a0.979 0.979 0 1 0 62.656 0 0.979 0.979 0 1 0-62.656 0Z" p-id="23379" fill="#CC0000"></path><path d="M896 640 576 640c-35.296 0-64-28.704-64-64l0-128c0-35.296 28.704-64 64-64l320 0c35.296 0 64 28.704 64 64l0 128C960 611.296 931.296 640 896 640zM576 448l0 128 320.064 0L896 448 576 448z" p-id="23380" fill="#CC0000"></path></svg>
\ No newline at end of file
diff --git a/front/public/icons_svg/subscribe.svg b/front/public/icons_svg/subscribe.svg
new file mode 100644
index 0000000..eb0a95b
--- /dev/null
+++ b/front/public/icons_svg/subscribe.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1773915595811" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24239" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400"><path d="M896 256l-288 0c-17.696 0-32-14.336-32-32s14.304-32 32-32l288 0c17.696 0 32 14.336 32 32S913.696 256 896 256z" p-id="24240" fill="#CCCCCC"></path><path d="M896 416l-288 0c-17.696 0-32-14.336-32-32s14.304-32 32-32l288 0c17.696 0 32 14.336 32 32S913.696 416 896 416z" p-id="24241" fill="#CCCCCC"></path><path d="M896 672l-288 0c-17.696 0-32-14.304-32-32s14.304-32 32-32l288 0c17.696 0 32 14.304 32 32S913.696 672 896 672z" p-id="24242" fill="#CCCCCC"></path><path d="M896 832l-288 0c-17.696 0-32-14.304-32-32s14.304-32 32-32l288 0c17.696 0 32 14.304 32 32S913.696 832 896 832z" p-id="24243" fill="#CCCCCC"></path><path d="M384 480 192 480c-52.928 0-96-43.072-96-96L96 192c0-52.928 43.072-96 96-96l192 0c52.928 0 96 43.072 96 96l0 192C480 436.928 436.928 480 384 480zM192 160C174.368 160 160 174.368 160 192l0 192c0 17.632 14.368 32 32 32l192 0c17.632 0 32-14.368 32-32L416 192c0-17.632-14.368-32-32-32L192 160z" p-id="24244" fill="#CCCCCC"></path><path d="M384 928 192 928c-52.928 0-96-43.072-96-96l0-192c0-52.928 43.072-96 96-96l192 0c52.928 0 96 43.072 96 96l0 192C480 884.928 436.928 928 384 928zM192 608c-17.632 0-32 14.336-32 32l0 192c0 17.664 14.368 32 32 32l192 0c17.632 0 32-14.336 32-32l0-192c0-17.664-14.368-32-32-32L192 608z" p-id="24245" fill="#CCCCCC"></path></svg>
\ No newline at end of file
diff --git a/front/public/icons_svg/subscribe_active.svg b/front/public/icons_svg/subscribe_active.svg
new file mode 100644
index 0000000..f6056fe
--- /dev/null
+++ b/front/public/icons_svg/subscribe_active.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1773915595811" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24239" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400"><path d="M896 256l-288 0c-17.696 0-32-14.336-32-32s14.304-32 32-32l288 0c17.696 0 32 14.336 32 32S913.696 256 896 256z" p-id="24240" fill="#CC0000"></path><path d="M896 416l-288 0c-17.696 0-32-14.336-32-32s14.304-32 32-32l288 0c17.696 0 32 14.336 32 32S913.696 416 896 416z" p-id="24241" fill="#CC0000"></path><path d="M896 672l-288 0c-17.696 0-32-14.304-32-32s14.304-32 32-32l288 0c17.696 0 32 14.304 32 32S913.696 672 896 672z" p-id="24242" fill="#CC0000"></path><path d="M896 832l-288 0c-17.696 0-32-14.304-32-32s14.304-32 32-32l288 0c17.696 0 32 14.304 32 32S913.696 832 896 832z" p-id="24243" fill="#CC0000"></path><path d="M384 480 192 480c-52.928 0-96-43.072-96-96L96 192c0-52.928 43.072-96 96-96l192 0c52.928 0 96 43.072 96 96l0 192C480 436.928 436.928 480 384 480zM192 160C174.368 160 160 174.368 160 192l0 192c0 17.632 14.368 32 32 32l192 0c17.632 0 32-14.368 32-32L416 192c0-17.632-14.368-32-32-32L192 160z" p-id="24244" fill="#CC0000"></path><path d="M384 928 192 928c-52.928 0-96-43.072-96-96l0-192c0-52.928 43.072-96 96-96l192 0c52.928 0 96 43.072 96 96l0 192C480 884.928 436.928 928 384 928zM192 608c-17.632 0-32 14.336-32 32l0 192c0 17.664 14.368 32 32 32l192 0c17.632 0 32-14.336 32-32l0-192c0-17.664-14.368-32-32-32L192 608z" p-id="24245" fill="#CC0000"></path></svg>
\ No newline at end of file
diff --git a/front/src/assets/logo.svg b/front/src/assets/logo.svg
deleted file mode 100644
index 7565660..0000000
--- a/front/src/assets/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>