Update nav CTA, VPN pricing, form layout, and power connectors

- Header nav: 'Yhteystiedot' → 'Jätä tarjouspyyntö' with primary color and bold
- VPN: Replace 100M/1G tiers with 1G (alk. €95/kk) and 10G (alk. €129/kk)
- Quote form: Stack unit selects vertically instead of side-by-side
- Replace C19 power connector references with C13 throughout

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-09 19:21:14 +02:00
parent 3f117f764f
commit 03ab669538
4 changed files with 68 additions and 57 deletions

View File

@@ -36,7 +36,7 @@
<a href="index.html#hinnat">Hinnat</a>
<a href="konesali.html">Konesali</a>
<a href="yhteydet.html" class="active">Yhteydet</a>
<a href="index.html#yhteystiedot">Yhteystiedot</a>
<a href="index.html#yhteystiedot" class="nav-cta">Jätä tarjouspyyntö</a>
</nav>
<button class="nav-toggle" id="nav-toggle" aria-label="Avaa valikko">
<span></span>
@@ -266,16 +266,16 @@
<div class="pricing-grid" style="margin-top: 40px;">
<div class="pricing-card fade-in">
<div class="pricing-header">
<h3>IPsec VPN</h3>
<h3>1G Site-to-Site</h3>
<div class="price">
<span class="price-amount">&euro;49</span>
<span class="price-amount">alk. &euro;95</span>
<span class="price-period">/kk</span>
</div>
</div>
<ul class="pricing-features">
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
Max 100 Mbit/s
Max 1 Gbit/s
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
@@ -299,16 +299,16 @@
<div class="pricing-card pricing-featured fade-in">
<div class="pricing-badge">Suosituin</div>
<div class="pricing-header">
<h3>IPsec VPN Pro</h3>
<h3>10G Site-to-Site</h3>
<div class="price">
<span class="price-amount">&euro;99</span>
<span class="price-amount">alk. &euro;129</span>
<span class="price-period">/kk</span>
</div>
</div>
<ul class="pricing-features">
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
Max 1 Gbit/s
Max 10 Gbit/s
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>