diff --git a/resources/views/articles.blade.php b/resources/views/articles.blade.php
index 42b87e1..6d93b19 100644
--- a/resources/views/articles.blade.php
+++ b/resources/views/articles.blade.php
@@ -2244,26 +2244,7 @@
 
                     @include('public/foot')
 
-                    <div style="padding: 0px 16px; box-sizing: border-box; position: fixed; bottom: 32px; width: 100%; z-index: 1000;">
-                        <div class="footer__menu" style="background: rgba(255, 255, 255, 0.98); border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; border-radius: 16px; display: flex; justify-content: space-between; height: 48px;">
-                            <div class="menu__item menu__item--actived">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Home')}}</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/vault'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Single Farms')}}</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/nft'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">Staking</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/dao'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">DAO</p>
-                            </div>
-                        </div>
-                    </div>
+                    @include('public/footer_nav', ['page' => 'articles'])
                 </div>
             </div>
         </main>
diff --git a/resources/views/dao.blade.php b/resources/views/dao.blade.php
index 22f57da..0156946 100644
--- a/resources/views/dao.blade.php
+++ b/resources/views/dao.blade.php
@@ -1633,26 +1633,8 @@
                         </div>
                     </div>
                     @include('public/foot')
-                    <div style="padding: 0px 16px; box-sizing: border-box; position: fixed; bottom: 32px; width: 100%; z-index: 1000;">
-                        <div class="footer__menu" style="background: rgba(255, 255, 255, 0.98); border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; border-radius: 16px; display: flex; justify-content: space-between; height: 48px;">
-                            <div class="menu__item" onclick="javascript:location.href = '/'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Home')}}</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/vault'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Single Farms')}}</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/nft'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">Staking</p>
-                            </div>
-                            <div class="menu__item menu__item--actived">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">DAO</p>
-                            </div>
-                        </div>
-                    </div>
+                    
+                    @include('public/footer_nav', ['page' => 'dao'])
                 </div>
             </div>
         </main>
diff --git a/resources/views/destruction.blade.php b/resources/views/destruction.blade.php
index cf0f879..e248cc8 100644
--- a/resources/views/destruction.blade.php
+++ b/resources/views/destruction.blade.php
@@ -1634,26 +1634,7 @@
 
                     @include('public/foot')
 
-                    <div style="padding: 0px 16px; box-sizing: border-box; position: fixed; bottom: 32px; width: 100%; z-index: 1000;">
-                        <div class="footer__menu" style="background: rgba(255, 255, 255, 0.98); border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; border-radius: 16px; display: flex; justify-content: space-between; height: 48px;">
-                            <div class="menu__item" onclick="javascript:location.href = '/'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Home')}}</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/vault'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Single Farms')}}</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/nft'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">Staking</p>
-                            </div>
-                            <div class="menu__item menu__item--actived">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">DAO</p>
-                            </div>
-                        </div>
-                    </div>
+                    @include('public/footer_nav', ['page' => 'destruction'])
                 </div>
             </div>
         </main>
diff --git a/resources/views/detail.blade.php b/resources/views/detail.blade.php
index 7ae8b12..0c07c01 100644
--- a/resources/views/detail.blade.php
+++ b/resources/views/detail.blade.php
@@ -2241,26 +2241,7 @@
 
                     @include('public/foot')
 
-                    <div style="padding: 0px 16px; box-sizing: border-box; position: fixed; bottom: 32px; width: 100%; z-index: 1000;">
-                        <div class="footer__menu" style="background: rgba(255, 255, 255, 0.98); border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; border-radius: 16px; display: flex; justify-content: space-between; height: 48px;">
-                            <div class="menu__item menu__item--actived">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Home')}}</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/vault'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Single Farms')}}</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/nft'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">Staking</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/dao'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">DAO</p>
-                            </div>
-                        </div>
-                    </div>
+                    @include('public/footer_nav', ['page' => 'detail'])
                 </div>
             </div>
         </main>
