Spaces:
Sleeping
Sleeping
File size: 1,920 Bytes
2857363 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 |
import { Github, Linkedin, Heart } from 'lucide-react';
const Footer = () => {
return (
<footer className="bg-white border-t border-gray-200 mt-auto">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
<div className="flex flex-col sm:flex-row items-center justify-between gap-4">
{/* Credits */}
<div className="flex items-center gap-1 text-sm text-gray-600">
<span>Built with</span>
<Heart className="w-4 h-4 text-red-500 fill-red-500" />
<span>by</span>
<a
href="https://github.com/simplyarfan"
target="_blank"
rel="noopener noreferrer"
className="font-medium text-gray-900 hover:text-blue-600 transition-colors"
>
Syed Arfan Hussain
</a>
</div>
{/* Social Links */}
<div className="flex items-center gap-4">
<a
href="https://github.com/simplyarfan"
target="_blank"
rel="noopener noreferrer"
className="p-2 text-gray-500 hover:text-gray-900 hover:bg-gray-100 rounded-lg transition-colors"
aria-label="GitHub"
>
<Github className="w-5 h-5" />
</a>
<a
href="https://www.linkedin.com/in/syed-arfan-hussain-7a3a95160/"
target="_blank"
rel="noopener noreferrer"
className="p-2 text-gray-500 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-colors"
aria-label="LinkedIn"
>
<Linkedin className="w-5 h-5" />
</a>
</div>
{/* Tech Stack */}
<div className="text-xs text-gray-500">
React + FastAPI + Redis + PostgreSQL
</div>
</div>
</div>
</footer>
);
};
export default Footer;
|