damjan_savic/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: capture live server state before migration (2026-06-10)

Browse Source
This commit is contained in:
damjan_savic
2026-06-10 23:56:36 +02:00
parent 97bf6da106
commit b6ad1e0b2f
52 changed files with 704 additions and 691 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/layout/Footer.tsx
+19 -19
View File
@@ -8,24 +8,24 @@ const Footer = async () => {
const currentYear = new Date().getFullYear();
return (
<footer className="relative bg-zinc-800/50 backdrop-blur-sm border-t border-zinc-700/30 pt-6 sm:pt-8 pb-4 px-4 sm:px-6 lg:px-8">
<footer className="relative bg-card/50 backdrop-blur-sm border-t border-border/30 pt-6 sm:pt-8 pb-4 px-4 sm:px-6 lg:px-8">
<div className="max-w-7xl mx-auto">
<div className="flex flex-col sm:grid sm:grid-cols-2 lg:grid-cols-4 gap-6 sm:gap-8">
{/* Contact Section */}
<div>
<h3 className="text-white text-base font-semibold mb-3">
<h3 className="text-foreground text-base font-semibold mb-3">
{t('sections.contact.title')}
</h3>
<div className="space-y-2">
<a
href={`mailto:${t('sections.contact.email')}`}
className="group flex items-center gap-2 text-zinc-400 hover:text-white transition-colors duration-200 text-sm w-fit"
className="group flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors duration-200 text-sm w-fit"
>
<Mail className="h-4 w-4 text-zinc-500 group-hover:text-white transition-colors duration-200 flex-shrink-0" />
<Mail className="h-4 w-4 text-muted-foreground group-hover:text-foreground transition-colors duration-200 flex-shrink-0" />
<span>{t('sections.contact.email')}</span>
</a>
<div className="flex items-center gap-2 text-zinc-400 text-sm w-fit">
<MapPin className="h-4 w-4 text-zinc-500 flex-shrink-0" />
<div className="flex items-center gap-2 text-muted-foreground text-sm w-fit">
<MapPin className="h-4 w-4 text-muted-foreground flex-shrink-0" />
<span>{t('sections.contact.location')}</span>
</div>
</div>
@@ -33,31 +33,31 @@ const Footer = async () => {
{/* Navigation Section */}
<div>
<h3 className="text-white text-base font-semibold mb-3 text-left">
<h3 className="text-foreground text-base font-semibold mb-3 text-left">
{t('sections.navigation.title')}
</h3>
<nav className="flex flex-col space-y-2">
<Link
href={`/${locale}/portfolio`}
className="text-zinc-400 hover:text-white transition-colors duration-200 text-sm w-fit"
className="text-muted-foreground hover:text-foreground transition-colors duration-200 text-sm w-fit"
>
{t('sections.navigation.links.portfolio')}
</Link>
<Link
href={`/${locale}/blog`}
className="text-zinc-400 hover:text-white transition-colors duration-200 text-sm w-fit"
className="text-muted-foreground hover:text-foreground transition-colors duration-200 text-sm w-fit"
>
{t('sections.navigation.links.blog')}
</Link>
<Link
href={`/${locale}/about`}
className="text-zinc-400 hover:text-white transition-colors duration-200 text-sm w-fit"
className="text-muted-foreground hover:text-foreground transition-colors duration-200 text-sm w-fit"
>
{t('sections.navigation.links.about')}
</Link>
<Link
href={`/${locale}/contact`}
className="text-zinc-400 hover:text-white transition-colors duration-200 text-sm w-fit"
className="text-muted-foreground hover:text-foreground transition-colors duration-200 text-sm w-fit"
>
{t('sections.navigation.links.contact')}
</Link>
@@ -66,7 +66,7 @@ const Footer = async () => {
{/* Social Media Section */}
<div>
<h3 className="text-white text-base font-semibold mb-3 text-left">
<h3 className="text-foreground text-base font-semibold mb-3 text-left">
{t('sections.social.title')}
</h3>
<div className="flex space-x-4">
@@ -74,7 +74,7 @@ const Footer = async () => {
href="https://www.linkedin.com/in/damjan-savić-720288127/"
target="_blank"
rel="noopener noreferrer"
className="group text-zinc-400 hover:text-white transition-colors duration-200"
className="group text-muted-foreground hover:text-foreground transition-colors duration-200"
aria-label="LinkedIn"
>
<Linkedin className="transform transition-transform group-hover:scale-110" size={20} />
@@ -83,7 +83,7 @@ const Footer = async () => {
href="https://github.com/damjan1996"
target="_blank"
rel="noopener noreferrer"
className="group text-zinc-400 hover:text-white transition-colors duration-200"
className="group text-muted-foreground hover:text-foreground transition-colors duration-200"
aria-label="GitHub"
>
<Github className="transform transition-transform group-hover:scale-110" size={20} />
@@ -92,27 +92,27 @@ const Footer = async () => {
</div>
{/* Legal Section */}
<div className="border-t sm:border-t-0 lg:border-t border-zinc-700/30 pt-4 sm:pt-0 lg:pt-4">
<div className="border-t sm:border-t-0 lg:border-t border-border/30 pt-4 sm:pt-0 lg:pt-4">
<div className="flex flex-col space-y-4">
<p className="text-zinc-400 text-xs text-left">
<p className="text-muted-foreground text-xs text-left">
&copy; {currentYear} Damjan Savić. {t('legal.copyright')}
</p>
<div className="flex space-x-4">
<Link
href={`/${locale}/privacy`}
className="text-zinc-400 hover:text-white text-xs transition-colors duration-200"
className="text-muted-foreground hover:text-foreground text-xs transition-colors duration-200"
>
{t('legal.links.privacy')}
</Link>
<Link
href={`/${locale}/imprint`}
className="text-zinc-400 hover:text-white text-xs transition-colors duration-200"
className="text-muted-foreground hover:text-foreground text-xs transition-colors duration-200"
>
{t('legal.links.imprint')}
</Link>
<Link
href={`/${locale}/terms`}
className="text-zinc-400 hover:text-white text-xs transition-colors duration-200"
className="text-muted-foreground hover:text-foreground text-xs transition-colors duration-200"
>
{t('legal.links.terms')}
</Link>