diff --git a/resources/views/invite.blade.php b/resources/views/invite.blade.php
index cea312f..1b4d662 100644
--- a/resources/views/invite.blade.php
+++ b/resources/views/invite.blade.php
@@ -3167,26 +3167,7 @@
                     </div>
 
 
-                    <div style="padding: 0px 16px; box-sizing: border-box; position: fixed; bottom: 32px; width: 100%; z-index: 1000;">
-                        <div class="footer__menu" style="background: rgba(255, 255, 255, 0.98); border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; border-radius: 16px; display: flex; justify-content: space-between; height: 48px;">
-                            <div class="menu__item" onclick="javascript:location.href = '/'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Home')}}</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/vault'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Single Farms')}}</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/nft'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">Staking</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/dao'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">DAO</p>
-                            </div>
-                        </div>
-                    </div>
+                    @include('public/footer_nav', ['page' => 'invite'])
                 </div>
             </div>
         </main>
diff --git a/resources/views/nft.blade.php b/resources/views/nft.blade.php
index 5dba216..c2c12f5 100644
--- a/resources/views/nft.blade.php
+++ b/resources/views/nft.blade.php
@@ -1846,26 +1846,7 @@
 
                     @include('public/foot')
 
-                    <div style="padding: 0px 16px; box-sizing: border-box; position: fixed; bottom: 32px; width: 100%; z-index: 1000;">
-                        <div class="footer__menu" style="background: rgba(255, 255, 255, 0.98); border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; border-radius: 16px; display: flex; justify-content: space-between; height: 48px;">
-                            <div class="menu__item" onclick="javascript:location.href = '/'">
-                                <i class="i-bsc"></i>
-                                <p class="p-bsc">{{trans('web.Home')}}</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/vault'">
-                                <i class="i-bsc"></i>
-                                <p class="p-bsc">{{trans('web.Single Farms')}}</p>
-                            </div>
-                            <div class="menu__item menu__item--actived menu__item-bsc">
-                                <i class="i-bsc"></i>
-                                <p class="p-bsc">Staking</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/dao'">
-                                <i class="i-bsc"></i>
-                                <p class="p-bsc">DAO</p>
-                            </div>
-                        </div>
-                    </div>
+                    @include('public/footer_nav', ['page' => 'nft'])
                 </div>
             </div>
         </main>
diff --git a/resources/views/public/footer_nav.blade.php b/resources/views/public/footer_nav.blade.php
new file mode 100644
index 0000000..40b79d5
--- /dev/null
+++ b/resources/views/public/footer_nav.blade.php
@@ -0,0 +1,24 @@
+<div style="padding: 0px 16px; box-sizing: border-box; position: fixed; bottom: 32px; width: 100%; z-index: 1000;">
+    <div class="footer__menu" style="background: rgba(255, 255, 255, 0.98); border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; border-radius: 16px; display: flex; justify-content: space-between; height: 48px;">
+    
+        <div class="menu__item {{ $page=='welcome' ? 'menu__item--actived' : '' }}" onclick="javascript:location.href = '/'">
+            <i class="i-heco"></i>
+            <p class="p-heco">{{trans('web.Home')}}</p>
+        </div>
+
+        <div class="menu__item {{ $page=='vault' ? 'menu__item--actived' : '' }}" onclick="javascript:location.href = '/vault'">
+            <i class="i-heco"></i>
+            <p class="p-heco">{{trans('web.Single Farms')}}</p>
+        </div>
+
+        <div class="menu__item {{ $page=='nft' ? 'menu__item--actived' : '' }}" onclick="javascript:location.href = '/nft'">
+            <i class="i-heco"></i>
+            <p class="p-heco">Staking</p>
+        </div>
+
+        <div class="menu__item {{ $page=='dao' ? 'menu__item--actived' : '' }}" onclick="javascript:location.href = '/dao'">
+            <i class="i-heco"></i>
+            <p class="p-heco">DAO</p>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/shouyi.blade.php b/resources/views/shouyi.blade.php
index 86bc36a..a1a0bd5 100644
--- a/resources/views/shouyi.blade.php
+++ b/resources/views/shouyi.blade.php
@@ -3161,26 +3161,7 @@
                     </div>
 
 
