Update pricing: redundant port €10/kk, BGP default-route €20/kk & full table €50/kk, remove contact form from index

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-09 20:01:52 +02:00
parent e0f815d4a3
commit 3550480606
4 changed files with 28 additions and 233 deletions

View File

@@ -134,7 +134,7 @@
<h1>Luotettavat konesalipalvelut <span class="highlight">Turussa</span></h1> <h1>Luotettavat konesalipalvelut <span class="highlight">Turussa</span></h1>
<p class="hero-subtitle">Colocation-laitepaikkoja ammattimaisessa laitetilassa. Redundantti sähkönsyöttö, nopeat tietoliikenneyhteydet ja henkilökohtainen palvelu.</p> <p class="hero-subtitle">Colocation-laitepaikkoja ammattimaisessa laitetilassa. Redundantti sähkönsyöttö, nopeat tietoliikenneyhteydet ja henkilökohtainen palvelu.</p>
<div class="hero-actions"> <div class="hero-actions">
<a href="#yhteystiedot" class="btn btn-primary">Pyydä tarjous</a> <a href="tarjouspyynto.html" class="btn btn-primary">Pyydä tarjous</a>
<a href="#hinnat" class="btn btn-secondary">Katso hinnat</a> <a href="#hinnat" class="btn btn-secondary">Katso hinnat</a>
</div> </div>
<div class="hero-stats"> <div class="hero-stats">
@@ -170,7 +170,7 @@
</a> </a>
</div> </div>
<p class="hero-pricing-note">1 Gbit/s yhteys &amp; rajoittamaton liikenne sisältyy</p> <p class="hero-pricing-note">1 Gbit/s yhteys &amp; rajoittamaton liikenne sisältyy</p>
<a href="#yhteystiedot" class="btn btn-primary hero-pricing-cta">Tilaa tästä</a> <a href="tarjouspyynto.html" class="btn btn-primary hero-pricing-cta">Tilaa tästä</a>
</div> </div>
</div> </div>
</div> </div>
@@ -299,7 +299,7 @@
</div> </div>
</div> </div>
<div class="services-cta"> <div class="services-cta">
<p>Tarvitsetko useampia laitepaikkoja tai kokokaapin? <a href="#yhteystiedot">Pyydä räätälöity tarjous &rarr;</a></p> <p>Tarvitsetko useampia laitepaikkoja tai kokokaapin? <a href="tarjouspyynto.html">Pyydä räätälöity tarjous &rarr;</a></p>
</div> </div>
</div> </div>
</section> </section>
@@ -362,7 +362,7 @@
99,9% SLA 99,9% SLA
</li> </li>
</ul> </ul>
<a href="#yhteystiedot" class="btn btn-outline">Pyydä tarjous</a> <a href="tarjouspyynto.html" class="btn btn-outline">Pyydä tarjous</a>
</div> </div>
<div class="pricing-card pricing-featured"> <div class="pricing-card pricing-featured">
<div class="pricing-badge">Suosituin</div> <div class="pricing-badge">Suosituin</div>
@@ -403,7 +403,7 @@
99,9% SLA 99,9% SLA
</li> </li>
</ul> </ul>
<a href="#yhteystiedot" class="btn btn-primary">Pyydä tarjous</a> <a href="tarjouspyynto.html" class="btn btn-primary">Pyydä tarjous</a>
</div> </div>
<div class="pricing-card"> <div class="pricing-card">
<div class="pricing-header"> <div class="pricing-header">
@@ -443,7 +443,7 @@
99,9% SLA 99,9% SLA
</li> </li>
</ul> </ul>
<a href="#yhteystiedot" class="btn btn-outline">Pyydä tarjous</a> <a href="tarjouspyynto.html" class="btn btn-outline">Pyydä tarjous</a>
</div> </div>
<div class="pricing-card pricing-custom"> <div class="pricing-card pricing-custom">
<div class="pricing-header"> <div class="pricing-header">
@@ -482,7 +482,7 @@
99,9% SLA 99,9% SLA
</li> </li>
</ul> </ul>
<a href="#yhteystiedot" class="btn btn-primary">Ota yhteyttä</a> <a href="tarjouspyynto.html" class="btn btn-primary">Jätä tarjouspyyntö</a>
</div> </div>
</div> </div>
<p class="pricing-note">Sähkönkulutus laskutetaan erikseen toteutuneen kulutuksen mukaan hintaan 0,25 &euro;/kWh (alv 0%). Kaikki hinnat ovat kuukausihintoja, alv 0%. Sopimuksen minimikesto 1 kuukausi. Yhteysnopeus oletuksena 1 Gbit/s, päivitettävissä jopa 100 Gbit/s asti.</p> <p class="pricing-note">Sähkönkulutus laskutetaan erikseen toteutuneen kulutuksen mukaan hintaan 0,25 &euro;/kWh (alv 0%). Kaikki hinnat ovat kuukausihintoja, alv 0%. Sopimuksen minimikesto 1 kuukausi. Yhteysnopeus oletuksena 1 Gbit/s, päivitettävissä jopa 100 Gbit/s asti.</p>
@@ -859,215 +859,6 @@
</div> </div>
</section> </section>
<!-- Yhteystiedot -->
<section class="section section-with-illustration" id="yhteystiedot">
<!-- Envelope / connection illustration -->
<div class="illustration-right" aria-hidden="true">
<svg viewBox="0 0 200 400" fill="none">
<!-- Envelope shape -->
<rect x="40" y="80" width="120" height="80" rx="6" stroke="#e85d4a" stroke-width="0.8" opacity="0.1" fill="#e85d4a" fill-opacity="0.015"/>
<path d="M40 86 L100 130 L160 86" stroke="#e85d4a" stroke-width="0.8" opacity="0.1"/>
<path d="M40 160 L80 125" stroke="#e85d4a" stroke-width="0.6" opacity="0.06"/>
<path d="M160 160 L120 125" stroke="#e85d4a" stroke-width="0.6" opacity="0.06"/>
<!-- Signal waves from envelope -->
<path d="M165 95 Q175 95 175 105" stroke="#e85d4a" stroke-width="0.6" opacity="0.08" fill="none"/>
<path d="M170 88 Q185 88 185 108" stroke="#e85d4a" stroke-width="0.5" opacity="0.06" fill="none"/>
<!-- Pin/location marker -->
<g transform="translate(80, 200)">
<path d="M20 0 C9 0 0 9 0 20 C0 35 20 52 20 52 C20 52 40 35 40 20 C40 9 31 0 20 0Z" stroke="#e85d4a" stroke-width="0.8" opacity="0.08" fill="#e85d4a" fill-opacity="0.015"/>
<circle cx="20" cy="20" r="8" stroke="#e85d4a" stroke-width="0.6" opacity="0.08"/>
<circle cx="20" cy="20" r="3" fill="#e85d4a" opacity="0.06"/>
</g>
<!-- Connection dots -->
<circle cx="50" cy="290" r="3" fill="#e85d4a" opacity="0.06"/>
<circle cx="90" cy="305" r="2.5" fill="#e85d4a" opacity="0.05"/>
<circle cx="140" cy="295" r="2" fill="#e85d4a" opacity="0.04"/>
<line x1="50" y1="290" x2="90" y2="305" stroke="#e85d4a" stroke-width="0.5" opacity="0.04"/>
<line x1="90" y1="305" x2="140" y2="295" stroke="#e85d4a" stroke-width="0.5" opacity="0.04"/>
<!-- Phone icon outline -->
<rect x="60" y="330" width="30" height="50" rx="4" stroke="#e85d4a" stroke-width="0.6" opacity="0.06"/>
<line x1="68" y1="370" x2="82" y2="370" stroke="#e85d4a" stroke-width="0.5" opacity="0.05"/>
</svg>
</div>
<div class="container">
<h2 class="section-title">Ota yhteyttä</h2>
<p class="section-subtitle">Kerro tarpeistasi, niin teemme sinulle tarjouksen</p>
<div class="contact-grid">
<form class="contact-form" id="contact-form">
<!-- Yhteystiedot -->
<div class="form-section-title">Yhteystiedot</div>
<div class="form-group">
<label for="name">Nimi *</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="company">Yritys</label>
<input type="text" id="company" name="company">
</div>
<div class="form-group">
<label for="email">Sähköposti *</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="phone">Puhelinnumero</label>
<input type="tel" id="phone" name="phone">
</div>
<!-- Laitepaikat -->
<div class="form-section-title">Laitepaikat</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="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 -->
<div class="form-section-title">Yhteysnopeus</div>
<div class="form-group form-group-full">
<label for="connection">Haluttu yhteysnopeus</label>
<select id="connection" name="connection">
<option value="">Valitse yhteysnopeus</option>
<option value="1g-shared">1 Gbit/s jaettu (sis. hintaan)</option>
<option value="1g-dedicated">1 Gbit/s dedicated (€99/kk)</option>
<option value="10g">10 Gbit/s dedicated (€299/kk)</option>
<option value="100g">100 Gbit/s (räätälöity)</option>
</select>
</div>
<div class="checkbox-group">
<label class="checkbox-label">
<input type="checkbox" name="redundant_port" value="1">
<span>Varmennettu portti (kahdennettu)</span>
</label>
<label class="checkbox-label">
<input type="checkbox" name="bgp" value="1">
<span>BGP-reititys / oma AS</span>
</label>
</div>
<!-- VPN -->
<div class="form-section-title">Site-to-Site VPN</div>
<div class="form-group form-group-full">
<label for="vpn">VPN toimitilan ja konesalin väliin</label>
<select id="vpn" name="vpn">
<option value="">Ei tarvetta</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>
<!-- Lisäpalvelut -->
<div class="form-section-title">Lisäpalvelut</div>
<div class="checkbox-group">
<label class="checkbox-label">
<input type="checkbox" name="anycast_dns" value="1">
<span>Anycast DNS -palvelu</span>
</label>
<label class="checkbox-label">
<input type="checkbox" name="block_storage" value="1">
<span>Blokkitason storage</span>
</label>
<label class="checkbox-label">
<input type="checkbox" name="s3_storage" value="1">
<span>S3-levypinta (backupit)</span>
</label>
<label class="checkbox-label">
<input type="checkbox" name="remote_hands" value="1">
<span>Remote Hands -palvelu</span>
</label>
</div>
<!-- Viesti -->
<div class="form-section-title">Lisätiedot</div>
<div class="form-group form-group-full">
<label for="message">Viesti</label>
<textarea id="message" name="message" rows="4" placeholder="Kerro lisää tarpeistasi: tehovaatimukset, aikataulu, erityistoiveet..."></textarea>
</div>
<!-- Honeypot -->
<div style="display:none" aria-hidden="true">
<input type="text" name="website" tabindex="-1" autocomplete="off">
</div>
<button type="submit" class="btn btn-primary btn-submit">Lähetä tarjouspyyntö</button>
<div class="form-status" id="form-status"></div>
</form>
<div class="contact-info">
<div class="contact-item">
<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
<path d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
</svg>
<div>
<strong>Osoite</strong>
<p>Web1 Oy<br>Latokarinkatu 3<br>20200 Turku</p>
</div>
</div>
<div class="contact-item">
<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
</svg>
<div>
<strong>Sähköposti</strong>
<p>support@konesaliturku.fi</p>
</div>
</div>
<div class="contact-item">
<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
</svg>
<div>
<strong>Puhelin</strong>
<p>+358 2 123 4567</p>
</div>
</div>
<div class="contact-item">
<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
<div>
<strong>Aukioloajat</strong>
<p>Ma-Pe 8:00-17:00<br>Konesali 24/7</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer --> <!-- Footer -->
<footer class="footer"> <footer class="footer">

