remove website contents

pages/index.vue

@@ -1,22 +1,14 @@
 <script setup lang="ts">
 /*Call Components*/
-import RevenueCard from '@/components/dashboard/RevenueCard.vue';
-import NewCustomer from '@/components/dashboard/NewCustomer.vue';
-import Totalincome from '@/components/dashboard/TotalIncome.vue';
-import RevenueProduct from '@/components/dashboard/RevenueProducts.vue';
-import DailyActivities from '@/components/dashboard/DailyActivities.vue';
-import BlogCards from '@/components/dashboard/BlogCards.vue';
 </script>
 
 <template>
-    <v-row>
-        <v-col cols="12" lg="8"><RevenueCard /></v-col>
-        <v-col cols="12" lg="4"
-            ><NewCustomer class="mb-6" />
-            <Totalincome />
-        </v-col>
-        <v-col cols="12" lg="8"><RevenueProduct/></v-col>
-        <v-col cols="12" lg="4"><DailyActivities/> </v-col>
-        <v-col cols="12"><BlogCards/></v-col>
-    </v-row>
+    <div class="d-flex justify-center align-center text-center h-100vh">
+        <div>
+            <img src="@/assets/images/backgrounds/errorimg.svg" width="500" alt="404" />
+            <h1 class="text-h1 pt-3">Opps!!!</h1>
+            <h4 class="text-h4 my-8">This page you are looking for could not be found.</h4>
+            <v-btn flat color="primary" class="mb-4" to="/">Go Back to Home</v-btn>
+        </div>
+    </div>
 </template>