From 7ca64c61f5faa112452d243415bb6c0d6892adc6 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Wed, 4 Sep 2024 22:30:48 +0200
Subject: [PATCH] Add footer

---
 app/components/App/Footer.vue | 35 +++++++++++++++++++++++++++++++++++
 app/layouts/default.vue       |  1 +
 2 files changed, 36 insertions(+)

diff --git a/app/components/App/Footer.vue b/app/components/App/Footer.vue
index dd2e2e6..abdaa53 100644
--- a/app/components/App/Footer.vue
+++ b/app/components/App/Footer.vue
@@ -3,6 +3,41 @@
 </script>
 
 <template>
+  <footer class="my-12 flex items-center justify-center gap-1">
+    <h1 class="tracking-wide text-lg font-bold text-black dark:text-white">
+      ArtHome
+    </h1>
+    <p>by</p>
+    <UButton
+      color="red"
+      variant="link"
+      to="https://twitter.com/ArthurDanj"
+      icon="i-ph:x-logo-duotone"
+      label="Arthur DANJOU"
+      :padded="false"
+      target="_blank"
+    />
+    <p>, made with</p>
+    <UButton
+      color="green"
+      variant="link"
+      to="https://nuxt.com/"
+      icon="i-vscode-icons:file-type-nuxt"
+      label="Nuxt"
+      :padded="false"
+      target="_blank"
+    />
+    <p>and</p>
+    <UButton
+      color="green"
+      variant="link"
+      to="https://hub.nuxt.com/"
+      icon="i-vscode-icons:file-type-nuxt"
+      label="NuxtHub"
+      :padded="false"
+      target="_blank"
+    />
+  </footer>
 </template>
 
 <style scoped>
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 43f2ca2..99df45e 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -3,6 +3,7 @@
     <AppHeader />
     <UContainer class="mt-20">
       <NuxtPage />
+      <AppFooter />
     </UContainer>
   </div>
 </template>