<%- include('partials/nav', { activePage: 'timeline' }) %>

<%= t('timeline.eyebrow') %>

<%= t('timeline.heading') %>

<%= t('timeline.pageDescription') %>

<% const timelineCards = [ { icon: 'seedling', count: 2 }, { icon: 'terminal', count: 3 }, { icon: 'tag', count: 4 }, { icon: 'users', count: 8 }, { icon: 'file-code', count: 15 }, { icon: 'robot', count: 20 }, { icon: 'fire', count: 60 }, { icon: 'laptop-code', count: 100 }, { icon: 'route', count: 340 }, { icon: 'handshake', count: 450 }, { icon: 'coins', count: 580 }, { icon: 'plug', count: 600 }, { icon: 'lightbulb', count: 610 }, { icon: 'location-dot', count: serverCount } ]; %>
<% timelineCards.forEach((card, index) => { const key = 'timeline.cards.' + (index + 1); %>
<%= String(index + 1).padStart(2, '0') %> · <%= t(key + '.label') %> <%= t(key + '.date') %>

<%= t(key + '.title') %>

<%- t(key + '.description') %>

<% }); %>
<%= t('timeline.scroll') %>
<%- include('partials/footer') %>