Skip to content

Commit

Permalink
feat: create footer
Browse files Browse the repository at this point in the history
  • Loading branch information
Tomi-Tom committed May 18, 2024
1 parent 64f031a commit a9efbf6
Show file tree
Hide file tree
Showing 7 changed files with 60 additions and 0 deletions.
4 changes: 4 additions & 0 deletions src/assets/ALEPH.IM.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions src/assets/Telegram.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions src/assets/X.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions src/assets/logo_white.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
37 changes: 37 additions & 0 deletions src/components/Home/FooterSection.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<script setup lang="ts">
</script>

<template>
<footer
class="relative bg-footer pt-72"
style="width: 100%; height: 910px"
>
<div class="flex flex-col items-center justify-center space-y-10">
<img src="../../assets/logo_white.svg" alt="logo" style="width: 105px; height: 105px" />
<p class="text-center text-primary text-tiny mt-4 body-large">Stay Connected</p>
<div class="flex flex-row space-x-7">
<a href="https://www.facebook.com/" target="_blank">
<img src="../../assets/X.svg" alt="facebook" style="width: 36px; height: 36px" />
</a>
<a href="https://www.instagram.com/" target="_blank">
<img src="../../assets/Telegram.svg" alt="instagram" style="width: 36px; height: 36px" />
</a>
<a href="https://www.linkedin.com/" target="_blank">
<img src="../../assets/ALEPH.IM.svg" alt="linkedin" style="width: 36px; height: 36px" />
</a>
</div>
<p class="text-center text-neutral-300 text-tiny mt-2 body-large">
Be part of a pioneering community valuing individual privacy and autonomy<br/>
Join a vibrant community of AI enthusiasts,developers, and innovators who<br/>
share a common commitment to privacy and decentralization. Collaborate,<br/>
share insights, and contribute to the continuous evolution of Libertai's AI<br/>
ecosystem, shaping the future of decentralized intelligence.
</p>
</div>
</footer>
</template>

<style scoped>
</style>
5 changes: 5 additions & 0 deletions src/pages/HomePage.vue
Original file line number Diff line number Diff line change
@@ -1,3 +1,8 @@
<template>
<p>Hello world!</p>
<Footer />
</template>;

<script setup lang="ts">
import Footer from "../components/Home/FooterSection.vue";
</script>
1 change: 1 addition & 0 deletions tailwind.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,7 @@ export default {
primary: "#644DF9",
secondary: "#D2DCFF",
white: "#F6F8FF",
footer: "#030014",
neutral: {
100: "#FFFFFF",
200: "#F9F9F9",
Expand Down

0 comments on commit a9efbf6

Please sign in to comment.