João Loureiro
fe8bbf05f6
- Integrated Space Grotesk font alongside Inter in layout. - Added FloatingSocials component for social media links. - Updated Footer with a new background color. - Modified Header to improve spacing and added LanguageSwitcher. - Refactored LanguageSwitcher to use a dropdown for language selection. - Updated ProjectCard to include images and improved layout. - Revamped About section to include categorized skills with animations. - Enhanced Contact section with animations and improved form styling. - Updated Hero section with type animation for dynamic text display. - Refactored Projects section to include animations for project cards. - Removed Skills section as it was integrated into the About section. - Updated global styles for light and dark themes, including new animations. - Updated translations for new skills and hero section text.
26 lines
1.1 KiB
TypeScript
26 lines
1.1 KiB
TypeScript
import { useTranslations } from 'next-intl';
|
|
import Link from 'next/link';
|
|
import { FaGithub, FaLinkedin } from 'react-icons/fa';
|
|
|
|
export default function Footer() {
|
|
const t = useTranslations('footer');
|
|
|
|
const githubUrl = process.env.NEXT_PUBLIC_GITHUB_URL || '#';
|
|
const linkedinUrl = process.env.NEXT_PUBLIC_LINKEDIN_URL || '#';
|
|
|
|
return (
|
|
<footer className="border-t bg-black border-[var(--color-border)] py-8 text-[var(--color-text-secondary)]">
|
|
<div className="container mx-auto flex flex-col md:flex-row justify-between items-center gap-4 px-4 sm:px-6 lg:px-8">
|
|
<p className="text-sm">© {new Date().getFullYear()} João Loureiro. {t('copyright')}</p>
|
|
<div className="flex items-center space-x-4">
|
|
<Link href={githubUrl} aria-label="GitHub" target="_blank" className="hover:text-[var(--color-primary)] transition-colors">
|
|
<FaGithub size={20} />
|
|
</Link>
|
|
<Link href={linkedinUrl} aria-label="LinkedIn" target="_blank" className="hover:text-[var(--color-primary)] transition-colors">
|
|
<FaLinkedin size={20} />
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
} |