diff --git a/frontend/README.md b/frontend/README.md
new file mode 100644
index 0000000..25b5821
--- /dev/null
+++ b/frontend/README.md
@@ -0,0 +1,75 @@
+# Nuxt Minimal Starter
+
+Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
diff --git a/frontend/assets/custom-icons/Airdrop.svg b/frontend/assets/custom-icons/Airdrop.svg
new file mode 100644
index 0000000..f14d085
--- /dev/null
+++ b/frontend/assets/custom-icons/Airdrop.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.2941 13.6725L19.052 9.55788C19.5763 9.19788 19.8704 8.56869 19.7742 7.93949C19.2606 4.57623 16.3558 2 12.8487 2C9.34275 2 6.43787 4.57623 5.92435 7.93949C5.82814 8.56869 6.12219 9.19788 6.64652 9.55788L11.3957 13.6855" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.8496 13.1612V9.00684" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.4957 9.00684H6.19727" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.2491 13.6821L15.4221 13.6724C16.927 13.6691 17.8653 14.7286 17.8686 16.2313L17.8783 19.4194C17.8826 20.9221 16.9486 21.987 15.4437 21.9903L10.2707 22C8.76583 22.0043 7.82744 20.9438 7.82312 19.4411L7.81447 16.254C7.81014 14.7502 8.74853 13.6864 10.2491 13.6821Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.6953 16.6875H13.998" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Arrow-back.svg b/frontend/assets/custom-icons/Arrow-back.svg
new file mode 100644
index 0000000..d81360b
--- /dev/null
+++ b/frontend/assets/custom-icons/Arrow-back.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.25 12.2743L19.25 12.2743" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.2998 18.2987L4.2498 12.2747L10.2998 6.24969" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Arrow-left.svg b/frontend/assets/custom-icons/Arrow-left.svg
new file mode 100644
index 0000000..d81360b
--- /dev/null
+++ b/frontend/assets/custom-icons/Arrow-left.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.25 12.2743L19.25 12.2743" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.2998 18.2987L4.2498 12.2747L10.2998 6.24969" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Arrow-right.svg b/frontend/assets/custom-icons/Arrow-right.svg
new file mode 100644
index 0000000..96e6fc7
--- /dev/null
+++ b/frontend/assets/custom-icons/Arrow-right.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.75 11.7257L4.75 11.7257" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.7002 5.70129L19.7502 11.7253L13.7002 17.7503" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Arrows.svg b/frontend/assets/custom-icons/Arrows.svg
new file mode 100644
index 0000000..45917ba
--- /dev/null
+++ b/frontend/assets/custom-icons/Arrows.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.55556 15.5557L4 12.0001L7.55556 8.44458" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.4443 15.5557L19.9999 12.0001L16.4443 8.44458" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.9435 12H4.00098" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Bag.svg b/frontend/assets/custom-icons/Bag.svg
new file mode 100644
index 0000000..fe44c70
--- /dev/null
+++ b/frontend/assets/custom-icons/Bag.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.7729 9.30504V6.27304C15.7729 4.18904 14.0839 2.50001 12.0009 2.50001C9.91694 2.49104 8.21994 4.17204 8.21094 6.25604V6.27304V9.30504" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.7422 21.0003H7.25778C4.90569 21.0003 3 19.0953 3 16.7453V11.2293C3 8.87933 4.90569 6.97433 7.25778 6.97433H16.7422C19.0943 6.97433 21 8.87933 21 11.2293V16.7453C21 19.0953 19.0943 21.0003 16.7422 21.0003Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Bank-card.svg b/frontend/assets/custom-icons/Bank-card.svg
new file mode 100644
index 0000000..e841c4b
--- /dev/null
+++ b/frontend/assets/custom-icons/Bank-card.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.2893 7.92969H17.8546C19.7938 7.92969 20.9993 9.2948 20.9993 11.2349V16.4706C20.9993 18.4011 19.7938 19.7759 17.8546 19.7759H9.85953C7.91938 19.7759 6.70508 18.4011 6.70508 16.4706V16.0659" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1437 4.21875H6.14764C4.21332 4.21875 3 5.58873 3 7.52693V12.7577C3 14.696 4.20749 16.0659 6.14764 16.0659H14.1427C16.0839 16.0659 17.2913 14.696 17.2913 12.7577V7.52693C17.2913 5.58873 16.0839 4.21875 14.1437 4.21875Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3 8.424H17.2913" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Book.svg b/frontend/assets/custom-icons/Book.svg
new file mode 100644
index 0000000..04dd301
--- /dev/null
+++ b/frontend/assets/custom-icons/Book.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.32676 16.0273H19.7205L19.7273 19.8064C19.7254 20.467 19.1892 21.0012 18.5286 21.0012H7.32676C5.95292 21.0012 4.83984 19.8881 4.83984 18.5143C4.83984 17.1404 5.95292 16.0273 7.32676 16.0273Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.83984 18.5131V5.59103C4.83984 4.15978 5.99963 3 7.43087 3H18.5218C19.1834 3 19.7205 3.53708 19.7205 4.1987V16.0262" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.2637 7.13281H13.7368M12.2637 10.0242H15.5922" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.64258 3.01562V16.01" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Branches.svg b/frontend/assets/custom-icons/Branches.svg
new file mode 100644
index 0000000..c11cb33
--- /dev/null
+++ b/frontend/assets/custom-icons/Branches.svg
@@ -0,0 +1,6 @@
+<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="M18.3806 3C19.8722 3 21.0806 4.20842 21.0806 5.69997C21.0806 7.19152 19.8722 8.39994 18.3806 8.39994C16.8891 8.39994 15.6807 7.19152 15.6807 5.69997C15.6807 4.20842 16.8891 3 18.3806 3Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.58083 9.29955C9.07238 9.29955 10.2808 10.508 10.2808 11.9995C10.2808 13.4911 9.07238 14.6995 7.58083 14.6995C6.08928 14.6995 4.88086 13.4911 4.88086 11.9995C4.88086 10.508 6.08928 9.29955 7.58083 9.29955Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.3806 15.6001C19.8722 15.6001 21.0806 16.8085 21.0806 18.3C21.0806 19.7906 19.8722 21 18.3806 21C16.8891 21 15.6807 19.7906 15.6807 18.3C15.6807 16.8085 16.8891 15.6001 18.3806 15.6001Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.91111 13.3581L16.0583 16.9406M16.0486 7.05859L9.91016 10.6401" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Calendar.svg b/frontend/assets/custom-icons/Calendar.svg
new file mode 100644
index 0000000..656ed9b
--- /dev/null
+++ b/frontend/assets/custom-icons/Calendar.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.09277 9.40426H20.9167" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.4424 13.3097H16.4516" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.0049 13.3097H12.0141" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.55762 13.3097H7.56688" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.4424 17.1962H16.4516" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.0049 17.1962H12.0141" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.55762 17.1962H7.56688" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.0439 2V5.29078" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.96582 2V5.29078" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.2383 3.57919H7.77096C4.83427 3.57919 3 5.21513 3 8.22222V17.2719C3 20.3262 4.83427 22 7.77096 22H16.229C19.175 22 21 20.3546 21 17.3475V8.22222C21.0092 5.21513 19.1842 3.57919 16.2383 3.57919Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Call.svg b/frontend/assets/custom-icons/Call.svg
new file mode 100644
index 0000000..dfe71ef
--- /dev/null
+++ b/frontend/assets/custom-icons/Call.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 fill-rule="evenodd" clip-rule="evenodd" d="M11.5317 12.4724C15.5208 16.4604 16.4258 11.8467 18.9656 14.3848C21.4143 16.8328 22.8216 17.3232 19.7192 20.4247C19.3306 20.737 16.8616 24.4943 8.1846 15.8197C-0.493478 7.144 3.26158 4.67244 3.57397 4.28395C6.68387 1.17385 7.16586 2.58938 9.61449 5.03733C12.1544 7.5765 7.54266 8.48441 11.5317 12.4724Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Cart.svg b/frontend/assets/custom-icons/Cart.svg
new file mode 100644
index 0000000..808270e
--- /dev/null
+++ b/frontend/assets/custom-icons/Cart.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 3.14844H4.99656L7.64988 14.3805C7.90674 15.4664 8.92351 16.1981 10.0347 16.0949L16.972 15.4518C17.9761 15.3584 18.8246 14.6676 19.1184 13.7024L20.9505 7.6981C21.1704 6.98101 20.6294 6.25614 19.8793 6.26295L5.82943 6.37679" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.88669 20.3468V20.4649M9.36546 20.3722C9.36546 20.6381 9.1497 20.8537 8.88375 20.8537C8.61781 20.8537 8.40234 20.6381 8.40234 20.3722C8.40234 20.1062 8.61781 19.8906 8.88375 19.8906C9.1497 19.8906 9.36546 20.1062 9.36546 20.3722Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.0976 20.3468V20.4649M18.5764 20.3722C18.5764 20.6381 18.3606 20.8537 18.0947 20.8537C17.8288 20.8537 17.6133 20.6381 17.6133 20.3722C17.6133 20.1062 17.8288 19.8906 18.0947 19.8906C18.3606 19.8906 18.5764 20.1062 18.5764 20.3722Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Case.svg b/frontend/assets/custom-icons/Case.svg
new file mode 100644
index 0000000..aeef2b3
--- /dev/null
+++ b/frontend/assets/custom-icons/Case.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.876 4H8.12299C5.29399 4 3 6.2931 3 9.1222V15.3213C3 18.1504 5.29399 20.4445 8.12299 20.4445H15.876C18.705 20.4445 20.998 18.1504 20.998 15.3213V9.1222C20.998 6.2931 18.705 4 15.876 4Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.00195 9.93127H20.9999" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.0015 14.0801V14.1281M12.196 14.0904C12.196 14.1985 12.1084 14.2861 12.0003 14.2861C11.8922 14.2861 11.8047 14.1985 11.8047 14.0904C11.8047 13.9824 11.8922 13.8948 12.0003 13.8948C12.1084 13.8948 12.196 13.9824 12.196 14.0904Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Chat.svg b/frontend/assets/custom-icons/Chat.svg
new file mode 100644
index 0000000..0f7365f
--- /dev/null
+++ b/frontend/assets/custom-icons/Chat.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 fill-rule="evenodd" clip-rule="evenodd" d="M9.8343 18.8507L11.2558 20.2771C11.8338 20.857 12.7688 20.857 13.3458 20.2771L14.7682 18.8507C15.173 18.4446 15.7218 18.2171 16.2939 18.2171H17.3622C19.5378 18.2171 21.3008 16.4472 21.3008 14.2642V7.32496C21.3008 5.14204 19.5378 3.37305 17.3622 3.37305H7.24035C5.06478 3.37305 3.30078 5.14204 3.30078 7.32496V14.2642C3.30078 16.4472 5.06478 18.2171 7.24035 18.2171H8.30867C8.88078 18.2171 9.42954 18.4446 9.8343 18.8507Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Check-circle.svg b/frontend/assets/custom-icons/Check-circle.svg
new file mode 100644
index 0000000..b2ab9e7
--- /dev/null
+++ b/frontend/assets/custom-icons/Check-circle.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 12C21 7.02908 16.9709 3 12 3C7.02908 3 3 7.02908 3 12C3 16.9699 7.02908 21 12 21C16.9709 21 21 16.9699 21 12Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.53516 12.0003L10.845 14.3091L15.4627 9.69141" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Checkmark.svg b/frontend/assets/custom-icons/Checkmark.svg
new file mode 100644
index 0000000..09cef94
--- /dev/null
+++ b/frontend/assets/custom-icons/Checkmark.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="M19 7.1875L9.375 16.8125L5 12.4375" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Checks.svg b/frontend/assets/custom-icons/Checks.svg
new file mode 100644
index 0000000..9737ec1
--- /dev/null
+++ b/frontend/assets/custom-icons/Checks.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.29199 12.0966L11.863 15.6677C12.0464 15.851 12.343 15.851 12.5255 15.6677L19.9997 8.19434" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.3175 8.19434L12.1953 11.3165" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 12.4873L7.18099 15.6683C7.36434 15.8516 7.66013 15.8516 7.84348 15.6683L9.85344 13.6583" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Chevron-down.svg b/frontend/assets/custom-icons/Chevron-down.svg
new file mode 100644
index 0000000..0414347
--- /dev/null
+++ b/frontend/assets/custom-icons/Chevron-down.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="M19 9L12 16L5 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Chevron-left.svg b/frontend/assets/custom-icons/Chevron-left.svg
new file mode 100644
index 0000000..9ae259f
--- /dev/null
+++ b/frontend/assets/custom-icons/Chevron-left.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="M15.5 19L8.5 12L15.5 5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Chevron-right.svg b/frontend/assets/custom-icons/Chevron-right.svg
new file mode 100644
index 0000000..cea367d
--- /dev/null
+++ b/frontend/assets/custom-icons/Chevron-right.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="M8.5 5L15.5 12L8.5 19" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Chevron-up.svg b/frontend/assets/custom-icons/Chevron-up.svg
new file mode 100644
index 0000000..2940e63
--- /dev/null
+++ b/frontend/assets/custom-icons/Chevron-up.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="M5 15.5L12 8.5L19 15.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Close.svg b/frontend/assets/custom-icons/Close.svg
new file mode 100644
index 0000000..14b7e6d
--- /dev/null
+++ b/frontend/assets/custom-icons/Close.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 6L18 18" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18 6L6 18" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Columns.svg b/frontend/assets/custom-icons/Columns.svg
new file mode 100644
index 0000000..5f199e3
--- /dev/null
+++ b/frontend/assets/custom-icons/Columns.svg
@@ -0,0 +1,4 @@
+<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="M3 18.802V16.198C3 14.984 3.984 14 5.198 14H18.802C20.016 14 21 14.984 21 16.198V18.802C21 20.016 20.016 21 18.802 21H5.198C3.984 21 3 20.016 3 18.802Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 7.802V5.198C3 3.984 3.984 3 5.198 3H18.802C20.016 3 21 3.984 21 5.198V7.802C21 9.016 20.016 10 18.802 10H5.198C3.984 10 3 9.016 3 7.802Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Comment.svg b/frontend/assets/custom-icons/Comment.svg
new file mode 100644
index 0000000..2d855a7
--- /dev/null
+++ b/frontend/assets/custom-icons/Comment.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.50831 20.8049C11.8403 22.3511 15.9147 21.7547 18.6649 18.9952C22.176 15.4722 22.1828 9.75397 18.6649 6.22422C15.1539 2.7013 9.44906 2.7013 5.93704 6.22422C3.18775 8.98379 2.59236 13.0719 4.13434 16.4152C4.33183 16.9091 4.48554 17.3074 4.48554 17.693C4.48554 18.7706 3.44945 20.105 4.14018 20.7981C4.83091 21.4912 6.16177 20.4516 7.229 20.4457C7.61328 20.4457 8.01604 20.6058 8.50831 20.8049Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.02586 11.1465H15.7464M8.97266 15.0477H12.3592" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Connected-cable.svg b/frontend/assets/custom-icons/Connected-cable.svg
new file mode 100644
index 0000000..dbf0d96
--- /dev/null
+++ b/frontend/assets/custom-icons/Connected-cable.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.35156 9.46679L10.9763 7.84209C12.4428 6.37555 14.8205 6.37555 16.2871 7.84209C17.7536 9.30864 17.7536 11.6864 16.2871 13.1529L14.6624 14.7776" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.291 7.83656L20.9909 3.13672" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.6487 14.8069L13.024 16.4316C11.5575 17.8982 9.17973 17.8981 7.71319 16.4316C6.24665 14.9651 6.24665 12.5873 7.71319 11.1208L9.3379 9.49609" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.2856 15.4233L8.71387 8.85156" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.70961 16.4375L3.00977 21.1373" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.0029 14.4375L20.4763 14.8323" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.51074 9.30078L4.98414 9.69558" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.1631 19.1406L14.7031 20.5672" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.28516 3.56641L9.8252 4.99298" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Contact.svg b/frontend/assets/custom-icons/Contact.svg
new file mode 100644
index 0000000..188f95a
--- /dev/null
+++ b/frontend/assets/custom-icons/Contact.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.8694 5.08984H15.8814C18.487 5.08984 20.104 6.93067 20.104 9.53526V16.5609C20.104 19.1577 18.487 20.9986 15.8814 20.9986H8.4257C5.82111 20.9986 4.19531 19.1577 4.19531 16.5609V9.53526C4.19531 6.93067 5.8289 5.08984 8.4257 5.08984H10.4387" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.4935 6.80424L12.3075 7.39969C12.2122 7.44833 12.0983 7.44833 12.003 7.40066L10.8092 6.80424C10.5795 6.68943 10.4346 6.45495 10.4346 6.19712V3.95738C10.4346 3.42907 10.8627 3 11.392 3H12.9088C13.4381 3 13.8671 3.42907 13.8671 3.95738V6.19906C13.8671 6.45495 13.7222 6.68943 13.4935 6.80424Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8991 11.6703C13.8991 12.6364 13.1159 13.4196 12.1498 13.4196C11.1836 13.4196 10.4014 12.6364 10.4014 11.6703C10.4014 10.7041 11.1836 9.92188 12.1498 9.92188C13.1159 9.92188 13.8991 10.7041 13.8991 11.6703Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.41211 17.2455C9.41211 16.3513 10.1175 15.2383 12.15 15.2383C14.1825 15.2383 14.8889 16.3436 14.8889 17.2377" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Cookies.svg b/frontend/assets/custom-icons/Cookies.svg
new file mode 100644
index 0000000..87dfc46
--- /dev/null
+++ b/frontend/assets/custom-icons/Cookies.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 11.9903C20.999 11.3345 20.4503 10.8101 19.7945 10.8101H17.8553C16.5681 10.8101 15.4054 10.2886 14.5657 9.44404L14.5608 9.43917C13.7211 8.59949 13.1996 7.43192 13.1996 6.1544V4.20552C13.1996 3.54973 12.6762 3.00097 12.0204 3H11.997C6.69235 3 2.45892 7.59343 3.05633 13.0246C3.51071 17.152 6.84706 20.4893 10.9754 20.9437C16.4066 21.5411 21 17.3067 21 12.002V11.9903Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.6266 12.0013C15.6266 9.9989 14.0027 8.375 12.0003 8.375C9.99793 8.375 8.375 9.9989 8.375 12.0013C8.375 14.0037 9.99793 15.6276 12.0003 15.6276C14.0027 15.6276 15.6266 14.0037 15.6266 12.0013Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.3477 14.7601C14.3477 14.7601 16.3491 13.0603 17.3006 14.2327C18.2522 15.4052 16.5349 16.7654 16.9932 17.6849C17.5663 18.8379 19.123 17.501 19.123 17.501" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.65725 5.6582C4.60644 6.70902 4.60644 8.4127 5.65725 9.46352C6.70807 10.5143 8.41176 10.5143 9.46257 9.46352" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Delivery-boxes.svg b/frontend/assets/custom-icons/Delivery-boxes.svg
new file mode 100644
index 0000000..565f569
--- /dev/null
+++ b/frontend/assets/custom-icons/Delivery-boxes.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.2303 20.9902L19.445 20.9999C20.918 21.0038 21.8374 19.9657 21.8413 18.4937L21.85 14.5223C21.8539 13.0502 20.9394 12.0083 19.4654 12.0053L15.2508 11.9946C13.7778 11.9917 12.8584 13.0288 12.8554 14.5009L12.8457 18.4723C12.8428 19.9443 13.7612 20.9863 15.2303 20.9902Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.3477 14.998H18.346" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.23423 20.9902L10.4489 20.9999C11.9219 21.0038 12.8413 19.9657 12.8452 18.4937L12.8539 14.5223C12.8578 13.0502 11.9433 12.0083 10.4693 12.0053L6.25466 11.9946C4.78167 11.9917 3.86226 13.0288 3.85935 14.5009L3.84962 18.4723C3.8467 19.9443 4.76513 20.9863 6.23423 20.9902Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.35352 14.998H9.35188" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.2303 11.9956L14.445 12.0053C15.918 12.0082 16.8374 10.9711 16.8413 9.49907L16.85 5.52763C16.8539 4.05562 15.9394 3.01363 14.4654 3.00974L10.2508 3.00001C8.77776 2.99709 7.85836 4.03421 7.85544 5.50623L7.84571 9.47766C7.84279 10.9497 8.76122 11.9917 10.2303 11.9956Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.3477 6.00439H13.346" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Delivery.svg b/frontend/assets/custom-icons/Delivery.svg
new file mode 100644
index 0000000..fd532e5
--- /dev/null
+++ b/frontend/assets/custom-icons/Delivery.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.16023 4.76697L4.31374 6.88318C4.01698 7.62556 3.86325 8.41853 3.86228 9.21734L3.84963 16.9135C3.8438 19.2857 4.92087 20.964 7.2959 20.9699L18.4043 20.9854C20.7784 20.9913 21.8301 19.3197 21.836 16.9476L21.8496 9.23777C21.8506 8.42534 21.6949 7.61972 21.3913 6.86664L20.5429 4.76016C20.1187 3.70546 19.0951 3.01465 17.9577 3.01465H7.74736C6.60801 3.01465 5.5825 3.70838 5.16023 4.76697Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.95508 16.4775H10.9509" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.98828 8.00684H21.7129" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.8496 8.00697V3.01465" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Discount.svg b/frontend/assets/custom-icons/Discount.svg
new file mode 100644
index 0000000..e89dd2f
--- /dev/null
+++ b/frontend/assets/custom-icons/Discount.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.99021 7.18807C4.99021 5.97307 5.97466 4.98862 7.18869 4.98862H8.18968C8.77043 4.98764 9.32686 4.75807 9.73932 4.3495L10.4388 3.6491C11.2948 2.78721 12.6878 2.78332 13.5497 3.63937L13.5507 3.64034L13.5594 3.64813L14.2589 4.34853C14.6713 4.75709 15.2278 4.98764 15.8085 4.98764H16.8114C18.0264 4.98764 19.0109 5.9721 19.0109 7.1871V8.18712C19.0109 8.76787 19.2405 9.32527 19.65 9.73676L20.3504 10.4372C21.2123 11.2932 21.2172 12.6862 20.3611 13.5481L20.3601 13.5491L20.3514 13.5578L19.651 14.2582C19.2414 14.6697 19.0119 15.2262 19.0119 15.8069V16.8098C19.0099 18.0239 18.0255 19.0074 16.8114 19.0064H15.8066C15.2258 19.0064 14.6684 19.236 14.2569 19.6465L13.5575 20.3449C12.7024 21.2078 11.3104 21.2136 10.4475 20.3595L10.4446 20.3566L10.4368 20.3478L9.73738 19.6484C9.32492 19.2398 8.76849 19.0093 8.18774 19.0093H7.18869C5.97466 19.0093 4.99021 18.0248 4.99021 16.8098V15.805C4.99021 15.2242 4.75966 14.6678 4.35012 14.2563L3.65069 13.5559C2.78881 12.7018 2.782 11.3097 3.63707 10.4479L3.63999 10.444L3.64875 10.4352L4.34817 9.73481C4.75772 9.32333 4.98826 8.76592 4.98826 8.18517V7.18807" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.52734 14.451L14.4236 9.55469" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.3046 14.3732V14.4213M14.4995 14.3835C14.4995 14.4918 14.4116 14.5795 14.3034 14.5795C14.1951 14.5795 14.1074 14.4918 14.1074 14.3835C14.1074 14.2753 14.1951 14.1875 14.3034 14.1875C14.4116 14.1875 14.4995 14.2753 14.4995 14.3835Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.54091 9.60754V9.65565M9.7358 9.61789C9.7358 9.72614 9.64797 9.8139 9.53972 9.8139C9.43146 9.8139 9.34375 9.72614 9.34375 9.61789C9.34375 9.50963 9.43146 9.42188 9.53972 9.42188C9.64797 9.42188 9.7358 9.50963 9.7358 9.61789Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Explore.svg b/frontend/assets/custom-icons/Explore.svg
new file mode 100644
index 0000000..02b8897
--- /dev/null
+++ b/frontend/assets/custom-icons/Explore.svg
@@ -0,0 +1,4 @@
+<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="M8.27051 14.9519L9.86319 9.8627L14.9524 8.27002L13.3598 13.3593L8.27051 14.9519Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.611 21.222C16.919 21.222 21.222 16.919 21.222 11.611C21.222 6.30298 16.919 2 11.611 2C6.30298 2 2 6.30298 2 11.611C2 16.919 6.30298 21.222 11.611 21.222Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Eye-closed.svg b/frontend/assets/custom-icons/Eye-closed.svg
new file mode 100644
index 0000000..feaf69a
--- /dev/null
+++ b/frontend/assets/custom-icons/Eye-closed.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.99902 8.43555C7.19902 15.3685 16.799 15.3685 19.999 8.43555" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.86194 11.9746L4.00293 15.9036" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.1436 11.9746L20.0016 15.9036" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.999 13.6387V17.5047" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Eye-open.svg b/frontend/assets/custom-icons/Eye-open.svg
new file mode 100644
index 0000000..0ebdf58
--- /dev/null
+++ b/frontend/assets/custom-icons/Eye-open.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 12.9672C3 16.5892 7.289 20.0692 12 20.0692C16.712 20.0692 21 16.5892 21 12.9672C21 9.34524 16.674 5.86523 12 5.86523C7.327 5.86523 3 9.34524 3 12.9672Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.0788 12.9657C15.0788 11.2667 13.7008 9.88867 12.0018 9.88867C10.3038 9.88867 8.92578 11.2667 8.92578 12.9657C8.92578 14.6637 10.3038 16.0417 12.0018 16.0417C13.7008 16.0417 15.0788 14.6637 15.0788 12.9657Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Facebook.svg b/frontend/assets/custom-icons/Facebook.svg
new file mode 100644
index 0000000..4821d9f
--- /dev/null
+++ b/frontend/assets/custom-icons/Facebook.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 fill-rule="evenodd" clip-rule="evenodd" d="M16.9498 3.5C16.9498 3.22386 16.7259 3 16.4498 3H14.2498C13.056 3 11.9118 3.47676 11.0682 4.31351C10.2236 5.16 9.7498 6.30324 9.7498 7.5V10.2H7.54981C7.27366 10.2 7.0498 10.4239 7.0498 10.7V13.3C7.0498 13.5761 7.27366 13.8 7.5498 13.8H9.7498V20.5C9.7498 20.7761 9.97366 21 10.2498 21H12.8498C13.1259 21 13.3498 20.7761 13.3498 20.5V13.8H16.4498C16.7259 13.8 16.9498 13.5761 16.9498 13.3V10.7C16.9498 10.4239 16.7259 10.2 16.4498 10.2H13.3498V7.5C13.3498 7.25676 13.4442 7.032 13.6135 6.86076C13.7818 6.69924 14.0114 6.6 14.2498 6.6H16.4498C16.7259 6.6 16.9498 6.37614 16.9498 6.1V3.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Filter.svg b/frontend/assets/custom-icons/Filter.svg
new file mode 100644
index 0000000..ce8ff20
--- /dev/null
+++ b/frontend/assets/custom-icons/Filter.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.33 16.5929H4.0293" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.1406 6.90038H19.4413" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.72629 6.84625C8.72629 5.5506 7.66813 4.5 6.36314 4.5C5.05816 4.5 4 5.5506 4 6.84625C4 8.14191 5.05816 9.19251 6.36314 9.19251C7.66813 9.19251 8.72629 8.14191 8.72629 6.84625Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.9997 16.5537C19.9997 15.2581 18.9424 14.2075 17.6374 14.2075C16.3316 14.2075 15.2734 15.2581 15.2734 16.5537C15.2734 17.8494 16.3316 18.9 17.6374 18.9C18.9424 18.9 19.9997 17.8494 19.9997 16.5537Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Flag.svg b/frontend/assets/custom-icons/Flag.svg
new file mode 100644
index 0000000..b2c107e
--- /dev/null
+++ b/frontend/assets/custom-icons/Flag.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="M4.8877 13.6882C4.8877 13.6882 7.15371 11.4222 11.8482 13.4314C16.5437 15.4405 19.1133 13.7116 19.1133 13.7116V4.11047C19.1133 4.11047 16.5437 5.83941 11.8482 3.83026C7.15371 1.82208 4.8877 4.08809 4.8877 4.08809V21" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Grid.svg b/frontend/assets/custom-icons/Grid.svg
new file mode 100644
index 0000000..3967bba
--- /dev/null
+++ b/frontend/assets/custom-icons/Grid.svg
@@ -0,0 +1,6 @@
+<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="M3 6.5C3 3.87479 3.02811 3 6.5 3C9.97189 3 10 3.87479 10 6.5C10 9.12521 10.0111 10 6.5 10C2.98893 10 3 9.12521 3 6.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 6.5C14 3.87479 14.0281 3 17.5 3C20.9719 3 21 3.87479 21 6.5C21 9.12521 21.0111 10 17.5 10C13.9889 10 14 9.12521 14 6.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 17.5C3 14.8748 3.02811 14 6.5 14C9.97189 14 10 14.8748 10 17.5C10 20.1252 10.0111 21 6.5 21C2.98893 21 3 20.1252 3 17.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 17.5C14 14.8748 14.0281 14 17.5 14C20.9719 14 21 14.8748 21 17.5C21 20.1252 21.0111 21 17.5 21C13.9889 21 14 20.1252 14 17.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Headphone-lighting.svg b/frontend/assets/custom-icons/Headphone-lighting.svg
new file mode 100644
index 0000000..3c1583d
--- /dev/null
+++ b/frontend/assets/custom-icons/Headphone-lighting.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9907 14.0769L13.4578 11.3822H10.541L12.0072 8.68555" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.16867 19.1324C5.68841 20.0342 6.84232 20.3426 7.74314 19.8219C8.643 19.3011 8.95135 18.1501 8.43161 17.2503L6.8491 14.5071C6.32936 13.6063 5.17836 13.2969 4.27754 13.8167L4.05548 13.9437C3.49016 14.2705 3.20508 14.9415 3.39805 15.565C3.74131 16.6762 4.3299 17.8718 5.16867 19.1324Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.8377 19.1324C18.318 20.0342 17.1641 20.3426 16.2632 19.8219C15.3634 19.3011 15.055 18.1501 15.5748 17.2503L17.1573 14.5071C17.677 13.6063 18.828 13.2969 19.7298 13.8167L19.9509 13.9437C20.5162 14.2705 20.8013 14.9415 20.6083 15.565C20.2651 16.6762 19.6765 17.8718 18.8377 19.1324Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20.2272 16.5703C20.7217 15.4571 21 14.2208 21 12.9224C21 7.95282 16.9652 3.92578 11.9956 3.92578C7.03383 3.92578 3 7.95282 3 12.9224C3 14.0501 3.20848 15.1332 3.58762 16.1223" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Headphone.svg b/frontend/assets/custom-icons/Headphone.svg
new file mode 100644
index 0000000..d4a8b33
--- /dev/null
+++ b/frontend/assets/custom-icons/Headphone.svg
@@ -0,0 +1,7 @@
+<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.279 13.7062C3.97095 14.4635 3.1865 16.0314 3.61994 17.7167C3.94865 18.9966 5.02883 20.0089 6.32623 20.2639C6.51919 20.3018 6.70924 20.325 6.89541 20.3328C7.83791 20.3735 8.54769 19.4766 8.32855 18.5593L7.38605 14.6235C7.164 13.6946 6.10611 13.2272 5.279 13.7062Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.7204 13.7062C21.0285 14.4635 21.8129 16.0314 21.3795 17.7167C21.0508 18.9966 19.9706 20.0089 18.6732 20.2639C18.4802 20.3018 18.2902 20.325 18.104 20.3328C17.1615 20.3735 16.4517 19.4766 16.6709 18.5593L17.6134 14.6235C17.8354 13.6946 18.8933 13.2272 19.7204 13.7062Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.10403 8.20276C5.62115 7.71987 5.59109 6.93252 6.0604 6.43606C6.1147 6.37885 6.16997 6.32164 6.22718 6.26443C9.69173 2.79988 15.3079 2.79988 18.7725 6.26443C18.8287 6.32067 18.883 6.37691 18.9373 6.43412C19.4076 6.93155 19.3776 7.72084 18.8937 8.2047C18.3808 8.71764 17.5575 8.68952 17.0552 8.16688C17.0252 8.13585 16.9951 8.10483 16.9641 8.0738C14.4983 5.59828 10.5024 5.59828 8.02685 8.0738C7.99679 8.10386 7.96673 8.13391 7.93764 8.16494C7.43633 8.68661 6.61601 8.71376 6.10403 8.20276Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.87695 13.9736V12.0566C4.87695 10.5982 5.29099 9.23007 6.00175 8.07812" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.9971 8.07812C19.7078 9.23007 20.1219 10.5982 20.1219 12.0566V13.9736" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Headphones.svg b/frontend/assets/custom-icons/Headphones.svg
new file mode 100644
index 0000000..32a89fb
--- /dev/null
+++ b/frontend/assets/custom-icons/Headphones.svg
@@ -0,0 +1,5 @@
+<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.16867 19.1324C5.68841 20.0342 6.84232 20.3426 7.74314 19.8219C8.643 19.3011 8.95135 18.1501 8.43161 17.2503L6.8491 14.5071C6.32936 13.6063 5.17836 13.2969 4.27657 13.8167L4.05548 13.9437C3.49016 14.2705 3.20508 14.9415 3.39805 15.565C3.74131 16.6762 4.3299 17.8718 5.16867 19.1324Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.8377 19.1324C18.318 20.0342 17.1641 20.3426 16.2632 19.8219C15.3634 19.3011 15.055 18.1501 15.5748 17.2503L17.1573 14.5071C17.677 13.6063 18.828 13.2969 19.7298 13.8167L19.9509 13.9437C20.5162 14.2705 20.8013 14.9415 20.6083 15.565C20.2651 16.6762 19.6765 17.8718 18.8377 19.1324Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20.2272 16.5703C20.7217 15.4571 21 14.2208 21 12.9224C21 7.95282 16.9662 3.92578 11.9966 3.92578C7.0348 3.92578 3 7.95282 3 12.9224C3 14.0501 3.20848 15.1332 3.58762 16.1223" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Headset.svg b/frontend/assets/custom-icons/Headset.svg
new file mode 100644
index 0000000..763581b
--- /dev/null
+++ b/frontend/assets/custom-icons/Headset.svg
@@ -0,0 +1,6 @@
+<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.49634 17.4735C5.99158 18.3317 7.0891 18.6265 7.94726 18.1303C8.80348 17.635 9.09732 16.5395 8.60304 15.6813L7.09591 13.0708C6.60164 12.2136 5.5051 11.9198 4.64791 12.4131L4.43677 12.5347C3.89872 12.8451 3.62628 13.4843 3.81018 14.0778C4.13807 15.1355 4.69753 16.2738 5.49634 17.4735Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5088 17.4735C18.0135 18.3317 16.916 18.6265 16.0579 18.1303C15.2016 17.635 14.9078 16.5395 15.4021 15.6813L16.9092 13.0708C17.4035 12.2136 18.5 11.9198 19.3572 12.4131L19.5684 12.5347C20.1064 12.8451 20.3788 13.4843 20.1949 14.0778C19.8671 15.1355 19.3076 16.2738 18.5088 17.4735Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.3633 20.9738C13.6595 20.9738 15.2873 21.4447 16.9326 18.3691" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.8331 15.0367C20.304 13.9771 20.5686 12.7998 20.5686 11.5641C20.5686 6.83352 16.7283 3 11.9977 3C7.27392 3 3.43359 6.83352 3.43359 11.5641C3.43359 12.6383 3.63208 13.6677 3.99305 14.6105" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Heart.svg b/frontend/assets/custom-icons/Heart.svg
new file mode 100644
index 0000000..733d4b2
--- /dev/null
+++ b/frontend/assets/custom-icons/Heart.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 fill-rule="evenodd" clip-rule="evenodd" d="M3.35196 11.8276C2.33622 8.65149 3.52346 5.02346 6.85586 3.94993C8.60971 3.38995 10.8875 4.00299 12.0009 6.13489C13.1417 3.97362 15.3844 3.39942 17.1364 3.94993C20.4688 5.02346 21.6655 8.65149 20.6488 11.8276C19.0665 16.8569 13.2971 20.2453 12.0009 20.2453C10.7047 20.2453 4.98926 16.9157 3.35196 11.8276Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Home.svg b/frontend/assets/custom-icons/Home.svg
new file mode 100644
index 0000000..fa0a83b
--- /dev/null
+++ b/frontend/assets/custom-icons/Home.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="M9.15722 20.7714V17.7047C9.1572 16.9246 9.79312 16.2908 10.581 16.2856H13.4671C14.2587 16.2856 14.9005 16.9209 14.9005 17.7047V20.7809C14.9003 21.4432 15.4343 21.9845 16.103 22H18.0271C19.9451 22 21.5 20.4607 21.5 18.5618V9.83784C21.4898 9.09083 21.1355 8.38935 20.538 7.93303L13.9577 2.6853C12.8049 1.77157 11.1662 1.77157 10.0134 2.6853L3.46203 7.94256C2.86226 8.39702 2.50739 9.09967 2.5 9.84736V18.5618C2.5 20.4607 4.05488 22 5.97291 22H7.89696C8.58235 22 9.13797 21.4499 9.13797 20.7714" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Hourglass.svg b/frontend/assets/custom-icons/Hourglass.svg
new file mode 100644
index 0000000..0d64866
--- /dev/null
+++ b/frontend/assets/custom-icons/Hourglass.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.63075 17.4915C6.48383 19.345 7.53464 20.8784 9.57497 21H14.4252C16.4665 20.8784 17.5164 19.345 17.3695 17.4915C17.2469 16.2052 16.0472 15.0328 13.9728 13.0411C13.3053 12.3464 13.3063 11.6526 13.9728 10.9579C16.0472 8.96627 17.2469 7.79481 17.3695 6.50854C17.5164 4.65503 16.4665 3.12162 14.4252 3H9.57497C7.53464 3.12162 6.48383 4.65503 6.63075 6.50854C6.75335 7.79481 7.95302 8.96627 10.0274 10.9579C10.6949 11.6526 10.6949 12.3464 10.0274 13.0411C7.95302 15.0328 6.75335 16.2052 6.63075 17.4915Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.62305 17.9079C6.93829 18.0607 7.32456 18.1599 7.83829 18.1599C9.91656 18.1599 9.91656 16.5039 11.9958 16.5039C14.075 16.5039 14.075 18.1599 16.1543 18.1599C16.667 18.1599 17.0543 18.0607 17.3783 17.9079" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Instagram.svg b/frontend/assets/custom-icons/Instagram.svg
new file mode 100644
index 0000000..aad7624
--- /dev/null
+++ b/frontend/assets/custom-icons/Instagram.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.78216 3H16.2169C19.165 3 21 5.08119 21 8.02638V15.9736C21 18.9188 19.165 21 16.2159 21H7.78216C4.83405 21 3 18.9188 3 15.9736V8.02638C3 5.08119 4.84281 3 7.78216 3Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.8445 8.82812C9.91023 8.82812 8.3418 10.3966 8.3418 12.3308C8.3418 14.2651 9.91023 15.8335 11.8445 15.8335C13.7788 15.8335 15.3472 14.2651 15.3472 12.3308C15.3472 10.3966 13.7788 8.82812 11.8445 8.82812Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.8661 7.36374V7.43274M17.1481 7.37875C17.1481 7.53575 17.0211 7.66275 16.8641 7.66275C16.7071 7.66275 16.5791 7.53575 16.5791 7.37875C16.5791 7.22175 16.7071 7.09375 16.8641 7.09375C17.0211 7.09375 17.1481 7.22175 17.1481 7.37875Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Lampshade.svg b/frontend/assets/custom-icons/Lampshade.svg
new file mode 100644
index 0000000..bcb5f47
--- /dev/null
+++ b/frontend/assets/custom-icons/Lampshade.svg
@@ -0,0 +1,6 @@
+<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="M10.539 3.13672H14.571C15.4564 3.13672 16.2338 3.72439 16.4741 4.57575L18.5621 11.9626C18.8015 12.809 18.1632 13.6497 17.2827 13.6458L7.84776 13.604C6.97403 13.5991 6.34355 12.7643 6.57901 11.9227L8.6349 4.58061C8.87425 3.72731 9.65263 3.13672 10.539 3.13672Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.39453 21.1367H16.7582" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.4414 16.1159V13.6562" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.5762 13.6875V21.1025" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Leaves.svg b/frontend/assets/custom-icons/Leaves.svg
new file mode 100644
index 0000000..18662c9
--- /dev/null
+++ b/frontend/assets/custom-icons/Leaves.svg
@@ -0,0 +1,6 @@
+<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="M15.4317 11.3857C17.402 12.5231 18.9384 11.7895 19.8014 10.8467C20.6888 9.87757 21.0488 8.49397 20.9943 7.20476C20.9116 5.22861 20.2908 3.59009 20.1244 3.2583C19.7537 3.27971 18.0237 3.56187 16.2714 4.47746C15.1272 5.07585 14.1094 6.07803 13.7134 7.33125C13.3291 8.55041 13.4614 10.2483 15.4317 11.3857Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.234 13.9495C8.7794 15.698 7.08348 15.5423 5.948 14.9575C4.77943 14.3552 3.96309 13.1818 3.56708 11.9529C2.96091 10.0711 2.97551 8.31879 3.01734 7.94905C3.37249 7.84202 5.09274 7.50731 7.05332 7.75932C8.33377 7.92473 9.63661 8.51242 10.4413 9.5506C11.2245 10.5615 11.6877 12.2001 10.234 13.9495Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.5818 9.22052C16.5818 9.22052 12.108 13.0201 13.0888 20.7417" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.3916 12.4112C8.3916 12.4112 12.4684 14.0205 12.9267 18.0059" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Left-rotation.svg b/frontend/assets/custom-icons/Left-rotation.svg
new file mode 100644
index 0000000..8c996ea
--- /dev/null
+++ b/frontend/assets/custom-icons/Left-rotation.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.84114 12.6497H4V7.80859" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.02344 12.6507C5.35649 9.78857 8.25784 7.80859 11.6199 7.80859C16.2464 7.80859 20.0005 11.5627 20.0005 16.1892" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Loading.svg b/frontend/assets/custom-icons/Loading.svg
new file mode 100644
index 0000000..0d02c48
--- /dev/null
+++ b/frontend/assets/custom-icons/Loading.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.35742 17.5027L7.07861 15.7805M18.0853 17.5027L16.3642 15.7805M6.12962 5.54694L7.07861 6.4959" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.7206 3.85941V4.57719M11.7206 20.1428V17.7084M20.7206 11.1428H18.2863M3.2793 11.1428H5.155" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Lock.svg b/frontend/assets/custom-icons/Lock.svg
new file mode 100644
index 0000000..3f22a92
--- /dev/null
+++ b/frontend/assets/custom-icons/Lock.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 fill-rule="evenodd" clip-rule="evenodd" d="M12.3749 2.00177C15.2949 2.00177 17.6729 4.37977 17.6729 7.30277L17.6728 8.87937C19.448 9.49718 20.725 11.1872 20.725 13.1706V17.4596C20.725 19.9646 18.688 22.0016 16.183 22.0016H8.542C6.037 22.0016 4 19.9646 4 17.4596V13.1706C4 11.1876 5.27652 9.49782 7.05121 8.87972L7.0519 7.30277C7.0579 5.86277 7.6149 4.53377 8.6199 3.53777C9.6259 2.54077 10.9539 1.96377 12.3749 2.00177ZM16.183 10.1286H8.542C6.864 10.1286 5.5 11.4926 5.5 13.1706V17.4596C5.5 19.1376 6.864 20.5016 8.542 20.5016H16.183C17.86 20.5016 19.225 19.1376 19.225 17.4596V13.1706C19.225 11.4926 17.86 10.1286 16.183 10.1286ZM12.3623 13.4544C12.7763 13.4544 13.1123 13.7904 13.1123 14.2044V16.4254C13.1123 16.8394 12.7763 17.1754 12.3623 17.1754C11.9483 17.1754 11.6123 16.8394 11.6123 16.4254V14.2044C11.6123 13.7904 11.9483 13.4544 12.3623 13.4544ZM12.3719 3.50177H12.3559C11.3429 3.50177 10.3939 3.89177 9.6769 4.60277C8.9549 5.31677 8.5559 6.26977 8.5519 7.28577L8.551 8.628H16.172L16.1729 7.30277C16.1729 5.20677 14.4679 3.50177 12.3719 3.50177Z" fill="black"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Message.svg b/frontend/assets/custom-icons/Message.svg
new file mode 100644
index 0000000..3e66a8e
--- /dev/null
+++ b/frontend/assets/custom-icons/Message.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.9024 8.85115L13.4591 12.4642C12.6196 13.1302 11.4384 13.1302 10.5989 12.4642L6.11816 8.85115" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.9089 21C19.9502 21.0084 22 18.5095 22 15.4384V8.57001C22 5.49883 19.9502 3 16.9089 3H7.09114C4.04979 3 2 5.49883 2 8.57001V15.4384C2 18.5095 4.04979 21.0084 7.09114 21H16.9089Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Minus.svg b/frontend/assets/custom-icons/Minus.svg
new file mode 100644
index 0000000..0f8b5f5
--- /dev/null
+++ b/frontend/assets/custom-icons/Minus.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="M6 12H18" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Mobile-card.svg b/frontend/assets/custom-icons/Mobile-card.svg
new file mode 100644
index 0000000..9965ead
--- /dev/null
+++ b/frontend/assets/custom-icons/Mobile-card.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.5715 14.9111V17.3815C15.5715 19.38 13.9515 21 11.953 21H7.33821C5.3407 21 3.7207 19.381 3.7207 17.3825L3.71973 6.61849C3.71973 4.62 5.33973 3 7.33724 3H11.953C13.9505 3 15.5705 4.62 15.5705 6.61849V7.76465" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.3808 7.76562H13.3856C12.218 7.76562 11.4863 8.59168 11.4863 9.76119V12.9165C11.4863 14.0861 12.2141 14.9121 13.3856 14.9121H18.3808C19.5513 14.9121 20.2801 14.0861 20.2801 12.9165V9.76119C20.2801 8.59168 19.5513 7.76562 18.3808 7.76562Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.4863 10.299H20.2801" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.58278 17.3981V17.4435M9.76693 17.4079C9.76693 17.5102 9.68394 17.5931 9.58165 17.5931C9.47936 17.5931 9.39648 17.5102 9.39648 17.4079C9.39648 17.3056 9.47936 17.2227 9.58165 17.2227C9.68394 17.2227 9.76693 17.3056 9.76693 17.4079Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Notification.svg b/frontend/assets/custom-icons/Notification.svg
new file mode 100644
index 0000000..e4a939b
--- /dev/null
+++ b/frontend/assets/custom-icons/Notification.svg
@@ -0,0 +1,4 @@
+<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="M12 17.8476C17.6392 17.8476 20.2481 17.1242 20.5 14.2205C20.5 11.3188 18.6812 11.5054 18.6812 7.94511C18.6812 5.16414 16.0452 2 12 2C7.95477 2 5.31885 5.16414 5.31885 7.94511C5.31885 11.5054 3.5 11.3188 3.5 14.2205C3.75295 17.1352 6.36177 17.8476 12 17.8476Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.3889 20.8572C13.0247 22.3719 10.8967 22.3899 9.51953 20.8572" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Paper.svg b/frontend/assets/custom-icons/Paper.svg
new file mode 100644
index 0000000..0494bed
--- /dev/null
+++ b/frontend/assets/custom-icons/Paper.svg
@@ -0,0 +1,6 @@
+<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="M14.7379 2.76177H8.08492C6.00493 2.7538 4.29993 4.4118 4.25093 6.4908V17.2038C4.20493 19.3168 5.87993 21.0678 7.99293 21.1148C8.02393 21.1148 8.05392 21.1158 8.08492 21.1148H16.0739C18.1679 21.0298 19.8179 19.2998 19.803 17.2038V8.0378L14.7379 2.76177Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.4756 2.75V5.659C14.4756 7.079 15.6236 8.23 17.0436 8.234H19.7986" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.2887 15.3585H8.88867" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.2437 11.606H8.8877" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Play.svg b/frontend/assets/custom-icons/Play.svg
new file mode 100644
index 0000000..0938eea
--- /dev/null
+++ b/frontend/assets/custom-icons/Play.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 fill-rule="evenodd" clip-rule="evenodd" d="M17.5761 14.9395C15.4971 16.8226 12.899 18.5166 10.04 19.6686C7.60702 20.6276 5.56901 19.4316 5.27001 17.0336C4.90601 13.4985 4.91401 10.1145 5.27001 6.95551C5.59601 4.4635 7.84102 3.4055 10.04 4.3315C12.855 5.48451 15.3801 7.04951 17.5761 9.06052C19.4521 10.7595 19.4961 13.1745 17.5761 14.9395Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Plus.svg b/frontend/assets/custom-icons/Plus.svg
new file mode 100644
index 0000000..d488976
--- /dev/null
+++ b/frontend/assets/custom-icons/Plus.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 12H18" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 6V18" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Profile.svg b/frontend/assets/custom-icons/Profile.svg
new file mode 100644
index 0000000..0aae9a8
--- /dev/null
+++ b/frontend/assets/custom-icons/Profile.svg
@@ -0,0 +1,4 @@
+<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="M11.9849 15.3462C8.11731 15.3462 4.81445 15.931 4.81445 18.2729C4.81445 20.6148 8.09636 21.2205 11.9849 21.2205C15.8525 21.2205 19.1545 20.6348 19.1545 18.2938C19.1545 15.9529 15.8735 15.3462 11.9849 15.3462Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9849 12.0059C14.523 12.0059 16.5802 9.94782 16.5802 7.40972C16.5802 4.87163 14.523 2.81448 11.9849 2.81448C9.44682 2.81448 7.3887 4.87163 7.3887 7.40972C7.38015 9.93925 9.42396 11.9973 11.9525 12.0059H11.9849Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Question-mark-circle.svg b/frontend/assets/custom-icons/Question-mark-circle.svg
new file mode 100644
index 0000000..2a83f5f
--- /dev/null
+++ b/frontend/assets/custom-icons/Question-mark-circle.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 12C21 7.02908 16.9709 3 12 3C7.02908 3 3 7.02908 3 12C3 16.9699 7.02908 21 12 21C16.9709 21 21 16.9699 21 12Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.9473 16.2245V16.1963" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.9462 13.7496C11.9345 12.8583 12.745 12.4808 13.3473 12.1373C14.0819 11.7326 14.5791 11.0875 14.5791 10.1933C14.5791 8.86815 13.5078 7.80469 12.1914 7.80469C10.8662 7.80469 9.80273 8.86815 9.80273 10.1933" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Rows.svg b/frontend/assets/custom-icons/Rows.svg
new file mode 100644
index 0000000..c94a3a3
--- /dev/null
+++ b/frontend/assets/custom-icons/Rows.svg
@@ -0,0 +1,4 @@
+<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="M7.802 21H5.198C3.984 21 3 20.016 3 18.802V5.198C3 3.984 3.984 3 5.198 3H7.802C9.016 3 10 3.984 10 5.198V18.802C10 20.016 9.016 21 7.802 21Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.802 21H16.198C14.984 21 14 20.016 14 18.802V5.198C14 3.984 14.984 3 16.198 3H18.802C20.016 3 21 3.984 21 5.198V18.802C21 20.016 20.016 21 18.802 21Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Safe-battery.svg b/frontend/assets/custom-icons/Safe-battery.svg
new file mode 100644
index 0000000..771249a
--- /dev/null
+++ b/frontend/assets/custom-icons/Safe-battery.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.8162 10.2694V9.56589C17.8162 7.02737 16.3635 5.44238 13.7121 5.44238H10.3621C7.75161 5.44238 6.33203 7.02737 6.33203 9.56589V16.8847C6.33203 19.431 7.75161 21.0082 10.3621 21.0004H11.4519" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.0097 5.59397V4.79418C15.0097 3.4933 14.2673 3 12.91 3H11.2024C9.8694 3 9.14258 3.4933 9.14258 4.79418V5.58619" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.4832 18.6735C19.145 17.2919 18.9971 15.6806 18.4406 14.6016C17.8685 13.4914 16.7544 12.7169 15.5868 12.3404C13.7995 11.7644 12.1337 11.779 11.7834 11.8179C11.6813 12.1545 11.3631 13.7892 11.6034 15.6524C11.7601 16.8686 12.3186 18.1063 13.3052 18.871C14.2646 19.6154 15.8213 20.0552 17.4832 18.6735Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.0215 16.9219C16.0215 16.9219 16.8816 19.1004 18.9083 20.373" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Scan-box.svg b/frontend/assets/custom-icons/Scan-box.svg
new file mode 100644
index 0000000..dbfc141
--- /dev/null
+++ b/frontend/assets/custom-icons/Scan-box.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.8471 15.5303V17.1075C21.8471 19.2568 20.1045 20.9993 17.9542 20.9993H16.665" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.84961 15.5303V17.1075C3.84961 19.2568 5.5922 20.9993 7.74247 20.9993H8.99955" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.84961 8.46956V6.89237C3.84961 4.74308 5.5922 3.00049 7.74247 3.00049H9.03166" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21.8492 8.46956V6.89237C21.8492 4.74308 20.1066 3.00049 17.9563 3.00049H16.6992" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.1673 10.2373V13.7566C17.1673 14.211 16.9251 14.6313 16.531 14.858L13.4837 16.6181C13.0896 16.8448 12.6051 16.8448 12.211 16.6181L9.16367 14.858C8.76961 14.6313 8.52734 14.211 8.52734 13.7566V10.2373C8.52734 9.78297 8.76961 9.36264 9.16367 9.13497L12.211 7.37583C12.6051 7.14816 13.0896 7.14816 13.4837 7.37583L16.531 9.13497C16.9251 9.36264 17.1673 9.78297 17.1673 10.2373Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.70703 9.58594L12.8461 11.9804L16.9851 9.58594" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.8496 16.7947V11.9775" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Search.svg b/frontend/assets/custom-icons/Search.svg
new file mode 100644
index 0000000..271ce63
--- /dev/null
+++ b/frontend/assets/custom-icons/Search.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.7669 20.7552C16.7311 20.7552 20.7554 16.7308 20.7554 11.7666C20.7554 6.80236 16.7311 2.77805 11.7669 2.77805C6.80263 2.77805 2.77832 6.80236 2.77832 11.7666C2.77832 16.7308 6.80263 20.7552 11.7669 20.7552Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.0186 18.4851L21.5426 22" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Settings.svg b/frontend/assets/custom-icons/Settings.svg
new file mode 100644
index 0000000..0cbc52c
--- /dev/null
+++ b/frontend/assets/custom-icons/Settings.svg
@@ -0,0 +1,4 @@
+<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="M20.8064 7.62358L20.184 6.54349C19.6574 5.62957 18.4905 5.31429 17.5753 5.83869C17.1397 6.09531 16.6198 6.16812 16.1305 6.04106C15.6411 5.91399 15.2224 5.59749 14.9666 5.16134C14.8021 4.88412 14.7137 4.56836 14.7103 4.24601C14.7251 3.72919 14.5302 3.22837 14.1698 2.85764C13.8094 2.48691 13.3143 2.27783 12.7973 2.27805H11.5433C11.0367 2.27805 10.5511 2.47988 10.1938 2.83891C9.83644 3.19795 9.63693 3.68456 9.63937 4.19109C9.62435 5.23689 8.77224 6.07678 7.72632 6.07667C7.40397 6.07333 7.08821 5.98491 6.81099 5.82038C5.89582 5.29598 4.72887 5.61126 4.20229 6.52519L3.5341 7.62358C3.00817 8.53636 3.31916 9.70258 4.22975 10.2323C4.82166 10.574 5.18629 11.2056 5.18629 11.889C5.18629 12.5725 4.82166 13.2041 4.22975 13.5458C3.32031 14.0719 3.00898 15.2353 3.5341 16.1453L4.16568 17.2346C4.4124 17.6798 4.82636 18.0083 5.31595 18.1474C5.80554 18.2866 6.3304 18.2249 6.77438 17.976C7.21084 17.7213 7.73094 17.6515 8.2191 17.7822C8.70725 17.9128 9.12299 18.233 9.37392 18.6716C9.53845 18.9489 9.62686 19.2646 9.63021 19.587C9.63021 20.6435 10.4867 21.5 11.5433 21.5H12.7973C13.8502 21.5 14.7053 20.6491 14.7103 19.5961C14.7079 19.088 14.9086 18.6 15.2679 18.2407C15.6272 17.8814 16.1152 17.6806 16.6233 17.6831C16.9449 17.6917 17.2594 17.7797 17.5387 17.9394C18.4515 18.4653 19.6177 18.1543 20.1474 17.2437L20.8064 16.1453C21.0615 15.7075 21.1315 15.186 21.001 14.6963C20.8704 14.2067 20.55 13.7893 20.1108 13.5366C19.6715 13.2839 19.3511 12.8665 19.2206 12.3769C19.09 11.8873 19.16 11.3658 19.4151 10.9279C19.581 10.6383 19.8211 10.3982 20.1108 10.2323C21.0159 9.70286 21.3262 8.54346 20.8064 7.63274V7.62358Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.1752 14.5252C13.6311 14.5252 14.8114 13.3449 14.8114 11.889C14.8114 10.4331 13.6311 9.25287 12.1752 9.25287C10.7193 9.25287 9.53906 10.4331 9.53906 11.889C9.53906 13.3449 10.7193 14.5252 12.1752 14.5252Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Share-square.svg b/frontend/assets/custom-icons/Share-square.svg
new file mode 100644
index 0000000..d57f581
--- /dev/null
+++ b/frontend/assets/custom-icons/Share-square.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.25 3.23102V16.0088" stroke="black" stroke-width="1.5" stroke-linecap="square"/>
+<path d="M8.97559 5.77102L12.2506 2.48145L15.5266 5.77102" stroke="black" stroke-width="1.5" stroke-linecap="square"/>
+<path d="M16.875 10.9946H21.5V21.5186H3V10.9946H7.625" stroke="black" stroke-width="1.5" stroke-linecap="square"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Share.svg b/frontend/assets/custom-icons/Share.svg
new file mode 100644
index 0000000..fd3072a
--- /dev/null
+++ b/frontend/assets/custom-icons/Share.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.38948 8.984H6.45648C4.42148 8.984 2.77148 10.634 2.77148 12.669V17.544C2.77148 19.578 4.42148 21.228 6.45648 21.228H17.5865C19.6215 21.228 21.2715 19.578 21.2715 17.544V12.659C21.2715 10.63 19.6265 8.984 17.5975 8.984L16.6545 8.984" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.0215 2.19051V14.2315" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.10645 5.1188L12.0214 2.19081L14.9374 5.1188" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Shield-done.svg b/frontend/assets/custom-icons/Shield-done.svg
new file mode 100644
index 0000000..54cd72e
--- /dev/null
+++ b/frontend/assets/custom-icons/Shield-done.svg
@@ -0,0 +1,4 @@
+<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="M11.9846 21.606C11.9846 21.606 19.6566 19.283 19.6566 12.879C19.6566 6.474 19.9346 5.974 19.3196 5.358C18.7036 4.742 12.9906 2.75 11.9846 2.75C10.9786 2.75 5.26557 4.742 4.65057 5.358C4.03457 5.974 4.31257 6.474 4.31257 12.879C4.31257 19.283 11.9846 21.606 11.9846 21.606Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.38574 11.8746L11.2777 13.7696L15.1757 9.8696" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Shopping-bag.svg b/frontend/assets/custom-icons/Shopping-bag.svg
new file mode 100644
index 0000000..42a58d0
--- /dev/null
+++ b/frontend/assets/custom-icons/Shopping-bag.svg
@@ -0,0 +1,5 @@
+<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="M21.1474 16.7749L20.6133 10.4994C20.4888 9.03265 19.262 7.90625 17.7902 7.90625H6.20293C4.73018 7.90625 3.50338 9.03466 3.3799 10.5014L2.85183 16.7789C2.66109 19.0488 4.45209 20.9964 6.72999 20.9964H17.2692C19.5491 20.9964 21.3411 19.0468 21.1474 16.7749Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.3156 12.0469C15.3156 13.879 13.8308 15.3638 11.9986 15.3638C10.1664 15.3638 8.68164 13.879 8.68164 12.0469" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.13477 7.90819V6.86511C8.13477 4.72876 9.86453 3 11.9999 3C14.1352 3 15.865 4.72876 15.865 6.86511V7.90819" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Speaker.svg b/frontend/assets/custom-icons/Speaker.svg
new file mode 100644
index 0000000..87ee8fc
--- /dev/null
+++ b/frontend/assets/custom-icons/Speaker.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0134 3C5.11015 3 4.52539 5.304 4.52539 9.32724V14.6728C4.52539 18.696 5.10139 21 12.0134 21C18.9254 21 19.4839 18.696 19.4741 14.6728V9.32724C19.4839 5.304 18.9254 3 12.0134 3Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.31253 5.88477C7.97977 6.09493 7.79102 6.35082 7.79102 6.61547C7.79102 7.44639 9.68053 8.13233 12.002 8.13233C14.3245 8.13233 16.214 7.44639 16.214 6.61547C16.214 6.35082 16.034 6.09493 15.6925 5.88477" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Star.svg b/frontend/assets/custom-icons/Star.svg
new file mode 100644
index 0000000..87a9f02
--- /dev/null
+++ b/frontend/assets/custom-icons/Star.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 fill-rule="evenodd" clip-rule="evenodd" d="M13.1043 4.17701L14.9317 7.82776C15.1108 8.18616 15.4565 8.43467 15.8573 8.49218L19.9453 9.08062C20.9554 9.22644 21.3573 10.4505 20.6263 11.1519L17.6702 13.9924C17.3797 14.2718 17.2474 14.6733 17.3162 15.0676L18.0138 19.0778C18.1856 20.0698 17.1298 20.8267 16.227 20.3574L12.5732 18.4627C12.215 18.2768 11.786 18.2768 11.4268 18.4627L7.773 20.3574C6.87023 20.8267 5.81439 20.0698 5.98724 19.0778L6.68385 15.0676C6.75257 14.6733 6.62033 14.2718 6.32982 13.9924L3.37368 11.1519C2.64272 10.4505 3.04464 9.22644 4.05466 9.08062L8.14265 8.49218C8.54354 8.43467 8.89028 8.18616 9.06937 7.82776L10.8957 4.17701C11.3477 3.27433 12.6523 3.27433 13.1043 4.17701Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Ticket.svg b/frontend/assets/custom-icons/Ticket.svg
new file mode 100644
index 0000000..6dffa42
--- /dev/null
+++ b/frontend/assets/custom-icons/Ticket.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.8496 4.25031V6.67031" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.8496 17.7601V19.7841" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.8496 14.3246V9.5036" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.7021 20C20.5242 20 22 18.5426 22 16.7431V14.1506C20.7943 14.1506 19.8233 13.1917 19.8233 12.001C19.8233 10.8104 20.7943 9.85039 22 9.85039L21.999 7.25686C21.999 5.45745 20.5221 4 18.7011 4H5.29892C3.47789 4 2.00104 5.45745 2.00104 7.25686L2 9.93485C3.20567 9.93485 4.17668 10.8104 4.17668 12.001C4.17668 13.1917 3.20567 14.1506 2 14.1506V16.7431C2 18.5426 3.4758 20 5.29787 20H18.7021Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Tiktok.svg b/frontend/assets/custom-icons/Tiktok.svg
new file mode 100644
index 0000000..5611b1b
--- /dev/null
+++ b/frontend/assets/custom-icons/Tiktok.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 fill-rule="evenodd" clip-rule="evenodd" d="M9.99119 9.33989C6.77162 9.33989 4.16113 11.9436 4.16113 15.1699C4.16113 18.3963 6.77162 21 9.99119 21C13.2108 21 15.8212 18.3963 15.8212 15.1699V8.68605C15.8212 8.68605 17.8995 10.1912 19.8386 9.67265V6.43265C17.0559 6.16995 15.9536 3.9 15.6539 3H12.9412V15.0882C12.9412 16.5817 11.7328 17.7882 10.2422 17.7882C8.75065 17.7882 7.54221 16.5817 7.54221 15.0882C7.54221 13.6871 8.6047 12.54 9.96589 12.4018C9.96589 11.5125 9.99119 9.33989 9.99119 9.33989Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Trash.svg b/frontend/assets/custom-icons/Trash.svg
new file mode 100644
index 0000000..5225679
--- /dev/null
+++ b/frontend/assets/custom-icons/Trash.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.3191 9.70703L18.5221 19.4378C18.4074 20.8389 17.2369 21.9175 15.8312 21.9175H9.66761C8.26189 21.9175 7.09135 20.8389 6.97661 19.4379L6.17969 9.70703" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.5202 21.9297L6.69238 15.8241" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.91406 9.72321L17.6543 21.207" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.3157 9.72395L7.7041 21.0703" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.69238 15.832L12.7782 9.7047" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.0352 21.9297L18.8188 15.8241" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.8179 15.832L12.7783 9.7047" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.6718 4.6126L16.4574 6.21348H19.0456C19.8414 6.21348 20.4865 6.8586 20.4865 7.65439V9.70664H5.01367V7.65439C5.01367 6.8586 5.65879 6.21348 6.45458 6.21348H9.04279L9.82843 4.6126C10.0805 4.09894 10.6028 3.77344 11.175 3.77344H14.3252C14.8974 3.77344 15.4197 4.09894 15.6718 4.6126Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Turn-left.svg b/frontend/assets/custom-icons/Turn-left.svg
new file mode 100644
index 0000000..047cde2
--- /dev/null
+++ b/frontend/assets/custom-icons/Turn-left.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.05318 12.5604C5.86071 13.7529 5.19247 14.4218 4 15.6142C5.19247 16.8058 5.86071 17.4752 7.05318 18.6677" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 15.6142H14.8574C17.6979 15.6142 20 13.3112 20 10.4717C20 7.63118 17.6979 5.32812 14.8574 5.32812H6.41976" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/USB.svg b/frontend/assets/custom-icons/USB.svg
new file mode 100644
index 0000000..c0a72cc
--- /dev/null
+++ b/frontend/assets/custom-icons/USB.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.9336 12.0139L9.0764 6.87112C10.3947 5.55283 12.1469 5.66277 13.4632 6.98009L17.0183 10.5341C18.3356 11.8514 18.4455 13.6027 17.1262 14.9219L11.9844 20.0638C10.6661 21.383 8.91489 21.2721 7.59758 19.9548L4.04354 16.4008C2.72622 15.0834 2.6192 13.3283 3.9336 12.0139Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.8809 11.8311L20.3336 9.37842C21.2725 8.43956 21.1907 7.19229 20.2587 6.26122L17.7379 3.74041C16.8058 2.80836 15.5595 2.72664 14.6207 3.66452L12.168 6.1182" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.1719 6.03344L16.1819 6.02344" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.9316 7.79516L17.9416 7.78516" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.67969 17.0836L11.6148 15.1484" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Users.svg b/frontend/assets/custom-icons/Users.svg
new file mode 100644
index 0000000..ea00fc9
--- /dev/null
+++ b/frontend/assets/custom-icons/Users.svg
@@ -0,0 +1,6 @@
+<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="M9.59102 15.2068C13.28 15.2068 16.433 15.7658 16.433 17.9988C16.433 20.2318 13.301 20.8068 9.59102 20.8068C5.90102 20.8068 2.74902 20.2528 2.74902 18.0188C2.74902 15.7848 5.88002 15.2068 9.59102 15.2068Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.59108 12.0198C7.16908 12.0198 5.20508 10.0568 5.20508 7.6348C5.20508 5.2128 7.16908 3.2498 9.59108 3.2498C12.0121 3.2498 13.9761 5.2128 13.9761 7.6348C13.9851 10.0478 12.0351 12.0108 9.62208 12.0198H9.59108Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.4824 10.8816C18.0834 10.6566 19.3164 9.2826 19.3194 7.6196C19.3194 5.9806 18.1244 4.6206 16.5574 4.3636" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.5947 14.7322C20.1457 14.9632 21.2287 15.5072 21.2287 16.6272C21.2287 17.3982 20.7187 17.8982 19.8947 18.2112" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Video-slides.svg b/frontend/assets/custom-icons/Video-slides.svg
new file mode 100644
index 0000000..1c67f34
--- /dev/null
+++ b/frontend/assets/custom-icons/Video-slides.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.7791 20.0025H9.83915C8.12671 20.0025 6.73828 18.6141 6.73828 16.9016V7.10086C6.73828 5.38843 8.12671 4 9.83915 4H15.7791C17.4916 4 18.88 5.38843 18.88 7.10086V16.9016C18.88 18.6141 17.4916 20.0025 15.7791 20.0025Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.83398 7.46484V16.533" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21.834 7.46484V16.533" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.8093 12.8714C14.1934 13.4289 13.4247 13.93 12.5782 14.2715C11.8573 14.5556 11.254 14.2015 11.1655 13.4912C11.0585 12.4453 11.0604 11.4431 11.1655 10.5081C11.2628 9.76958 11.9273 9.45725 12.5782 9.73066C13.4111 10.0722 14.1593 10.5353 14.8093 11.1308C15.3648 11.6348 15.3775 12.3489 14.8093 12.8714Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/Youtube.svg b/frontend/assets/custom-icons/Youtube.svg
new file mode 100644
index 0000000..9eb2123
--- /dev/null
+++ b/frontend/assets/custom-icons/Youtube.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.8056 5.12184C19.6812 5.37676 20.3584 6.09483 20.5793 7.00359C21.1417 8.68297 21.1388 15.3538 20.5793 16.9582C20.3584 17.867 19.6812 18.585 18.8056 18.84C17.2322 19.4286 6.76679 19.4101 5.19445 18.84C4.33627 18.5987 3.66394 17.9137 3.42069 17.0331C2.85928 15.3791 2.86026 8.68394 3.42069 7.04154C3.64156 6.1318 4.31779 5.41471 5.19445 5.15979C6.76679 4.58864 17.2322 4.58864 18.8056 5.12184Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.5191 12.4292L10.847 14.5173C10.5337 14.6953 10.1445 14.4696 10.1445 14.1086V9.93256C10.1445 9.57158 10.5337 9.34488 10.847 9.52294L14.5191 11.611C14.8363 11.7919 14.8363 12.2492 14.5191 12.4292Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/assets/custom-icons/solid/Check circle.svg b/frontend/assets/custom-icons/solid/Check circle.svg
new file mode 100644
index 0000000..86dafc4
--- /dev/null
+++ b/frontend/assets/custom-icons/solid/Check circle.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 fill-rule="evenodd" clip-rule="evenodd" d="M15.993 10.222L11.375 14.84C11.228 14.987 11.037 15.06 10.845 15.06C10.652 15.06 10.461 14.987 10.314 14.84L8.005 12.531C7.712 12.238 7.712 11.763 8.005 11.47C8.298 11.177 8.772 11.177 9.065 11.47L10.845 13.249L14.932 9.161C15.225 8.868 15.7 8.868 15.993 9.161C16.286 9.454 16.286 9.929 15.993 10.222ZM12 2.5C6.762 2.5 2.5 6.762 2.5 12C2.5 17.239 6.762 21.5 12 21.5C17.238 21.5 21.5 17.239 21.5 12C21.5 6.762 17.238 2.5 12 2.5Z" fill="black"/>
+</svg>
diff --git a/frontend/assets/custom-icons/solid/Facebook.svg b/frontend/assets/custom-icons/solid/Facebook.svg
new file mode 100644
index 0000000..1cca4fd
--- /dev/null
+++ b/frontend/assets/custom-icons/solid/Facebook.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 fill-rule="evenodd" clip-rule="evenodd" d="M13.9568 7.73279C14.0398 7.65379 14.1458 7.60879 14.2498 7.60879H16.9498C17.2268 7.60879 17.4498 7.38479 17.4498 7.10879V3.50879C17.4498 3.23279 17.2268 3.00879 16.9498 3.00879H14.2498C12.9438 3.00879 11.6558 3.53879 10.7138 4.46579C9.7698 5.41579 9.2498 6.67379 9.2498 8.00879V10.2098H7.0498C6.7728 10.2098 6.5498 10.4328 6.5498 10.7098V14.3088C6.5498 14.5858 6.7728 14.8088 7.0498 14.8088H9.2498V21.5088C9.2498 21.7858 9.4738 22.0088 9.7498 22.0088H13.3498C13.6258 22.0088 13.8498 21.7858 13.8498 21.5088V14.8088H16.9498C17.2268 14.8088 17.4498 14.5858 17.4498 14.3088V10.7098C17.4498 10.4328 17.2268 10.2098 16.9498 10.2098H13.8498V8.00879C13.8498 7.90079 13.8918 7.79879 13.9568 7.73279Z" fill="black"/>
+</svg>
diff --git a/frontend/assets/custom-icons/solid/Instagram.svg b/frontend/assets/custom-icons/solid/Instagram.svg
new file mode 100644
index 0000000..c650d8c
--- /dev/null
+++ b/frontend/assets/custom-icons/solid/Instagram.svg
@@ -0,0 +1,4 @@
+<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="M11.8448 10.0886C10.3268 10.0886 9.0918 11.3216 9.0918 12.8386C9.0918 14.3556 10.3268 15.5886 11.8448 15.5886C13.3628 15.5886 14.5968 14.3556 14.5968 12.8386C14.5968 11.3216 13.3628 10.0886 11.8448 10.0886Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.864 8.91779C16.294 8.91779 15.829 8.45579 15.829 7.88879C15.829 7.31979 16.294 6.85779 16.864 6.85779C17.434 6.85779 17.898 7.31979 17.898 7.88879C17.898 8.45579 17.434 8.91779 16.864 8.91779ZM11.844 17.0888C9.5 17.0888 7.592 15.1828 7.592 12.8388C7.592 10.4948 9.5 8.58879 11.844 8.58879C14.189 8.58879 16.096 10.4948 16.096 12.8388C16.096 15.1828 14.189 17.0888 11.844 17.0888ZM16.217 3.00879H7.782C4.623 3.00879 2.5 5.23079 2.5 8.53879V16.4788C2.5 19.7858 4.623 22.0088 7.782 22.0088H16.216C19.376 22.0088 21.5 19.7858 21.5 16.4788V8.53879C21.5 5.23079 19.377 3.00879 16.217 3.00879Z" fill="black"/>
+</svg>
diff --git a/frontend/assets/custom-icons/solid/Play down.svg b/frontend/assets/custom-icons/solid/Play down.svg
new file mode 100644
index 0000000..4e5a5c3
--- /dev/null
+++ b/frontend/assets/custom-icons/solid/Play down.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 fill-rule="evenodd" clip-rule="evenodd" d="M20.1057 6.59767C19.5847 5.74467 18.5567 5.18967 17.0257 4.94367C15.4187 4.76367 13.7517 4.67067 12.0007 4.68267C10.2557 4.67767 8.57678 4.76367 6.94878 4.94667C5.45378 5.17867 4.42978 5.72467 3.90578 6.57167C3.42078 7.35267 3.37178 8.36667 3.75778 9.58467C3.76178 9.59667 3.76578 9.60867 3.77078 9.61967C4.87478 12.3577 7.20278 16.0747 9.18078 18.2597C10.0887 19.2937 11.0367 19.8177 11.9967 19.8187H11.9977C12.9577 19.8187 13.9057 19.2937 14.8107 18.2647C16.7937 16.0727 19.1217 12.3557 20.2358 9.58767C20.6268 8.38367 20.5827 7.37767 20.1057 6.59767Z" fill="black"/>
+</svg>
diff --git a/frontend/assets/custom-icons/solid/Star.svg b/frontend/assets/custom-icons/solid/Star.svg
new file mode 100644
index 0000000..64892af
--- /dev/null
+++ b/frontend/assets/custom-icons/solid/Star.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="M17.9189 14.3201C17.6599 14.5711 17.5409 14.9341 17.5999 15.2901L18.4889 20.2101C18.5639 20.6271 18.3879 21.0491 18.0389 21.2901C17.6969 21.5401 17.2419 21.5701 16.8689 21.3701L12.4399 19.0601C12.2859 18.9781 12.1149 18.9341 11.9399 18.9291H11.6689C11.5749 18.9431 11.4829 18.9731 11.3989 19.0191L6.96888 21.3401C6.74988 21.4501 6.50188 21.4891 6.25888 21.4501C5.66688 21.3381 5.27188 20.7741 5.36888 20.1791L6.25888 15.2591C6.31788 14.9001 6.19888 14.5351 5.93988 14.2801L2.32888 10.7801C2.02688 10.4871 1.92188 10.0471 2.05988 9.65009C2.19388 9.25409 2.53588 8.96509 2.94888 8.90009L7.91888 8.17909C8.29688 8.14009 8.62888 7.91009 8.79888 7.57009L10.9889 3.08009C11.0409 2.98009 11.1079 2.88809 11.1889 2.81009L11.2789 2.74009C11.3259 2.68809 11.3799 2.64509 11.4399 2.61009L11.5489 2.57009L11.7189 2.50009H12.1399C12.5159 2.53909 12.8469 2.76409 13.0199 3.10009L15.2389 7.57009C15.3989 7.89709 15.7099 8.12409 16.0689 8.17909L21.0389 8.90009C21.4589 8.96009 21.8099 9.25009 21.9489 9.65009C22.0799 10.0511 21.9669 10.4911 21.6589 10.7801L17.9189 14.3201Z" fill="black"/>
+</svg>
diff --git a/frontend/assets/custom-icons/solid/Tiktok.svg b/frontend/assets/custom-icons/solid/Tiktok.svg
new file mode 100644
index 0000000..470f5d5
--- /dev/null
+++ b/frontend/assets/custom-icons/solid/Tiktok.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 fill-rule="evenodd" clip-rule="evenodd" d="M19.8851 6.44079C17.2751 6.19779 16.3491 4.01379 16.1281 3.35079C16.0601 3.14679 15.8691 3.00879 15.6541 3.00879H12.9411C12.6641 3.00879 12.4411 3.23279 12.4411 3.50879V15.5988C12.4411 16.8118 11.4541 17.7988 10.2421 17.7988C9.02913 17.7988 8.04213 16.8118 8.04213 15.5988C8.04213 14.4648 8.89113 13.5218 10.0171 13.4058C10.2721 13.3788 10.4661 13.1648 10.4661 12.9088C10.4661 12.0208 10.4911 9.85479 10.4911 9.85479C10.4921 9.72079 10.4411 9.59179 10.3461 9.49779C10.2531 9.40279 10.1251 9.34879 9.99113 9.34879C6.50113 9.34879 3.66113 12.1888 3.66113 15.6788C3.66113 19.1698 6.50113 22.0088 9.99113 22.0088C13.4811 22.0088 16.3211 19.1698 16.3211 15.6788V10.0758C17.1701 10.5088 18.5801 11.0298 19.9681 10.6628C20.1871 10.6038 20.3391 10.4058 20.3391 10.1788V6.93879C20.3391 6.68079 20.1421 6.46479 19.8851 6.44079Z" fill="black"/>
+</svg>
diff --git a/frontend/assets/custom-icons/solid/Youtube.svg b/frontend/assets/custom-icons/solid/Youtube.svg
new file mode 100644
index 0000000..ec54858
--- /dev/null
+++ b/frontend/assets/custom-icons/solid/Youtube.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 fill-rule="evenodd" clip-rule="evenodd" d="M14.7671 13.3723L11.0951 15.4623C10.9421 15.5453 10.7781 15.5863 10.6161 15.5863C10.4431 15.5863 10.2721 15.5393 10.1181 15.4473C9.82206 15.2713 9.64506 14.9623 9.64506 14.6183V10.4373C9.64506 10.0873 9.82706 9.77134 10.1311 9.59634C10.4331 9.42134 10.7931 9.41934 11.0971 9.59434L14.7671 11.6843C15.0691 11.8543 15.2571 12.1793 15.2571 12.5273C15.2571 12.8773 15.0691 13.2003 14.7671 13.3723ZM21.0651 7.39034C20.8061 6.32034 19.9981 5.46434 18.9571 5.15134C17.1901 4.56834 6.66906 4.60134 5.05706 5.18634C4.01206 5.48434 3.19906 6.34434 2.94806 7.38634C2.35606 9.11734 2.35606 15.9603 2.93906 17.6723C3.22906 18.7173 4.04106 19.5443 5.02406 19.8173C5.88906 20.1313 8.97806 20.2863 12.0491 20.2863C15.1001 20.2863 18.1351 20.1333 18.9491 19.8273C19.9941 19.5173 20.8051 18.6583 21.0521 17.6323C21.6421 15.9343 21.6441 9.10934 21.0651 7.39034Z" fill="black"/>
+</svg>
diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
new file mode 100644
index 0000000..18993ad
Binary files /dev/null and b/frontend/public/favicon.ico differ
diff --git a/frontend/public/fonts/IranYekanX/IRANYekanX-Black.woff2 b/frontend/public/fonts/IranYekanX/IRANYekanX-Black.woff2
new file mode 100755
index 0000000..e67c520
Binary files /dev/null and b/frontend/public/fonts/IranYekanX/IRANYekanX-Black.woff2 differ
diff --git a/frontend/public/fonts/IranYekanX/IRANYekanX-Bold.woff2 b/frontend/public/fonts/IranYekanX/IRANYekanX-Bold.woff2
new file mode 100755
index 0000000..dd3fc16
Binary files /dev/null and b/frontend/public/fonts/IranYekanX/IRANYekanX-Bold.woff2 differ
diff --git a/frontend/public/fonts/IranYekanX/IRANYekanX-DemiBold.woff2 b/frontend/public/fonts/IranYekanX/IRANYekanX-DemiBold.woff2
new file mode 100755
index 0000000..f1f6750
Binary files /dev/null and b/frontend/public/fonts/IranYekanX/IRANYekanX-DemiBold.woff2 differ
diff --git a/frontend/public/fonts/IranYekanX/IRANYekanX-ExtraBlack.woff2 b/frontend/public/fonts/IranYekanX/IRANYekanX-ExtraBlack.woff2
new file mode 100755
index 0000000..03a0682
Binary files /dev/null and b/frontend/public/fonts/IranYekanX/IRANYekanX-ExtraBlack.woff2 differ
diff --git a/frontend/public/fonts/IranYekanX/IRANYekanX-ExtraBold.woff2 b/frontend/public/fonts/IranYekanX/IRANYekanX-ExtraBold.woff2
new file mode 100755
index 0000000..c041d78
Binary files /dev/null and b/frontend/public/fonts/IranYekanX/IRANYekanX-ExtraBold.woff2 differ
diff --git a/frontend/public/fonts/IranYekanX/IRANYekanX-Heavy.woff2 b/frontend/public/fonts/IranYekanX/IRANYekanX-Heavy.woff2
new file mode 100755
index 0000000..ea16307
Binary files /dev/null and b/frontend/public/fonts/IranYekanX/IRANYekanX-Heavy.woff2 differ
diff --git a/frontend/public/fonts/IranYekanX/IRANYekanX-Light.woff2 b/frontend/public/fonts/IranYekanX/IRANYekanX-Light.woff2
new file mode 100755
index 0000000..8d9534c
Binary files /dev/null and b/frontend/public/fonts/IranYekanX/IRANYekanX-Light.woff2 differ
diff --git a/frontend/public/fonts/IranYekanX/IRANYekanX-Medium.woff2 b/frontend/public/fonts/IranYekanX/IRANYekanX-Medium.woff2
new file mode 100755
index 0000000..cdb4ce0
Binary files /dev/null and b/frontend/public/fonts/IranYekanX/IRANYekanX-Medium.woff2 differ
diff --git a/frontend/public/fonts/IranYekanX/IRANYekanX-Regular.woff2 b/frontend/public/fonts/IranYekanX/IRANYekanX-Regular.woff2
new file mode 100755
index 0000000..89ae517
Binary files /dev/null and b/frontend/public/fonts/IranYekanX/IRANYekanX-Regular.woff2 differ
diff --git a/frontend/public/fonts/IranYekanX/IRANYekanX-Thin.woff2 b/frontend/public/fonts/IranYekanX/IRANYekanX-Thin.woff2
new file mode 100755
index 0000000..c5a9409
Binary files /dev/null and b/frontend/public/fonts/IranYekanX/IRANYekanX-Thin.woff2 differ
diff --git a/frontend/public/fonts/IranYekanX/IRANYekanX-UltraLight.woff2 b/frontend/public/fonts/IranYekanX/IRANYekanX-UltraLight.woff2
new file mode 100755
index 0000000..cb42c16
Binary files /dev/null and b/frontend/public/fonts/IranYekanX/IRANYekanX-UltraLight.woff2 differ
diff --git a/frontend/public/fonts/IranYekanX/IRANYekanXVF.woff2 b/frontend/public/fonts/IranYekanX/IRANYekanXVF.woff2
new file mode 100755
index 0000000..1e430a2
Binary files /dev/null and b/frontend/public/fonts/IranYekanX/IRANYekanXVF.woff2 differ
diff --git a/frontend/public/robots.txt b/frontend/public/robots.txt
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/frontend/public/robots.txt
@@ -0,0 +1 @@
+