33export default function Footer ( ) {
44 return (
55 < footer className = "bg-[#0f1214] border-t border-[#1f2628] relative" >
6- { /* Top content (limited width) */ }
6+ { /* Top content */ }
77 < div className = "max-w-7xl mx-auto py-10" >
88 < div >
99 < h3 className = "text-blue-500 font-semibold text-lg" > EPOCH 4.0</ h3 >
@@ -14,10 +14,10 @@ export default function Footer() {
1414 </ div >
1515 </ div >
1616
17- { /* ✅ FULL-WIDTH DIVIDER */ }
17+ { /* Full-width divider */ }
1818 < div className = "w-full h-px bg-[#1f2628]" />
1919
20- { /* Bottom text (limited width again) */ }
20+ { /* Bottom text */ }
2121 < div className = "max-w-7xl mx-auto py-6" >
2222 < p className = "text-xs text-gray-500 text-center" >
2323 © 2025 EPOCH 4.0 Hackathon. All rights reserved.
@@ -26,26 +26,49 @@ export default function Footer() {
2626
2727 { /* Socials — bottom right */ }
2828 < div className = "absolute bottom-6 right-6 flex gap-3 my-[-10]" >
29+ { /* GitHub */ }
2930 < a
30- className = "bg-[#161b22] hover:bg-[#21262d] text-gray-300 px-3 py-2 rounded-md text-sm transition cursor-target"
3131 href = "https://github.com/github-community-gitam"
3232 target = "_blank"
33+ className = "bg-[#161b22] hover:bg-[#21262d] p-2 rounded-md transition cursor-target"
3334 >
34- git
35+ < svg
36+ className = "w-5 h-5 text-gray-300"
37+ fill = "currentColor"
38+ viewBox = "0 0 24 24"
39+ >
40+ < path d = "M12 0C5.37 0 0 5.37 0 12c0 5.3 3.44 9.8 8.2 11.38.6.11.82-.26.82-.58v-2.02c-3.34.73-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.09-.75.08-.74.08-.74 1.2.08 1.83 1.23 1.83 1.23 1.07 1.83 2.8 1.3 3.48.99.11-.77.42-1.3.76-1.6-2.67-.3-5.47-1.34-5.47-5.96 0-1.32.47-2.4 1.24-3.25-.13-.3-.54-1.52.12-3.17 0 0 1-.32 3.3 1.24a11.5 11.5 0 0 1 6 0c2.3-1.56 3.3-1.24 3.3-1.24.66 1.65.25 2.87.12 3.17.77.85 1.24 1.93 1.24 3.25 0 4.63-2.8 5.66-5.48 5.96.43.37.82 1.1.82 2.22v3.29c0 .32.22.7.83.58C20.56 21.8 24 17.3 24 12c0-6.63-5.37-12-12-12z" />
41+ </ svg >
3542 </ a >
43+
44+ { /* Instagram */ }
3645 < a
37- className = "bg-[#161b22] hover:bg-[#21262d] text-gray-300 px-3 py-2 rounded-md text-sm transition cursor-target"
3846 href = "https://www.instagram.com/githubcommunitygitam/"
3947 target = "_blank"
48+ className = "bg-[#161b22] hover:bg-[#21262d] p-2 rounded-md transition cursor-target"
4049 >
41- insta
50+ < svg
51+ className = "w-5 h-5 text-gray-300"
52+ fill = "currentColor"
53+ viewBox = "0 0 24 24"
54+ >
55+ < path d = "M12 2.2c3.2 0 3.6 0 4.8.07 1.17.06 1.8.25 2.22.42.55.21.94.47 1.35.88.41.41.67.8.88 1.35.17.42.36 1.05.42 2.22.07 1.2.07 1.6.07 4.8s0 3.6-.07 4.8c-.06 1.17-.25 1.8-.42 2.22-.21.55-.47.94-.88 1.35-.41.41-.8.67-1.35.88-.42.17-1.05.36-2.22.42-1.2.07-1.6.07-4.8.07s-3.6 0-4.8-.07c-1.17-.06-1.8-.25-2.22-.42a3.38 3.38 0 0 1-1.35-.88 3.38 3.38 0 0 1-.88-1.35c-.17-.42-.36-1.05-.42-2.22C2.2 15.6 2.2 15.2 2.2 12s0-3.6.07-4.8c.06-1.17.25-1.8.42-2.22.21-.55.47-.94.88-1.35.41-.41.8-.67 1.35-.88.42-.17 1.05-.36 2.22-.42C8.4 2.2 8.8 2.2 12 2.2zM12 5.8a6.2 6.2 0 1 0 0 12.4 6.2 6.2 0 0 0 0-12.4zm0 10.2a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.4-10.9a1.45 1.45 0 1 1-2.9 0 1.45 1.45 0 0 1 2.9 0z" />
56+ </ svg >
4257 </ a >
58+
59+ { /* LinkedIn */ }
4360 < a
44- className = "bg-[#161b22] hover:bg-[#21262d] text-gray-300 px-3 py-2 rounded-md text-sm transition cursor-target"
4561 href = "https://www.linkedin.com/company/githubcommunitygitam/posts/?feedView=all"
4662 target = "_blank"
63+ className = "bg-[#161b22] hover:bg-[#21262d] p-2 rounded-md transition cursor-target"
4764 >
48- in
65+ < svg
66+ className = "w-5 h-5 text-gray-300"
67+ fill = "currentColor"
68+ viewBox = "0 0 24 24"
69+ >
70+ < path d = "M4.98 3.5C4.98 4.88 3.87 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1 4.98 2.12 4.98 3.5zM0 24h5V7H0v17zM8 7h4.8v2.3h.07c.67-1.27 2.3-2.6 4.73-2.6C22.6 6.7 24 9.4 24 13.1V24h-5v-9.6c0-2.3-.04-5.2-3.17-5.2-3.17 0-3.66 2.47-3.66 5.03V24H8V7z" />
71+ </ svg >
4972 </ a >
5073 </ div >
5174 </ footer >
0 commit comments