View File

@@ -485,7 +485,7 @@
<h2 class="section-title">Kiinnostuitko?</h2> <h2 class="section-title">Kiinnostuitko?</h2>
<p class="section-subtitle">Kerro tarpeistasi ja teemme sinulle räätälöidyn tarjouksen</p> <p class="section-subtitle">Kerro tarpeistasi ja teemme sinulle räätälöidyn tarjouksen</p>
<div style="display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;"> <div style="display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;">
<a href="index.html#yhteystiedot" class="btn btn-primary">Pyydä tarjous</a> <a href="tarjouspyynto.html" class="btn btn-primary">Pyydä tarjous</a>
<a href="index.html#hinnat" class="btn btn-secondary">Katso hinnat</a> <a href="index.html#hinnat" class="btn btn-secondary">Katso hinnat</a>
</div> </div>
</div> </div>

View File

@@ -137,14 +137,18 @@
</div> </div>
<div class="checkbox-group"> <div class="checkbox-group">
<label class="checkbox-label"> <label class="checkbox-label">
<input type="checkbox" name="redundant_port" value="1" data-modifier="1.5" data-applies="connection"> <input type="checkbox" name="redundant_port" value="1" data-price="10">
<span>Varmennettu portti (+50%)</span> <span>Varmennettu portti (&euro;10/kk)</span>
</label>
<label class="checkbox-label">
<input type="checkbox" name="bgp" value="1" data-price="49">
<span>BGP-reititys / oma AS (&euro;49/kk)</span>
</label> </label>
</div> </div>
<div class="form-group form-group-full">
<label for="bgp">BGP-reititys</label>
<select id="bgp" name="bgp">
<option value="0">Ei tarvetta</option>
<option value="20">Default-route (&euro;20/kk)</option>
<option value="50">Koko internet (&euro;50/kk)</option>
</select>
</div>
<!-- VPN --> <!-- VPN -->
<div class="form-section-title">Site-to-Site VPN</div> <div class="form-section-title">Site-to-Site VPN</div>
@@ -327,17 +331,17 @@
// Varmennettu portti // Varmennettu portti
const redundant = form.querySelector('[name="redundant_port"]'); const redundant = form.querySelector('[name="redundant_port"]');
if (redundant.checked && connPrice > 0) { if (redundant.checked) {
const extra = Math.round(connPrice * 0.5); total += 10;
total += extra; lines.push({ label: 'Varmennettu portti', amount: 10 });
lines.push({ label: 'Varmennettu portti (+50%)', amount: extra });
} }
// BGP // BGP
const bgp = form.querySelector('[name="bgp"]'); const bgpEl = document.getElementById('bgp');
if (bgp.checked) { const bgpPrice = parseInt(bgpEl.value) || 0;
total += 49; if (bgpPrice > 0) {
lines.push({ label: 'BGP-reititys / oma AS', amount: 49 }); total += bgpPrice;
lines.push({ label: bgpEl.options[bgpEl.selectedIndex].text.split('(')[0].trim(), amount: bgpPrice });
} }
// VPN // VPN

