Login modification - change UI clean code

src/views/main/SelectedFooter.vue

@@ -0,0 +1,48 @@
+<template>
+  <div class="flex justify-center items-center max-w-[300px] pt-28 mx-auto">
+    <img src="/images/hutopymedia/banners/hutopy.png" alt="hutopy">
+  </div>
+
+  <div class="flex flex-row justify-center space-x-10 py-10">
+    <a href="https://www.facebook.com/profile.php?id=61556819217561">
+      <img class="max-h-10" src="/images/hutopymedia/icons/pink/facebookpink.png" alt="Facebook">
+    </a>
+
+    <a href="https://www.instagram.com/hutopy.inc/">
+      <img class="max-h-10" src="/images/hutopymedia/icons/pink/instagrampink.png" alt="Instagram">
+    </a>
+
+    <a href="https://x.com/Hutopyinc/">
+      <img class="max-h-10" src="/images/hutopymedia/icons/pink/xpink.png" alt="X">
+    </a>
+  </div>
+
+  <div class="flex flex-row flex-wrap justify-center space-x-2 py-2 pb-6">
+    <router-link to="/helpandcontact">
+      <v-btn variant="plain"> Aide & Contact</v-btn>
+    </router-link>
+    <router-link to="/faq">
+      <v-btn variant="plain"> FAQ</v-btn>
+    </router-link>
+    <router-link to="/guideforcreators">
+      <v-btn variant="plain"> Guide pour les créateurs</v-btn>
+    </router-link>
+    <router-link to="/termsandconditions">
+      <v-btn variant="plain"> TermsAndConditions </v-btn>
+    </router-link>
+    <router-link to="/contentpolicy">
+      <v-btn variant="plain"> Politique de Contenu </v-btn>
+    </router-link>
+    <router-link to="/about">
+      <v-btn variant="plain"> À Propos</v-btn>
+    </router-link>
+    <router-link to="/pricing">
+      <v-btn variant="plain"> Frais</v-btn>
+    </router-link>
+  </div>
+
+
+</template>
+
+<script setup lang="ts">
+</script>