feat: Add professional portfolio images and Hero redesign

- Add 15 optimized WebP images for portfolio (21-53KB each)
- Redesign Hero section with full-width background image
- Add SSR support for Hero component
- Update About section with new portrait image
- Update Contact page with professional headshot
- Add images to Services/Leistungen page
- Add image optimization script (sharp)
- Update translations for gallery section

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-19 23:33:28 +01:00
co-authored by Claude Opus 4.5
parent b1ec7b4d61
commit 87c7ebc5e3
75 changed files with 10271 additions and 1314 deletions
+182 -17
View File
@@ -1,13 +1,34 @@
{
"meta": {
"site": {
"name": "Damjan Savic",
"title": "Damjan Savic | Fullstack, IoT & AI Programer",
"name": "Damjan Savić",
"title": "Damjan Savić | Fullstack, IoT & AI Programer",
"subtitle": "Skalabilna softverska resenja sa IoT i AI integracijom",
"description": "Kao fullstack programer iz Kelna, Damjan Savic se specijalizuje za razvoj skalabilnih softverskih resenja sa IoT i AI integracijom."
"description": "Kao fullstack programer iz Kelna, Damjan Savić se specijalizuje za razvoj skalabilnih softverskih resenja sa IoT i AI integracijom.",
"keywords": [
"Fullstack Programer Srbija",
"AI Programer Srbija",
"AI Developer Beograd",
"AI Developer Novi Sad",
"Razvoj AI Agenata",
"Automatizacija Procesa",
"Voice AI Srbija",
"n8n Automatizacija",
"Softverski Razvoj Beograd",
"Softverski Razvoj Novi Sad",
"Softverski Razvoj Niš",
"Python Programer Srbija",
"React Programer Srbija",
"TypeScript Programer",
"Web Razvoj Srbija",
"Remote Developer Dijaspora",
"Freelance Programer Srbija",
"SaaS Razvoj Srbija",
"GPT-4 Integracija Srbija"
]
},
"author": {
"name": "Damjan Savic",
"name": "Damjan Savić",
"role": "Senior Fullstack Developer & Digital Solutions Consultant",
"location": "Keln, Nemacka",
"email": "info@damjan-savic.com"
@@ -19,7 +40,7 @@
}
},
"common": {
"siteTitle": "Damjan Savic - Digitalna resenja & JTL integracija",
"siteTitle": "Damjan Savić - Digitalna resenja & JTL integracija",
"siteDescription": "Programer individualnih resenja za automatizaciju procesa",
"nav": {
"home": "Pocetna",
@@ -59,6 +80,7 @@
"main": {
"home": "Pocetna",
"about": "O meni",
"services": "Usluge",
"portfolio": "Portfolio",
"blog": "Blog",
"contact": "Kontakt"
@@ -113,7 +135,7 @@
"pages": {
"home": {
"hero": {
"title": "AI & AUTOMATION SPECIALIST",
"title": "FULLSTACK DEVELOPER",
"name": "DAMJAN SAVIC",
"subtitle": "AI AGENTI | VOICE AI | AUTOMATIZACIJA PROCESA",
"description": "Razvoj AI agenata i resenja za automatizaciju. Od voice AI platformi do autonomnih web agenata.",
@@ -126,9 +148,13 @@
"about": "O MENI"
}
},
"gallery": {
"title": "Uvidi",
"description": "Profesionalni momenti iz mog svakodnevnog rada"
},
"about": {
"title": "O Damjanu Savicu - Senior Fullstack Developer & Digital Solutions Consultant",
"content": "Damjan Savic je AI & Automation Specialist sa fokusom na Voice AI, autonomne agente i automatizaciju procesa. Sa MA diplomom iz razvoja softvera i preko 7 godina iskustva u razvoju digitalnih resenja, kombinuje tehnicku ekspertizu sa strateskim razumevanjem poslovanja.",
"content": "Damjan Savić je AI & Automation Specialist sa fokusom na Voice AI, autonomne agente i automatizaciju procesa. Sa MA diplomom iz razvoja softvera i preko 7 godina iskustva u razvoju digitalnih resenja, kombinuje tehnicku ekspertizu sa strateskim razumevanjem poslovanja.",
"buttons": {
"learnMore": "Saznaj vise",
"downloadCV": "Preuzmi CV"
@@ -212,13 +238,144 @@
},
"about": {
"seo": {
"title": "O meni - Damjan Savic | Fullstack Developer & AI Specijalista",
"description": "Saznajte vise o Damjanu Savicu - AI & Automation Specialist sa fokusom na Voice AI, autonomne agente i automatizaciju procesa iz Kelna."
"title": "O meni - Damjan Savić | Fullstack Developer & AI Specijalista",
"description": "Saznajte više o Damjanu Saviću - AI & Automation Specialist sa fokusom na Voice AI, autonomne agente i automatizaciju procesa iz Kelna."
},
"hero": {
"aboutMe": "FULLSTACK DEVELOPER KELN - DAMJAN SAVIC",
"title": "Python Developer Keln & React Developer - Damjan Savic",
"description": "Kao Fullstack Developer u Kelnu, Damjan Savic je vas Freelance Developer za Python automatizaciju i React razvoj."
"aboutMe": "O meni",
"title": "FULLSTACK DEVELOPER KELN",
"description": "Kao AI & Automation Specialist sa preko 7 godina iskustva, razvijam skalabilna rešenja za kompleksne poslovne procese. Moj fokus je na Voice AI, autonomnim agentima i automatizaciji procesa.",
"expertise": {
"processAutomation": {
"title": "Automatizacija procesa",
"description": "Automatizacija kompleksnih poslovnih procesa sa n8n, Zapier i Python"
},
"systemIntegration": {
"title": "Sistemska integracija",
"description": "Besprekorna integracija ERP, CRM i e-commerce sistema"
},
"customDevelopment": {
"title": "Prilagođeni razvoj",
"description": "Prilagođena softverska rešenja sa Python, TypeScript i React"
}
},
"languages": {
"python": "Python",
"typescript": "TypeScript",
"react": "React",
"nextjs": "Next.js",
"nodejs": "Node.js",
"sql": "SQL"
}
},
"skills": {
"title": "Veštine i ekspertiza",
"description": "Moje tehničke veštine i kompetencije stečene kroz 7+ godina profesionalnog iskustva.",
"skillGroups": [
{
"category": "Backend i automatizacija",
"items": [
{ "name": "Python", "level": 90 },
{ "name": "n8n / Zapier", "level": 85 },
{ "name": "Node.js", "level": 80 },
{ "name": "FastAPI", "level": 85 }
]
},
{
"category": "Frontend",
"items": [
{ "name": "React", "level": 85 },
{ "name": "TypeScript", "level": 85 },
{ "name": "Next.js", "level": 80 },
{ "name": "Tailwind CSS", "level": 90 }
]
},
{
"category": "Baze podataka i Cloud",
"items": [
{ "name": "PostgreSQL", "level": 85 },
{ "name": "Supabase", "level": 80 },
{ "name": "Docker", "level": 75 },
{ "name": "Azure", "level": 70 }
]
}
]
},
"workflow": {
"title": "Moj radni proces",
"description": "Strukturiran proces od analize zahteva do uspešne implementacije.",
"steps": [
{ "number": "01", "title": "Analiza zahteva i konsalting" },
{ "number": "02", "title": "Tehnički koncept i arhitektura" },
{ "number": "03", "title": "Agilni razvoj i testiranje" },
{ "number": "04", "title": "Deployment i integracija" },
{ "number": "05", "title": "Monitoring i optimizacija" },
{ "number": "06", "title": "Podrška i održavanje" }
]
},
"journey": {
"title": "Moj put",
"subtitle": "Obrazovanje, jezici i profesionalno iskustvo",
"education": {
"title": "Obrazovanje",
"degrees": {
"masters": {
"degree": "M.A. Razvoj softvera",
"university": "FOM Univerzitet primenjenih nauka",
"period": "2021 - 2023"
},
"bachelors": {
"degree": "B.Sc. Poslovna informatika",
"university": "FOM Univerzitet primenjenih nauka",
"period": "2017 - 2021"
}
}
},
"languages": {
"title": "Jezici",
"items": {
"german": { "name": "Nemački", "level": "Maternji" },
"english": { "name": "Engleski", "level": "Tečno (C1)" },
"serbian": { "name": "Srpski", "level": "Maternji" }
}
},
"work": {
"positions": [
{
"title": "Process Automation Specialist",
"period": "12/2024 - Danas",
"company": "Everlast Consulting GmbH",
"location": "Keln",
"highlights": [
"Razvoj AI agenata sa n8n i Zapier",
"Izgradnja web scraping rešenja",
"Migracija sa Power Automate na n8n"
]
},
{
"title": "Consultant Digital Solutions",
"period": "08/2023 - 11/2024",
"company": "Ritter Digital GmbH",
"location": "Keln",
"highlights": [
"Backend servisi na namenskim serverima",
"AI integracija preko Power Automate",
"RFID/IoT rešenja sa Zebra hardverom"
]
},
{
"title": "ERP Integration Specialist",
"period": "01/2023 - 08/2023",
"company": "Joyce & Girls",
"location": "Keln",
"highlights": [
"ApparelMagic & TradeByte integracija",
"MariaDB Middleware razvoj",
"Shopify optimizacija"
]
}
]
}
}
},
"contact": {
@@ -241,7 +398,8 @@
"email": {
"label": "E-mail",
"value": "info@damjan-savic.com"
}
},
"availabilityNote": "Obično odgovaram u roku od 24 sata."
},
"contactForm": {
"title": "Kontaktirajte me",
@@ -291,11 +449,11 @@
},
"portfolio": {
"seo": {
"title": "Portfolio - Fullstack Developer Keln Damjan Savic | Python & React Projekti",
"title": "Portfolio - Fullstack Developer Keln Damjan Savić | Python & React Projekti",
"description": "Portfolio Freelance Developera iz Kelna Damjana Savica: Python automatizacija, OLLAMA AI integracija, ERP sistem integracija, E-Commerce razvoj."
},
"sections": {
"title": "Software Developer Keln - Portfolio Damjan Savic",
"title": "Software Developer Keln - Portfolio Damjan Savić",
"subtitle": "Python Developer Keln & React Developer - Uspesni projekti"
},
"filters": {
@@ -322,7 +480,7 @@
"description": "Uvidi i najbolje prakse Damjana Savica o JTL-WaWi, e-trgovini i digitalnoj transformaciji.",
"header": {
"title": "Uvidi & Najbolje prakse Damjana Savica",
"subtitle": "Damjan Savic deli uvide i najbolje prakse o JTL-WaWi, e-trgovini i digitalnoj transformaciji"
"subtitle": "Damjan Savić deli uvide i najbolje prakse o JTL-WaWi, e-trgovini i digitalnoj transformaciji"
}
},
"ui": {
@@ -338,7 +496,14 @@
"backToBlog": "Nazad na Blog",
"publishedOn": "Objavljeno",
"category": "Kategorija",
"tags": "Oznake"
"tags": "Oznake",
"pagination": {
"previous": "Prethodna",
"next": "Sledeća",
"page": "Stranica",
"of": "od",
"showing": "Prikazano {start}-{end} od {total} članaka"
}
}
},
"login": {