<%- __('portfolio_page.title') %>

<%- __('portfolio_page.subtitle') %>

<% if (portfolioItems && portfolioItems.length > 0) { %> <% portfolioItems.forEach((item, index) => { %>
<% if (item.images && item.images.length > 0) { %> <%= item.title %> <% } else { %>
<% } %>
<%= getCategoryName(item.category) %>
<% if (item.featured) { %>
<%- __('portfolio_page.labels.featured') %>
<% } %>

<%= item.title %>

<%= item.shortDescription || item.description %>

<% if (item.technologies && item.technologies.length > 0) { %> <% item.technologies.slice(0, 3).forEach(tech => { %> <%= tech %> <% }) %> <% if (item.technologies.length > 3) { %> +<%= item.technologies.length - 3 %> <% } %> <% } %>
<% if (item.clientName) { %> <%= item.clientName %> <% } %>
<%= item.viewCount || 0 %> <%= item.likes || 0 %>
<% }) %> <% } else { %>

<%- __('portfolio_page.empty.title') %>

<%- __('portfolio_page.empty.subtitle') %>

<% } %>
<% if (portfolioItems && portfolioItems.length >= 9) { %>
<% } %>

<%- __('portfolio_page.cta.title') %>

<%- __('portfolio_page.cta.subtitle') %>

<% // Helper function for category names - uses i18n function getCategoryName(category) { const categoryMap = { 'web-development': 'portfolio_page.categories.web-development', 'mobile-app': 'portfolio_page.categories.mobile-app', 'ui-ux-design': 'portfolio_page.categories.ui-ux-design', 'branding': 'portfolio_page.categories.branding', 'marketing': 'portfolio_page.categories.marketing' }; return categoryMap[category] ? __(categoryMap[category]) : category; } %>