-                    <div style="padding: 0px 16px; box-sizing: border-box; position: fixed; bottom: 32px; width: 100%; z-index: 1000;">
-                        <div class="footer__menu" style="background: rgba(255, 255, 255, 0.98); border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; border-radius: 16px; display: flex; justify-content: space-between; height: 48px;">
-                            <div class="menu__item" onclick="javascript:location.href = '/'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Home')}}</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/vault'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Single Farms')}}</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/nft'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">Staking</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/dao'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">DAO</p>
-                            </div>
-                        </div>
-                    </div>
+                    @include('public/footer_nav', ['page' => 'shouyi'])
                 </div>
             </div>
         </main>
diff --git a/resources/views/vault.blade.php b/resources/views/vault.blade.php
index af01798..dedb251 100644
--- a/resources/views/vault.blade.php
+++ b/resources/views/vault.blade.php
@@ -1482,27 +1482,7 @@
 
                     @include('public/foot')
 
-                    <div style="padding: 0px 16px; box-sizing: border-box; position: fixed; bottom: 32px; width: 100%; z-index: 1000;">
-                        <div class="footer__menu" style="background: rgba(255, 255, 255, 0.98); border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; border-radius: 16px; display: flex; justify-content: space-between; height: 48px;">
-                            <div class="menu__item" onclick="javascript:location.href = '/'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Home')}}</p>
-                            </div>
-                            <div class="menu__item menu__item--actived">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Single Farms')}}</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/nft'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">Staking</p>
-                            </div>
-
-                            <div class="menu__item" onclick="javascript:location.href = '/dao'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">DAO</p>
-                            </div>
-                        </div>
-                    </div>
+                    @include('public/footer_nav', ['page' => 'vault'])
                 </div>
             </div>
         </main>
diff --git a/resources/views/vault2.blade.php b/resources/views/vault2.blade.php
index 46d1144..60b81f9 100644
--- a/resources/views/vault2.blade.php
+++ b/resources/views/vault2.blade.php
@@ -1482,26 +1482,7 @@
 
                     @include('public/foot')
 
-                    <div style="padding: 0px 16px; box-sizing: border-box; position: fixed; bottom: 32px; width: 100%; z-index: 1000;">
-                        <div class="footer__menu" style="background: rgba(255, 255, 255, 0.98); border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; border-radius: 16px; display: flex; justify-content: space-between; height: 48px;">
-                            <div class="menu__item" onclick="javascript:location.href = '/'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Home')}}</p>
-                            </div>
-                            <div class="menu__item menu__item--actived">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Single Farms')}}</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/nft'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">Staking</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/dao'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">DAO</p>
-                            </div>
-                        </div>
-                    </div>
+                    @include('public/footer_nav', ['page' => 'vault2'])
                 </div>
             </div>
         </main>
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index b7501ef..98b933e 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -2433,26 +2433,7 @@
 
                     @include('public/foot')
 
-                    <div style="padding: 0px 16px; box-sizing: border-box; position: fixed; bottom: 32px; width: 100%; z-index: 1000;">
-                        <div class="footer__menu" style="background: rgba(255, 255, 255, 0.98); border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; border-radius: 16px; display: flex; justify-content: space-between; height: 48px;">
-                            <div class="menu__item menu__item--actived">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Home')}}</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/vault'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">{{trans('web.Single Farms')}}</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/nft'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">Staking</p>
-                            </div>
-                            <div class="menu__item" onclick="javascript:location.href = '/dao'">
-                                <i class="i-heco"></i>
-                                <p class="p-heco">DAO</p>
-                            </div>
-                        </div>
-                    </div>
+                    @include('public/footer_nav', ['page' => 'welcome'])
                 </div>
             </div>
         </main>