From 03ab66953863e7576598cba1c4be52d8763fd4bf Mon Sep 17 00:00:00 2001
From: Jukka Lampikoski <jukka@lampikoski.com>
Date: Mon, 9 Mar 2026 19:21:14 +0200
Subject: [PATCH] Update nav CTA, VPN pricing, form layout, and power
 connectors
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 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>
---
 index.html    | 92 ++++++++++++++++++++++++---------------------------
 konesali.html |  4 +--
 style.css     | 15 +++++++++
 yhteydet.html | 14 ++++----
 4 files changed, 68 insertions(+), 57 deletions(-)

diff --git a/index.html b/index.html
index 52cd555..39242e4 100644
--- a/index.html
+++ b/index.html
@@ -41,7 +41,7 @@
                 <a href="#hinnat">Hinnat</a>
                 <a href="konesali.html">Konesali</a>
                 <a href="yhteydet.html">Yhteydet</a>
-                <a href="#yhteystiedot">Yhteystiedot</a>
+                <a href="#yhteystiedot" class="nav-cta">Jätä tarjouspyyntö</a>
             </nav>
             <button class="nav-toggle" id="nav-toggle" aria-label="Avaa valikko">
                 <span></span>
@@ -292,7 +292,7 @@
                     <ul class="service-features">
                         <li>4 rack unitia (177,80 mm)</li>
                         <li>Oma 1 Gbit/s yhteys</li>
-                        <li>2x C19 sähkösyöttö (230V)</li>
+                        <li>2x C13 sähkösyöttö (230V)</li>
                         <li>Rajoittamaton liikenne</li>
                         <li>Max 1000W tehonkulutus</li>
                     </ul>
@@ -410,7 +410,7 @@
                         </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>
-                            2x C19 sähkösyöttö
+                            2x C13 sähkösyöttö
                         </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>
@@ -889,50 +889,46 @@
 
                     <!-- Laitepaikat -->
                     <div class="form-section-title">Laitepaikat</div>
-                    <div class="unit-row">
-                        <div class="form-group">
-                            <label for="units-1u">1U laitepaikka</label>
-                            <select id="units-1u" name="units_1u">
-                                <option value="">Ei tarvetta</option>
-                                <option value="1">1 kpl</option>
-                                <option value="2">2 kpl</option>
-                                <option value="3">3 kpl</option>
-                                <option value="4">4 kpl</option>
-                                <option value="5+">5+ kpl</option>
-                            </select>
-                        </div>
-                        <div class="form-group">
-                            <label for="units-2u">2U laitepaikka</label>
-                            <select id="units-2u" name="units_2u">
-                                <option value="">Ei tarvetta</option>
-                                <option value="1">1 kpl</option>
-                                <option value="2">2 kpl</option>
-                                <option value="3">3 kpl</option>
-                                <option value="4">4 kpl</option>
-                                <option value="5+">5+ kpl</option>
-                            </select>
-                        </div>
+                    <div class="form-group form-group-full">
+                        <label for="units-1u">1U laitepaikka</label>
+                        <select id="units-1u" name="units_1u">
+                            <option value="">Ei tarvetta</option>
+                            <option value="1">1 kpl</option>
+                            <option value="2">2 kpl</option>
+                            <option value="3">3 kpl</option>
+                            <option value="4">4 kpl</option>
+                            <option value="5+">5+ kpl</option>
+                        </select>
                     </div>