View File

@@ -203,7 +203,7 @@
<a href="tarjouspyynto.html" class="btn btn-outline">Jätä tarjouspyyntö</a> <a href="tarjouspyynto.html" class="btn btn-outline">Jätä tarjouspyyntö</a>
</div> </div>
</div> </div>
<p class="pricing-note">Lisä-IP-osoitteet: &euro;3/kk per IPv4. BGP-reititys: &euro;49/kk. Kaikki hinnat alv 0%.</p> <p class="pricing-note">Lisä-IP-osoitteet: &euro;3/kk per IPv4. BGP-reititys: Default-route &euro;20/kk, koko internet &euro;50/kk. Varmennettu portti: &euro;10/kk. Kaikki hinnat alv 0%.</p>
</div> </div>
</section> </section>
@@ -236,7 +236,7 @@
</tr> </tr>
<tr> <tr>
<td class="spec-label">Hinnoittelu</td> <td class="spec-label">Hinnoittelu</td>
<td>+50% yhteyspaketin perushinnasta (esim. 1G Dedicated varmennettu: &euro;149/kk, 10G varmennettu: &euro;449/kk)</td> <td>&euro;10/kk lisämaksu yhteyspaketin hintaan</td>
</tr> </tr>
<tr> <tr>
<td class="spec-label">SLA</td> <td class="spec-label">SLA</td>