Files
gitea-mirror/www/src/components/Footer.astro
abhrajitray77 4e3c4c2c67 🐧New logo added
2025-08-05 20:57:01 +05:30

83 lines
2.4 KiB
Plaintext

---
import { Github, Book, MessageSquare, Bug } from 'lucide-react';
const links = [
{
title: "Source Code",
href: "https://github.com/RayLabsHQ/gitea-mirror",
icon: Github
},
{
title: "Documentation",
href: "https://github.com/RayLabsHQ/gitea-mirror/tree/main/docs",
icon: Book
},
{
title: "Discussions",
href: "https://github.com/RayLabsHQ/gitea-mirror/discussions",
icon: MessageSquare
},
{
title: "Report Issue",
href: "https://github.com/RayLabsHQ/gitea-mirror/issues",
icon: Bug
}
];
const currentYear = new Date().getFullYear();
---
<footer class="border-t py-8 sm:py-12 px-4 sm:px-6 lg:px-8">
<div class="max-w-7xl mx-auto">
<div class="flex flex-col items-center gap-6 sm:gap-8">
<!-- Logo and tagline -->
<div class="text-center">
<div class="flex items-center justify-center gap-2 mb-2">
<img
src="/assets/logo.png"
alt="Gitea Mirror"
class="w-7 h-6 md:w-10 md:h-8"
/>
<span class="font-semibold text-base sm:text-lg">Gitea Mirror</span>
</div>
<p class="text-xs sm:text-sm text-muted-foreground">
Keep your GitHub code safe and synced
</p>
</div>
<!-- Links -->
<nav class="grid grid-cols-2 sm:flex items-center justify-center gap-4 sm:gap-6 text-center">
{links.map((link) => {
const Icon = link.icon;
return (
<a
href={link.href}
target="_blank"
rel="noopener noreferrer"
class="flex items-center justify-center gap-2 text-xs sm:text-sm text-muted-foreground hover:text-foreground transition-colors py-2 sm:py-0"
>
<Icon className="w-3 h-3 sm:w-4 sm:h-4" />
<span>{link.title}</span>
</a>
);
})}
</nav>
<!-- Copyright -->
<div class="text-center text-xs sm:text-sm text-muted-foreground px-4">
<p>© {currentYear} Gitea Mirror. Open source under GPL-3.0 License.</p>
<p class="mt-1">
Made with dedication by the{' '}
<a
href="https://github.com/RayLabsHQ"
class="underline hover:text-foreground transition-colors"
target="_blank"
rel="noopener noreferrer"
>
RayLabs team
</a>
</p>
</div>
</div>
</div>
</footer>