nebulae/roxane
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip(Home Design)
All checks were successful
Deploy Roxane to Preprod / deploy (push) Successful in 2m32s
Details

Browse Source
This commit is contained in:
Nebulae
2026-03-30 18:50:04 +02:00
parent 24bff5f4b5
commit 83b7c42fe4
7 changed files with 90 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
resources/js/components/footer.tsx
View File

@@ -1,34 +1,42 @@
import { Link } from '@inertiajs/react';
import { contact, home, membership } from '@/routes';
import {Link} from '@inertiajs/react';
import {contact, home, membership} from '@/routes';
import AppLogoIcon from '@/components/app-logo-icon';
export function Footer() {
const currentYear = new Date().getFullYear();
return (
<footer className="w-full border-t-4 border-black py-10 mt-auto">
<div className="max-w-7xl mx-auto px-4 flex flex-col gap-8">
<div className="flex flex-col lg:flex-row justify-between gap-8">
<div className="flex flex-col gap-3">
<Link href={home()} className="flex items-center gap-2 no-underline">
<AppLogoIcon className="size-8 text-[var(--foreground)] dark:text-white" />
<span className="font-bold text-lg">Le Retzien Libre</span>
</Link>
<p className="text-sm max-w-xs">
Une association locale pour un internet éthique, libre et respectueux.
</p>
<footer className="gap-10 bg-accent rounded-t-4xl text-white py-10 px-20 mt-auto mx-5">
<div className="max-w-7xl mx-auto px-4 flex flex-col gap-8">
<div className="flex flex-col lg:flex-row justify-between gap-8">
<div className="flex flex-col gap-3">
<Link href={home()} className="flex items-center gap-2 no-underline">
<AppLogoIcon className="size-8 text-[var(--foreground)] dark:text-white"/>
<span className="font-bold text-white text-lg">Le Retzien Libre</span>
</Link>
<p className="text-sm max-w-xs">
Une association locale pour un internet éthique, libre et respectueux.
</p>
</div>
<nav className="flex flex-col gap-3">
<span className="font-semibold">Navigation</span>
<Link href={home()} className="text-sm text-white no-underline hover:underline">Accueil</Link>
<Link href={contact()} className="text-sm text-white no-underline hover:underline">Contact</Link>
<Link href={membership()} className="text-sm text-white no-underline hover:underline">Adhérer</Link>
</nav>
</div>
<div className="flex justify-between border-t border-black/20 pt-6 text-sm text-center">
<div className="text-left">
&copy; {currentYear} Le Retzien Libre. Tous droits réservés.
</div>
<div className="flex items-stretch text-right">
<Link href="#" className="text-sm text-white underline mx-4 hover:underline">Mentions Légales</Link>
<Link href="#" className="text-sm text-white underline mx-4 hover:underline">CGU</Link>
<Link href={"#"} className="text-sm text-white underline mx-4 hover:underline">Confidentialité</Link>
</div>
</div>
<nav className="flex flex-col gap-3">
<span className="font-semibold">Navigation</span>
<Link href={home()} className="text-sm no-underline hover:underline">Accueil</Link>
<Link href={contact()} className="text-sm no-underline hover:underline">Contact</Link>
<Link href={membership()} className="text-sm no-underline hover:underline">Adhérer</Link>
</nav>
</div>
<div className="border-t border-black/20 pt-6 text-sm text-center">
&copy; {currentYear} Le Retzien Libre. Tous droits réservés.
</div>
</div>
</footer>
</footer>
);
}