diff --git a/front/src/views/home/details.vue b/front/src/views/home/details.vue
index 408b3160..f273607c 100644
--- a/front/src/views/home/details.vue
+++ b/front/src/views/home/details.vue
@@ -16,7 +16,7 @@
       <application-details
         v-else-if="showView === 'application-details'"
       ></application-details>
-      <ability-to-recommend-bottom></ability-to-recommend-bottom>
+      <home-footer></home-footer>
     </div>
   </div>
 </template>
@@ -25,7 +25,7 @@
   import HomeHeader from '@/views/home/components/header'
   import { defineComponent, reactive, ref } from 'vue'
   import DetailsView from './components/DetailsView.vue'
-  import AbilityToRecommendBottom from '@/views/home/components/AbilityToRecommendBottom'
+  import HomeFooter from '@/views/newHome/components/Footer'
   import AlgorithmDetails from '@/views/detailsAll/AlgorithmDetails'
   import ApplicationDetails from '@/views/detailsAll/ApplicationDetails'
   import { selectOne } from '@/api/home'
@@ -36,7 +36,7 @@
     components: {
       HomeHeader,
       DetailsView,
-      AbilityToRecommendBottom,
+      HomeFooter,
       AlgorithmDetails,
       ApplicationDetails,
     },