diff --git a/public/static/FlowchartBstackdemo.png b/public/static/FlowchartBstackdemo.png
new file mode 100644
index 0000000..1597fe2
Binary files /dev/null and b/public/static/FlowchartBstackdemo.png differ
diff --git a/public/static/banner.jpg b/public/static/banner.jpg
new file mode 100644
index 0000000..06905a1
Binary files /dev/null and b/public/static/banner.jpg differ
diff --git a/public/static/bstackdemo_logo.jpg b/public/static/bstackdemo_logo.jpg
new file mode 100644
index 0000000..6c5ce91
Binary files /dev/null and b/public/static/bstackdemo_logo.jpg differ
diff --git a/public/static/search.png b/public/static/search.png
new file mode 100644
index 0000000..1d59ea1
Binary files /dev/null and b/public/static/search.png differ
diff --git a/src/components/App/index.jsx b/src/components/App/index.jsx
index 82e9bed..9d55c96 100644
--- a/src/components/App/index.jsx
+++ b/src/components/App/index.jsx
@@ -57,7 +57,7 @@ class App extends Component {
         <Header />
         <main style={{ padding: "20px 2%", margin: "0 auto" }}>
           <a href="#" >
-            <img className="m-auto h-56 " alt="banner main" style={{minWidth: '750px', minHeight: '280px'}} src={require(`../../../public/static/banner3.png`)} />
+            <img className="m-auto h-56 " alt="banner main" style={{minWidth: '750px', minHeight: '280px'}} src={require(`../../../public/static/banner.jpg`)} />
           </a>
           <Shelf />
         </main>
diff --git a/src/components/Footer/index.jsx b/src/components/Footer/index.jsx
index ad78897..3440a51 100644
--- a/src/components/Footer/index.jsx
+++ b/src/components/Footer/index.jsx
@@ -5,7 +5,7 @@ const Footer = () => {
   return (
     <footer>
       <hr style={{ padding: "0", margin: "0" }} />
-
+      <img className="m-auto h-56 " alt="flowchart main" style={{ minWidth: '860px', minHeight: '320px' }} src={require(`../../../public/static/FlowchartBstackdemo.png`)} />
       <div className="mx-auto max-w-8xl px-6">
         <div className="py-12 flex flex-col md:flex-row justify-between items-center space-y-4">
           <div className=" relative" style={{ width: "40%" }}>
diff --git a/src/components/Header/index.jsx b/src/components/Header/index.jsx
index fea1e3a..f191740 100644
--- a/src/components/Header/index.jsx
+++ b/src/components/Header/index.jsx
@@ -25,99 +25,12 @@ const Header = () => {
           <div className="flex flex-1 items-center">
             <Link href="/">
               <a className="Navbar_logo__26S5Y">
-                {size.width > 768 ? (
-                  <svg width="257" height="45" viewBox="0 0 257 45" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <g filter="url(#filter0_d)">
-                      <rect x="181.442" y="7.55676" width="69.0578" height="27.3019" fill="#EEEEEE"/>
-                    </g>
-                    <path d="M190.008 29.3796H195.362C196.544 29.3796 197.543 29.1282 198.358 28.6254C199.18 28.1575 199.822 27.5639 200.283 26.8446C200.456 26.5722 200.604 26.3103 200.727 26.0589C200.842 25.8005 200.929 25.5072 200.987 25.179C201.109 24.5295 201.17 23.3842 201.17 21.743C201.17 20.1996 201.131 19.1137 201.051 18.4852C200.95 17.8566 200.709 17.256 200.327 16.6834C199.259 14.9794 197.659 14.1204 195.524 14.1064H190.008V29.3796ZM192.398 16.2958H195.254C196.465 16.2679 197.403 16.6973 198.066 17.5843C198.39 17.9404 198.596 18.4048 198.683 18.9775C198.747 19.5502 198.78 20.4999 198.78 21.8268C198.78 23.1886 198.747 24.1175 198.683 24.6133C198.61 25.1161 198.441 25.5316 198.174 25.8599C197.568 26.7468 196.595 27.1903 195.254 27.1903H192.398V16.2958Z" fill="#111111"/>
-                    <path d="M203.518 29.3796H213.588V27.1903H205.909V22.7068H212.464V20.6536H205.909V16.2958H213.588V14.1064H203.518V29.3796Z" fill="#111111"/>
-                    <path d="M215.406 29.3796H217.797V19.8574H217.84L221.139 27.1903H223.129L226.428 19.8574H226.482V29.3796H228.873V14.1064H226.612L222.177 24.0581L217.656 14.1064H215.406V29.3796Z" fill="#111111"/>
-                    <path d="M231.21 21.743C231.21 23.4889 231.264 24.6692 231.372 25.2837C231.43 25.612 231.502 25.8843 231.588 26.1008C231.682 26.3103 231.787 26.5303 231.902 26.7608C232.284 27.4661 232.897 28.0877 233.741 28.6254C234.57 29.1841 235.605 29.4774 236.845 29.5053C238.1 29.4774 239.146 29.1841 239.982 28.6254C240.811 28.0877 241.41 27.4661 241.778 26.7608C242.045 26.3906 242.228 25.8983 242.329 25.2837C242.423 24.6692 242.47 23.4889 242.47 21.743C242.47 19.9692 242.423 18.782 242.329 18.1814C242.228 17.5808 242.045 17.0954 241.778 16.7253C241.41 16.0199 240.811 15.3914 239.982 14.8397C239.146 14.281 238.1 13.9947 236.845 13.9807C235.605 13.9947 234.57 14.281 233.741 14.8397C232.897 15.3914 232.284 16.0199 231.902 16.7253C231.664 17.0954 231.487 17.5808 231.372 18.1814C231.264 18.782 231.21 19.9692 231.21 21.743ZM233.611 21.743C233.611 20.2415 233.669 19.2184 233.784 18.6737C233.885 18.1569 234.091 17.7344 234.401 17.4062C234.653 17.0919 234.985 16.83 235.396 16.6205C235.8 16.418 236.283 16.3098 236.845 16.2958C237.415 16.3098 237.909 16.418 238.327 16.6205C238.724 16.83 239.041 17.0919 239.279 17.4062C239.589 17.7344 239.802 18.1569 239.917 18.6737C240.025 19.2184 240.08 20.2415 240.08 21.743C240.08 23.2445 240.025 24.2606 239.917 24.7914C239.802 25.3221 239.589 25.7516 239.279 26.0799C239.041 26.3941 238.724 26.649 238.327 26.8446C237.909 27.075 237.415 27.1903 236.845 27.1903C236.283 27.1903 235.8 27.075 235.396 26.8446C234.985 26.649 234.653 26.3941 234.401 26.0799C234.091 25.7516 233.885 25.3221 233.784 24.7914C233.669 24.2606 233.611 23.2445 233.611 21.743Z" fill="#111111"/>
-                    <g clip-path="url(#clip0)">
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M30.6817 21.007C30.6817 29.3225 23.9255 36.0632 15.5908 36.0632C7.25649 36.0632 0.500061 29.3225 0.500061 21.007C0.500061 12.6917 7.25649 5.95081 15.5908 5.95081C23.9255 5.95081 30.6817 12.6917 30.6817 21.007Z" fill="#ECB360"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M26.6575 19.5014C26.6575 26.9851 20.8016 33.0519 13.5788 33.0519C6.35565 33.0519 0.500061 26.9851 0.500061 19.5014C0.500061 12.0177 6.35565 5.95081 13.5788 5.95081C20.8016 5.95081 26.6575 12.0177 26.6575 19.5014Z" fill="#D76835"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M27.6635 17.9956C27.6635 24.648 22.4836 30.0408 16.0935 30.0408C9.70422 30.0408 4.52429 24.648 4.52429 17.9956C4.52429 11.3436 9.70422 5.95081 16.0935 5.95081C22.4836 5.95081 27.6635 11.3436 27.6635 17.9956Z" fill="#D33A41"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M26.6574 18.9996C26.6574 25.0972 21.9278 30.0407 16.0937 30.0407C10.2596 30.0407 5.53027 25.0972 5.53027 18.9996C5.53027 12.9014 10.2596 7.95825 16.0937 7.95825C21.9278 7.95825 26.6574 12.9014 26.6574 18.9996Z" fill="#B6CB46"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M25.6514 20.0031C25.6514 25.5467 21.147 30.0408 15.5906 30.0408C10.0347 30.0408 5.53027 25.5467 5.53027 20.0031C5.53027 14.4596 10.0347 9.96582 15.5906 9.96582C21.147 9.96582 25.6514 14.4596 25.6514 20.0031Z" fill="#66AD4A"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M21.6272 17.9958C21.6272 22.4306 18.0238 26.0258 13.5787 26.0258C9.13342 26.0258 5.53027 22.4306 5.53027 17.9958C5.53027 13.561 9.13342 9.96582 13.5787 9.96582C18.0238 9.96582 21.6272 13.561 21.6272 17.9958Z" fill="#AED7DC"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M22.6333 16.992C22.6333 20.8724 19.4804 24.0183 15.5908 24.0183C11.7012 24.0183 8.54852 20.8724 8.54852 16.992C8.54852 13.1114 11.7012 9.96582 15.5908 9.96582C19.4804 9.96582 22.6333 13.1114 22.6333 16.992Z" fill="#5BB1CF"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M22.6332 17.4936C22.6332 21.097 19.9307 24.0182 16.5968 24.0182C13.263 24.0182 10.5605 21.097 10.5605 17.4936C10.5605 13.8907 13.263 10.9695 16.5968 10.9695C19.9307 10.9695 22.6332 13.8907 22.6332 17.4936Z" fill="#25A8C3"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5906 24.0182C12.8127 24.0182 10.5605 21.5465 10.5605 18.4975C10.5605 15.4485 12.8127 12.9771 15.5906 12.9771C18.3688 12.9771 20.6211 15.4485 20.6211 18.4975C20.6211 21.5465 18.3688 24.0182 15.5906 24.0182Z" fill="#1B1A18"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M18.3356 16.9058C17.8571 17.7045 16.9163 18.1665 16.2337 17.9368C15.5513 17.7075 15.3862 16.8736 15.8644 16.0747C16.3429 15.2757 17.2838 14.814 17.9662 15.0433C18.6487 15.2726 18.8138 16.1064 18.3356 16.9058Z" fill="#FFFFFE"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M153.838 26.651C153.598 25.9779 153.477 25.1247 153.477 23.9799C153.477 22.8353 153.598 21.9825 153.838 21.3089C154.511 19.3786 156.292 18.3237 158.624 18.3237C160.355 18.3237 161.726 18.9744 162.639 20.0072C162.712 20.0969 162.736 20.2318 162.616 20.3217L161.101 21.5558C160.98 21.6455 160.86 21.6233 160.764 21.511C160.187 20.9051 159.586 20.5684 158.624 20.5684C157.59 20.5684 156.796 21.0399 156.459 21.9825C156.267 22.5212 156.219 23.1498 156.219 23.9799C156.219 24.8106 156.267 25.4617 156.459 26.0004C156.796 26.9204 157.59 27.3919 158.624 27.3919C159.586 27.3919 160.187 27.0553 160.764 26.4493C160.86 26.337 160.98 26.337 161.101 26.4267L162.616 27.6612C162.736 27.7511 162.712 27.8633 162.639 27.9753C161.726 28.9855 160.355 29.6365 158.624 29.6365C156.292 29.6365 154.511 28.5816 153.838 26.651Z" fill="#111111"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M172.029 29.3898C171.861 29.3898 171.74 29.3225 171.644 29.1651L168.71 24.6311L167.147 26.3144V29.1651C167.147 29.3 167.052 29.3898 166.907 29.3898H164.694C164.55 29.3898 164.454 29.3 164.454 29.1651V14.3506C164.454 14.2161 164.55 14.1263 164.694 14.1263H166.907C167.052 14.1263 167.147 14.2161 167.147 14.3506V23.1497L171.116 18.7953C171.26 18.6379 171.38 18.5707 171.572 18.5707H174.025C174.17 18.5707 174.217 18.7051 174.121 18.7953L170.442 22.7455L174.674 29.1651C174.747 29.2549 174.699 29.3898 174.554 29.3898H172.029Z" fill="#111111"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M43.089 27.0553H46.5039C48.0912 27.0553 48.9808 26.2022 48.9808 24.9229C48.9808 23.6659 48.0912 22.8131 46.5039 22.8131H43.089C42.993 22.8131 42.9447 22.8579 42.9447 22.9476V26.9205C42.9447 27.0102 42.993 27.0553 43.089 27.0553ZM46.3597 20.4787C47.8026 20.4787 48.6923 19.6706 48.6923 18.4808C48.6923 17.2689 47.8026 16.4608 46.3597 16.4608H43.089C42.993 16.4608 42.9447 16.5055 42.9447 16.5953V20.3439C42.9447 20.4336 42.993 20.4787 43.089 20.4787H46.3597ZM40.1072 14.3506C40.1072 14.2161 40.2035 14.1263 40.3474 14.1263H46.4318C49.8947 14.1263 51.5299 15.7426 51.5299 18.1889C51.5299 19.9174 50.6644 20.9051 49.63 21.4213V21.4663C50.6401 21.8251 51.8184 23.0374 51.8184 24.9004C51.8184 27.9306 49.7742 29.3898 46.1913 29.3898H40.3474C40.2035 29.3898 40.1072 29.3 40.1072 29.1651V14.3506Z" fill="#111111"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M53.8134 29.3897C53.6688 29.3897 53.5724 29.2999 53.5724 29.1651V18.7952C53.5724 18.6603 53.6688 18.5706 53.8134 18.5706H56.0256C56.1698 18.5706 56.2661 18.6603 56.2661 18.7952V19.7153H56.2903C56.8431 18.885 57.8291 18.3237 59.2962 18.3237C60.2097 18.3237 61.1236 18.6603 61.7248 19.2216C61.8452 19.3336 61.8694 19.4237 61.7728 19.5357L60.4982 21.0399C60.4023 21.1518 60.2818 21.1744 60.1618 21.0846C59.6326 20.7702 59.0795 20.5684 58.4544 20.5684C56.9394 20.5684 56.2661 21.5783 56.2661 23.3067V29.1651C56.2661 29.2999 56.1698 29.3897 56.0256 29.3897H53.8134Z" fill="#111111"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M69.167 25.9779C69.3596 25.4165 69.4076 24.9003 69.4076 23.9799C69.4076 23.0599 69.3596 22.5659 69.167 21.9825C68.8301 21.0846 68.0851 20.5684 67.0028 20.5684C65.9205 20.5684 65.1509 21.0846 64.8144 21.9825C64.6222 22.5659 64.5739 23.0599 64.5739 23.9799C64.5739 24.9003 64.6222 25.4165 64.8144 25.9779C65.1509 26.8757 65.9205 27.3919 67.0028 27.3919C68.0851 27.3919 68.8301 26.8757 69.167 25.9779ZM62.2174 26.651C61.9527 25.888 61.8326 25.1697 61.8326 23.9799C61.8326 22.7906 61.9527 22.0722 62.2174 21.3089C62.8665 19.4237 64.6459 18.3237 67.0028 18.3237C69.3354 18.3237 71.1149 19.4237 71.7644 21.3089C72.0287 22.0722 72.1491 22.7906 72.1491 23.9799C72.1491 25.1697 72.0287 25.888 71.7644 26.651C71.1149 28.5366 69.3354 29.6365 67.0028 29.6365C64.6459 29.6365 62.8665 28.5366 62.2174 26.651Z" fill="#111111"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M83.814 29.3898C83.6694 29.3898 83.5735 29.2999 83.5252 29.165L81.2888 22.2518H81.2409L78.9803 29.165C78.932 29.2999 78.8361 29.3898 78.6915 29.3898H76.7198C76.5752 29.3898 76.4793 29.2999 76.4314 29.165L72.7758 18.7953C72.7275 18.6604 72.8 18.5706 72.9443 18.5706H75.2528C75.4212 18.5706 75.5175 18.6378 75.5654 18.7953L77.8017 25.9331H77.8501L80.0623 18.7953C80.1106 18.6604 80.2307 18.5706 80.3749 18.5706H82.1064C82.2507 18.5706 82.3711 18.6604 82.4191 18.7953L84.7759 25.9331H84.8239L86.9401 18.7953C86.9881 18.6378 87.0844 18.5706 87.2528 18.5706H89.5612C89.7056 18.5706 89.7776 18.6604 89.7297 18.7953L86.0742 29.165C86.0262 29.2999 85.93 29.3898 85.7857 29.3898H83.814Z" fill="#111111"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M90.2039 27.9307C90.1079 27.8409 90.1079 27.7065 90.2039 27.6166L91.5747 26.2698C91.6709 26.1801 91.8152 26.1801 91.9115 26.2698C92.7532 26.9881 94.0999 27.5043 95.3022 27.5043C96.721 27.5043 97.4424 26.9656 97.4424 26.2247C97.4424 25.5738 97.0337 25.1698 95.5186 25.035L94.268 24.9231C91.9115 24.6984 90.7087 23.5762 90.7087 21.7354C90.7087 19.6481 92.3201 18.3239 95.2059 18.3239C97.0096 18.3239 98.5251 18.8852 99.5588 19.6481C99.6794 19.738 99.6794 19.8724 99.6065 19.9622L98.4288 21.2868C98.3325 21.3988 98.2119 21.3988 98.0923 21.3316C97.3702 20.8601 96.2161 20.4336 95.0617 20.4336C93.9073 20.4336 93.3061 20.9052 93.3061 21.5559C93.3061 22.1847 93.7151 22.5661 95.2059 22.7009L96.4563 22.8132C98.8849 23.0375 100.039 24.2048 100.039 25.978C100.039 28.1328 98.3558 29.6366 95.1818 29.6366C92.8012 29.6366 91.166 28.7613 90.2039 27.9307Z" fill="#111111"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M108.882 21.8476C108.569 20.9723 107.704 20.4561 106.621 20.4561C105.516 20.4561 104.649 20.9723 104.337 21.8476C104.241 22.117 104.192 22.3863 104.192 22.768C104.192 22.8578 104.241 22.9029 104.337 22.9029H108.882C108.978 22.9029 109.027 22.8578 109.027 22.768C109.027 22.3863 108.978 22.117 108.882 21.8476ZM101.884 26.6285C101.643 25.9331 101.475 25.1025 101.475 23.9799C101.475 22.8578 101.62 22.005 101.86 21.3089C102.509 19.4237 104.288 18.3237 106.597 18.3237C108.978 18.3237 110.71 19.4685 111.359 21.3089C111.624 22.0722 111.744 22.8131 111.744 24.5638C111.744 24.6982 111.647 24.7881 111.479 24.7881H104.337C104.241 24.7881 104.192 24.8331 104.192 24.923C104.192 25.2369 104.265 25.5064 104.361 25.7531C104.745 26.8084 105.66 27.3919 106.958 27.3919C108.256 27.3919 109.098 26.9429 109.675 26.3595C109.796 26.2472 109.916 26.2246 110.036 26.3144L111.455 27.4817C111.576 27.5715 111.576 27.6838 111.479 27.7961C110.493 28.8732 108.858 29.6365 106.718 29.6365C104.265 29.6365 102.533 28.5144 101.884 26.6285Z" fill="#111111"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M113.738 29.3897C113.594 29.3897 113.498 29.2999 113.498 29.1651V18.7952C113.498 18.6603 113.594 18.5706 113.738 18.5706H115.951C116.095 18.5706 116.191 18.6603 116.191 18.7952V19.7153H116.215C116.768 18.885 117.754 18.3237 119.221 18.3237C120.135 18.3237 121.049 18.6603 121.65 19.2216C121.77 19.3336 121.794 19.4237 121.698 19.5357L120.423 21.0399C120.328 21.1518 120.207 21.1744 120.087 21.0846C119.558 20.7702 119.004 20.5684 118.38 20.5684C116.865 20.5684 116.191 21.5783 116.191 23.3067V29.1651C116.191 29.2999 116.095 29.3897 115.951 29.3897H113.738Z" fill="#111111"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M122.113 27.6166C122.016 27.5267 121.969 27.3919 122.065 27.2796L123.556 25.6634C123.652 25.5514 123.796 25.5514 123.892 25.6413C124.95 26.4268 126.513 27.2571 128.341 27.2571C130.289 27.2571 131.419 26.337 131.419 25.0578C131.419 23.9578 130.698 23.2395 128.437 22.9476L127.571 22.8353C124.421 22.4314 122.642 21.0171 122.642 18.4808C122.642 15.72 124.805 13.8795 128.172 13.8795C130.217 13.8795 132.165 14.4855 133.463 15.4055C133.583 15.4957 133.608 15.5855 133.511 15.72L132.357 17.3808C132.261 17.4932 132.14 17.5157 132.02 17.4484C130.698 16.6404 129.471 16.2587 128.1 16.2587C126.441 16.2587 125.527 17.1118 125.527 18.3012C125.527 19.3561 126.321 20.0744 128.533 20.3664L129.4 20.4786C132.549 20.8826 134.281 22.2741 134.281 24.9004C134.281 27.6166 132.189 29.6366 128.125 29.6366C125.72 29.6366 123.387 28.7387 122.113 27.6166Z" fill="#111111"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M139.264 29.5804C136.931 29.5804 136.041 28.5255 136.041 26.4153V20.7145C136.041 20.6246 135.994 20.5796 135.897 20.5796H135.127C134.983 20.5796 134.887 20.4898 134.887 20.3549V18.8511C134.887 18.7166 134.983 18.6268 135.127 18.6268H135.897C135.994 18.6268 136.041 18.5817 136.041 18.4919V15.529C136.041 15.3945 136.137 15.3047 136.281 15.3047H138.494C138.639 15.3047 138.735 15.3945 138.735 15.529V18.4919C138.735 18.5817 138.783 18.6268 138.879 18.6268H140.418C140.562 18.6268 140.659 18.7166 140.659 18.8511V20.3549C140.659 20.4898 140.562 20.5796 140.418 20.5796H138.879C138.783 20.5796 138.735 20.6246 138.735 20.7145V26.3259C138.735 27.089 139.072 27.3357 139.817 27.3357H140.418C140.562 27.3357 140.659 27.4256 140.659 27.5604V29.3558C140.659 29.4906 140.562 29.5804 140.418 29.5804H139.264Z" fill="#111111"/>
-                      <path fill-rule="evenodd" clip-rule="evenodd" d="M149.175 25.7531V24.923C149.175 24.8331 149.126 24.7881 149.03 24.7881H147.106C145.375 24.7881 144.605 25.2369 144.605 26.2472C144.605 27.145 145.302 27.594 146.601 27.594C148.261 27.594 149.175 26.988 149.175 25.7531ZM149.463 29.3897C149.319 29.3897 149.223 29.2999 149.223 29.1651V28.3795H149.198C148.645 29.1203 147.562 29.6365 145.928 29.6365C143.811 29.6365 142.032 28.6041 142.032 26.337C142.032 23.9799 143.811 22.9029 146.674 22.9029H149.03C149.126 22.9029 149.175 22.8578 149.175 22.768V22.2518C149.175 21.017 148.549 20.4561 146.601 20.4561C145.302 20.4561 144.509 20.7927 143.955 21.1969C143.836 21.2867 143.691 21.2642 143.619 21.1518L142.729 19.6706C142.657 19.5582 142.681 19.4459 142.778 19.3786C143.715 18.7502 144.99 18.3237 146.889 18.3237C150.425 18.3237 151.724 19.4459 151.724 22.0949V29.1651C151.724 29.2999 151.627 29.3897 151.483 29.3897H149.463Z" fill="#111111"/>
-                    </g>
-                    <defs>
-                      <filter id="filter0_d" x="180.442" y="7.55676" width="73.0578" height="31.3019" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-                        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-                        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-                        <feOffset dx="1" dy="2"/>
-                        <feGaussianBlur stdDeviation="1"/>
-                        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
-                        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
-                        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
-                      </filter>
-                      <clipPath id="clip0">
-                        <rect width="175.054" height="31.0492" fill="white" transform="translate(0.500061 5.95081)"/>
-                      </clipPath>
-                    </defs>
-                  </svg>                
-                ) : (
-                  <svg width="32" height="32" viewBox="0 0 257 257" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M67.5384 173.762L27.7728 161.49L31.4952 159.135L55.6622 156.201L67.5384 173.762Z" fill="#666666"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M218.084 108.798C218.084 158.359 178.087 198.534 128.746 198.534C79.407 198.534 39.4092 158.359 39.4092 108.798C39.4092 59.2387 79.407 19.0623 128.746 19.0623C178.087 19.0623 218.084 59.2387 218.084 108.798Z" fill="#ECB360"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M194.261 99.8245C194.261 144.428 159.594 180.587 116.835 180.587C74.0741 180.587 39.4092 144.428 39.4092 99.8245C39.4092 55.2211 74.0741 19.0623 116.835 19.0623C159.594 19.0623 194.261 55.2211 194.261 99.8245Z" fill="#D76835"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M200.216 90.8499C200.216 130.499 169.551 162.64 131.722 162.64C93.8976 162.64 63.2325 130.499 63.2325 90.8499C63.2325 51.2034 93.8976 19.0623 131.722 19.0623C169.551 19.0623 200.216 51.2034 200.216 90.8499Z" fill="#D33A41"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M194.26 96.8338C194.26 133.176 166.261 162.64 131.723 162.64C97.1853 162.64 69.188 133.176 69.188 96.8338C69.188 60.4883 97.1853 31.0266 131.723 31.0266C166.261 31.0266 194.26 60.4883 194.26 96.8338Z" fill="#B6CB46"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M188.304 102.815C188.304 135.855 161.639 162.64 128.745 162.64C95.8538 162.64 69.188 135.855 69.188 102.815C69.188 69.7752 95.8538 42.9921 128.745 42.9921C161.639 42.9921 188.304 69.7752 188.304 102.815Z" fill="#66AD4A"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M164.481 90.8512C164.481 117.283 143.149 138.711 116.834 138.711C90.5185 138.711 69.188 117.283 69.188 90.8512C69.188 64.4194 90.5185 42.9921 116.834 42.9921C143.149 42.9921 164.481 64.4194 164.481 90.8512Z" fill="#AED7DC"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M170.437 84.8688C170.437 107.996 151.772 126.746 128.746 126.746C105.719 126.746 87.0558 107.996 87.0558 84.8688C87.0558 61.74 105.719 42.9921 128.746 42.9921C151.772 42.9921 170.437 61.74 170.437 84.8688Z" fill="#5BB1CF"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M170.437 87.8586C170.437 109.335 154.439 126.745 134.702 126.745C114.966 126.745 98.9672 109.335 98.9672 87.8586C98.9672 66.3847 114.966 48.9741 134.702 48.9741C154.439 48.9741 170.437 66.3847 170.437 87.8586Z" fill="#25A8C3"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M128.746 126.745C112.3 126.745 98.9672 112.013 98.9672 93.841C98.9672 75.669 112.3 60.9388 128.746 60.9388C145.192 60.9388 158.526 75.669 158.526 93.841C158.526 112.013 145.192 126.745 128.746 126.745Z" fill="#1B1A18"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M144.995 84.3544C142.162 89.115 136.592 91.8683 132.552 90.4994C128.512 89.1329 127.534 84.163 130.365 79.4013C133.198 74.6389 138.768 71.8873 142.808 73.2541C146.848 74.6208 147.826 79.5904 144.995 84.3544Z" fill="#FFFFFE"/>
-                    <g filter="url(#filter0_d)">
-                      <rect x="27.7728" y="119.717" width="118.841" height="41.6666" fill="#EEEEEE"/>
-                    </g>
-                    <path d="M50.1592 152.857H58.2063C59.9837 152.857 61.4847 152.467 62.7094 151.687C63.9449 150.961 64.9095 150.04 65.6031 148.923C65.8632 148.501 66.0854 148.094 66.2696 147.704C66.443 147.303 66.5731 146.848 66.6598 146.338C66.844 145.331 66.9361 143.553 66.9361 141.006C66.9361 138.611 66.8765 136.926 66.7573 135.95C66.6056 134.975 66.2425 134.043 65.6681 133.154C64.0641 130.51 61.6581 129.177 58.4501 129.155H50.1592V152.857ZM53.7519 132.553H58.0437C59.8645 132.509 61.2734 133.176 62.2705 134.552C62.7582 135.105 63.067 135.826 63.1971 136.714C63.2946 137.603 63.3434 139.077 63.3434 141.136C63.3434 143.25 63.2946 144.691 63.1971 145.461C63.0887 146.241 62.834 146.886 62.433 147.395C61.5226 148.772 60.0595 149.46 58.0437 149.46H53.7519V132.553Z" fill="#333333"/>
-                    <path d="M70.4645 152.857H85.5995V149.46H74.0572V142.502H83.9088V139.316H74.0572V132.553H85.5995V129.155H70.4645V152.857Z" fill="#333333"/>
-                    <path d="M88.3313 152.857H91.9241V138.08H91.9891L96.9474 149.46H99.9386L104.897 138.08H104.978V152.857H108.571V129.155H105.173L98.508 144.599L91.7127 129.155H88.3313V152.857Z" fill="#333333"/>
-                    <path d="M112.083 141.006C112.083 143.716 112.164 145.547 112.327 146.501C112.414 147.01 112.522 147.433 112.652 147.769C112.793 148.094 112.95 148.436 113.124 148.793C113.698 149.888 114.619 150.852 115.887 151.687C117.134 152.554 118.689 153.009 120.553 153.052C122.439 153.009 124.01 152.554 125.267 151.687C126.514 150.852 127.413 149.888 127.966 148.793C128.367 148.219 128.643 147.455 128.795 146.501C128.936 145.547 129.006 143.716 129.006 141.006C129.006 138.253 128.936 136.411 128.795 135.479C128.643 134.547 128.367 133.794 127.966 133.219C127.413 132.125 126.514 131.149 125.267 130.293C124.01 129.426 122.439 128.982 120.553 128.96C118.689 128.982 117.134 129.426 115.887 130.293C114.619 131.149 113.698 132.125 113.124 133.219C112.766 133.794 112.5 134.547 112.327 135.479C112.164 136.411 112.083 138.253 112.083 141.006ZM115.692 141.006C115.692 138.676 115.779 137.088 115.952 136.243C116.104 135.441 116.413 134.785 116.879 134.276C117.258 133.788 117.757 133.382 118.374 133.057C118.981 132.742 119.707 132.574 120.553 132.553C121.409 132.574 122.151 132.742 122.78 133.057C123.376 133.382 123.853 133.788 124.211 134.276C124.677 134.785 124.996 135.441 125.17 136.243C125.332 137.088 125.414 138.676 125.414 141.006C125.414 143.336 125.332 144.913 125.17 145.737C124.996 146.561 124.677 147.227 124.211 147.737C123.853 148.224 123.376 148.62 122.78 148.923C122.151 149.281 121.409 149.46 120.553 149.46C119.707 149.46 118.981 149.281 118.374 148.923C117.757 148.62 117.258 148.224 116.879 147.737C116.413 147.227 116.104 146.561 115.952 145.737C115.779 144.913 115.692 143.336 115.692 141.006Z" fill="#333333"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M217.054 237.514C216.597 236.246 216.368 234.64 216.368 232.484C216.368 230.329 216.597 228.723 217.054 227.455C218.334 223.82 221.72 221.833 226.156 221.833C229.448 221.833 232.056 223.059 233.793 225.003C233.932 225.172 233.976 225.426 233.749 225.595L230.867 227.919C230.638 228.088 230.408 228.046 230.227 227.835C229.128 226.694 227.985 226.06 226.156 226.06C224.19 226.06 222.679 226.948 222.039 228.723C221.672 229.737 221.582 230.921 221.582 232.484C221.582 234.048 221.672 235.274 222.039 236.289C222.679 238.021 224.19 238.909 226.156 238.909C227.985 238.909 229.128 238.275 230.227 237.134C230.408 236.923 230.638 236.923 230.867 237.092L233.749 239.416C233.976 239.585 233.932 239.797 233.793 240.008C232.056 241.91 229.448 243.136 226.156 243.136C221.72 243.136 218.334 241.149 217.054 237.514Z" fill="#111111"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M251.652 242.671C251.332 242.671 251.102 242.544 250.919 242.248L245.339 233.71L242.366 236.88V242.248C242.366 242.502 242.185 242.671 241.909 242.671H237.701C237.428 242.671 237.245 242.502 237.245 242.248V214.352C237.245 214.098 237.428 213.929 237.701 213.929H241.909C242.185 213.929 242.366 214.098 242.366 214.352V230.921L249.915 222.721C250.188 222.425 250.416 222.298 250.782 222.298H255.447C255.723 222.298 255.813 222.551 255.63 222.721L248.633 230.16L256.683 242.248C256.821 242.417 256.729 242.671 256.453 242.671H251.652Z" fill="#111111"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M6.41757 238.275H12.9124C15.9313 238.275 17.6233 236.669 17.6233 234.26C17.6233 231.893 15.9313 230.287 12.9124 230.287H6.41757C6.23501 230.287 6.14308 230.371 6.14308 230.54V238.021C6.14308 238.19 6.23501 238.275 6.41757 238.275ZM12.6381 225.891C15.3825 225.891 17.0745 224.369 17.0745 222.129C17.0745 219.847 15.3825 218.325 12.6381 218.325H6.41757C6.23501 218.325 6.14308 218.409 6.14308 218.579V225.637C6.14308 225.806 6.23501 225.891 6.41757 225.891H12.6381ZM0.746338 214.352C0.746338 214.098 0.929457 213.929 1.20321 213.929H12.7752C19.3615 213.929 22.4715 216.973 22.4715 221.579C22.4715 224.834 20.8253 226.694 18.858 227.666V227.751C20.7792 228.426 23.0201 230.709 23.0201 234.217C23.0201 239.923 19.1323 242.671 12.3178 242.671H1.20321C0.929457 242.671 0.746338 242.502 0.746338 242.248V214.352Z" fill="#111111"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M26.8144 242.671C26.5394 242.671 26.3561 242.502 26.3561 242.248V222.721C26.3561 222.467 26.5394 222.298 26.8144 222.298H31.0218C31.2961 222.298 31.4793 222.467 31.4793 222.721V224.454H31.5253C32.5767 222.89 34.452 221.833 37.2424 221.833C38.9798 221.833 40.7179 222.467 41.8614 223.524C42.0904 223.735 42.1364 223.905 41.9526 224.115L39.5284 226.948C39.346 227.159 39.1168 227.201 38.8886 227.032C37.8822 226.44 36.8301 226.06 35.6413 226.06C32.76 226.06 31.4793 227.962 31.4793 231.217V242.248C31.4793 242.502 31.2961 242.671 31.0218 242.671H26.8144Z" fill="#111111"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M56.0158 236.246C56.382 235.189 56.4734 234.217 56.4734 232.484C56.4734 230.752 56.382 229.822 56.0158 228.723C55.3751 227.032 53.958 226.06 51.8995 226.06C49.8412 226.06 48.3774 227.032 47.7375 228.723C47.372 229.822 47.28 230.752 47.28 232.484C47.28 234.217 47.372 235.189 47.7375 236.246C48.3774 237.937 49.8412 238.909 51.8995 238.909C53.958 238.909 55.3751 237.937 56.0158 236.246ZM42.7981 237.514C42.2947 236.077 42.0664 234.725 42.0664 232.484C42.0664 230.244 42.2947 228.892 42.7981 227.455C44.0328 223.905 47.4171 221.833 51.8995 221.833C56.3361 221.833 59.7205 223.905 60.9558 227.455C61.4586 228.892 61.6876 230.244 61.6876 232.484C61.6876 234.725 61.4586 236.077 60.9558 237.514C59.7205 241.065 56.3361 243.136 51.8995 243.136C47.4171 243.136 44.0328 241.065 42.7981 237.514Z" fill="#111111"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M83.8734 242.671C83.5983 242.671 83.4159 242.502 83.324 242.248L79.0705 229.23H78.9794L74.68 242.248C74.5881 242.502 74.4057 242.671 74.1307 242.671H70.3807C70.1056 242.671 69.9233 242.502 69.8321 242.248L62.8796 222.721C62.7877 222.467 62.9255 222.298 63.1999 222.298H67.5905C67.9108 222.298 68.0939 222.425 68.1851 222.721L72.4384 236.162H72.5303L76.7378 222.721C76.8297 222.467 77.0581 222.298 77.3324 222.298H80.6255C80.9 222.298 81.129 222.467 81.2202 222.721L85.7027 236.162H85.794L89.8189 222.721C89.9101 222.425 90.0934 222.298 90.4136 222.298H94.8041C95.0786 222.298 95.2156 222.467 95.1244 222.721L88.172 242.248C88.0808 242.502 87.8977 242.671 87.6234 242.671H83.8734Z" fill="#111111"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M96.0263 239.924C95.8438 239.755 95.8438 239.501 96.0263 239.332L98.6334 236.796C98.8165 236.627 99.0908 236.627 99.2741 236.796C100.875 238.149 103.436 239.121 105.723 239.121C108.421 239.121 109.793 238.106 109.793 236.711C109.793 235.485 109.016 234.725 106.135 234.471L103.756 234.26C99.2741 233.837 96.9865 231.724 96.9865 228.258C96.9865 224.327 100.051 221.833 105.54 221.833C108.97 221.833 111.853 222.89 113.819 224.327C114.048 224.496 114.048 224.75 113.909 224.919L111.669 227.413C111.486 227.624 111.257 227.624 111.029 227.497C109.656 226.609 107.461 225.806 105.266 225.806C103.07 225.806 101.927 226.694 101.927 227.92C101.927 229.104 102.704 229.822 105.54 230.076L107.918 230.287C112.537 230.71 114.732 232.908 114.732 236.247C114.732 240.304 111.531 243.136 105.494 243.136C100.966 243.136 97.8562 241.488 96.0263 239.924Z" fill="#111111"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M131.55 228.469C130.956 226.821 129.31 225.849 127.251 225.849C125.148 225.849 123.5 226.821 122.906 228.469C122.723 228.976 122.631 229.483 122.631 230.202C122.631 230.371 122.723 230.456 122.906 230.456H131.55C131.733 230.456 131.825 230.371 131.825 230.202C131.825 229.483 131.733 228.976 131.55 228.469ZM118.242 237.472C117.783 236.162 117.463 234.598 117.463 232.484C117.463 230.371 117.738 228.765 118.195 227.455C119.429 223.905 122.814 221.833 127.205 221.833C131.733 221.833 135.027 223.989 136.261 227.455C136.766 228.892 136.993 230.287 136.993 233.584C136.993 233.837 136.81 234.006 136.49 234.006H122.906C122.723 234.006 122.631 234.091 122.631 234.26C122.631 234.851 122.77 235.359 122.953 235.823C123.683 237.81 125.422 238.909 127.891 238.909C130.361 238.909 131.962 238.064 133.059 236.965C133.289 236.754 133.518 236.711 133.745 236.88L136.444 239.078C136.673 239.247 136.673 239.459 136.49 239.67C134.615 241.698 131.505 243.136 127.434 243.136C122.77 243.136 119.475 241.023 118.242 237.472Z" fill="#111111"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M140.787 242.671C140.513 242.671 140.33 242.502 140.33 242.248V222.721C140.33 222.467 140.513 222.298 140.787 222.298H144.995C145.268 222.298 145.451 222.467 145.451 222.721V224.454H145.498C146.548 222.89 148.424 221.833 151.215 221.833C152.954 221.833 154.69 222.467 155.834 223.524C156.063 223.735 156.107 223.905 155.926 224.115L153.501 226.948C153.32 227.159 153.091 227.201 152.861 227.032C151.855 226.44 150.802 226.06 149.615 226.06C146.733 226.06 145.451 227.962 145.451 231.217V242.248C145.451 242.502 145.268 242.671 144.995 242.671H140.787Z" fill="#111111"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M156.714 239.332C156.531 239.163 156.44 238.909 156.624 238.697L159.459 235.654C159.642 235.443 159.916 235.443 160.099 235.612C162.111 237.092 165.084 238.655 168.559 238.655C172.264 238.655 174.414 236.922 174.414 234.514C174.414 232.442 173.043 231.09 168.743 230.54L167.096 230.329C161.105 229.568 157.72 226.905 157.72 222.129C157.72 216.93 161.836 213.464 168.239 213.464C172.127 213.464 175.832 214.606 178.302 216.338C178.531 216.508 178.577 216.677 178.394 216.93L176.198 220.058C176.015 220.269 175.786 220.312 175.557 220.185C173.043 218.663 170.709 217.945 168.103 217.945C164.947 217.945 163.208 219.551 163.208 221.791C163.208 223.777 164.718 225.13 168.926 225.68L170.574 225.891C176.563 226.652 179.857 229.272 179.857 234.217C179.857 239.332 175.879 243.136 168.149 243.136C163.575 243.136 159.137 241.445 156.714 239.332Z" fill="#111111"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M189.335 243.03C184.898 243.03 183.205 241.043 183.205 237.07V226.335C183.205 226.166 183.115 226.081 182.931 226.081H181.466C181.193 226.081 181.01 225.912 181.01 225.658V222.826C181.01 222.573 181.193 222.404 181.466 222.404H182.931C183.115 222.404 183.205 222.319 183.205 222.15V216.57C183.205 216.317 183.388 216.148 183.662 216.148H187.87C188.146 216.148 188.329 216.317 188.329 216.57V222.15C188.329 222.319 188.419 222.404 188.602 222.404H191.53C191.804 222.404 191.987 222.573 191.987 222.826V225.658C191.987 225.912 191.804 226.081 191.53 226.081H188.602C188.419 226.081 188.329 226.166 188.329 226.335V236.902C188.329 238.338 188.969 238.803 190.387 238.803H191.53C191.804 238.803 191.987 238.972 191.987 239.226V242.607C191.987 242.861 191.804 243.03 191.53 243.03H189.335Z" fill="#111111"/>
-                    <path fillRule="evenodd" clipRule="evenodd" d="M208.184 235.823V234.26C208.184 234.091 208.092 234.006 207.909 234.006H204.25C200.958 234.006 199.493 234.851 199.493 236.754C199.493 238.444 200.819 239.29 203.288 239.29C206.446 239.29 208.184 238.149 208.184 235.823ZM208.732 242.671C208.458 242.671 208.275 242.502 208.275 242.248V240.769H208.229C207.176 242.164 205.118 243.136 202.008 243.136C197.984 243.136 194.599 241.192 194.599 236.923C194.599 232.484 197.984 230.456 203.427 230.456H207.909C208.092 230.456 208.184 230.371 208.184 230.202V229.23C208.184 226.905 206.993 225.849 203.288 225.849C200.819 225.849 199.31 226.482 198.257 227.244C198.03 227.413 197.754 227.37 197.617 227.159L195.925 224.369C195.788 224.158 195.834 223.946 196.017 223.82C197.801 222.636 200.225 221.833 203.838 221.833C210.561 221.833 213.032 223.946 213.032 228.934V242.248C213.032 242.502 212.847 242.671 212.574 242.671H208.732Z" fill="#111111"/>
-                    <defs>
-                      <filter id="filter0_d" x="25.7728" y="119.717" width="124.841" height="47.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-                        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-                        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-                        <feOffset dx="1" dy="3"/>
-                        <feGaussianBlur stdDeviation="1.5"/>
-                        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
-                        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
-                        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
-                      </filter>
-                    </defs>
-                  </svg>
-                )}
+                <img 
+                  className="Navbar_logo__image__3Blki" 
+                  alt="logo"
+                  style={{ width:'265px', height: 'auto' }}
+                  src={require(`../../../public/static/bstackdemo_logo.jpg`)} 
+                />
               </a>
             </Link>
             <div className="space-x-4 ml-6 menu" style={{ 
@@ -167,11 +80,18 @@ const Header = () => {
               />
               <button 
                 onClick={() => window.location.reload()}
-                className="px-4 py-1 bg-gray-100 border border-l-0 border-gray-300 rounded-r hover:bg-gray-200 search-button"
+                className="px-4 py-1 bg-gray-100 border border-l-0 border-gray-300"
                 role='button'
+                style={{ 
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                  cursor: 'pointer'
+                }}
               >
+                <img className="m-auto h-56 " alt="flowchart main" style={{ width: '17px', height: '17px', marginRight: '7px' }} src={require(`../../../public/static/search.png`)} />
                 Search
-              </button>
+              </button> 
             </div>
             {userName ? (<span className="username">{userName}</span>) : ''}
             <nav className="UserNav_root__343id align-center pt-1">