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:
223
index.html
223
index.html
@@ -134,7 +134,7 @@
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
<div class="hero-stats">
|
||||
@@ -170,7 +170,7 @@
|
||||
</a>
|
||||
</div>
|
||||
<p class="hero-pricing-note">1 Gbit/s yhteys & 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>
|
||||
@@ -299,7 +299,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="services-cta">
|
||||
<p>Tarvitsetko useampia laitepaikkoja tai kokokaapin? <a href="#yhteystiedot">Pyydä räätälöity tarjous →</a></p>
|
||||
<p>Tarvitsetko useampia laitepaikkoja tai kokokaapin? <a href="tarjouspyynto.html">Pyydä räätälöity tarjous →</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -362,7 +362,7 @@
|
||||
99,9% SLA
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#yhteystiedot" class="btn btn-outline">Pyydä tarjous</a>
|
||||
<a href="tarjouspyynto.html" class="btn btn-outline">Pyydä tarjous</a>
|
||||
</div>
|
||||
<div class="pricing-card pricing-featured">
|
||||
<div class="pricing-badge">Suosituin</div>
|
||||
@@ -403,7 +403,7 @@
|
||||
99,9% SLA
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#yhteystiedot" class="btn btn-primary">Pyydä tarjous</a>
|
||||
<a href="tarjouspyynto.html" class="btn btn-primary">Pyydä tarjous</a>
|
||||
</div>
|
||||
<div class="pricing-card">
|
||||
<div class="pricing-header">
|
||||
@@ -443,7 +443,7 @@
|
||||
99,9% SLA
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#yhteystiedot" class="btn btn-outline">Pyydä tarjous</a>
|
||||
<a href="tarjouspyynto.html" class="btn btn-outline">Pyydä tarjous</a>
|
||||
</div>
|
||||
<div class="pricing-card pricing-custom">
|
||||
<div class="pricing-header">
|
||||
@@ -482,7 +482,7 @@
|
||||
99,9% SLA
|
||||
</li>
|
||||
</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>
|
||||
<p class="pricing-note">Sähkönkulutus laskutetaan erikseen toteutuneen kulutuksen mukaan hintaan 0,25 €/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>
|
||||
</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 class="footer">
|
||||
|
||||
Reference in New Issue
Block a user