Commit 003111c5 authored by Lê Ngọc Tú's avatar Lê Ngọc Tú

update footer

parent e35822e9
......@@ -5,26 +5,20 @@ import githubWhite from '../assets/github_white.svg';
const Footer = () => {
return (
<footer className="bg-slate-900 text-slate-400 py-12 relative border-t border-slate-800">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center gap-6">
<div className="text-center md:text-left">
<p className="text-xl font-bold text-white mb-2 tracking-tighter">Tu.Le</p>
<p className="text-sm text-slate-500">© {new Date().getFullYear()} Lê Ngọc Tú. All rights reserved.</p>
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col items-center justify-center gap-6">
<div className="flex gap-4">
<a href="https://github.com/TuLe142857" target="_blank" rel="noopener noreferrer" className="bg-slate-800 p-3 rounded-full hover:bg-indigo-600 transition-colors flex items-center justify-center group" aria-label="GitHub">
<img src={githubWhite} alt="GitHub" className="w-5 h-5 opacity-70 group-hover:opacity-100 transition-opacity" />
</a>
<a href="mailto:tuleaibk@gmail.com" className="bg-slate-800 p-3 rounded-full text-slate-400 hover:bg-indigo-600 hover:text-white transition-colors flex items-center justify-center" aria-label="Email">
<Mail size={20} />
</a>
</div>
<div className="flex flex-col items-center md:items-end gap-4">
<div className="flex gap-4">
<a href="https://github.com/TuLe142857" target="_blank" rel="noopener noreferrer" className="bg-slate-800 p-2 rounded-full hover:bg-indigo-600 transition-colors flex items-center justify-center">
<img src={githubWhite} alt="GitHub" className="w-5 h-5" />
</a>
<a href="mailto:tuleaibk@gmail.com" className="bg-slate-800 p-2 rounded-full hover:bg-indigo-600 hover:text-white transition-colors">
<Mail size={20} />
</a>
</div>
<div className="text-sm bg-slate-800 px-3 py-1 rounded-md text-slate-300 border border-slate-700">
TOEIC 815
</div>
</div>
<p className="text-sm text-slate-500 text-center">
© {new Date().getFullYear()} Lê Ngọc Tú. All rights reserved.
</p>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment