From 30d0f0788c7704c613d7c8df2f44de6b800a0dbc Mon Sep 17 00:00:00 2001
From: Jukka Lampikoski <jukka@lampikoski.com>
Date: Tue, 10 Mar 2026 02:54:09 +0200
Subject: [PATCH] Move pricing section before features

Pricing is the most important content, now shown immediately
after the hero section.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 index.html | 84 +++++++++++++++++++++++++++---------------------------
 1 file changed, 42 insertions(+), 42 deletions(-)

diff --git a/index.html b/index.html
index 5e2a204..2f35a55 100644
--- a/index.html
+++ b/index.html
@@ -20,8 +20,8 @@
                 <span class="logo-text">Storage<span class="logo-highlight">Box</span>.fi</span>
             </a>
             <ul class="nav-links" id="navLinks">
-                <li><a href="#ominaisuudet">Ominaisuudet</a></li>
                 <li><a href="#hinnat">Hinnat</a></li>
+                <li><a href="#ominaisuudet">Ominaisuudet</a></li>
                 <li><a href="#yhteystiedot">Yhteystiedot</a></li>
             </ul>
             <button class="nav-toggle" id="navToggle" aria-label="Valikko">
@@ -50,46 +50,6 @@
         </div>
     </section>
 
-    <!-- Ominaisuudet -->
-    <section class="features" id="ominaisuudet">
-        <div class="container">
-            <h2 class="section-title">Miksi <span class="gradient-text">StorageBox</span>?</h2>
-            <p class="section-subtitle">Kaikki mitä tarvitset pilvipalvelulta — ilman kompromisseja.</p>
-            <div class="features-grid">
-                <div class="feature-card">
-                    <div class="feature-icon">☁️</div>
-                    <h3>Nextcloud-alusta</h3>
-                    <p>Avoimen lähdekoodin Nextcloud — tuttu, luotettava ja jatkuvasti kehittyvä alusta tiedostojen hallintaan.</p>
-                </div>
-                <div class="feature-card">
-                    <div class="feature-icon">🔄</div>
-                    <h3>Synkronointi</h3>
-                    <p>Synkronoi tiedostosi automaattisesti kaikilla laitteillasi. Desktop, mobiili ja selain — kaikki aina ajan tasalla.</p>
-                </div>
-                <div class="feature-card">
-                    <div class="feature-icon">🔒</div>
-                    <h3>Tietoturva</h3>
-                    <p>Datasi säilytetään suomalaisella palvelimella salatulla yhteydellä. Sinä hallitset omia tietojasi.</p>
-                </div>
-                <div class="feature-card">
-                    <div class="feature-icon">🔗</div>
-                    <h3>Jakaminen</h3>
-                    <p>Jaa tiedostoja ja kansioita helposti linkeillä tai kutsu muita yhteistyöhön. Hallitse käyttöoikeuksia tarkasti.</p>
-                </div>
-                <div class="feature-card">
-                    <div class="feature-icon">💾</div>
-                    <h3>Varmuuskopiot</h3>
-                    <p>Automaattiset varmuuskopiot pitävät tietosi turvassa. Palauta poistetut tiedostot helposti roskakorista.</p>
-                </div>
-                <div class="feature-card">
-                    <div class="feature-icon">⚡</div>
-                    <h3>99.9% käytettävyys</h3>
-                    <p>Luotettava infrastruktuuri takaa, että palvelu on aina saatavilla silloin kun sitä tarvitset.</p>
-                </div>
-            </div>
-        </div>
-    </section>
-
     <!-- Hinnoittelu -->
     <section class="pricing" id="hinnat">
         <div class="container">
@@ -200,6 +160,46 @@
         </div>
     </section>
 
+    <!-- Ominaisuudet -->
+    <section class="features" id="ominaisuudet">
+        <div class="container">
+            <h2 class="section-title">Miksi <span class="gradient-text">StorageBox</span>?</h2>
+            <p class="section-subtitle">Kaikki mitä tarvitset pilvipalvelulta — ilman kompromisseja.</p>
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">☁️</div>
+                    <h3>Nextcloud-alusta</h3>
+                    <p>Avoimen lähdekoodin Nextcloud — tuttu, luotettava ja jatkuvasti kehittyvä alusta tiedostojen hallintaan.</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔄</div>
+                    <h3>Synkronointi</h3>
+                    <p>Synkronoi tiedostosi automaattisesti kaikilla laitteillasi. Desktop, mobiili ja selain — kaikki aina ajan tasalla.</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3>Tietoturva</h3>
+                    <p>Datasi säilytetään suomalaisella palvelimella salatulla yhteydellä. Sinä hallitset omia tietojasi.</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔗</div>
+                    <h3>Jakaminen</h3>
+                    <p>Jaa tiedostoja ja kansioita helposti linkeillä tai kutsu muita yhteistyöhön. Hallitse käyttöoikeuksia tarkasti.</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">💾</div>
+                    <h3>Varmuuskopiot</h3>
+                    <p>Automaattiset varmuuskopiot pitävät tietosi turvassa. Palauta poistetut tiedostot helposti roskakorista.</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3>99.9% käytettävyys</h3>
+                    <p>Luotettava infrastruktuuri takaa, että palvelu on aina saatavilla silloin kun sitä tarvitset.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
     <!-- Yhteystiedot -->
     <section class="contact" id="yhteystiedot">
         <div class="container">
@@ -273,8 +273,8 @@
                 <p>Nextcloud-pohjainen pilvitallennuspalvelu Suomesta.</p>
             </div>
             <div class="footer-links">
-                <a href="#ominaisuudet">Ominaisuudet</a>
                 <a href="#hinnat">Hinnat</a>
+                <a href="#ominaisuudet">Ominaisuudet</a>
                 <a href="#yhteystiedot">Yhteystiedot</a>
             </div>
             <div class="footer-bottom">