jukka/storagebox.fi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move pricing right under hero title, remove CTA buttons

Browse Source 
- Removed "Katso paketit" and "Lue lisää" buttons from hero
- Shortened hero subtitle
- Moved badges to features section
- Reduced spacing so pricing is visible on page load

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jukka Lampikoski
2026-03-10 03:01:20 +02:00
parent e5fb72da64
commit 79da66e202
2 changed files with 11 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
index.html
View File

@@ -37,24 +37,14 @@
<div class="hero-bg"></div> <div class="hero-bg"></div>
<div class="container hero-content"> <div class="container hero-content">
<h1>Oma pilvitallennustila <span class="gradient-text">Suomesta</span></h1> <h1>Oma pilvitallennustila <span class="gradient-text">Suomesta</span></h1>
<p class="hero-subtitle">Nextcloud-pohjainen pilvipalvelu, jossa datasi pysyy turvassa suomalaisella palvelimella. Synkronoi, jaa ja varmuuskopioi — helposti ja edullisesti.</p> <p class="hero-subtitle">Nextcloud-pohjainen pilvipalvelu, jossa datasi pysyy turvassa suomalaisella palvelimella.</p>
<div class="hero-buttons">
<a href="#hinnat" class="btn btn-primary">Katso paketit</a>
<a href="#ominaisuudet" class="btn btn-outline">Lue lisää</a>
</div>
<div class="hero-badges">
<div class="badge">🇫🇮 Data Suomessa</div>
<div class="badge">🔒 Salattu yhteys</div>
<div class="badge">⚡ 99.9% käytettävyys</div>
</div>
</div> </div>
</section> </section>
<!-- Hinnoittelu --> <!-- Hinnoittelu -->
<section class="pricing" id="hinnat"> <section class="pricing" id="hinnat">
<div class="container"> <div class="container">
<h2 class="section-title">Valitse <span class="gradient-text">pakettisi</span></h2> <p class="section-subtitle" style="margin-bottom: 32px;">Kaikissa paketeissa: Nextcloud-käyttöliittymä, synkronointi, jakaminen ja varmuuskopiot.</p>
<p class="section-subtitle">Kaikissa paketeissa: Nextcloud-käyttöliittymä, synkronointi, jakaminen ja varmuuskopiot.</p>
<div class="pricing-grid"> <div class="pricing-grid">
<div class="pricing-card"> <div class="pricing-card">
@@ -162,6 +152,13 @@
<!-- Ominaisuudet --> <!-- Ominaisuudet -->
<section class="features" id="ominaisuudet"> <section class="features" id="ominaisuudet">
<div class="container">
<div class="hero-badges" style="margin-bottom: 60px;">
<div class="badge">🇫🇮 Data Suomessa</div>
<div class="badge">🔒 Salattu yhteys</div>
<div class="badge">⚡ 99.9% käytettävyys</div>
</div>
</div>
<div class="container"> <div class="container">
<h2 class="section-title">Miksi <span class="gradient-text">StorageBox</span>?</h2> <h2 class="section-title">Miksi <span class="gradient-text">StorageBox</span>?</h2>
<p class="section-subtitle">Kaikki mitä tarvitset pilvipalvelulta — ilman kompromisseja.</p> <p class="section-subtitle">Kaikki mitä tarvitset pilvipalvelulta — ilman kompromisseja.</p>

4
style.css
View File

@@ -141,7 +141,7 @@ a {
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 100px 0 32px; padding: 100px 0 16px;
overflow: hidden; overflow: hidden;
} }
@@ -321,7 +321,7 @@ a {
/* === Pricing === */ /* === Pricing === */
.pricing { .pricing {
padding: 40px 0 100px; padding: 16px 0 100px;
position: relative; position: relative;
background: linear-gradient(180deg, var(--dark) 0%, var(--dark-light) 100%); background: linear-gradient(180deg, var(--dark) 0%, var(--dark-light) 100%);
} }