<%- include('partials/navigation') %>

<%- __('hero.title.smart') %> <%- __('hero.title.solutions') %>

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

<%- __('hero.cta.start') %> <%- __('hero.cta.portfolio') %>

<%- __('services.title.our') %> <%- __('services.title.services') %>

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

<%- __('services.web.title') %>

<%- __('services.web.description') %>

<%- __('services.web.price') %>

<%- __('services.mobile.title') %>

<%- __('services.mobile.description') %>

<%- __('services.mobile.price') %>

<%- __('services.design.title') %>

<%- __('services.design.description') %>

<%- __('services.design.price') %>

<%- __('services.marketing.title') %>

<%- __('services.marketing.description') %>

<%- __('services.marketing.price') %>
<%- __('services.view_all') %>

<%- __('portfolio.title.recent') %> <%- __('portfolio.title.projects') %>

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

<% if (featuredPortfolio && featuredPortfolio.length > 0) { %> <% featuredPortfolio.forEach((project, index) => { %>
<% if (project.images && project.images.length > 0) { %> <%= project.images.find(img => img.isPrimary)?.alt || project.title %> <% } else { %>
<%= project.title.charAt(0) %>
<% } %>
<% if (project.technologies && project.technologies.length > 0) { %> <% project.technologies.slice(0, 3).forEach(tech => { %> <%= tech %> <% }) %> <% } %>
<%= project.category %> <%= project.viewCount || 0 %>

<%= project.title %>

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

<%- __('common.view_details') %>
<% }) %> <% } else { %>
E
React Node.js
<%- __('portfolio.default.ecommerce') %> 1,234

<%- __('portfolio.default.title') %>

<%- __('portfolio.default.description') %>

<%- __('common.view_details') %>
<% } %>
<%- __('portfolio.view_all') %>

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

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

<%- __('calculator.cta.button') %>

<%- __('contact.cta.ready') %> <%- __('contact.cta.start') %><%- __('contact.cta.question') %>

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

<%- __('contact.phone.title') %>
<%- __('contact.phone.number') %>
<%- __('contact.email.title') %>
<%- __('contact.email.address') %>
<%- __('contact.telegram.title') %>
<%- __('contact.telegram.subtitle') %>

<%- __('contact.form.title') %>

<%- include('partials/footer') %> 0% { transform: translate(0px, 0px) scale(1); } 33% { transform: translate(30px, -50px) scale(1.1); } 66% { transform: translate(-20px, 20px) scale(0.9); } 100% { transform: translate(0px, 0px) scale(1); } } .animate-blob { animation: blob 7s infinite; } .animation-delay-2000 { animation-delay: 2s; } .animation-delay-4000 { animation-delay: 4s; } `; document.head.appendChild(style); // Contact form handler document.getElementById('quick-contact-form').addEventListener('submit', function(e) { e.preventDefault(); const formData = new FormData(this); fetch('/contact', { method: 'POST', body: formData }) .then(response => response.json()) .then(data => { if (data.success) { alert('<%- __("contact.form.success") %>'); this.reset(); } else { alert('<%- __("contact.form.error") %>'); } }) .catch(error => { console.error('Error:', error); alert('<%- __("contact.form.error") %>'); }); }); // Theme initialization document.addEventListener('DOMContentLoaded', function() { const theme = localStorage.getItem('theme') || 'light'; document.documentElement.className = theme === 'dark' ? 'dark' : ''; }); <%- include('partials/footer') %>