Merge pull request #4 from WDI-Ideas/priyanka

sidemenu drawer and home screen done.
2024-03-19 23:09:32 -07:00
parent 9e2147a199 55db1a038f
commit 4b277f9bcd
52 changed files with 2073 additions and 10 deletions
--- a/assets/images/png/Ellipse
+++ b/assets/images/png/Ellipse
--- a/assets/images/png/Ellipse
+++ b/assets/images/png/Ellipse
--- a/assets/images/png/Ellipse
+++ b/assets/images/png/Ellipse
--- a/assets/images/png/Rectangle
+++ b/assets/images/png/Rectangle
--- a/assets/images/png/menu.png
+++ b/assets/images/png/menu.png
--- a/assets/images/png/pdf
+++ b/assets/images/png/pdf
--- a/assets/images/png/sidemenu/activehome.png
+++ b/assets/images/png/sidemenu/activehome.png
--- a/assets/images/png/sidemenu/activeprotfolio.png
+++ b/assets/images/png/sidemenu/activeprotfolio.png
--- a/assets/images/png/sidemenu/activetrade.png
+++ b/assets/images/png/sidemenu/activetrade.png
--- a/assets/images/png/sidemenu/inactivehome.png
+++ b/assets/images/png/sidemenu/inactivehome.png
--- a/assets/images/png/sidemenu/inactiveprotfolio.png
+++ b/assets/images/png/sidemenu/inactiveprotfolio.png
--- a/assets/images/png/sidemenu/inactiveshorttrade.png
+++ b/assets/images/png/sidemenu/inactiveshorttrade.png
--- a/assets/images/png/square_TRIDENT_com
+++ b/assets/images/png/square_TRIDENT_com
--- a/assets/images/svg/Group
+++ b/assets/images/svg/Group
@@ -0,0 +1,3 @@
+<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.80588 16.6339H5.14932C5.50339 18.2142 7.047 19.4062 8.89373 19.4062C10.7405 19.4062 12.2815 18.2142 12.6381 16.6339H14.9816C15.8935 16.6339 16.7213 16.2481 17.2537 15.5781C17.7861 14.9082 17.9262 14.0718 17.6383 13.2887L16.5023 10.1998C16.1864 9.33579 16.0259 8.43479 16.0259 7.52454V6.46875C16.0259 2.9017 12.8266 0 8.89373 0C4.96083 0 1.76152 2.9017 1.76152 6.46875V7.52454C1.76152 8.43479 1.60105 9.33579 1.28265 10.2021L0.146589 13.291C-0.141247 14.0765 -0.00114999 14.9105 0.531219 15.5804C1.06613 16.2481 1.89398 16.6339 2.80588 16.6339ZM8.89373 18.0201C7.89777 18.0201 7.04955 17.4402 6.73624 16.6339H11.0538C10.7379 17.4402 9.8897 18.0201 8.89373 18.0201ZM1.5985 13.7276L2.73456 10.6388C3.10136 9.63151 3.28986 8.58496 3.28986 7.52454V6.46875C3.28986 3.66639 5.80396 1.38616 8.89373 1.38616C11.9835 1.38616 14.4976 3.66639 14.4976 6.46875V7.52454C14.4976 8.58496 14.6861 9.63382 15.0555 10.6388L16.1915 13.7276C16.3214 14.0834 16.2577 14.4646 16.0158 14.7672C15.7738 15.0722 15.3968 15.2478 14.9816 15.2478H2.80588C2.39069 15.2478 2.01625 15.0722 1.77171 14.7672C1.52973 14.4623 1.46605 14.0834 1.5985 13.7276Z" fill="white"/>
+</svg>
--- a/assets/images/svg/Line
+++ b/assets/images/svg/Line
@@ -0,0 +1,3 @@
+<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.64645 11.3536C3.84171 11.5488 4.15829 11.5488 4.35355 11.3536L7.53553 8.17157C7.7308 7.97631 7.7308 7.65973 7.53553 7.46447C7.34027 7.2692 7.02369 7.2692 6.82843 7.46447L4 10.2929L1.17157 7.46447C0.976311 7.2692 0.659728 7.2692 0.464466 7.46447C0.269204 7.65973 0.269204 7.97631 0.464466 8.17157L3.64645 11.3536ZM4.5 11L4.5 -2.18557e-08L3.5 2.18557e-08L3.5 11L4.5 11Z" fill="#FF0000"/>
+</svg>
--- a/assets/images/svg/Vector
+++ b/assets/images/svg/Vector
@@ -0,0 +1,3 @@
+<svg width="21" height="27" viewBox="0 0 21 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.4225 27C1.7525 27 1.181 26.764 0.708 26.292C0.236 25.82 0 25.2485 0 24.5775V11.4225C0 10.7525 0.236 10.181 0.708 9.708C1.18 9.236 1.7515 9 2.4225 9H4.5V6C4.5 4.329 5.082 2.911 6.246 1.746C7.41 0.581001 8.828 -0.000998714 10.5 1.28645e-06C12.171 1.28645e-06 13.589 0.582001 14.754 1.746C15.919 2.91 16.501 4.328 16.5 6V9H18.5775C19.2475 9 19.819 9.236 20.292 9.708C20.764 10.18 21 10.7515 21 11.4225V24.5775C21 25.2475 20.764 25.819 20.292 26.292C19.82 26.764 19.2485 27 18.5775 27H2.4225ZM2.4225 25.5H18.5775C18.8465 25.5 19.0675 25.4135 19.2405 25.2405C19.4135 25.0675 19.5 24.8465 19.5 24.5775V11.4225C19.5 11.1535 19.4135 10.9325 19.2405 10.7595C19.0675 10.5865 18.8465 10.5 18.5775 10.5H2.4225C2.1535 10.5 1.9325 10.5865 1.7595 10.7595C1.5865 10.9325 1.5 11.1535 1.5 11.4225V24.5775C1.5 24.8465 1.5865 25.0675 1.7595 25.2405C1.9325 25.4135 2.1535 25.5 2.4225 25.5ZM10.5 20.25C11.133 20.25 11.666 20.033 12.099 19.599C12.533 19.166 12.75 18.633 12.75 18C12.75 17.367 12.533 16.834 12.099 16.401C11.666 15.967 11.133 15.75 10.5 15.75C9.867 15.75 9.334 15.967 8.901 16.401C8.467 16.834 8.25 17.367 8.25 18C8.25 18.633 8.467 19.166 8.901 19.599C9.334 20.033 9.867 20.25 10.5 20.25ZM6 9H15V6C15 4.75 14.5625 3.6875 13.6875 2.8125C12.8125 1.9375 11.75 1.5 10.5 1.5C9.25 1.5 8.1875 1.9375 7.3125 2.8125C6.4375 3.6875 6 4.75 6 6V9Z" fill="white"/>
+</svg>
--- a/assets/images/svg/active_home.svg
+++ b/assets/images/svg/active_home.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.94917 0.805812C9.24284 0.557129 9.61518 0.420654 10 0.420654C10.3848 0.420654 10.7572 0.557129 11.0508 0.805812L19.1758 7.69906C19.3557 7.85159 19.5003 8.04146 19.5995 8.25547C19.6986 8.46949 19.75 8.70253 19.75 8.9384V19.125C19.75 19.556 19.5788 19.9693 19.274 20.274C18.9693 20.5788 18.556 20.75 18.125 20.75H11.8958C11.6803 20.75 11.4737 20.6644 11.3213 20.512C11.1689 20.3596 11.0833 20.153 11.0833 19.9375V13.1666H8.91667V19.9375C8.91667 20.153 8.83106 20.3596 8.67869 20.512C8.52632 20.6644 8.31966 20.75 8.10417 20.75H1.875C1.44402 20.75 1.0307 20.5788 0.725952 20.274C0.421205 19.9693 0.25 19.556 0.25 19.125V8.9384C0.25 8.46173 0.460167 8.00781 0.824167 7.69906L8.94917 0.805812ZM10 2.04515L1.875 8.9384V19.125H7.29167V12.3541C7.29167 12.1387 7.37727 11.932 7.52964 11.7796C7.68202 11.6272 7.88868 11.5416 8.10417 11.5416H11.8958C12.1113 11.5416 12.318 11.6272 12.4704 11.7796C12.6227 11.932 12.7083 12.1387 12.7083 12.3541V19.125H18.125V8.9384L10 2.04515Z" fill="white"/>
+</svg>
--- a/assets/images/svg/active_protfolio.svg
+++ b/assets/images/svg/active_protfolio.svg
@@ -0,0 +1,13 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_959_1071)">
+<path d="M13.6719 0.984375C13.5625 1.09375 13.5625 1.16484 13.5625 6.78125C13.5625 12.3977 13.5625 12.4688 13.6719 12.5781C13.7484 12.6547 13.8523 12.6875 14.0109 12.6875H14.2461L18.1945 8.73906C22.3508 4.58281 22.3125 4.62656 22.1484 4.32031C22.0062 4.05781 21.093 3.27578 20.3164 2.75625C18.5719 1.58594 16.3352 0.875 14.3883 0.875C13.8523 0.875 13.7703 0.885938 13.6719 0.984375ZM15.9961 1.97422C17.1992 2.20391 18.6539 2.78906 19.6602 3.44531C20.0102 3.675 21.0547 4.46797 21.0547 4.50078C21.0547 4.50625 19.5672 5.99922 17.7461 7.82031L14.4375 11.1289V6.45859V1.78828L14.9187 1.82109C15.1867 1.84297 15.668 1.90859 15.9961 1.97422Z" fill="white"/>
+<path d="M10.8061 2.68512C9.12724 2.90387 7.32255 3.57652 5.93349 4.51168C3.22646 6.33277 1.42177 9.18746 0.962396 12.3976C0.836615 13.2781 0.847552 14.7546 0.984271 15.7117C1.52568 19.3812 3.88818 22.5968 7.24599 24.2265C8.7663 24.9648 10.0515 25.2984 11.6265 25.3586C12.4194 25.3914 12.4577 25.3859 12.5726 25.2711L12.6874 25.1562V14C12.6874 2.9148 12.6874 2.84371 12.578 2.73433C12.4796 2.6359 12.403 2.62496 11.8288 2.63043C11.4733 2.6359 11.014 2.66324 10.8061 2.68512ZM11.8124 14V24.4453H11.5882C11.1999 24.4453 10.2265 24.2812 9.57568 24.1117C7.74911 23.6304 6.2124 22.7336 4.83974 21.3609C3.35224 19.8625 2.41708 18.107 1.96318 15.9468C1.81552 15.2578 1.75536 13.4312 1.8538 12.7257C2.03427 11.4789 2.33505 10.4726 2.84365 9.43355C3.94286 7.19137 5.80771 5.39762 8.08271 4.4023C9.12177 3.94293 10.5819 3.58746 11.528 3.56012L11.8124 3.55465V14Z" fill="white"/>
+<path d="M23.2695 5.85156C23.2094 5.87344 21.3937 7.66719 19.2391 9.82734L15.3125 13.7539V13.9891C15.3125 14.1477 15.3453 14.2516 15.4219 14.3281C15.5312 14.4375 15.6023 14.4375 21.2188 14.4375C26.8352 14.4375 26.9062 14.4375 27.0156 14.3281C27.1141 14.2297 27.125 14.1477 27.125 13.6008C27.1195 11.0359 25.9711 8.23047 24.1172 6.25078C23.6906 5.79687 23.5484 5.73125 23.2695 5.85156ZM23.8875 7.42656C24.8281 8.59141 25.5172 9.95859 25.8891 11.4023C26.0531 12.0312 26.1953 12.9227 26.1953 13.3V13.5625H21.5359H16.8711L20.1797 10.2539C22.0008 8.43281 23.4883 6.94531 23.4937 6.94531C23.4937 6.94531 23.6742 7.15859 23.8875 7.42656Z" fill="white"/>
+<path d="M14.1094 15.4219C14 15.5312 14 15.6023 14 21.2188C14 26.8352 14 26.9062 14.1094 27.0156C14.2023 27.1086 14.2898 27.125 14.782 27.125C16.5812 27.125 18.7305 26.4961 20.3711 25.4844C21.3609 24.8773 22.4 23.9805 23.1875 23.0508C24.7953 21.1531 25.8125 18.4625 25.8125 16.0945C25.8125 15.6023 25.7961 15.5148 25.7031 15.4219C25.5938 15.3125 25.5227 15.3125 19.9062 15.3125C14.2898 15.3125 14.2188 15.3125 14.1094 15.4219ZM24.8828 16.3953C24.8828 17.1281 24.5656 18.5609 24.1992 19.5125C22.9414 22.7227 20.1961 25.1289 16.8875 25.9219C16.2094 26.0805 15.4602 26.1953 15.0828 26.1953H14.875V21.1914V16.1875H19.8789H24.8828V16.3953Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_959_1071">
+<rect width="28" height="28" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/assets/images/svg/active_shortTrade.svg
+++ b/assets/images/svg/active_shortTrade.svg
@@ -0,0 +1,17 @@
+<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_959_908" fill="white">
+<path d="M2.10001 16.75C2.10001 16.4462 2.34625 16.2 2.65001 16.2H7.05001C7.35376 16.2 7.60001 16.4462 7.60001 16.75V25H2.10001V16.75Z"/>
+</mask>
+<path d="M2.10001 16.75C2.10001 16.4462 2.34625 16.2 2.65001 16.2H7.05001C7.35376 16.2 7.60001 16.4462 7.60001 16.75V25H2.10001V16.75Z" stroke="white" stroke-width="2" mask="url(#path-1-inside-1_959_908)"/>
+<mask id="path-2-inside-2_959_908" fill="white">
+<path d="M9.79999 13.45C9.79999 13.1463 10.0462 12.9 10.35 12.9H14.75C15.0537 12.9 15.3 13.1463 15.3 13.45V25H9.79999V13.45Z"/>
+</mask>
+<path d="M9.79999 13.45C9.79999 13.1463 10.0462 12.9 10.35 12.9H14.75C15.0537 12.9 15.3 13.1463 15.3 13.45V25H9.79999V13.45Z" stroke="white" stroke-width="2" mask="url(#path-2-inside-2_959_908)"/>
+<mask id="path-3-inside-3_959_908" fill="white">
+<path d="M17.5 10.15C17.5 9.84622 17.7462 9.59998 18.05 9.59998H22.45C22.7538 9.59998 23 9.84622 23 10.15V25H17.5V10.15Z"/>
+</mask>
+<path d="M17.5 10.15C17.5 9.84622 17.7462 9.59998 18.05 9.59998H22.45C22.7538 9.59998 23 9.84622 23 10.15V25H17.5V10.15Z" stroke="white" stroke-width="2" mask="url(#path-3-inside-3_959_908)"/>
+<path d="M0.947658 12.9528C0.673033 12.9817 0.473839 13.2278 0.502747 13.5024C0.531655 13.777 0.777717 13.9762 1.05234 13.9473L0.947658 12.9528ZM1.05234 13.9473C6.35452 13.3892 11.338 11.5497 15.2156 9.52056C17.1556 8.50536 18.8259 7.439 20.1271 6.45476C21.4172 5.47892 22.3787 4.55831 22.866 3.8274L22.034 3.2727C21.6413 3.86179 20.7878 4.70118 19.5238 5.65721C18.271 6.60484 16.6482 7.64224 14.7519 8.63454C10.957 10.6204 6.09548 12.4109 0.947658 12.9528L1.05234 13.9473Z" fill="white"/>
+<path d="M18.05 3.55L23 3L21.35 7.95" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1 24.45H23" stroke="white" stroke-linecap="round"/>
+</svg>
--- a/assets/images/svg/gridicons_play.svg
+++ b/assets/images/svg/gridicons_play.svg
@@ -0,0 +1,13 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_b_276_5137)">
+<path d="M28 4.66663C23.3851 4.66663 18.8738 6.0351 15.0367 8.599C11.1995 11.1629 8.20883 14.8071 6.44278 19.0707C4.67674 23.3343 4.21466 28.0258 5.11498 32.5521C6.0153 37.0783 8.23759 41.2359 11.5008 44.4991C14.764 47.7623 18.9216 49.9846 23.4479 50.8849C27.9741 51.7853 32.6656 51.3232 36.9292 49.5571C41.1929 47.7911 44.837 44.8004 47.4009 40.9633C49.9648 37.1261 51.3333 32.6149 51.3333 28C51.3333 24.9358 50.7298 21.9016 49.5572 19.0707C48.3845 16.2397 46.6658 13.6675 44.4991 11.5008C42.3324 9.3341 39.7602 7.61538 36.9292 6.44277C34.0983 5.27016 31.0641 4.66663 28 4.66663ZM23.3333 38.5V17.5L37.3333 28L23.3333 38.5Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_b_276_5137" x="-4" y="-4" width="64" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImageFix" stdDeviation="2"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_276_5137"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_276_5137" result="shape"/>
+</filter>
+</defs>
+</svg>
--- a/assets/images/svg/inactive_home.svg
+++ b/assets/images/svg/inactive_home.svg
@@ -0,0 +1,3 @@
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9492 2.80581C12.2428 2.55713 12.6152 2.42065 13 2.42065C13.3848 2.42065 13.7572 2.55713 14.0508 2.80581L22.1758 9.69906C22.3557 9.85159 22.5003 10.0415 22.5995 10.2555C22.6986 10.4695 22.75 10.7025 22.75 10.9384V21.125C22.75 21.556 22.5788 21.9693 22.274 22.274C21.9693 22.5788 21.556 22.75 21.125 22.75H14.8958C14.6803 22.75 14.4737 22.6644 14.3213 22.512C14.1689 22.3596 14.0833 22.153 14.0833 21.9375V15.1666H11.9167V21.9375C11.9167 22.153 11.8311 22.3596 11.6787 22.512C11.5263 22.6644 11.3197 22.75 11.1042 22.75H4.875C4.44402 22.75 4.0307 22.5788 3.72595 22.274C3.4212 21.9693 3.25 21.556 3.25 21.125V10.9384C3.25 10.4617 3.46017 10.0078 3.82417 9.69906L11.9492 2.80581ZM13 4.04515L4.875 10.9384V21.125H10.2917V14.3541C10.2917 14.1387 10.3773 13.932 10.5296 13.7796C10.682 13.6272 10.8887 13.5416 11.1042 13.5416H14.8958C15.1113 13.5416 15.318 13.6272 15.4704 13.7796C15.6227 13.932 15.7083 14.1387 15.7083 14.3541V21.125H21.125V10.9384L13 4.04515Z" fill="#676767"/>
+</svg>
--- a/assets/images/svg/inactive_protfolio.svg
+++ b/assets/images/svg/inactive_protfolio.svg
--- a/assets/images/svg/inactive_shortTrade.svg
+++ b/assets/images/svg/inactive_shortTrade.svg
@@ -0,0 +1,17 @@
+<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_959_860" fill="white">
+<path d="M2.09998 16.75C2.09998 16.4462 2.34622 16.2 2.64998 16.2H7.04998C7.35373 16.2 7.59998 16.4462 7.59998 16.75V25H2.09998V16.75Z"/>
+</mask>
+<path d="M2.09998 16.75C2.09998 16.4462 2.34622 16.2 2.64998 16.2H7.04998C7.35373 16.2 7.59998 16.4462 7.59998 16.75V25H2.09998V16.75Z" stroke="#676767" stroke-width="2" mask="url(#path-1-inside-1_959_860)"/>
+<mask id="path-2-inside-2_959_860" fill="white">
+<path d="M9.80005 13.45C9.80005 13.1463 10.0463 12.9 10.35 12.9H14.75C15.0538 12.9 15.3 13.1463 15.3 13.45V25H9.80005V13.45Z"/>
+</mask>
+<path d="M9.80005 13.45C9.80005 13.1463 10.0463 12.9 10.35 12.9H14.75C15.0538 12.9 15.3 13.1463 15.3 13.45V25H9.80005V13.45Z" stroke="#676767" stroke-width="2" mask="url(#path-2-inside-2_959_860)"/>
+<mask id="path-3-inside-3_959_860" fill="white">
+<path d="M17.5 10.15C17.5 9.84622 17.7462 9.59998 18.05 9.59998H22.45C22.7538 9.59998 23 9.84622 23 10.15V25H17.5V10.15Z"/>
+</mask>
+<path d="M17.5 10.15C17.5 9.84622 17.7462 9.59998 18.05 9.59998H22.45C22.7538 9.59998 23 9.84622 23 10.15V25H17.5V10.15Z" stroke="#676767" stroke-width="2" mask="url(#path-3-inside-3_959_860)"/>
+<path d="M0.947658 12.9528C0.673033 12.9817 0.473839 13.2278 0.502747 13.5024C0.531655 13.777 0.777717 13.9762 1.05234 13.9473L0.947658 12.9528ZM1.05234 13.9473C6.35452 13.3892 11.338 11.5497 15.2156 9.52056C17.1556 8.50536 18.8259 7.439 20.1271 6.45476C21.4172 5.47892 22.3787 4.55831 22.866 3.8274L22.034 3.2727C21.6413 3.86179 20.7878 4.70118 19.5238 5.65721C18.271 6.60484 16.6482 7.64224 14.7519 8.63454C10.957 10.6204 6.09548 12.4109 0.947658 12.9528L1.05234 13.9473Z" fill="#676767"/>
+<path d="M18.05 3.55L23 3L21.35 7.95" stroke="#676767" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1 24.45H23" stroke="#676767" stroke-linecap="round"/>
+</svg>
--- a/assets/images/svg/pdf1.svg
+++ b/assets/images/svg/pdf1.svg
--- a/assets/images/svg/pdfsvg.svg
+++ b/assets/images/svg/pdfsvg.svg
--- a/assets/images/svg/sidemenu/Faq.svg
+++ b/assets/images/svg/sidemenu/Faq.svg
@@ -0,0 +1,5 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.5833 20.1667C15.8761 20.1667 20.1667 15.8761 20.1667 10.5833C20.1667 5.2906 15.8761 1 10.5833 1C5.2906 1 1 5.2906 1 10.5833C1 15.8761 5.2906 20.1667 10.5833 20.1667Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.79443 7.70831C8.01974 7.06782 8.46445 6.52775 9.04981 6.18373C9.63516 5.83971 10.3234 5.71396 10.9926 5.82874C11.6617 5.94352 12.2687 6.29144 12.706 6.81086C13.1432 7.33028 13.3825 7.98768 13.3815 8.66664C13.3815 10.5833 10.5065 11.5416 10.5065 11.5416" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.5833 15.375H10.5938" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assets/images/svg/sidemenu/about.svg
+++ b/assets/images/svg/sidemenu/about.svg
@@ -0,0 +1,5 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.5833 20.0476C15.8761 20.0476 20.1667 15.7837 20.1667 10.5238C20.1667 5.26395 15.8761 1 10.5833 1C5.2906 1 1 5.26395 1 10.5238C1 15.7837 5.2906 20.0476 10.5833 20.0476Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.5833 6.71436V10.5239" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.5833 14.3337H10.5928" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assets/images/svg/sidemenu/contact.svg
+++ b/assets/images/svg/sidemenu/contact.svg
@@ -0,0 +1,3 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.3209 4.5C13.1755 4.66674 13.9609 5.08472 14.5767 5.70044C15.1924 6.31616 15.6104 7.10161 15.7771 7.95625M12.3209 1C14.0965 1.19726 15.7522 1.9924 17.0163 3.25488C18.2804 4.51736 19.0776 6.17213 19.2771 7.9475M18.4021 14.93V17.555C18.4031 17.7987 18.3532 18.0399 18.2556 18.2632C18.1579 18.4865 18.0147 18.6869 17.8352 18.8516C17.6556 19.0164 17.4436 19.1418 17.2128 19.2199C16.9819 19.2979 16.7373 19.3269 16.4946 19.305C13.8021 19.0124 11.2157 18.0924 8.94335 16.6187C6.8292 15.2753 5.03677 13.4829 3.69335 11.3687C2.21458 9.08605 1.29431 6.48712 1.0071 3.7825C0.985236 3.54053 1.01399 3.29667 1.09154 3.06642C1.16909 2.83618 1.29373 2.6246 1.45752 2.44517C1.62132 2.26573 1.82068 2.12237 2.04292 2.02421C2.26516 1.92604 2.5054 1.87523 2.74835 1.875H5.37335C5.798 1.87082 6.20967 2.02119 6.53164 2.29809C6.85362 2.57499 7.06392 2.95952 7.12335 3.38C7.23415 4.22006 7.43962 5.04489 7.73585 5.83875C7.85358 6.15193 7.87906 6.4923 7.80927 6.81952C7.73948 7.14674 7.57736 7.4471 7.3421 7.685L6.23085 8.79625C7.47646 10.9869 9.29025 12.8006 11.4809 14.0462L12.5921 12.935C12.83 12.6997 13.1304 12.5376 13.4576 12.4678C13.7848 12.398 14.1252 12.4235 14.4384 12.5412C15.2322 12.8375 16.057 13.043 16.8971 13.1537C17.3221 13.2137 17.7103 13.4278 17.9878 13.7553C18.2653 14.0828 18.4128 14.5009 18.4021 14.93Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assets/images/svg/sidemenu/content.svg
+++ b/assets/images/svg/sidemenu/content.svg
@@ -0,0 +1,11 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.44043 0.0741386C0.859375 0.230389 0.424805 0.5966 0.151367 1.16789L0 1.48527V10.5917V19.6982L0.112305 19.9814C0.273438 20.3769 0.678711 20.8017 1.08887 21.0019L1.41602 21.163L5.42969 21.1777L9.44824 21.1874L11.8457 22.9062C13.1641 23.8486 14.3164 24.6396 14.4043 24.6689C14.5996 24.7275 14.8779 24.6103 14.9609 24.4296C14.9951 24.3466 15.0146 23.8095 15.0146 22.7499V21.1923L16.6895 21.1777L18.3594 21.163L18.6768 21.0068C19.082 20.8066 19.4189 20.4696 19.6191 20.0644L19.7754 19.747L19.79 16.6415L19.8047 13.5361L19.6729 13.4091C19.4824 13.2187 19.165 13.2236 18.9648 13.4189L18.8232 13.5605V16.412C18.8232 18.1698 18.8037 19.3271 18.7744 19.4345C18.6963 19.7079 18.5254 19.9277 18.2861 20.0644L18.0664 20.1864L15.7812 20.2109L13.4912 20.2353L13.374 20.372C13.2031 20.5722 13.2129 20.8554 13.3984 21.0458C13.5205 21.163 13.5791 21.1874 13.7891 21.1874H14.0381V22.1933C14.0381 22.9794 14.0234 23.1894 13.9795 23.1601C13.9453 23.1405 13.0029 22.4716 11.8896 21.6806L9.86816 20.2353L5.78613 20.2109L1.70898 20.1864L1.48926 20.0644C1.25 19.9277 1.0791 19.7079 1.00098 19.4345C0.932617 19.1855 0.932617 1.99308 1.00586 1.73918C1.06934 1.49992 1.31348 1.22648 1.5625 1.11418C1.74805 1.02629 2.12891 1.0214 9.8877 1.0214C17.6465 1.0214 18.0273 1.02629 18.2129 1.11418C18.4619 1.22648 18.7061 1.49992 18.7695 1.73918C18.8037 1.85637 18.8232 2.69621 18.8232 3.97551V6.02629L15.1367 9.71281C13.1104 11.7392 11.4307 13.453 11.4062 13.5214C11.377 13.5898 11.1768 14.3075 10.957 15.1181C10.6885 16.1191 10.5713 16.6366 10.5908 16.7245C10.6445 16.9345 10.835 17.0859 11.0498 17.0859C11.1523 17.0859 11.9141 16.9101 12.7441 16.7001L14.248 16.3144L19.3164 11.246C22.9688 7.59367 24.4189 6.1093 24.5166 5.9384C24.6924 5.61613 24.7314 5.1425 24.6094 4.77629C24.5361 4.5468 24.4336 4.42472 23.8574 3.84367C23.2422 3.22355 23.1738 3.17472 22.9053 3.0966C22.5537 2.99406 22.1582 3.01847 21.8311 3.16496C21.665 3.23332 21.3525 3.51164 20.7227 4.12687L19.8486 4.99113V3.48234C19.8486 2.65226 19.8291 1.8466 19.7998 1.69035C19.668 0.87492 19.043 0.21574 18.2471 0.0497246C18.0615 0.0106621 15.6299 -0.00398636 9.84863 0.000896454C2.84668 0.000896454 1.66992 0.0106621 1.44043 0.0741386ZM23.1543 4.55168C23.6035 5.00578 23.6572 5.07902 23.6572 5.23039C23.6572 5.33293 23.6133 5.455 23.5547 5.53801L23.4473 5.66984L22.7441 4.96672L22.041 4.26847L22.168 4.15617C22.251 4.08781 22.3584 4.04875 22.4707 4.04875C22.627 4.04875 22.7002 4.10246 23.1543 4.55168ZM22.0215 5.70891L22.7051 6.3925L18.335 10.7626L13.9648 15.1327L13.2715 14.4394L12.5732 13.7411L16.9287 9.38566C19.3262 6.9882 21.2988 5.02531 21.3135 5.02531C21.3281 5.02531 21.6455 5.33293 22.0215 5.70891ZM12.9395 15.5624C12.9053 15.5966 11.8701 15.8652 11.8506 15.8456C11.8408 15.831 11.8652 15.6991 11.9092 15.5527C11.9531 15.4013 12.0215 15.1571 12.0654 15.0058L12.1436 14.7323L12.5537 15.1376C12.7783 15.3622 12.9541 15.5527 12.9395 15.5624Z" fill="white"/>
+<path d="M4.26268 3.98047C3.92576 4.16113 3.95018 4.68359 4.29686 4.85449C4.43358 4.91797 4.75584 4.92773 6.50389 4.92773C8.45701 4.92773 8.54979 4.92285 8.70604 4.83008C9.00389 4.64453 9.03319 4.25879 8.75975 4.0293L8.60838 3.90234H6.50389C4.73631 3.90723 4.37498 3.91699 4.26268 3.98047Z" fill="white"/>
+<path d="M10.2343 4.0293C10.0487 4.18555 9.99503 4.41992 10.1025 4.62988C10.2538 4.91797 10.3075 4.92773 12.0263 4.92773C13.6718 4.92773 13.828 4.9082 13.9599 4.70801C14.0478 4.57129 14.0624 4.2832 13.9892 4.1416C13.8671 3.91699 13.7548 3.90234 12.0165 3.90234H10.3857L10.2343 4.0293Z" fill="white"/>
+<path d="M15.1172 3.9707C14.8926 4.09766 14.8096 4.40039 14.9219 4.6543C15.0195 4.86426 15.2392 4.92773 15.8447 4.92773C16.5967 4.92773 16.7724 4.8252 16.7724 4.39551C16.7724 4.25879 16.7383 4.16113 16.6553 4.06348C16.5381 3.92676 16.5332 3.92676 15.8838 3.91211C15.4053 3.90723 15.2051 3.91699 15.1172 3.9707Z" fill="white"/>
+<path d="M4.15537 8.10645C3.97471 8.32129 3.97959 8.59961 4.17002 8.79004L4.31162 8.93164H5.44443H6.57724L6.71885 8.79004C6.91416 8.59473 6.91904 8.27246 6.73349 8.08203L6.60166 7.95508H5.44443H4.28232L4.15537 8.10645Z" fill="white"/>
+<path d="M7.97852 8.09668C7.86621 8.20898 7.83691 8.28223 7.83691 8.44336C7.83691 8.60449 7.86621 8.67773 7.97852 8.79004L8.12012 8.93164H10.9375H13.7549L13.8965 8.79004C14.0088 8.67773 14.0381 8.60449 14.0381 8.44336C14.0381 8.28223 14.0088 8.20898 13.8965 8.09668L13.7549 7.95508H10.9375H8.12012L7.97852 8.09668Z" fill="white"/>
+<path d="M4.78027 12.0078C4.61914 12.0713 4.5166 12.252 4.5166 12.4619C4.5166 12.8916 4.69238 12.9844 5.51758 12.9844C6.34766 12.9844 6.51855 12.8965 6.51855 12.4521C6.51855 12.3154 6.48438 12.2178 6.40137 12.1201L6.28418 11.9834L5.58105 11.9736C5.2002 11.9688 4.83398 11.9834 4.78027 12.0078Z" fill="white"/>
+<path d="M8.00293 12.0078C7.8418 12.0713 7.73926 12.252 7.73926 12.4619C7.73926 12.9307 7.88086 12.9844 9.05762 12.9844C10.0439 12.9844 10.2148 12.9502 10.3271 12.7451C10.4199 12.5693 10.3857 12.2666 10.2588 12.1201L10.1416 11.9834L9.12109 11.9736C8.56445 11.9688 8.05664 11.9834 8.00293 12.0078Z" fill="white"/>
+<path d="M4.16992 16.1533C4.05762 16.2656 4.02832 16.3389 4.02832 16.5C4.02832 16.6611 4.05762 16.7344 4.16992 16.8467L4.31152 16.9883H6.83594H9.36035L9.50195 16.8467C9.70215 16.6465 9.70215 16.3535 9.50195 16.1533L9.36035 16.0117H6.83594H4.31152L4.16992 16.1533Z" fill="white"/>
+</svg>
--- a/assets/images/svg/sidemenu/logout.svg
+++ b/assets/images/svg/sidemenu/logout.svg
@@ -0,0 +1,3 @@
+<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 1H4C0.9423 1 1 5 1 9C1 13 0.9423 17 4 17H7.5M18.5 9H6.5M18.5 9L14.5 5M18.5 9L14.5 13" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assets/images/svg/sidemenu/privacy.svg
+++ b/assets/images/svg/sidemenu/privacy.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.66667 22.6667C9.66667 22.6667 18.3333 18.3333 18.3333 11.8333V4.25L9.66667 1L1 4.25V11.8333C1 18.3333 9.66667 22.6667 9.66667 22.6667Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assets/images/svg/sidemenu/rate.svg
+++ b/assets/images/svg/sidemenu/rate.svg
@@ -0,0 +1,6 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.1667 19.3333C15.2293 19.3333 19.3333 15.2293 19.3333 10.1667C19.3333 5.10406 15.2293 1 10.1667 1C5.10406 1 1 5.10406 1 10.1667C1 15.2293 5.10406 19.3333 10.1667 19.3333Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.5 12C6.5 12 7.875 13.8333 10.1667 13.8333C12.4583 13.8333 13.8333 12 13.8333 12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.41675 7.41675H7.42756" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.9167 7.41675H12.9276" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assets/images/svg/sidemenu/risk.svg
+++ b/assets/images/svg/sidemenu/risk.svg
@@ -0,0 +1,8 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.1293 21.0165L19.4351 17.4298C21.1093 15.2471 21.8904 12.5092 21.6204 9.77188C21.3503 7.03454 20.0491 4.50225 17.9807 2.6885C15.9122 0.874837 13.2313 -0.0841904 10.4821 0.00580608C7.73253 0.095825 5.12022 1.22796 3.17481 3.17289C1.22935 5.11782 0.096422 7.72977 0.00587639 10.4792C-0.0846693 13.2283 0.873964 15.9093 2.6872 17.978C4.50049 20.0467 7.03273 21.3482 9.77032 21.6188C12.5081 21.8894 15.2464 21.1089 17.4294 19.4354L21.0171 24.1309C21.4066 24.6376 21.9952 24.9524 22.6331 24.9949C22.6816 24.9982 22.7302 24.9999 22.7792 24.9999C23.3684 25.0006 23.9338 24.767 24.3505 24.3501C24.7673 23.9335 25.001 23.3681 25.0001 22.7787C25.0022 22.0874 24.6797 21.4347 24.1293 21.0165ZM0.868074 10.8544C0.868074 8.20619 1.92005 5.66632 3.79267 3.79418C5.66532 1.92168 8.20525 0.869844 10.8535 0.869844C13.5017 0.869844 16.0416 1.92172 17.9143 3.79418C19.787 5.66667 20.8391 8.20637 20.8391 10.8544C20.8391 13.5024 19.7869 16.042 17.9143 17.9146C16.0416 19.7871 13.5017 20.8391 10.8535 20.8391C8.20609 20.836 5.66809 19.7831 3.79578 17.9111C1.92383 16.0393 0.871065 13.5014 0.868074 10.8544ZM23.7624 23.7606C23.4773 24.0411 23.0869 24.1877 22.6876 24.1645C22.289 24.1377 21.9211 23.9406 21.6778 23.6235L18.071 18.9035C18.3632 18.6414 18.6409 18.3636 18.9032 18.0716L23.6231 21.6769C23.941 21.9198 24.1384 22.2879 24.165 22.687C24.1919 23.086 24.0448 23.4774 23.7624 23.7606Z" fill="white"/>
+<path d="M5.18037 14.4296C5.28532 14.6171 5.43836 14.7731 5.6236 14.8816C5.809 14.99 6.01993 15.0472 6.23469 15.0469H15.4883C15.7031 15.0472 15.914 14.99 16.0994 14.8816C16.2848 14.7731 16.4378 14.6171 16.5426 14.4296C16.7686 14.0357 16.7674 13.5514 16.5393 13.1587L11.9139 5.21395C11.773 4.96418 11.5479 4.77282 11.2789 4.67385C11.0099 4.57486 10.7145 4.57486 10.4453 4.67385C10.1763 4.77285 9.95118 4.9642 9.81037 5.21395L5.18403 13.1583C5.07172 13.3512 5.01243 13.5702 5.01173 13.7934C5.01102 14.0166 5.06928 14.236 5.18037 14.4296ZM5.90626 13.5792L10.5344 5.63042C10.5993 5.50939 10.7257 5.43418 10.863 5.4347C11.0002 5.43505 11.1261 5.51113 11.1903 5.63235L15.8175 13.5793C15.8964 13.7131 15.8964 13.8793 15.8175 14.0131C15.7519 14.134 15.6258 14.2097 15.4883 14.2108H6.23521C6.09772 14.2095 5.97147 14.134 5.90552 14.0131C5.82715 13.879 5.82719 13.713 5.90626 13.5792Z" fill="white"/>
+<path d="M10.9019 1.70898C10.671 1.70898 10.4838 1.89614 10.4838 2.12701C10.4838 2.35772 10.671 2.54487 10.9019 2.54487C13.0307 2.54592 15.0787 3.35976 16.6279 4.81993C18.1769 6.28006 19.1103 8.27665 19.2369 10.4018C19.3637 12.527 18.6744 14.6203 17.3097 16.2541C15.9453 17.8881 14.0083 18.9395 11.8949 19.1936C9.78142 19.4478 7.65036 18.8855 5.93734 17.6214C4.22444 16.3573 3.05851 14.4872 2.67808 12.3928C2.29747 10.2983 2.73091 8.13745 3.88983 6.35152C5.0486 4.56587 6.84545 3.28973 8.91333 2.78424C9.13757 2.72932 9.27487 2.50299 9.21995 2.27876C9.16503 2.05453 8.9387 1.91722 8.71447 1.97215C6.43734 2.52854 4.45874 3.93324 3.18229 5.89938C1.90598 7.86553 1.42847 10.2447 1.84722 12.551C2.26614 14.8573 3.54964 16.9167 5.4355 18.3088C7.32155 19.7008 9.66795 20.3201 11.9953 20.0404C14.3227 19.7607 16.4553 18.6032 17.9578 16.8041C19.4603 15.0048 20.2192 12.7 20.0796 10.3603C19.9401 8.02032 18.9125 5.82214 17.2067 4.21421C15.501 2.60627 13.2459 1.71006 10.9019 1.70898Z" fill="white"/>
+<path d="M22.7883 22.1974C22.6244 22.039 22.3636 22.0412 22.2026 22.2025C22.0412 22.3636 22.039 22.6244 22.1975 22.7883L22.6153 23.2061C22.7793 23.3645 23.04 23.3623 23.2011 23.2011C23.3624 23.04 23.3646 22.7794 23.2063 22.6153L22.7883 22.1974Z" fill="white"/>
+<path d="M10.8536 11.2808C10.9643 11.2808 11.0706 11.2367 11.149 11.1583C11.2274 11.08 11.2714 10.9736 11.2714 10.8629V7.93738C11.2714 7.70667 11.0843 7.51953 10.8536 7.51953C10.6227 7.51953 10.4355 7.70667 10.4355 7.93738V10.8629C10.4355 10.9736 10.4796 11.08 10.558 11.1583C10.6363 11.2367 10.7427 11.2808 10.8536 11.2808Z" fill="white"/>
+<path d="M10.8536 13.3534C10.9643 13.3534 11.0706 13.3093 11.149 13.2309C11.2274 13.1526 11.2714 13.0462 11.2714 12.9353V12.5175C11.2714 12.2866 11.0843 12.0996 10.8536 12.0996C10.6227 12.0996 10.4355 12.2866 10.4355 12.5175V12.9353C10.4355 13.0462 10.4796 13.1526 10.558 13.2309C10.6363 13.3093 10.7427 13.3534 10.8536 13.3534Z" fill="white"/>
+</svg>
--- a/assets/images/svg/sidemenu/settingmenu.svg
+++ b/assets/images/svg/sidemenu/settingmenu.svg
@@ -0,0 +1,4 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.564 7.02783C9.07235 7.02783 7.0918 9.00839 7.0918 11.5001C7.0918 13.9917 9.07235 15.9723 11.564 15.9723C14.0557 15.9723 16.0362 13.9917 16.0362 11.5001C16.0362 9.00839 14.0557 7.02783 11.564 7.02783ZM11.564 14.6945C9.77513 14.6945 8.36957 13.2889 8.36957 11.5001C8.36957 9.71117 9.77513 8.30561 11.564 8.30561C13.3529 8.30561 14.7585 9.71117 14.7585 11.5001C14.7585 13.2889 13.3529 14.6945 11.564 14.6945Z" fill="white"/>
+<path d="M20.9554 9.39172L19.1665 8.81672L18.7831 7.85839L19.6776 6.19728C19.8693 5.81394 19.8054 5.30283 19.4859 4.98339L17.9526 3.45005C17.6331 3.13061 17.122 3.06672 16.7387 3.25839L15.0776 4.15283L14.1193 3.7695L13.5443 1.98061C13.4165 1.59728 13.0331 1.27783 12.5859 1.27783H10.4137C9.96648 1.27783 9.58314 1.59728 9.51925 2.0445L8.94425 3.83339C8.56092 3.89728 8.24148 4.02505 7.92203 4.21672L6.26092 3.32228C5.87759 3.13061 5.36648 3.1945 5.04703 3.51394L3.5137 5.04728C3.19425 5.36672 3.13037 5.87783 3.32203 6.26117L4.15259 7.85839C4.02481 8.17783 3.89703 8.56117 3.76925 8.88061L1.98037 9.45561C1.59703 9.58339 1.27759 9.96672 1.27759 10.4139V12.5862C1.27759 13.0334 1.59703 13.4167 2.04425 13.5445L3.83314 14.1195L4.21648 15.0778L3.32203 16.7389C3.13037 17.1223 3.19425 17.6334 3.5137 17.9528L5.04703 19.4862C5.36648 19.8056 5.87759 19.8695 6.26092 19.6778L7.92203 18.7834L8.88037 19.1667L9.45537 21.0195C9.58314 21.4028 9.96648 21.7223 10.4137 21.7223H12.5859C13.0331 21.7223 13.4165 21.4028 13.5443 21.0195L14.1193 19.1667L15.0776 18.7834L16.7387 19.6778C17.122 19.8695 17.6331 19.8056 17.9526 19.4862L19.4859 17.9528C19.8054 17.6334 19.8693 17.1223 19.6776 16.7389L18.7831 15.0778L19.1665 14.1195L21.0193 13.5445C21.4026 13.4167 21.722 13.0334 21.722 12.5862V10.4139C21.722 9.96672 21.4026 9.5195 20.9554 9.39172ZM20.4443 12.3945L18.1443 13.0973L18.0804 13.4167L17.5054 14.7584L17.3137 15.0778L18.4637 17.1862L17.1859 18.4639L15.0776 17.3139L14.7581 17.5056C14.3109 17.7612 13.8637 17.9528 13.4165 18.0806L13.097 18.1445L12.3943 20.4445H10.6054L9.90259 18.1445L9.58314 18.0806L8.24148 17.5056L7.92203 17.3139L5.8137 18.4639L4.53592 17.1862L5.68592 15.0778L5.49426 14.7584C5.2387 14.3112 5.04703 13.8639 4.91925 13.4167L4.85537 13.0973L2.55537 12.3945V10.6056L4.72759 9.96672L4.85537 9.64728C4.98314 9.13617 5.17481 8.68894 5.43037 8.24172L5.62203 7.92228L4.53592 5.81394L5.8137 4.53617L7.85814 5.68617L8.17759 5.4945C8.62481 5.23894 9.07203 5.04728 9.58314 4.9195L9.90259 4.79172L10.6054 2.55561H12.3943L13.097 4.79172L13.4165 4.9195C13.8637 5.04728 14.3109 5.23894 14.7581 5.4945L15.0776 5.68617L17.1859 4.53617L18.4637 5.81394L17.3137 7.92228L17.5054 8.24172C17.7609 8.68894 17.9526 9.13617 18.0804 9.58339L18.1443 9.90283L20.4443 10.6056V12.3945Z" fill="white"/>
+</svg>
--- a/assets/images/svg/sidemenu/sub.svg
+++ b/assets/images/svg/sidemenu/sub.svg
@@ -0,0 +1,5 @@
+<svg width="22" height="26" viewBox="0 0 22 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.4395 0.142189C12.2415 0.340235 12.1653 0.644922 12.2415 0.924219C12.2872 1.10195 12.4192 1.26445 12.9067 1.76211L13.5161 2.37656L11.368 2.39688C9.42819 2.41719 9.15905 2.43242 8.65631 2.52891C6.82311 2.88945 5.29459 3.59023 3.90826 4.70742C3.42584 5.09844 2.54733 6.00742 2.17155 6.5C1.05436 7.97773 0.333264 9.7043 0.0742798 11.5375C-0.0272827 12.2332 -0.0222046 13.7008 0.0742798 14.4219C0.23678 15.5594 0.577014 16.6309 1.11022 17.6973C1.50631 18.4793 1.62311 18.5859 2.08522 18.5859C2.32389 18.5859 2.40514 18.5605 2.53717 18.4539C2.9485 18.1035 2.94342 17.8293 2.51178 16.9457C1.86178 15.6102 1.62819 14.6707 1.58756 13.2031C1.56217 12.3449 1.5774 12.1266 1.66881 11.5781C2.00397 9.60273 2.87233 7.92188 4.28405 6.52539C5.6653 5.15938 7.33092 4.32656 9.25553 4.04219C9.66178 3.98125 10.2255 3.96094 11.6575 3.96094H13.5313L12.9067 4.58555C12.2465 5.25078 12.1602 5.39297 12.2212 5.75352C12.2618 6.02266 12.5512 6.32734 12.8153 6.37305C13.2368 6.4543 13.3231 6.39336 14.7399 4.98672C15.461 4.26563 16.0856 3.61563 16.1313 3.53438C16.1821 3.43281 16.2024 3.2957 16.1872 3.0875L16.1669 2.78789L14.7704 1.39141L13.379 0H12.9829C12.6122 0 12.5715 0.0101566 12.4395 0.142189Z" fill="white"/>
+<path d="M18.6095 7.40897C18.3708 7.55116 18.2591 7.75936 18.2591 8.04881C18.254 8.2621 18.3099 8.41444 18.5943 8.98827C19.5388 10.9027 19.7724 12.807 19.3153 14.8738C18.6552 17.8496 16.5021 20.3328 13.6583 21.3941C12.4243 21.8562 11.7794 21.9375 9.4384 21.9375H7.59504L8.1841 21.3383C8.79347 20.7238 8.88488 20.5867 8.88488 20.282C8.88488 19.7336 8.30597 19.3527 7.80324 19.5711C7.71183 19.6117 7.03136 20.2566 6.28488 21.0031C4.41613 22.8922 4.41613 22.6129 6.25949 24.4664C6.99074 25.2027 7.6509 25.8375 7.72707 25.8781C7.9048 25.9695 8.29074 25.9695 8.47863 25.873C8.78332 25.7156 8.93058 25.3754 8.85949 24.9996C8.8341 24.8422 8.70715 24.6898 8.18918 24.1617L7.55441 23.5219L9.72785 23.4965C12.0486 23.4711 12.1653 23.4609 13.2775 23.1765C17.4669 22.1051 20.6204 18.3574 21.0724 13.9191C21.2501 12.1113 20.9099 10.141 20.1177 8.4703C19.7978 7.78475 19.6302 7.53592 19.4321 7.41405C19.2189 7.28202 18.8177 7.28202 18.6095 7.40897Z" fill="white"/>
+<path d="M10.1137 7.71875C9.85976 7.87617 9.74804 8.16563 9.74804 8.68867V9.12539L9.44335 9.15586C8.8746 9.20664 8.2246 9.60781 7.86913 10.1309C7.08202 11.2836 7.53905 12.9137 8.81874 13.523L9.16405 13.6855L10.3422 13.7109C11.434 13.7363 11.5305 13.7414 11.6625 13.843C12.1449 14.2035 12.1449 14.7418 11.6625 15.1023C11.5254 15.2039 11.4441 15.209 9.72773 15.2344C7.71171 15.2648 7.74218 15.2547 7.55937 15.6559C7.43749 15.925 7.44257 16.0672 7.56444 16.3363C7.7371 16.7172 7.85898 16.7578 8.8746 16.7578H9.74804V17.1996C9.75312 17.9512 9.99179 18.2812 10.5351 18.2812C10.8348 18.2812 11.0734 18.1543 11.2207 17.9156C11.3019 17.7785 11.3223 17.6566 11.3223 17.2504V16.7578H11.5203C11.8453 16.7578 12.3582 16.5699 12.6781 16.3363C13.0285 16.0723 13.2012 15.859 13.4195 15.3969C13.5719 15.077 13.582 15.0262 13.582 14.4727C13.582 13.9191 13.5719 13.8684 13.4195 13.5434C13.2113 13.1066 13.0133 12.8527 12.6883 12.6141C12.2008 12.2586 12.0434 12.223 10.7637 12.1875C9.82421 12.1621 9.59062 12.1418 9.45858 12.0707C8.93554 11.7914 8.93554 11.0652 9.45858 10.7758C9.60077 10.6996 9.83944 10.6844 11.373 10.6641C12.9523 10.6387 13.1453 10.6285 13.2672 10.5473C13.7344 10.2426 13.7141 9.53164 13.2418 9.24219C13.0894 9.15078 12.9828 9.14062 12.2008 9.14062H11.3223V8.64297C11.3223 8.08438 11.2461 7.89648 10.9566 7.71875C10.7332 7.58164 10.3371 7.58164 10.1137 7.71875Z" fill="white"/>
+</svg>
--- a/assets/images/svg/sidemenu/terms.svg
+++ b/assets/images/svg/sidemenu/terms.svg
@@ -0,0 +1,5 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.5833 20.1667C15.8761 20.1667 20.1667 15.8761 20.1667 10.5833C20.1667 5.2906 15.8761 1 10.5833 1C5.2906 1 1 5.2906 1 10.5833C1 15.8761 5.2906 20.1667 10.5833 20.1667Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.79443 7.70831C8.01974 7.06782 8.46445 6.52775 9.04981 6.18373C9.63516 5.83971 10.3234 5.71396 10.9926 5.82874C11.6617 5.94352 12.2687 6.29144 12.706 6.81086C13.1432 7.33028 13.3825 7.98768 13.3815 8.66664C13.3815 10.5833 10.5065 11.5416 10.5065 11.5416" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.5833 15.375H10.5938" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assets/images/svg/sidemenu/update.svg
+++ b/assets/images/svg/sidemenu/update.svg
@@ -0,0 +1,8 @@
+<svg width="30" height="26" viewBox="0 0 30 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.9023 0.219183C20.4668 1.38129 18.5459 2.23578 16.6523 2.57075C16.3174 2.62543 16.0029 2.70747 15.9551 2.74848C15.7295 2.93305 15.6953 3.37055 15.6885 5.74946C15.6885 8.3061 15.75 8.97602 16.1055 10.3295C16.502 11.8403 17.4316 13.1801 19.0723 14.6225C19.7148 15.1831 20.8633 15.976 21.6904 16.4135C22.374 16.7827 22.5723 16.769 23.3789 16.2973C25.5117 15.0532 26.9404 13.7817 27.9043 12.2778C28.6084 11.184 28.916 10.1586 29.1211 8.24457C29.21 7.44477 29.2168 4.40961 29.1279 3.54145C29.0664 2.85786 28.9639 2.70063 28.5811 2.63227C26.2979 2.24262 24.5342 1.4975 23.0508 0.301214C22.5791 -0.0747623 22.292 -0.0952702 21.9023 0.219183ZM23.0713 1.75727C24.3701 2.62543 25.874 3.26118 27.4258 3.59614C27.9316 3.70551 27.9453 3.71235 27.9863 3.93793C28.0615 4.32758 28.041 7.5268 27.959 8.17622C27.7881 9.6186 27.5352 10.5551 27.1318 11.2797C26.6191 12.1889 25.5049 13.4057 24.4727 14.1713C23.8438 14.643 22.5586 15.4565 22.4355 15.4565C22.3193 15.4565 21.2393 14.8002 20.5557 14.3149C19.9062 13.85 18.5869 12.5786 18.1973 12.0385C17.4111 10.9448 17.0762 9.95356 16.8848 8.17622C16.8096 7.44477 16.7822 4.31391 16.8574 3.93793C16.8916 3.72602 16.9189 3.71235 17.3154 3.63032C18.8535 3.30903 20.5557 2.58442 21.8066 1.72309C22.1279 1.50434 22.3877 1.31977 22.3945 1.31293C22.3945 1.31293 22.7021 1.51118 23.0713 1.75727Z" fill="white"/>
+<path d="M23.5498 7.80029L21.7725 9.57764L20.6445 8.44971C20.0225 7.82764 19.4482 7.30127 19.3594 7.28076C19.168 7.22607 18.8125 7.36963 18.7305 7.53369C18.6895 7.60205 18.6621 7.75244 18.6621 7.88232C18.6621 8.08057 18.8125 8.25146 20.084 9.52295C21.458 10.897 21.5127 10.9448 21.7725 10.9448C22.0459 10.9448 22.0938 10.897 24.124 8.8667L26.2021 6.78174L26.1611 6.52197C26.1064 6.20068 25.9014 6.02295 25.5801 6.02295C25.3477 6.02295 25.2178 6.13916 23.5498 7.80029Z" fill="white"/>
+<path d="M1.05957 6.20068C0.601562 6.43311 0.396484 6.64502 0.177734 7.08252L0 7.45166V15.8667V24.2817L0.177734 24.6509C0.369141 25.0542 0.758789 25.4233 1.18945 25.6011C1.42871 25.6968 2.57031 25.7104 13.1523 25.7104C24.4727 25.7104 24.8555 25.7036 25.1357 25.5806C25.498 25.4097 25.9492 24.9585 26.1201 24.5962C26.2363 24.3228 26.25 24.0903 26.25 20.5083V16.7075L26.0928 16.564C25.874 16.3589 25.498 16.3657 25.3066 16.5708C25.1631 16.7212 25.1631 16.7554 25.1426 20.3442C25.1221 24.4321 25.1357 24.2954 24.6094 24.5073C24.3564 24.6099 23.3105 24.6167 13.125 24.6167C0.519531 24.6167 1.49707 24.6577 1.23047 24.1108C1.09375 23.8169 1.09375 23.769 1.10742 15.7915C1.12793 8.79834 1.1416 7.73877 1.23047 7.56104C1.44922 7.13037 1.13477 7.15088 8.01855 7.1167C14.1367 7.08252 14.3008 7.07568 14.3965 6.95264C14.5469 6.74072 14.5195 6.34424 14.335 6.17334L14.1777 6.02295H7.78613L1.40137 6.02979L1.05957 6.20068Z" fill="white"/>
+<path d="M8.4082 9.83068C7.33496 9.94005 6.30273 10.569 5.7627 11.4371C5.3457 12.1139 5.25 12.401 5.21582 13.2076C5.16113 14.2399 5.35938 14.8619 5.98145 15.6617L6.27539 16.0445L5.9541 16.1608C5.09277 16.4615 4.2041 17.275 3.75977 18.15C3.37695 18.9088 3.28125 19.319 3.28125 20.2281C3.28125 20.9186 3.30176 21.0416 3.45898 21.3697C3.56152 21.5885 3.75293 21.8414 3.91699 21.9781C4.49805 22.4498 4.2998 22.4293 8.77734 22.4293C13.3369 22.4293 13.1045 22.4498 13.6719 21.8824C14.123 21.4313 14.2188 21.1578 14.2188 20.2486C14.2188 19.319 14.1094 18.8336 13.7266 18.109C13.2686 17.2477 12.3799 16.4547 11.5459 16.1608L11.2314 16.0445L11.498 15.7027C12.1201 14.9235 12.3389 14.233 12.2842 13.2076C12.25 12.4078 12.127 12.0182 11.7031 11.3688C11.0469 10.357 9.63867 9.7008 8.4082 9.83068ZM9.74121 11.2115C10.582 11.6012 11.1494 12.4488 11.1494 13.3307C11.1494 13.8776 11.1084 14.0895 10.8965 14.4996C10.6162 15.0738 9.93945 15.6139 9.33789 15.7574C9.22168 15.7848 8.9209 15.8053 8.66113 15.8053C7.52637 15.8053 6.51465 14.8824 6.36426 13.7203C6.125 11.8336 8.01855 10.4254 9.74121 11.2115ZM10.2539 17.0289C11.8809 17.2272 13.0361 18.5055 13.0771 20.1461C13.0908 20.816 12.9746 21.069 12.5781 21.2262C12.3389 21.3219 11.8672 21.3356 8.75 21.3356C4.69629 21.3356 4.76465 21.3424 4.51172 20.8297C4.38867 20.5631 4.38184 20.4811 4.44336 19.9C4.51855 19.1412 4.75098 18.6012 5.22949 18.068C5.7627 17.4801 6.40527 17.1383 7.21191 17.0358C7.82031 16.9537 9.59082 16.9469 10.2539 17.0289Z" fill="white"/>
+<path d="M16.5567 18.2114C16.3516 18.4302 16.3584 18.8062 16.5635 18.9976C16.7207 19.1479 16.7686 19.1479 18.6143 19.1479C20.419 19.1479 20.5147 19.1411 20.6446 19.0112C20.8428 18.813 20.8291 18.396 20.6241 18.2046C20.4668 18.061 20.419 18.0542 18.587 18.0542C16.7071 18.0542 16.7002 18.0542 16.5567 18.2114Z" fill="white"/>
+<path d="M16.5567 21.4927C16.3516 21.7114 16.3584 22.0874 16.5635 22.2788C16.7207 22.4292 16.7344 22.4292 19.7081 22.4292C22.6065 22.4292 22.7022 22.4224 22.8321 22.2925C23.0303 22.0942 23.0166 21.6772 22.8116 21.4858C22.6543 21.3354 22.6407 21.3354 19.6807 21.3354H16.7002L16.5567 21.4927Z" fill="white"/>
+</svg>
--- a/assets/images/svg/square_TRIDENT_com
+++ b/assets/images/svg/square_TRIDENT_com
--- a/assets/images/svg/squarelogo.svg
+++ b/assets/images/svg/squarelogo.svg
--- a/lib/Utils/Common/CommonAppBar.dart
+++ b/lib/Utils/Common/CommonAppBar.dart
@@ -0,0 +1,101 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+
+class CommonAppbar extends StatelessWidget implements PreferredSizeWidget {
+  @override
+  Size get preferredSize => const Size.fromHeight(70);
+
+  const CommonAppbar({
+    Key? key,
+    required this.titleTxt,
+    this.showLeading = true,
+    this.customActionWidget,
+    this.onCustomActionPressed,
+    // this.calendarWidget = true,
+    required Size preferredSize,
+    this.showEdit = false,
+    this.customBack,
+    this.editPageName,
+    this.customleading,
+  }) : super(key: key);
+
+  final String titleTxt;
+  final bool? showLeading;
+  final Widget? customActionWidget;
+  final Widget? customleading;
+  // final bool? calendarWidget;
+  final VoidCallback? onCustomActionPressed;
+  final bool? showEdit;
+  final bool? customBack;
+  final String? editPageName;
+
+  @override
+  Widget build(BuildContext context) {
+    return AppBar(
+      scrolledUnderElevation: 0.0,
+      backgroundColor: Colors.black,
+      elevation: 0,
+      automaticallyImplyLeading: false,
+      titleSpacing: 0,
+      title: SingleChildScrollView(
+        scrollDirection: Axis.horizontal,
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.start,
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            SingleChildScrollView(
+              scrollDirection: Axis.horizontal,
+              child: Text(
+                titleTxt,
+                softWrap: true,
+                overflow: TextOverflow.visible,
+                textAlign: TextAlign.start,
+                style: TextStyle(
+                  fontFamily: 'DM Sans',
+                  fontSize: 18.sp,
+                  fontWeight: FontWeight.w500,
+                  color: Color(0xFF090909),
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+      leading: showLeading!
+          ? InkWell(
+              onTap: () {
+                Get.back();
+              },
+              child: Icon(
+                Icons.arrow_back,
+                color: Color(0xFFFFFFFF),
+                size: 27,
+              ),
+            )
+          : customleading,
+      actions: [
+        //   if (calendarWidget == true)
+        //     InkWell(
+        //       onTap: onCustomActionPressed,
+        //       child: Padding(
+        //         padding: EdgeInsets.only(right: 14.w),
+        //         child: Icon(
+        //           Icons.calendar_month_outlined,
+        //           color: Color(0xFF3192D8),
+        //           size: 28,
+        //         ),
+        //       ),
+        //     ),
+        if (customActionWidget != null)
+          InkWell(
+            onTap: onCustomActionPressed,
+            child: Padding(
+              padding: EdgeInsets.only(right: 14.w),
+              child: customActionWidget,
+            ),
+          ),
+      ],
+    );
+  }
+}
--- a/lib/Utils/Common/CommonBottomNavigation.dart
+++ b/lib/Utils/Common/CommonBottomNavigation.dart
@@ -0,0 +1,193 @@
+import 'dart:ui';
+
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:flutter_svg/svg.dart';
+import 'package:glassmorphism/glassmorphism.dart';
+import 'package:traderscircuit/Utils/Common/MainController.dart';
+
+GlassmorphicContainer bottomnavigationbar(
+    Color secondaryColor, MainController _mainController) {
+  return GlassmorphicContainer(
+    width: double.infinity,
+    height: 83.h,
+    borderRadius: 8,
+    blur: 30,
+    alignment: Alignment.center,
+    border: 0,
+    linearGradient: LinearGradient(
+        begin: Alignment.topLeft,
+        end: Alignment.bottomRight,
+        colors: [
+          Colors.white.withOpacity(0.1),
+          Color(0xFFFFFFFF).withOpacity(0.05),
+        ],
+        stops: [
+          0.1,
+          1,
+        ]),
+    borderGradient: LinearGradient(
+      begin: Alignment.topLeft,
+      end: Alignment.bottomRight,
+      colors: [
+        Color(0xff3A3A3A),
+        Color(0xFF3A3A3A),
+      ],
+    ),
+    child: BottomNavigationBar(
+      // backgroundColor: ,
+      type: BottomNavigationBarType.fixed,
+      backgroundColor: Color(0xFFFFFFFF).withOpacity(0),
+      showUnselectedLabels: true,
+      selectedItemColor: Colors.white,
+      unselectedItemColor: Color(0xFF676767),
+      unselectedLabelStyle: TextStyle(
+          fontSize: 10.sp,
+          color: Color(0xFF676767),
+          fontWeight: FontWeight.w400,
+          fontFamily: 'manrope'),
+      selectedLabelStyle: TextStyle(
+          fontSize: 10.sp,
+          color: Color(0xFFFFFFFF),
+          fontWeight: FontWeight.w400,
+          fontFamily: 'manrope'),
+      currentIndex: _mainController.selectedIndex.value,
+      onTap: (index) {
+        _mainController.updateTab(index);
+      },
+      items: [
+        BottomNavigationBarItem(
+          icon: Image.asset(
+            'assets/images/png/sidemenu/inactivehome.png',
+            height: 26.h,
+            width: 26.w,
+          ),
+          // Icon(
+          //   Icons.home,
+          //   color: Color(0xFF676767),
+          // ),
+          activeIcon: Stack(
+            children: [
+              if (_mainController.selectedIndex.value == 0)
+                Container(
+                  height: 40.h,
+                  width: 40.w,
+                  decoration: BoxDecoration(
+                    shape: BoxShape.circle,
+                    boxShadow: [
+                      BoxShadow(
+                        color: Colors.grey.withOpacity(0.4),
+                        spreadRadius: 15,
+                        blurRadius: 10,
+                        offset: Offset(0, 10),
+                      ),
+                    ],
+                  ),
+                ),
+              Positioned(
+                top: 0,
+                bottom: 0,
+                right: 0,
+                left: 0,
+                child: Center(
+                  child: Image.asset(
+                    'assets/images/png/sidemenu/activehome.png',
+                    height: 30.h,
+                    width: 30.w,
+                  ),
+                ),
+              )
+            ],
+          ),
+
+          // activeIcon: SvgPicture.asset('assets/image/svg/active_home.svg'),
+          label: 'Home',
+        ),
+        BottomNavigationBarItem(
+          icon: Image.asset(
+            'assets/images/png/sidemenu/inactiveshorttrade.png',
+            height: 26.h,
+            width: 26.w,
+          ),
+          activeIcon: Stack(
+            children: [
+              if (_mainController.selectedIndex.value == 1)
+                Container(
+                  height: 40.h,
+                  width: 40.w,
+                  decoration: BoxDecoration(
+                    shape: BoxShape.circle,
+                    boxShadow: [
+                      BoxShadow(
+                        color: Colors.grey.withOpacity(0.4),
+                        spreadRadius: 15,
+                        blurRadius: 10,
+                        offset: Offset(0, 10),
+                      ),
+                    ],
+                  ),
+                ),
+              Positioned(
+                  left: 0,
+                  right: 0,
+                  top: 0,
+                  bottom: 0,
+                  child: Center(
+                    child: Image.asset(
+                      'assets/images/png/sidemenu/activetrade.png',
+                      height: 30.h,
+                      width: 30.w,
+                    ),
+                  ))
+            ],
+          ),
+
+          // SvgPicture.asset('assets/image/svg/active_shortTrade.svg'),
+          label: 'Short Trade',
+        ),
+        BottomNavigationBarItem(
+          icon: Image.asset(
+            'assets/images/png/sidemenu/inactiveprotfolio.png',
+            height: 26.h,
+            width: 26.w,
+          ),
+          activeIcon: Stack(
+            children: [
+              if (_mainController.selectedIndex.value == 2)
+                Container(
+                  height: 40.h,
+                  width: 40.w,
+                  decoration: BoxDecoration(
+                    shape: BoxShape.circle,
+                    boxShadow: [
+                      BoxShadow(
+                        color: Colors.grey.withOpacity(0.4),
+                        spreadRadius: 15,
+                        blurRadius: 10,
+                        offset: Offset(0, 10),
+                      ),
+                    ],
+                  ),
+                ),
+              Positioned(
+                  left: 0,
+                  right: 0,
+                  top: 0,
+                  bottom: 0,
+                  child: Center(
+                    child: Image.asset(
+                      'assets/images/png/sidemenu/activeprotfolio.png',
+                      height: 30.h,
+                      width: 30.w,
+                    ),
+                  ))
+            ],
+          ),
+
+          // SvgPicture.asset('assets/image/svg/active_protfolio.svg'),
+          label: 'Portfolio',
+        ),
+      ],
+    ),
+  );
+}
--- a/lib/Utils/Common/MainController.dart
+++ b/lib/Utils/Common/MainController.dart
@@ -0,0 +1,17 @@
+import 'package:get/get.dart';
+import 'package:traderscircuit/view/MainScreen/HomeScreen.dart';
+import 'package:traderscircuit/view/MainScreen/ShortTrade.dart';
+
+class MainController extends GetxController {
+  var selectedIndex = 0.obs;
+
+  var currentTab = [
+    const HomeScreen(),
+    const ShortTrade(),
+    const HomeScreen(),
+  ].obs;
+
+  void updateTab(int index) {
+    selectedIndex.value = index;
+  }
+}
--- a/lib/Utils/Common/comonGlassmorphicContainer.dart
+++ b/lib/Utils/Common/comonGlassmorphicContainer.dart
@@ -0,0 +1,38 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:glassmorphism/glassmorphism.dart';
+
+Widget commonGlassContainer(
+    {required double width,
+    required double height,
+    required double borderradius,
+    required Widget customWidget}) {
+  return GlassmorphicContainer(
+      width: width,
+      height: height,
+      borderRadius: borderradius,
+      blur: 10,
+      alignment: Alignment.center,
+      border: 0.9,
+      linearGradient: LinearGradient(
+        begin: Alignment.topLeft,
+        end: Alignment.bottomRight,
+        colors: [
+          Colors.white.withOpacity(0.1),
+          Color(0xFFFFFFFF).withOpacity(0.05),
+        ],
+        stops: [
+          0.1,
+          1,
+        ],
+      ),
+      borderGradient: LinearGradient(
+        begin: Alignment.topLeft,
+        end: Alignment.bottomRight,
+        colors: [
+          Color(0xff3A3A3A),
+          Color(0xFF3A3A3A),
+        ],
+      ),
+      child: customWidget);
+}
--- a/lib/Utils/text.dart
+++ b/lib/Utils/text.dart
@@ -34,6 +34,17 @@ Widget text18W600(String text) {
  );
 }

+Widget text18W500(String text) {
+  return Text(
+    text,
+    style: TextStyle(
+        fontSize: 18.sp,
+        color: Colors.white,
+        fontWeight: FontWeight.w500,
+        fontFamily: 'manrope'),
+  );
+}
+
 Widget text18W400(String text) {
  return Text(
    text,
@@ -56,6 +67,94 @@ Widget text16W400(String text) {
  );
 }

+Widget text16W400_1B1B1B(String text) {
+  return Text(
+    text,
+    style: TextStyle(
+        fontSize: 16.sp,
+        color: Color(0Xff1B1B1B),
+        fontWeight: FontWeight.w400,
+        fontFamily: 'manrope'),
+  );
+}
+
+Widget text16W600(String text) {
+  return Text(
+    text,
+    style: TextStyle(
+        fontSize: 16.sp,
+        color: Colors.white,
+        fontWeight: FontWeight.w600,
+        fontFamily: 'manrope'),
+  );
+}
+
+Widget text16W500(String text) {
+  return Text(
+    text,
+    style: TextStyle(
+        fontSize: 16.sp,
+        color: Colors.white,
+        fontWeight: FontWeight.w500,
+        fontFamily: 'manrope'),
+  );
+}
+
+Widget text15W600(String text) {
+  return Text(
+    text,
+    style: TextStyle(
+        fontSize: 15.sp,
+        color: Colors.white,
+        fontWeight: FontWeight.w600,
+        fontFamily: 'manrope'),
+  );
+}
+
+Widget text12W400(String text) {
+  return Text(
+    text,
+    style: TextStyle(
+        fontSize: 12.sp,
+        color: Colors.white,
+        fontWeight: FontWeight.w400,
+        fontFamily: 'manrope'),
+  );
+}
+
+Widget text8W400(String text) {
+  return Text(
+    text,
+    style: TextStyle(
+        fontSize: 8.sp,
+        color: Colors.white,
+        fontWeight: FontWeight.w400,
+        fontFamily: 'manrope'),
+  );
+}
+
+Widget text22W600(String text) {
+  return Text(
+    text,
+    style: TextStyle(
+        fontSize: 22.sp,
+        color: Colors.white,
+        fontWeight: FontWeight.w600,
+        fontFamily: 'manrope'),
+  );
+}
+
+Widget text22W500(String text) {
+  return Text(
+    text,
+    style: TextStyle(
+        fontSize: 22.sp,
+        color: Colors.white,
+        fontWeight: FontWeight.w500,
+        fontFamily: 'manrope'),
+  );
+}
+
 Widget text16W700(String text) {
  return Text(
    text,
@@ -77,3 +176,69 @@ Widget text14W300(String text) {
        fontFamily: 'manrope'),
  );
 }
+
+Widget text14W500(String text) {
+  return Text(
+    text,
+    style: TextStyle(
+        fontSize: 14.sp,
+        color: Colors.white,
+        fontWeight: FontWeight.w500,
+        fontFamily: 'manrope'),
+  );
+}
+
+Widget text16W400_DADADA(String text) {
+  return Text(
+    text,
+    style: TextStyle(
+        fontSize: 16.sp,
+        color: Color(0xFFDADADA),
+        fontWeight: FontWeight.w400,
+        fontFamily: 'manrope'),
+  );
+}
+
+Widget text14W400_979797(String text) {
+  return Text(
+    text,
+    style: TextStyle(
+        fontSize: 14.sp,
+        color: Color(0xFF979797),
+        fontWeight: FontWeight.w400,
+        fontFamily: 'manrope'),
+  );
+}
+
+Widget text12W400_979797(String text) {
+  return Text(
+    text,
+    style: TextStyle(
+        fontSize: 12.sp,
+        color: Color(0xFF979797),
+        fontWeight: FontWeight.w400,
+        fontFamily: 'manrope'),
+  );
+}
+
+Widget text14W400_00FF19(String text) {
+  return Text(
+    text,
+    style: TextStyle(
+        fontSize: 14.sp,
+        color: Color(0xFF00FF19),
+        fontWeight: FontWeight.w400,
+        fontFamily: 'manrope'),
+  );
+}
+
+Widget text14W500_black(String text) {
+  return Text(
+    text,
+    style: TextStyle(
+        fontSize: 14.sp,
+        color: Colors.black,
+        fontWeight: FontWeight.w500,
+        fontFamily: 'manrope'),
+  );
+}
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -98,7 +98,7 @@ class _MyAppState extends State<MyApp> with WidgetsBindingObserver {
          //  textTheme: GoogleFonts.manropeTextTheme(),
        ),
        debugShowCheckedModeBanner: false,
-        initialRoute: RouteName.splashScreen,
+        initialRoute: RouteName.mainscreen,

        //initialRoute: RouteName.mainScreen,
        getPages: AppRoutes.appRoutes(),
--- a/lib/resources/routes/route_name.dart
+++ b/lib/resources/routes/route_name.dart
@@ -9,6 +9,14 @@ class RouteName {

  //login/signup
  static const String loginscreen = '/loginscreen';
+  static const String homescreen = '/homescreen';
+  static const String sidemenu = '/sidemenu';
+  static const String mainscreen = '/mainscreen';
+  static const String shortTrade = '/shortTrade';
+
+
+
+
  static const String verifyotp = '/verifyotp';

  //secureaccess
--- a/lib/resources/routes/routes.dart
+++ b/lib/resources/routes/routes.dart
@@ -1,6 +1,10 @@
 import 'package:get/get.dart';
 import 'package:traderscircuit/Utils/Common/noInternet.dart';
 import 'package:traderscircuit/resources/routes/route_name.dart';
+import 'package:traderscircuit/view/MainScreen/HomeScreen.dart';
+import 'package:traderscircuit/view/MainScreen/MainScreen.dart';
+import 'package:traderscircuit/view/MainScreen/ShortTrade.dart';
+import 'package:traderscircuit/view/Sidemenu/Sidemenu.dart';
 import 'package:traderscircuit/view/login/LoginScreen.dart';
 import 'package:traderscircuit/view/login/VerifyOtp.dart';
 import 'package:traderscircuit/view/onBoarding/splashScreen.dart';
@@ -42,6 +46,22 @@ class AppRoutes {
          name: RouteName.loginscreen,
          page: () => const LoginScreen(),
        ),
+          GetPage(
+          name: RouteName.homescreen,
+          page: () => const HomeScreen(),
+        ),
+         GetPage(
+          name: RouteName.sidemenu,
+          page: () => const SideMenu(),
+        ),
+           GetPage(
+          name: RouteName.mainscreen,
+          page: () => const MainScreen(),
+        ),
+           GetPage(
+          name: RouteName.shortTrade,
+          page: () => const ShortTrade(),
+           ),
        GetPage(
          name: RouteName.verifyotp,
          page: () => const VerifyOTP(),
--- a/lib/view/MainScreen/HomeScreen.dart
+++ b/lib/view/MainScreen/HomeScreen.dart
@@ -0,0 +1,525 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:flutter_svg/svg.dart';
+import 'package:get/get.dart';
+import 'package:glassmorphism/glassmorphism.dart';
+import 'package:traderscircuit/Utils/Common/CommonBottomNavigation.dart';
+import 'package:traderscircuit/Utils/Common/MainController.dart';
+import 'package:traderscircuit/Utils/Common/comonGlassmorphicContainer.dart';
+import 'package:traderscircuit/Utils/Common/sized_box.dart';
+import 'package:traderscircuit/Utils/text.dart';
+import 'package:traderscircuit/resources/routes/route_name.dart';
+import 'package:traderscircuit/view/MainScreen/MainScreen.dart';
+import 'package:traderscircuit/view/Sidemenu/Sidemenu.dart';
+import 'package:traderscircuit/view/onBoarding/splashScreen1.dart';
+
+class HomeScreen extends StatefulWidget {
+  const HomeScreen({super.key});
+
+  @override
+  State<HomeScreen> createState() => _HomeScreenState();
+}
+
+class _HomeScreenState extends State<HomeScreen> {
+  GlobalKey<ScaffoldState> _scaffoldKey1 = GlobalKey<ScaffoldState>();
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      key: _scaffoldKey1,
+      backgroundColor: Colors.black,
+      drawer: Container(width: 320.w, child: SideMenu()),
+      extendBody: true,
+      appBar: AppBar(
+        scrolledUnderElevation: 0.0,
+        backgroundColor: Colors.black,
+        elevation: 0,
+        automaticallyImplyLeading: false,
+        titleSpacing: 0,
+        leading: InkWell(
+          onTap: () {
+            _scaffoldKey1.currentState?.openDrawer();
+          },
+          child: Center(
+            child: Image.asset(
+              'assets/images/png/menu.png',
+              height: 15.h,
+              width: 20.w,
+            ),
+          ),
+        ),
+        actions: [
+          InkWell(
+            onTap: () {},
+            child: Padding(
+                padding: EdgeInsets.only(right: 14.w),
+                child: SvgPicture.asset('assets/images/svg/Group 1897.svg')),
+          ),
+        ],
+      ),
+      body: Stack(
+        children: [
+          CommonBlurLeft(),
+          CommonBlurRight(),
+          Stack(children: [
+            Padding(
+              padding: EdgeInsets.symmetric(horizontal: 16, vertical: 16),
+              child: ListView(
+                physics: BouncingScrollPhysics(),
+                children: [
+                  sizedBoxHeight(20.h),
+                  Text(
+                    "Welcome Afrid",
+                    style: TextStyle(
+                        color: Colors.white,
+                        fontSize: 24.sp,
+                        fontFamily: 'Manrope',
+                        fontWeight: FontWeight.w500),
+                  ),
+                  sizedBoxHeight(25.h),
+                  SingleChildScrollView(
+                    scrollDirection: Axis.horizontal,
+                    child: Row(
+                      children: [
+                        commoncontainer(
+                            width: 180.w,
+                            text: 'NIFTY',
+                            amount: '22,286.95',
+                            rate: '+304.15 (+1.38%)'),
+                        sizedBoxWidth(10.w),
+                        commoncontainer(
+                            width: 220.w,
+                            text: 'BANKNIFTY',
+                            amount: '22,286.95',
+                            rate: '+896.10 (+1.94%)'),
+                      ],
+                    ),
+                  ),
+                  sizedBoxHeight(30.h),
+                  Container(
+                    width: double.infinity,
+                    height: 1.h,
+                    color: Color(0xFF3A3A3A),
+                  ),
+                  sizedBoxHeight(30.h),
+                  text22W500('View our products'),
+                  sizedBoxHeight(30.h),
+                  Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                    children: [
+                      ProductWidget(text: 'Options', subtext: 'Recommendation'),
+                      ProductWidget(
+                          text: 'Multibagger', subtext: 'Recommendation')
+                    ],
+                  ),
+                  sizedBoxHeight(15.h),
+                  Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                    children: [
+                      ProductWidget(
+                          text: 'Swing Trade', subtext: 'Recommendation'),
+                      ProductWidget(
+                          text: 'OP + MB + ST', subtext: 'Recommendation'),
+                    ],
+                  ),
+                  sizedBoxHeight(25.h),
+                  Row(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      SvgPicture.asset('assets/images/svg/Vector (2).svg'),
+                      sizedBoxWidth(10.w),
+                      text18W500('UNLOCK NOW!'),
+                    ],
+                  ),
+                  sizedBoxHeight(25.h),
+                  Container(
+                    width: double.infinity,
+                    height: 1.h,
+                    color: Color(0xFF3A3A3A),
+                  ),
+                  sizedBoxHeight(25.h),
+                  text22W600('Explore The Unseen'),
+                  sizedBoxHeight(35.h),
+                  DefaultTabController(
+                    length: 2,
+                    child: Column(
+                      children: [
+                        MyTabBar(),
+                        SizedBox(
+                          height: 700.h,
+                          child: TabBarView(
+                            children: [
+                              ActiveCallsTab(),
+                              ExitedCallsTab(),
+                            ],
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                ],
+              ),
+            )
+          ])
+        ],
+      ),
+      bottomNavigationBar:
+          bottomnavigationbar(Color(0xFF3A3A3A), mainController),
+    );
+  }
+}
+
+Widget ActiveCallsTab() {
+  return Column(
+    children: [
+      sizedBoxHeight(30.h),
+      cardcallWidget(
+          text: 'Trident Ltd', amount: '₹ 453 - ₹234', pdfname: 'Download Pdf'),
+      sizedBoxHeight(30.h),
+      Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          text22W600('Content Bytes'),
+          sizedBoxHeight(8.w),
+          SingleChildScrollView(
+            scrollDirection: Axis.horizontal,
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.end,
+              children: [
+                text16W400_DADADA('The Beauty and Power of Video'),
+                sizedBoxWidth(10.w),
+                Container(
+                  height: 35.h,
+                  width: 105.w,
+                  decoration: BoxDecoration(
+                      color: Color(0xFF3A3A3A).withOpacity(0.6),
+                      borderRadius: BorderRadius.circular(5.r),
+                      border: Border.all(
+                        color: Color(0xFF3A3A3A),
+                      )),
+                  child: Center(child: text16W500('View More')),
+                ),
+              ],
+            ),
+          ),
+          sizedBoxHeight(20.h),
+          commonGlassContainer(
+              borderradius: 8,
+              width: double.infinity,
+              height: 300.h,
+              customWidget: Padding(
+                padding: EdgeInsets.symmetric(vertical: 10.h, horizontal: 10.w),
+                child: Column(
+                  children: [
+                    Container(
+                      height: 200.h,
+                      width: double.infinity,
+                      decoration: BoxDecoration(
+                          borderRadius: BorderRadius.circular(8.r),
+                          image: DecorationImage(
+                              image: AssetImage(
+                                  'assets/images/png/Rectangle 17934.png'))),
+                      child: Center(
+                        child: SvgPicture.asset(
+                          'assets/images/svg/gridicons_play.svg',
+                          height: 56.h,
+                          width: 56.w,
+                        ),
+                      ),
+                    ),
+                    sizedBoxHeight(20.h),
+                    Row(
+                      children: [
+                        CircleAvatar(
+                          radius: 23.r,
+                          backgroundImage:
+                              AssetImage('assets/images/png/Ellipse 1494.png'),
+                        ),
+                        sizedBoxWidth(10.w),
+                        Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            text18W500('Week of 21st February 2024'),
+                            // sizedBoxHeight(10.h),
+                            text12W400_979797('20k views . 2 days ago'),
+                          ],
+                        )
+                      ],
+                    )
+                  ],
+                ),
+              ))
+        ],
+      ),
+    ],
+  );
+}
+
+Widget ExitedCallsTab() {
+  return Column(
+    children: [
+      sizedBoxHeight(30.h),
+      cardcallWidget(
+          text: 'Trident Ltd', amount: '₹ 453 - ₹234', pdfname: 'Download Pdf'),
+      sizedBoxHeight(30.h),
+      cardcallWidget(
+          text: 'Trident Ltd', amount: '₹ 453 - ₹234', pdfname: 'Download Pdf'),
+      sizedBoxHeight(30.h),
+      cardcallWidget(
+          text: 'Trident Ltd', amount: '₹ 453 - ₹234', pdfname: 'Download Pdf'),
+    ],
+  );
+}
+
+Widget cardcallWidget(
+    {required String text, required String amount, required String pdfname}) {
+  return GlassmorphicContainer(
+    width: double.infinity,
+    height: 176.h,
+    borderRadius: 8,
+    blur: 10,
+    alignment: Alignment.center,
+    border: 0.8,
+    linearGradient: LinearGradient(
+        begin: Alignment.topLeft,
+        end: Alignment.bottomRight,
+        colors: [
+          Colors.white.withOpacity(0.1),
+          Color(0xFFFFFFFF).withOpacity(0.05),
+        ],
+        stops: [
+          0.1,
+          1,
+        ]),
+    borderGradient: LinearGradient(
+      begin: Alignment.topLeft,
+      end: Alignment.bottomRight,
+      colors: [
+        Color(0xff3A3A3A),
+        Color(0xFF3A3A3A),
+      ],
+    ),
+    child: Column(
+      children: [
+        Padding(
+          padding: EdgeInsets.symmetric(vertical: 16.h, horizontal: 16.w),
+          child: Row(
+            children: [
+              GlassmorphicContainer(
+                width: 47.w,
+                height: 47.h,
+                borderRadius: 100,
+                blur: 10,
+                alignment: Alignment.center,
+                border: 0.9,
+                linearGradient: LinearGradient(
+                  begin: Alignment.topLeft,
+                  end: Alignment.bottomRight,
+                  colors: [
+                    Color(0xff3A3A3A),
+                    Color(0xFF3A3A3A),
+                  ],
+                ),
+                borderGradient: LinearGradient(
+                  begin: Alignment.topLeft,
+                  end: Alignment.bottomRight,
+                  colors: [
+                    Color.fromRGBO(70, 5, 1, 0.8),
+                    Color.fromRGBO(102, 102, 102, 0.8),
+                  ],
+                ),
+                child: Center(
+                  child:
+                      Image.asset('assets/images/png/square_TRIDENT_com 1.png'),
+                ),
+              ),
+              sizedBoxWidth(15.w),
+              text18W600(text),
+              Spacer(),
+              Container(
+                width: 62.w,
+                height: 25.h,
+                decoration: BoxDecoration(
+                  borderRadius: BorderRadius.circular(4.r),
+                  color: Color(0xFFFFAD31),
+                ),
+                child: Center(child: text16W400_1B1B1B('Hold')),
+              )
+            ],
+          ),
+        ),
+        Container(
+          width: double.infinity,
+          height: 1.h,
+          color: Color(0xFF3A3A3A),
+        ),
+        Padding(
+          padding: const EdgeInsets.all(20),
+          child: Row(
+            children: [
+              Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  text14W400_979797('Initial Entry Price'),
+                  sizedBoxHeight(5.h),
+                  text15W600(amount)
+                ],
+              ),
+              sizedBoxWidth(50.w),
+              Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  text14W400_979797('Report'),
+                  sizedBoxHeight(5.h),
+                  Row(
+                    children: [
+                      // SvgPicture.asset('assets/images/svg/pdfsvg.svg'),
+                      Image.asset('assets/images/png/pdf (1) 1.png'),
+                      text15W600(pdfname),
+                    ],
+                  )
+                ],
+              )
+            ],
+          ),
+        )
+      ],
+    ),
+  );
+}
+
+class MyTabBar extends StatelessWidget {
+  // Set the desired height
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      decoration: BoxDecoration(
+        border: Border.all(color: Color(0Xff3A3A3A)),
+        borderRadius: BorderRadius.circular(8.r),
+      ),
+      padding: const EdgeInsets.all(10.0), // Set the desired padding
+      child: TabBar(
+          indicator: BoxDecoration(
+            color: const Color(0xff6C0000),
+            borderRadius: BorderRadius.circular(5),
+          ),
+          dividerColor: Colors.transparent,
+          labelStyle: TextStyle(
+              fontSize: 18.sp,
+              color: Colors.white,
+              fontWeight: FontWeight.w500,
+              fontFamily: 'manrope'),
+          indicatorSize: TabBarIndicatorSize.tab,
+          indicatorColor: const Color(0xFFFFFFFF),
+          labelColor: Colors.white,
+          unselectedLabelColor: const Color(0xffFFFFFF),
+          overlayColor: MaterialStateProperty.all(const Color(0xFFFFFFFF)),
+          tabs: const [
+            Tab(
+              text: 'Active Calls',
+            ),
+            Tab(
+              text: 'Exited Calls',
+            ),
+          ]),
+    );
+  }
+}
+
+Widget ProductWidget({required String text, required String subtext}) {
+  return GlassmorphicContainer(
+    width: 175.w,
+    height: 83.h,
+    borderRadius: 8,
+    blur: 10,
+    alignment: Alignment.center,
+    border: 0.8,
+    linearGradient: LinearGradient(
+        begin: Alignment.topLeft,
+        end: Alignment.bottomRight,
+        colors: [
+          Colors.white.withOpacity(0.1),
+          Color(0xFFFFFFFF).withOpacity(0.05),
+        ],
+        stops: [
+          0.1,
+          1,
+        ]),
+    borderGradient: LinearGradient(
+      begin: Alignment.topLeft,
+      end: Alignment.bottomRight,
+      colors: [
+        Color(0xff3A3A3A),
+        Color(0xFF3A3A3A),
+      ],
+    ),
+    child: Padding(
+      padding: EdgeInsets.symmetric(vertical: 10.h, horizontal: 10.w),
+      child: Column(
+        // crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          text18W600(text),
+          sizedBoxWidth(8.w),
+          text14W400_979797(subtext),
+        ],
+      ),
+    ),
+  );
+}
+
+Widget commoncontainer(
+    {required String text,
+    required String amount,
+    required String rate,
+    required double width}) {
+  return GlassmorphicContainer(
+    width: width,
+    height: 83.h,
+    borderRadius: 8,
+    blur: 10,
+    alignment: Alignment.center,
+    border: 0.8,
+    linearGradient: LinearGradient(
+        begin: Alignment.topLeft,
+        end: Alignment.bottomRight,
+        colors: [
+          Colors.white.withOpacity(0.1),
+          Color(0xFFFFFFFF).withOpacity(0.05),
+        ],
+        stops: [
+          0.1,
+          1,
+        ]),
+    borderGradient: LinearGradient(
+      begin: Alignment.topLeft,
+      end: Alignment.bottomRight,
+      colors: [
+        Color(0xff3A3A3A),
+        Color(0xFF3A3A3A),
+      ],
+    ),
+    child: Padding(
+      padding: EdgeInsets.symmetric(vertical: 10.h, horizontal: 10.w),
+      child: Column(
+        children: [
+          Row(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              text14W400_979797(text),
+              sizedBoxWidth(8.w),
+              text16W600(amount),
+              sizedBoxWidth(8.w),
+              SvgPicture.asset(
+                'assets/images/svg/Line 587.svg',
+                height: 15.h,
+                width: 15.w,
+              ),
+            ],
+          ),
+          sizedBoxHeight(8.w),
+          text14W400_00FF19(rate)
+        ],
+      ),
+    ),
+  );
+}
--- a/lib/view/MainScreen/MainScreen.dart
+++ b/lib/view/MainScreen/MainScreen.dart
@@ -0,0 +1,17 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:traderscircuit/Utils/Common/MainController.dart';
+
+final MainController mainController = Get.put(MainController());
+
+class MainScreen extends StatelessWidget {
+  const MainScreen({super.key});
+  @override
+  Widget build(BuildContext context) {
+    return Obx(() {
+      return Scaffold(
+        body: mainController.currentTab[mainController.selectedIndex.value],
+      );
+    });
+  }
+}
--- a/lib/view/MainScreen/ShortTrade.dart
+++ b/lib/view/MainScreen/ShortTrade.dart
@@ -0,0 +1,214 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:flutter_svg/svg.dart';
+import 'package:get/get.dart';
+import 'package:glassmorphism/glassmorphism.dart';
+import 'package:traderscircuit/Utils/Common/CommonAppBar.dart';
+import 'package:traderscircuit/Utils/Common/comonGlassmorphicContainer.dart';
+import 'package:traderscircuit/Utils/Common/sized_box.dart';
+import 'package:traderscircuit/Utils/text.dart';
+import 'package:traderscircuit/view/Sidemenu/Sidemenu.dart';
+import 'package:traderscircuit/view/onBoarding/splashScreen1.dart';
+
+class ShortTrade extends StatefulWidget {
+  const ShortTrade({super.key});
+
+  @override
+  State<ShortTrade> createState() => _ShortTradeState();
+}
+
+class _ShortTradeState extends State<ShortTrade> {
+  GlobalKey<ScaffoldState> _scaffoldKey1 = GlobalKey<ScaffoldState>();
+  List<String> containerTexts = ["Container 1", "Container 2", "Container 3"];
+  var selectedIndex = 0.obs;
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+        key: _scaffoldKey1,
+        backgroundColor: Colors.black,
+        drawer: Container(width: 320.w, child: SideMenu()),
+        extendBody: true,
+        appBar: AppBar(
+          scrolledUnderElevation: 0.0,
+          backgroundColor: Colors.black,
+          elevation: 0,
+          automaticallyImplyLeading: false,
+          titleSpacing: 0,
+          leading: InkWell(
+            onTap: () {
+              _scaffoldKey1.currentState?.openDrawer();
+            },
+            child: Center(
+              child: Image.asset(
+                'assets/images/png/menu.png',
+                height: 15.h,
+                width: 20.w,
+              ),
+            ),
+          ),
+        ),
+
+        // CommonAppbar(
+        //   titleTxt: '',
+        //   // preferredSize: Size.fromHeight(60.h),
+        //   showLeading: false,
+        //   customleading: InkWell(
+        //     onTap: () {
+        //       _scaffoldKey1.currentState?.openDrawer();
+        //     },
+        //     child: Center(
+        //       child: Image.asset(
+        //         'assets/images/png/menu.png',
+        //         height: 15.h,
+        //         width: 20.w,
+        //       ),
+        //     ),
+        //     // Icon(
+        //     //   Icons.menu,
+        //     //   color: Colors.white,
+        //     //   size: 27.sp,
+        //     // ),
+        //   ),
+        // ),
+        body: Stack(children: [
+          CommonBlurLeft(),
+          CommonBlurRight(),
+          Stack(children: [
+            Padding(
+                padding: EdgeInsets.symmetric(horizontal: 16, vertical: 16),
+                child: ListView(physics: BouncingScrollPhysics(), children: [
+                  sizedBoxHeight(20.h),
+                  cardSwingWidget(
+                      text: 'Indiabulls Housing Finance Ltd',
+                      amount: '₹ 196.50 - ₹ 197',
+                      pdfname: '₹ 204'),
+                  sizedBoxHeight(20.h),
+                  // ListView.builder(
+                  //   shrinkWrap: true,
+                  //   scrollDirection: Axis.vertical,
+                  //   itemCount: containerTexts.length,
+                  //   itemBuilder: (context, index) {
+                  //     return topContainer(containerTexts[index], index);
+                  //   },
+                  // )
+                ]))
+          ])
+        ]));
+  }
+
+  Widget cardSwingWidget(
+      {required String text, required String amount, required String pdfname}) {
+    return commonGlassContainer(
+      width: double.infinity,
+      height: 251.h,
+      borderradius: 8,
+      customWidget: Column(
+        children: [
+          Padding(
+            padding: EdgeInsets.symmetric(vertical: 16.h, horizontal: 16.w),
+            child: Row(
+              children: [
+                GlassmorphicContainer(
+                  width: 47.w,
+                  height: 47.h,
+                  borderRadius: 100,
+                  blur: 10,
+                  alignment: Alignment.center,
+                  border: 0.9,
+                  linearGradient: LinearGradient(
+                    begin: Alignment.topLeft,
+                    end: Alignment.bottomRight,
+                    colors: [
+                      Color(0xff3A3A3A),
+                      Color(0xFF3A3A3A),
+                    ],
+                  ),
+                  borderGradient: LinearGradient(
+                    begin: Alignment.topLeft,
+                    end: Alignment.bottomRight,
+                    colors: [
+                      Color.fromRGBO(70, 5, 1, 0.8),
+                      Color.fromRGBO(102, 102, 102, 0.8),
+                    ],
+                  ),
+                  child: Center(
+                    child: Image.asset(
+                        'assets/images/png/square_TRIDENT_com 1.png'),
+                  ),
+                ),
+                sizedBoxWidth(15.w),
+                text18W600(text),
+                Spacer(),
+                Container(
+                  width: 62.w,
+                  height: 25.h,
+                  decoration: BoxDecoration(
+                    borderRadius: BorderRadius.circular(4.r),
+                    color: Color(0xFFFFAD31),
+                  ),
+                  child: Center(child: text16W400_1B1B1B('Hold')),
+                )
+              ],
+            ),
+          ),
+          Container(
+            width: double.infinity,
+            height: 1.h,
+            color: Color(0xFF3A3A3A),
+          ),
+          Padding(
+            padding: const EdgeInsets.all(20),
+            child: Row(
+              children: [
+                Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    text14W400_979797('Initial Entry Price'),
+                    sizedBoxHeight(5.h),
+                    text15W600(amount)
+                  ],
+                ),
+                sizedBoxWidth(50.w),
+                Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    text14W400_979797('Report'),
+                    sizedBoxHeight(5.h),
+                    Row(
+                      children: [
+                        // SvgPicture.asset('assets/images/svg/pdfsvg.svg'),
+                        Image.asset('assets/images/png/pdf (1) 1.png'),
+                        text15W600(pdfname),
+                      ],
+                    )
+                  ],
+                )
+              ],
+            ),
+          )
+        ],
+      ),
+    );
+  }
+
+  Widget topContainer(String text, int index) {
+    return Obx(() {
+      return selectedIndex.value == index
+          ? Container(
+              height: 40,
+              width: 126,
+              decoration: BoxDecoration(
+                borderRadius: BorderRadius.circular(5),
+                color: Color(0Xff6C0000),
+              ),
+              child: Center(child: Text(text)),
+            )
+          : commonGlassContainer(
+              width: 126,
+              height: 40,
+              borderradius: 5,
+              customWidget: Center(child: Text(text)),
+            );
+    });
+  }
+}
--- a/lib/view/Sidemenu/Sidemenu.dart
+++ b/lib/view/Sidemenu/Sidemenu.dart
@@ -0,0 +1,582 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:flutter_svg/svg.dart';
+import 'package:get/get.dart';
+import 'package:traderscircuit/Utils/Common/sized_box.dart';
+import 'package:traderscircuit/Utils/text.dart';
+import 'package:traderscircuit/view/onBoarding/splashScreen1.dart';
+
+class SideMenu extends StatefulWidget {
+  const SideMenu({super.key});
+
+  @override
+  State<SideMenu> createState() => _SideMenuState();
+}
+
+class _SideMenuState extends State<SideMenu> {
+  List sideBarData = [
+    {"imagePath": "assets/images/svg/sidemenu/Faq.svg", "text": "FAQ’s"},
+    {
+      "imagePath": "assets/images/svg/sidemenu/contact.svg",
+      "text": "Contact Us"
+    },
+    {
+      "imagePath": "assets/images/svg/sidemenu/rate.svg",
+      "text": "Rate this app"
+    },
+    {
+      "imagePath": "assets/images/svg/sidemenu/terms.svg",
+      "text": "Terms & Conditions"
+    },
+    {
+      "imagePath": "assets/images/svg/sidemenu/privacy.svg",
+      "text": "Privacy Policy"
+    },
+    {"imagePath": "assets/images/svg/sidemenu/about.svg", "text": "About Us"},
+    {
+      "imagePath": "assets/images/svg/sidemenu/settingmenu.svg",
+      "text": "Settings"
+    },
+    {"imagePath": "assets/images/svg/sidemenu/logout.svg", "text": "Logout"},
+  ];
+
+  Color sideBarBackgroundColor = const Color(0xFF1B243D);
+  Color whitecolor = Colors.white;
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+        backgroundColor: Colors.black,
+        appBar: AppBar(
+          toolbarHeight: 60.h,
+          elevation: 0,
+          backgroundColor: Colors.black,
+          leading: Container(
+            child: Align(
+              alignment: Alignment.bottomCenter,
+              child: GestureDetector(
+                onTap: () {
+                  // Get.back();
+                  Scaffold.of(context).closeDrawer();
+                },
+                child: Container(
+                  width: 25.w,
+                  height: 25.h,
+                  decoration: ShapeDecoration(
+                    color: Colors.black,
+                    shape: const OvalBorder(),
+                  ),
+                  child: Align(
+                    alignment: Alignment.center,
+                    child: SizedBox(
+                      width: 25.w,
+                      height: 25.h,
+                      child: Icon(
+                        Icons.arrow_back_ios,
+                        color: Colors.white,
+                        size: 25.h,
+                        weight: 25.w,
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+            ),
+          ),
+        ),
+        body: Stack(
+          children: [
+            CommonBlurLeft(),
+            CommonBlurRight(),
+            Stack(children: [
+              ListView(children: [
+                sizedBoxHeight(30.h),
+                InkWell(
+                  onTap: () {
+                    setState(() {
+                      // Get.toNamed(RouteName.investorprofile);
+                    });
+                  },
+                  child: Padding(
+                    padding: EdgeInsets.symmetric(horizontal: 16.w),
+                    child: Row(
+                      mainAxisAlignment: MainAxisAlignment.start,
+                      children: [
+                        Container(
+                          width: 80.w,
+                          height: 80.h,
+                          decoration: ShapeDecoration(
+                            image: DecorationImage(
+                              image: AssetImage(
+                                  "assets/images/png/Ellipse 560.png"),
+                              fit: BoxFit.fill,
+                            ),
+                            shape: const OvalBorder(),
+                          ),
+                        ),
+                        sizedBoxWidth(20.w),
+                        Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            text18W400('Afrid Mulla'),
+                            sizedBoxHeight(4.h),
+                            text18W400('My Profile'),
+                          ],
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+                sizedBoxHeight(25.h),
+                Container(
+                  height: 1,
+                  margin: EdgeInsets.symmetric(vertical: 10.h),
+                  decoration: BoxDecoration(
+                    border: Border(
+                      bottom: BorderSide(
+                        color: Color.fromRGBO(176, 176, 176, 0.5),
+                        width: 1,
+                      ),
+                    ),
+                  ),
+                ),
+                ListTile(
+                  leading: SizedBox(
+                      width: 25.w,
+                      height: 25.h,
+                      child: SvgPicture.asset(
+                          'assets/images/svg/sidemenu/sub.svg')),
+                  title: text18W400('My Subscription'),
+                  trailing: Container(
+                    height: 35.h,
+                    width: 122.w,
+                    decoration: BoxDecoration(
+                      borderRadius: BorderRadius.circular(6.r),
+                      color: Color(0xFF34C759),
+                    ),
+                    child: Center(child: text14W500_black('Upgrade')),
+                  ),
+                  selected: true,
+                  onTap: () {
+                    setState(() {
+                      // Get.toNamed(RouteName.privacypolicy);
+                    });
+                  },
+                ),
+                Container(
+                  height: 1,
+                  margin: EdgeInsets.symmetric(vertical: 10.h),
+                  decoration: BoxDecoration(
+                    border: Border(
+                      bottom: BorderSide(
+                        color: Color.fromRGBO(176, 176, 176, 0.5),
+                        width: 1,
+                      ),
+                    ),
+                  ),
+                ),
+                ListTile(
+                  leading: SizedBox(
+                      width: 25.w,
+                      height: 25.h,
+                      child: SvgPicture.asset(
+                          'assets/images/svg/sidemenu/content.svg')),
+                  title: text18W400('Content bytes'),
+                  selected: true,
+                  onTap: () {
+                    setState(() {
+                      // Get.toNamed(RouteName.privacypolicy);
+                    });
+                  },
+                ),
+                Container(
+                  height: 1,
+                  margin: EdgeInsets.symmetric(vertical: 10.h),
+                  decoration: BoxDecoration(
+                    border: Border(
+                      bottom: BorderSide(
+                        color: Color.fromRGBO(176, 176, 176, 0.5),
+                        width: 1,
+                      ),
+                    ),
+                  ),
+                ),
+                ListTile(
+                  leading: SizedBox(
+                      width: 25.w,
+                      height: 25.h,
+                      child: SvgPicture.asset(
+                          'assets/images/svg/sidemenu/sub.svg')),
+                  title: text18W400('Update My KYC'),
+                  trailing: Container(
+                    height: 40.h,
+                    width: 122.w,
+                    decoration: BoxDecoration(
+                        borderRadius: BorderRadius.circular(6.r),
+                        color: Color(0xFF3A3A3A).withOpacity(0.6),
+                        border: Border.all(color: Color(0xFF9A0000))),
+                    child: Padding(
+                      padding: EdgeInsets.symmetric(horizontal: 10.w),
+                      child: Row(
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                        children: [
+                          text12W400('Pending'),
+                          Container(
+                            height: 30.h,
+                            width: 30.h,
+                            decoration: BoxDecoration(
+                                image: DecorationImage(
+                                    image: AssetImage(
+                                      'assets/images/png/Ellipse 1498.png',
+                                    ),
+                                    fit: BoxFit.cover)),
+                            child: Center(child: text8W400('40%')),
+                          ),
+                        ],
+                      ),
+                    ),
+                  ),
+                  selected: true,
+                  onTap: () {
+                    setState(() {
+                      // Get.toNamed(RouteName.privacypolicy);
+                    });
+                  },
+                ),
+                Container(
+                  height: 1,
+                  margin: EdgeInsets.symmetric(vertical: 10.h),
+                  decoration: BoxDecoration(
+                    border: Border(
+                      bottom: BorderSide(
+                        color: Color.fromRGBO(176, 176, 176, 0.5),
+                        width: 1,
+                      ),
+                    ),
+                  ),
+                ),
+                ListTile(
+                  leading: SizedBox(
+                      width: 25.w,
+                      height: 25.h,
+                      child: SvgPicture.asset(
+                          'assets/images/svg/sidemenu/sub.svg')),
+                  title: text18W400('My Subscription'),
+                  trailing: Container(
+                    height: 35.h,
+                    width: 122.w,
+                    decoration: BoxDecoration(
+                      borderRadius: BorderRadius.circular(6.r),
+                      color: Color(0xFF0093FF),
+                    ),
+                    child: Center(child: text14W500('Conservative')),
+                  ),
+                  selected: true,
+                  onTap: () {
+                    setState(() {
+                      // Get.toNamed(RouteName.privacypolicy);
+                    });
+                  },
+                ),
+                Column(
+                  children: List.generate(sideBarData.length, (index) {
+                    return sideBarTile(
+                      image: sideBarData[index]["imagePath"],
+                      text: sideBarData[index]["text"],
+                      onTap: () {
+                        navigateTo(index, context);
+                      },
+                    );
+                  }),
+                ),
+                // SingleChildScrollView(
+                //   physics: NeverScrollableScrollPhysics(),
+                //   child: ListView.builder(
+                //     shrinkWrap: true,
+                //     padding: EdgeInsets.zero,
+                //     itemCount: sideBarData.length,
+                //     itemBuilder: (_, index) {
+                //       return sideBarTile(
+                //         image: sideBarData[index]["imagePath"],
+                //         text: sideBarData[index]["text"],
+                //         onTap: () {
+                //           navigateTo(index, context);
+                //         },
+                //       );
+                //     },
+                //   ),
+                // ),
+                sizedBoxHeight(80.h),
+              ]),
+            ]),
+          ],
+        ));
+  }
+}
+
+LogOutdialog(context) {
+  return showDialog(
+    // barrierDismissible: false,
+    context: context,
+    builder: (context) => Column(
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: [
+        AlertDialog(
+          insetPadding: EdgeInsets.symmetric(horizontal: 16.w),
+          backgroundColor:
+              Get.isDarkMode ? Colors.black : const Color(0XFF1B243D),
+          contentPadding: EdgeInsets.fromLTRB(29.w, 44.h, 29.w, 35.h),
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.all(Radius.circular(5.r)),
+          ),
+          content: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            crossAxisAlignment: CrossAxisAlignment.center,
+            children: [
+              Container(
+                height: 87.h,
+                width: 80.w,
+                decoration: const BoxDecoration(
+                    shape: BoxShape.circle, color: Color(0xFFC18948)),
+                child: Align(
+                  alignment: Alignment.topLeft,
+                  child: Container(
+                    height: 79.h,
+                    width: 73.w,
+                    decoration: BoxDecoration(
+                      shape: BoxShape.circle,
+                      color: const Color(0xFFE8C69F).withOpacity(0.5),
+                    ),
+                    child: Center(
+                      child: SvgPicture.asset(
+                        'assets/images/svg/apps 1.svg',
+                        // fit: BoxFit.fill,
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+              sizedBoxHeight(30.h),
+              Text(
+                "Are you sure you want to logout ?",
+                textAlign: TextAlign.center,
+                style: TextStyle(
+                    fontFamily: "Georgia",
+                    fontWeight: FontWeight.w400,
+                    fontSize: 20.sp,
+                    color: const Color(0xFFFFFFFF)),
+              ),
+              sizedBoxHeight(40.h),
+              Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: [
+                  // SizedBox(
+                  //     width: 140.w,
+                  //     child: CommonBorderNoBtn(
+                  //       text: 'Yes',
+                  //       onTap: () {
+                  //         // prefs.clear();
+                  //         // Get.offNamed(RouteName.loginScreen);
+                  //       },
+                  //     )),
+                  // SizedBox(
+                  //   width: 140.w,
+                  //   child: CommonYesBtn(
+                  //     text: 'No',
+                  //     onTap: () {
+                  //       Get.back();
+                  //     },
+                  //   ),
+                  // ),
+                ],
+              )
+            ],
+          ),
+        ),
+      ],
+    ),
+  );
+}
+
+void navigateTo(int index, BuildContext context) {
+  switch (index) {
+    case 0:
+      {
+        // Get.toNamed(RouteName.FAQScreen);
+      }
+      break;
+
+    case 1:
+      {
+        // Get.toNamed(RouteName.feedback);
+      }
+      break;
+
+    case 2:
+      {
+        // Get.toNamed(RouteName.settingsScreen);
+      }
+      break;
+
+    case 3:
+      {
+        // Get.toNamed(RouteName.contactUs);
+      }
+      break;
+
+    case 4:
+      {
+        // Get.toNamed(RouteName.termsCondition);
+      }
+      break;
+
+    case 5:
+      {
+        // Get.toNamed(RouteName.privacyPolicy);
+      }
+      break;
+
+    case 6:
+      {
+        Get.bottomSheet(
+          Column(
+            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+            children: [
+              SizedBox(
+                width: double.infinity,
+                child: SvgPicture.asset('assets/images/svg/logout.svg'),
+              ),
+              Text(
+                'Are You Sure You Want To Logout?',
+                textAlign: TextAlign.center,
+                style: TextStyle(
+                  color: Colors.black,
+                  fontSize: 20.sp,
+                ),
+              ),
+              Row(
+                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                children: [
+                  InkWell(
+                    onTap: () {
+                      Navigator.of(context).pop();
+                    },
+                    child: Container(
+                      width: 150.w,
+                      decoration: BoxDecoration(
+                        color: Colors.white,
+                        borderRadius: BorderRadius.circular(5.r),
+                        border: Border.all(
+                          color: Colors.black,
+                        ),
+                      ),
+                      child: Padding(
+                        padding: const EdgeInsets.all(18.0),
+                        child: Text(
+                          'No',
+                          textAlign: TextAlign.center,
+                          style: TextStyle(
+                            color: Colors.black,
+                            fontSize: 16.sp,
+                          ),
+                        ),
+                      ),
+                    ),
+                  ),
+                  InkWell(
+                    // onTap: () async {
+                    //   FirebaseAuth auth = FirebaseAuth.instance;
+                    //   final GoogleSignIn googleSignIn = GoogleSignIn();
+
+                    //   if (auth.currentUser != null &&
+                    //       auth.currentUser?.providerData.any((userInfo) =>
+                    //               userInfo.providerId == 'google.com') ==
+                    //           true) {
+                    //     await googleSignIn.signOut();
+                    //     Navigator.of(context).pop();
+                    //     Get.back();
+                    //     Get.toNamed(RouteName.login);
+                    //   } else {
+                    //     SharedPreferences prefs =
+                    //         await SharedPreferences.getInstance();
+                    //     prefs.remove('token');
+                    //     Navigator.of(context).pop();
+                    //     Get.back();
+                    //     Get.toNamed(RouteName.login);
+                    //   }
+                    // },
+                    onTap: () {
+                      Get.back();
+                      // Get.toNamed(RouteName.login);
+                    },
+                    child: Container(
+                      width: 150.w,
+                      decoration: BoxDecoration(
+                        color: Color(0xFF3192D8),
+                        borderRadius: BorderRadius.circular(5.r),
+                      ),
+                      child: Padding(
+                        padding: const EdgeInsets.all(18.0),
+                        child: Text(
+                          'Yes',
+                          textAlign: TextAlign.center,
+                          style: TextStyle(
+                            color: Colors.white,
+                            fontSize: 16.sp,
+                          ),
+                        ),
+                      ),
+                    ),
+                  ),
+                ],
+              )
+            ],
+          ),
+          backgroundColor: Colors.white,
+        );
+      }
+      break;
+
+    default:
+      {
+        null;
+      }
+  }
+}
+
+class sideBarTile extends StatelessWidget {
+  final String image;
+  final String text;
+  final void Function()? onTap;
+
+  sideBarTile({
+    required this.image,
+    required this.text,
+    this.onTap,
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Container(
+          height: 1,
+          margin: EdgeInsets.symmetric(vertical: 10.h),
+          decoration: BoxDecoration(
+            border: Border(
+              bottom: BorderSide(
+                color: Color.fromRGBO(176, 176, 176, 0.5),
+                width: 1,
+              ),
+            ),
+          ),
+        ),
+        ListTile(
+            leading: SvgPicture.asset(image),
+            title: text18W400(text),
+            selected: true,
+            onTap: onTap),
+      ],
+    );
+  }
+}
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -2,7 +2,7 @@ name: traderscircuit
 description: A new Flutter project.
 # The following line prevents the package from being accidentally published to
 # pub.dev using `flutter pub publish`. This is preferred for private packages.
-publish_to: 'none' # Remove this line if you wish to publish to pub.dev
+publish_to: "none" # Remove this line if you wish to publish to pub.dev

 # The following defines the version and build number for your application.
 # A version number is three numbers separated by dots, like 1.2.43
@@ -19,7 +19,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 version: 1.0.0+1

 environment:
-  sdk: '>=2.19.6 <3.0.0'
+  sdk: ">=2.19.6 <3.0.0"

 # Dependencies specify other packages that your package needs in order to work.
 # To automatically upgrade your package dependencies to the latest versions
@@ -31,7 +31,6 @@ dependencies:
  flutter:
    sdk: flutter

-
  # The following adds the Cupertino Icons font to your application.
  # Use with the CupertinoIcons class for iOS style icons.
  cupertino_icons: ^1.0.2
@@ -43,8 +42,6 @@ dependencies:
  glassmorphism: ^3.0.0
  pin_code_fields: ^8.0.1
  fluttertoast: ^8.0.9
-  
-  

 dev_dependencies:
  flutter_test:
@@ -62,7 +59,6 @@ dev_dependencies:

 # The following section is specific to Flutter packages.
 flutter:
-
  # The following line ensures that the Material Icons font is
  # included with your application, so that you can use the icons in
  # the material Icons class.
@@ -72,9 +68,10 @@ flutter:
  assets:
    - assets/images/
    - assets/images/svg/
+    - assets/images/svg/sidemenu/
+    - assets/images/png/sidemenu/
    - assets/images/png/
-   
-    
+
  #   - images/a_dot_ham.jpeg

  # An image asset can refer to one or more resolution-specific "variants", see
@@ -92,7 +89,7 @@ flutter:
    - family: manrope
      fonts:
        - asset: assets/fonts/manrope/Manrope-VariableFont_wght.ttf
-        
+
  #   - family: Trajan Pro
  #     fonts:
  #       - asset: fonts/TrajanPro.ttf