57 lines
No EOL
2.3 KiB
Vue
57 lines
No EOL
2.3 KiB
Vue
<template>
|
|
<footer class="bg-neutral-50 dark:bg-neutral-900 border-t border-neutral-200 dark:border-neutral-800 mt-20">
|
|
<UContainer>
|
|
<div class="py-12">
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
|
<div class="col-span-1 md:col-span-2">
|
|
<h3 class="text-lg font-mono uppercase font-bold text-black dark:text-white mb-4">
|
|
Urgent Tools
|
|
</h3>
|
|
<p class="text-sm text-neutral-600 dark:text-neutral-400 mb-4">
|
|
Tools for cooperative planning, budgeting, and resource management.
|
|
</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 class="text-sm font-semibold text-black dark:text-white mb-3">Tools</h4>
|
|
<ul class="space-y-2">
|
|
<li>
|
|
<NuxtLink to="/tools/coop-planner" class="text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white transition-colors">
|
|
Budget Builder
|
|
</NuxtLink>
|
|
</li>
|
|
<li>
|
|
<NuxtLink to="/tools/wizards" class="text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white transition-colors">
|
|
Wizards
|
|
</NuxtLink>
|
|
</li>
|
|
<li>
|
|
<NuxtLink to="/tools/resources" class="text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white transition-colors">
|
|
Resources & Templates
|
|
</NuxtLink>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<USeparator class="my-8" />
|
|
|
|
<div class="flex flex-col md:flex-row justify-between items-center gap-4">
|
|
<p class="text-xs text-neutral-500 dark:text-neutral-500">
|
|
© {{ currentYear }} Urgent Tools. All rights reserved.
|
|
</p>
|
|
<div class="flex items-center gap-4">
|
|
<a href="https://github.com" target="_blank" rel="noopener noreferrer" class="text-neutral-500 dark:text-neutral-500 hover:text-black dark:hover:text-white transition-colors">
|
|
<UIcon name="i-simple-icons-github" class="w-5 h-5" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</UContainer>
|
|
</footer>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const currentYear = computed(() => new Date().getFullYear())
|
|
</script> |