-                    <div class="unit-row">
-                        <div class="form-group">
-                            <label for="units-4u">4U laitepaikka</label>
-                            <select id="units-4u" name="units_4u">
-                                <option value="">Ei tarvetta</option>
-                                <option value="1">1 kpl</option>
-                                <option value="2">2 kpl</option>
-                                <option value="3">3 kpl</option>
-                                <option value="5+">5+ kpl</option>
-                            </select>
-                        </div>
-                        <div class="form-group">
-                            <label for="units-rack">Kokokaappi (42U)</label>
-                            <select id="units-rack" name="units_rack">
-                                <option value="">Ei tarvetta</option>
-                                <option value="1">1 kpl</option>
-                                <option value="2">2 kpl</option>
-                                <option value="3+">3+ kpl</option>
-                            </select>
-                        </div>
+                    <div class="form-group form-group-full">
+                        <label for="units-2u">2U laitepaikka</label>
+                        <select id="units-2u" name="units_2u">
+                            <option value="">Ei tarvetta</option>
+                            <option value="1">1 kpl</option>
+                            <option value="2">2 kpl</option>
+                            <option value="3">3 kpl</option>
+                            <option value="4">4 kpl</option>
+                            <option value="5+">5+ kpl</option>
+                        </select>
+                    </div>
+                    <div class="form-group form-group-full">
+                        <label for="units-4u">4U laitepaikka</label>
+                        <select id="units-4u" name="units_4u">
+                            <option value="">Ei tarvetta</option>
+                            <option value="1">1 kpl</option>
+                            <option value="2">2 kpl</option>
+                            <option value="3">3 kpl</option>
+                            <option value="5+">5+ kpl</option>
+                        </select>
+                    </div>
+                    <div class="form-group form-group-full">
+                        <label for="units-rack">Kokokaappi (42U)</label>
+                        <select id="units-rack" name="units_rack">
+                            <option value="">Ei tarvetta</option>
+                            <option value="1">1 kpl</option>
+                            <option value="2">2 kpl</option>
+                            <option value="3+">3+ kpl</option>
+                        </select>
                     </div>
 
                     <!-- Yhteysnopeus -->
@@ -964,8 +960,8 @@
                         <label for="vpn">VPN toimitilan ja konesalin väliin</label>
                         <select id="vpn" name="vpn">
                             <option value="">Ei tarvetta</option>
-                            <option value="ipsec">IPsec VPN (max 100 Mbit/s, €49/kk)</option>
-                            <option value="ipsec-pro">IPsec VPN Pro (max 1 Gbit/s, €99/kk)</option>
+                            <option value="1g-s2s">1G Site-to-Site (alk. €95/kk)</option>
+                            <option value="10g-s2s">10G Site-to-Site (alk. €129/kk)</option>
                             <option value="l2-mpls">Dedicated L2/MPLS (räätälöity)</option>
                         </select>
                     </div>
diff --git a/konesali.html b/konesali.html
index a62f41d..0dec282 100644
--- a/konesali.html
+++ b/konesali.html
@@ -36,7 +36,7 @@
                 <a href="index.html#hinnat">Hinnat</a>
                 <a href="konesali.html" class="active">Konesali</a>
                 <a href="yhteydet.html">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>
@@ -118,7 +118,7 @@
                             </tr>
                             <tr>
                                 <td class="spec-label">Liitännät</td>
-                                <td>230V / 16A tai 32A, C13/C19 -pistokkeet</td>
+                                <td>230V / 16A, C13 -pistokkeet</td>
                             </tr>
                             <tr>
                                 <td class="spec-label">PDU</td>
diff --git a/style.css b/style.css
index 09d8e18..468735b 100644
--- a/style.css
+++ b/style.css
@@ -166,6 +166,21 @@ a:hover {
     width: 100%;
 }
 
+.nav-cta {
+    color: var(--color-primary) !important;
+    font-weight: 700 !important;
+}
+
+.nav-cta::after {
+    background: var(--color-primary);
+    width: 100% !important;
+    opacity: 0.4;
+}
+
+.header.scrolled .nav-cta {
+    color: var(--color-primary) !important;
+}
+
 .nav-toggle {
     display: none;
     flex-direction: column;
diff --git a/yhteydet.html b/yhteydet.html
index 1463576..8abe219 100644
--- a/yhteydet.html
+++ b/yhteydet.html
@@ -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>