Skip to content

Commit 1aa19c9

Browse files
Alien69FlowAlien69Flow
authored
Update Footer.tsx
Signed-off-by: Aitor Alien <[email protected]>
1 parent eaa402c commit 1aa19c9

File tree

1 file changed

+37
-43
lines changed

1 file changed

+37
-43
lines changed

‎src/components/Footer.tsx‎

Lines changed: 37 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -1,58 +1,41 @@
1-
21
import React from 'react';
3-
import { X, Facebook, MessageSquare, Instagram, Mail, Disc, Send, Github, Linkedin } from 'lucide-react';
2+
import { X, Facebook, Instagram, Mail, Disc, Send, Github, Linkedin } from 'lucide-react';
43
import { Link } from 'react-router-dom';
54

65
const Footer = () => {
76
return (
8-
<footer className="bg-alien-space-dark py-16 border-t border-alien-gold/10">
7+
<footer className="bg-alien-space-dark border-t border-alien-gold/10 py-8">
98
<div className="container mx-auto px-4">
10-
<div className="grid grid-cols-1 md:grid-cols-3 gap-12">
9+
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
1110
{/* Logo and description */}
12-
<div className="space-y-4">
11+
<div className="flex flex-col gap-3">
1312
<div className="flex items-center gap-2">
1413
<img
1514
src="/lovable-uploads/ALogo.png"
1615
alt="AlienFlowSpaceDAO Logo"
17-
className="h-10 w-auto object-contain"
16+
className="h-9 w-auto object-contain"
1817
/>
19-
<h3 className="text-xl font-bold text-alien-gold font-nasalization">AlienFlowSpace</h3>
18+
<span className="text-lg text-alien-gold font-nasalization font-bold">AlienFlowSpace</span>
2019
</div>
21-
<p className="text-gray-400 font-[Exo]">
20+
<p className="text-gray-400 text-sm font-[Exo] leading-snug">
2221
Uniting diverse blockchain domains under a cosmic governance structure.
2322
</p>
24-
<div className="flex gap-4 pt-2">
25-
<a href="https://x.com/alien69flow" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-alien-gold transition-colors">
26-
<X size={20} />
27-
</a>
28-
<a href="https://www.facebook.com/Alien69Flow" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-alien-gold transition-colors">
29-
<Facebook size={20} />
30-
</a>
31-
<a href="https://www.instagram.com/alien69flow/" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-alien-gold transition-colors">
32-
<Instagram size={20} />
33-
</a>
34-
<a href="https://discord.gg/alienflowspace" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-alien-gold transition-colors">
35-
<Disc size={20} />
36-
</a>
37-
<a href="mailto:[email protected]" className="text-gray-400 hover:text-alien-gold transition-colors">
38-
<Mail size={20} />
39-
</a>
40-
<a href="https://t.me/AlienFlow" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-alien-gold transition-colors">
41-
<Send size={20} />
42-
</a>
43-
<a href="https://github.com/AlienFlowSpaceDAO" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-alien-gold transition-colors">
44-
<Github size={20} />
45-
</a>
46-
<a href="https://linkedin.com/in/alienflow" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-alien-gold transition-colors">
47-
<Linkedin size={20} />
48-
</a>
23+
<div className="flex gap-3 pt-1 flex-wrap">
24+
<a href="https://x.com/alien69flow" target="_blank" rel="noopener noreferrer" aria-label="X" className="text-gray-400 hover:text-alien-gold transition-colors"><X size={18} /></a>
25+
<a href="https://www.facebook.com/Alien69Flow" target="_blank" rel="noopener noreferrer" aria-label="Facebook" className="text-gray-400 hover:text-alien-gold transition-colors"><Facebook size={18} /></a>
26+
<a href="https://www.instagram.com/alien69flow/" target="_blank" rel="noopener noreferrer" aria-label="Instagram" className="text-gray-400 hover:text-alien-gold transition-colors"><Instagram size={18} /></a>
27+
<a href="https://discord.gg/alienflowspace" target="_blank" rel="noopener noreferrer" aria-label="Discord" className="text-gray-400 hover:text-alien-gold transition-colors"><Disc size={18} /></a>
28+
<a href="mailto:[email protected]" aria-label="Email" className="text-gray-400 hover:text-alien-gold transition-colors"><Mail size={18} /></a>
29+
<a href="https://t.me/AlienFlow" target="_blank" rel="noopener noreferrer" aria-label="Telegram" className="text-gray-400 hover:text-alien-gold transition-colors"><Send size={18} /></a>
30+
<a href="https://github.com/AlienFlowSpaceDAO" target="_blank" rel="noopener noreferrer" aria-label="Github" className="text-gray-400 hover:text-alien-gold transition-colors"><Github size={18} /></a>
31+
<a href="https://linkedin.com/in/alienflow" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" className="text-gray-400 hover:text-alien-gold transition-colors"><Linkedin size={18} /></a>
4932
</div>
5033
</div>
5134

5235
{/* Navigation Links */}
5336
<div>
54-
<h4 className="text-alien-gold font-semibold mb-4 font-atomic-force">Navigation</h4>
55-
<ul className="space-y-3 text-gray-400 font-[Exo]">
37+
<h4 className="text-alien-gold font-nasalization font-bold mb-3 text-base">Navigation</h4>
38+
<ul className="space-y-1 text-gray-400 font-[Exo] text-sm leading-tight">
5639
<li><Link to="/" className="hover:text-alien-green transition-colors">Home</Link></li>
5740
<li><Link to="/about" className="hover:text-alien-green transition-colors">About</Link></li>
5841
<li><Link to="/alien-trip" className="hover:text-alien-green transition-colors">AlienTrip</Link></li>
@@ -65,17 +48,28 @@ const Footer = () => {
6548

6649
{/* Legal */}
6750
<div>
68-
<h4 className="text-alien-gold font-semibold mb-4 font-atomic-force">Legal</h4>
69-
<ul className="space-y-3 text-gray-400 font-[Exo]">
70-
<li><a href="https://alienflowspace.gitbook.io/DAO" target="_blank" rel="noopener noreferrer" className="hover:text-alien-green transition-colors">Terms of Service</a></li>
71-
<li><a href="https://alienflowspace.gitbook.io/DAO" target="_blank" rel="noopener noreferrer" className="hover:text-alien-green transition-colors">Privacy Policy</a></li>
72-
<li><a href="https://alienflowspace.gitbook.io/DAO" target="_blank" rel="noopener noreferrer" className="hover:text-alien-green transition-colors">Cookie Policy</a></li>
51+
<h4 className="text-alien-gold font-nasalization font-bold mb-3 text-base">Legal</h4>
52+
<ul className="space-y-1 text-gray-400 font-[Exo] text-sm leading-tight">
53+
<li>
54+
<a href="https://alienflowspace.gitbook.io/DAO" target="_blank" rel="noopener noreferrer" className="hover:text-alien-green transition-colors">
55+
Terms of Service
56+
</a>
57+
</li>
58+
<li>
59+
<a href="https://alienflowspace.gitbook.io/DAO" target="_blank" rel="noopener noreferrer" className="hover:text-alien-green transition-colors">
60+
Privacy Policy
61+
</a>
62+
</li>
63+
<li>
64+
<a href="https://alienflowspace.gitbook.io/DAO" target="_blank" rel="noopener noreferrer" className="hover:text-alien-green transition-colors">
65+
Cookie Policy
66+
</a>
67+
</li>
7368
</ul>
7469
</div>
7570
</div>
76-
77-
<div className="border-t border-alien-gold/10 mt-12 pt-8 text-center text-gray-500 font-[Exo]">
78-
<p>© {new Date().getFullYear()} AlienFlowSpace DAO. All rights reserved across the multiverse.</p>
71+
<div className="border-t border-alien-gold/10 mt-8 pt-4 text-center text-xs text-gray-500 font-[Exo]">
72+
© {new Date().getFullYear()} AlienFlowSpace DAO. All rights reserved across the multiverse.
7973
</div>
8074
</div>
8175
</footer>

0 commit comments

Comments
 (0)