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:
Claude Opus 4.5
+182
-24
@@ -1,13 +1,27 @@
|
||||
{
|
||||
"meta": {
|
||||
"site": {
|
||||
"name": "Damjan Savic",
|
||||
"title": "Damjan Savic | Fullstack, IoT & AI Developer",
|
||||
"name": "Damjan Savić",
|
||||
"title": "Damjan Savić | Fullstack, IoT & AI Developer",
|
||||
"subtitle": "Scalable Software Solutions with IoT and AI Integration",
|
||||
"description": "As a fullstack developer from Cologne, Damjan Savic specializes in developing scalable software solutions with IoT and AI integration."
|
||||
"description": "As a fullstack developer from Cologne, Damjan Savić specializes in developing scalable software solutions with IoT and AI integration.",
|
||||
"keywords": [
|
||||
"Fullstack Developer",
|
||||
"AI Developer Germany",
|
||||
"AI Agent Development",
|
||||
"Process Automation",
|
||||
"Voice AI Developer",
|
||||
"n8n Automation Expert",
|
||||
"Python Developer",
|
||||
"React Developer",
|
||||
"TypeScript Developer",
|
||||
"Remote Developer Europe",
|
||||
"Cologne Germany Developer",
|
||||
"SaaS Development"
|
||||
]
|
||||
},
|
||||
"author": {
|
||||
"name": "Damjan Savic",
|
||||
"name": "Damjan Savić",
|
||||
"role": "Senior Fullstack Developer & Digital Solutions Consultant",
|
||||
"location": "Cologne, Germany",
|
||||
"email": "info@damjan-savic.com"
|
||||
@@ -19,7 +33,7 @@
|
||||
}
|
||||
},
|
||||
"common": {
|
||||
"siteTitle": "Damjan Savic - Digital Solutions & JTL Integration",
|
||||
"siteTitle": "Damjan Savić - Digital Solutions & JTL Integration",
|
||||
"siteDescription": "Developer of custom solutions for process automation",
|
||||
"nav": {
|
||||
"home": "Home",
|
||||
@@ -59,6 +73,7 @@
|
||||
"main": {
|
||||
"home": "Home",
|
||||
"about": "About",
|
||||
"services": "Services",
|
||||
"portfolio": "Portfolio",
|
||||
"blog": "Blog",
|
||||
"contact": "Contact"
|
||||
@@ -113,7 +128,7 @@
|
||||
"pages": {
|
||||
"home": {
|
||||
"hero": {
|
||||
"title": "AI & AUTOMATION SPECIALIST",
|
||||
"title": "FULLSTACK DEVELOPER",
|
||||
"name": "DAMJAN SAVIC",
|
||||
"subtitle": "AI AGENTS | VOICE AI | PROCESS AUTOMATION",
|
||||
"description": "Building AI agents and automation solutions. From voice AI platforms to autonomous web agents.",
|
||||
@@ -126,9 +141,13 @@
|
||||
"about": "ABOUT"
|
||||
}
|
||||
},
|
||||
"gallery": {
|
||||
"title": "Insights",
|
||||
"description": "Professional moments from my daily work"
|
||||
},
|
||||
"about": {
|
||||
"title": "About Damjan Savic - Senior Fullstack Developer & Digital Solutions Consultant",
|
||||
"content": "Damjan Savic is an AI & Automation Specialist focusing on Voice AI, autonomous agents, and process automation. With an M.A. in Software Development and over 7 years of experience developing digital solutions, he combines technical expertise with strategic business understanding.",
|
||||
"title": "About Damjan Savić - Senior Fullstack Developer & Digital Solutions Consultant",
|
||||
"content": "Damjan Savić is an AI & Automation Specialist focusing on Voice AI, autonomous agents, and process automation. With an M.A. in Software Development and over 7 years of experience developing digital solutions, he combines technical expertise with strategic business understanding.",
|
||||
"buttons": {
|
||||
"learnMore": "Learn More",
|
||||
"downloadCV": "Download CV"
|
||||
@@ -212,13 +231,144 @@
|
||||
},
|
||||
"about": {
|
||||
"seo": {
|
||||
"title": "About Me - Damjan Savic | Fullstack Developer & AI Specialist",
|
||||
"description": "Learn more about Damjan Savic - AI & Automation Specialist focusing on Voice AI, autonomous agents, and process automation from Cologne."
|
||||
"title": "About Me - Damjan Savić | Fullstack Developer & AI Specialist",
|
||||
"description": "Learn more about Damjan Savić - AI & Automation Specialist focusing on Voice AI, autonomous agents, and process automation from Cologne."
|
||||
},
|
||||
"hero": {
|
||||
"aboutMe": "FULLSTACK DEVELOPER COLOGNE - DAMJAN SAVIC",
|
||||
"title": "Python Developer Cologne & React Developer - Damjan Savic",
|
||||
"description": "As a Fullstack Developer in Cologne, Damjan Savic is your Freelance Developer for Python automation and React development."
|
||||
"aboutMe": "About Me",
|
||||
"title": "FULLSTACK DEVELOPER COLOGNE",
|
||||
"description": "As an AI & Automation Specialist with over 7 years of experience, I develop scalable solutions for complex business processes. My focus is on Voice AI, autonomous agents, and process automation.",
|
||||
"expertise": {
|
||||
"processAutomation": {
|
||||
"title": "Process Automation",
|
||||
"description": "Automation of complex business processes with n8n, Zapier and Python"
|
||||
},
|
||||
"systemIntegration": {
|
||||
"title": "System Integration",
|
||||
"description": "Seamless integration of ERP, CRM and e-commerce systems"
|
||||
},
|
||||
"customDevelopment": {
|
||||
"title": "Custom Development",
|
||||
"description": "Tailored software solutions with Python, TypeScript and React"
|
||||
}
|
||||
},
|
||||
"languages": {
|
||||
"python": "Python",
|
||||
"typescript": "TypeScript",
|
||||
"react": "React",
|
||||
"nextjs": "Next.js",
|
||||
"nodejs": "Node.js",
|
||||
"sql": "SQL"
|
||||
}
|
||||
},
|
||||
"skills": {
|
||||
"title": "Skills & Expertise",
|
||||
"description": "My technical skills and competencies acquired over 7+ years of professional experience.",
|
||||
"skillGroups": [
|
||||
{
|
||||
"category": "Backend & Automation",
|
||||
"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": "Databases & Cloud",
|
||||
"items": [
|
||||
{ "name": "PostgreSQL", "level": 85 },
|
||||
{ "name": "Supabase", "level": 80 },
|
||||
{ "name": "Docker", "level": 75 },
|
||||
{ "name": "Azure", "level": 70 }
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
"workflow": {
|
||||
"title": "My Workflow",
|
||||
"description": "Structured process from requirements analysis to successful implementation.",
|
||||
"steps": [
|
||||
{ "number": "01", "title": "Requirements Analysis & Consulting" },
|
||||
{ "number": "02", "title": "Technical Concept & Architecture" },
|
||||
{ "number": "03", "title": "Agile Development & Testing" },
|
||||
{ "number": "04", "title": "Deployment & Integration" },
|
||||
{ "number": "05", "title": "Monitoring & Optimization" },
|
||||
{ "number": "06", "title": "Support & Maintenance" }
|
||||
]
|
||||
},
|
||||
"journey": {
|
||||
"title": "My Journey",
|
||||
"subtitle": "Education, languages and professional experience",
|
||||
"education": {
|
||||
"title": "Education",
|
||||
"degrees": {
|
||||
"masters": {
|
||||
"degree": "M.A. Software Development",
|
||||
"university": "FOM University of Applied Sciences",
|
||||
"period": "2021 - 2023"
|
||||
},
|
||||
"bachelors": {
|
||||
"degree": "B.Sc. Business Informatics",
|
||||
"university": "FOM University of Applied Sciences",
|
||||
"period": "2017 - 2021"
|
||||
}
|
||||
}
|
||||
},
|
||||
"languages": {
|
||||
"title": "Languages",
|
||||
"items": {
|
||||
"german": { "name": "German", "level": "Native" },
|
||||
"english": { "name": "English", "level": "Fluent (C1)" },
|
||||
"serbian": { "name": "Serbian", "level": "Native" }
|
||||
}
|
||||
},
|
||||
"work": {
|
||||
"positions": [
|
||||
{
|
||||
"title": "Process Automation Specialist",
|
||||
"period": "12/2024 - Present",
|
||||
"company": "Everlast Consulting GmbH",
|
||||
"location": "Cologne",
|
||||
"highlights": [
|
||||
"Development of AI agents with n8n and Zapier",
|
||||
"Building web scraping solutions",
|
||||
"Migration from Power Automate to n8n"
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "Consultant Digital Solutions",
|
||||
"period": "08/2023 - 11/2024",
|
||||
"company": "Ritter Digital GmbH",
|
||||
"location": "Cologne",
|
||||
"highlights": [
|
||||
"Backend services on dedicated servers",
|
||||
"AI integration via Power Automate",
|
||||
"RFID/IoT solutions with Zebra hardware"
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "ERP Integration Specialist",
|
||||
"period": "01/2023 - 08/2023",
|
||||
"company": "Joyce & Girls",
|
||||
"location": "Cologne",
|
||||
"highlights": [
|
||||
"ApparelMagic & TradeByte Integration",
|
||||
"MariaDB Middleware Development",
|
||||
"Shopify Optimization"
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"contact": {
|
||||
@@ -241,7 +391,8 @@
|
||||
"email": {
|
||||
"label": "Email",
|
||||
"value": "info@damjan-savic.com"
|
||||
}
|
||||
},
|
||||
"availabilityNote": "I usually respond within 24 hours."
|
||||
},
|
||||
"contactForm": {
|
||||
"title": "Contact Me",
|
||||
@@ -266,7 +417,7 @@
|
||||
"privacy": {
|
||||
"seo": {
|
||||
"title": "Privacy Policy",
|
||||
"description": "Privacy Policy for the portfolio website of Damjan Savic"
|
||||
"description": "Privacy Policy for the portfolio website of Damjan Savić"
|
||||
},
|
||||
"content": {
|
||||
"title": "Privacy Policy",
|
||||
@@ -276,7 +427,7 @@
|
||||
"terms": {
|
||||
"seo": {
|
||||
"title": "Terms and Conditions",
|
||||
"description": "Terms and Conditions for the portfolio website of Damjan Savic"
|
||||
"description": "Terms and Conditions for the portfolio website of Damjan Savić"
|
||||
},
|
||||
"content": {
|
||||
"title": "Terms and Conditions",
|
||||
@@ -291,11 +442,11 @@
|
||||
},
|
||||
"portfolio": {
|
||||
"seo": {
|
||||
"title": "Portfolio - Fullstack Developer Cologne Damjan Savic | Python & React Projects",
|
||||
"description": "Portfolio of Freelance Developer Cologne Damjan Savic: Python Automation, OLLAMA AI Integration, ERP System Integration, E-Commerce Development."
|
||||
"title": "Portfolio - Fullstack Developer Cologne Damjan Savić | Python & React Projects",
|
||||
"description": "Portfolio of Freelance Developer Cologne Damjan Savić: Python Automation, OLLAMA AI Integration, ERP System Integration, E-Commerce Development."
|
||||
},
|
||||
"sections": {
|
||||
"title": "Software Developer Cologne - Portfolio Damjan Savic",
|
||||
"title": "Software Developer Cologne - Portfolio Damjan Savić",
|
||||
"subtitle": "Python Developer Cologne & React Developer - Successful Projects"
|
||||
},
|
||||
"filters": {
|
||||
@@ -318,11 +469,11 @@
|
||||
},
|
||||
"blog": {
|
||||
"meta": {
|
||||
"title": "Blog by Damjan Savic - JTL Integration & Digital Solutions",
|
||||
"description": "Insights and best practices from Damjan Savic on JTL-WaWi, e-commerce, and digital transformation.",
|
||||
"title": "Blog by Damjan Savić - JTL Integration & Digital Solutions",
|
||||
"description": "Insights and best practices from Damjan Savić on JTL-WaWi, e-commerce, and digital transformation.",
|
||||
"header": {
|
||||
"title": "Insights & Best Practices from Damjan Savic",
|
||||
"subtitle": "Damjan Savic shares insights and best practices on JTL-WaWi, e-commerce, and digital transformation"
|
||||
"title": "Insights & Best Practices from Damjan Savić",
|
||||
"subtitle": "Damjan Savić shares insights and best practices on JTL-WaWi, e-commerce, and digital transformation"
|
||||
}
|
||||
},
|
||||
"ui": {
|
||||
@@ -338,7 +489,14 @@
|
||||
"backToBlog": "Back to Blog",
|
||||
"publishedOn": "Published on",
|
||||
"category": "Category",
|
||||
"tags": "Tags"
|
||||
"tags": "Tags",
|
||||
"pagination": {
|
||||
"previous": "Previous",
|
||||
"next": "Next",
|
||||
"page": "Page",
|
||||
"of": "of",
|
||||
"showing": "Showing {start}-{end} of {total} articles"
|
||||
}
|
||||
}
|
||||
},
|
||||
"login": {
|
||||
|
||||
Reference in New Issue
Block a user