daveadmin/dobetternorge-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Promote why-ours strip to top; add pricing CTA section at bottom

Browse Source 
- Add prominent navy why-ours banner strip between hero and tools grid:
  eyebrow, large title, sub-text, 3 checkmark bullet points, gold CTA button
- Add pricing CTA strip after trust section: eyebrow, title, sub-text,
  4 tier pill tags (€0/€9/€29/€79), navy CTA button to pricing.php
- Remove the small pill links from the bottom of the trust section
- All new sections fully translated in no/en/uk/pl (11 new i18n keys)
- Add .lt-why-strip and .lt-pricing-strip CSS in tools.css

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
davegilligan
2026-05-21 07:55:09 +02:00
parent 7edc42c483
commit fe9a1812f1
3 changed files with 226 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.php
+34 -3
View File
@@ -142,6 +142,21 @@ window.DBN_TOOLS_LANG = <?= json_encode($uiLang, JSON_UNESCAPED_UNICODE) ?>;
</div>
</section>
<!-- Why-ours feature strip -->
<section class="lt-why-strip">
<div class="lt-why-strip__inner">
<p class="lt-why-strip__eyebrow"><?= htmlspecialchars(dbnToolsT('why_ours_strip_eyebrow', $uiLang)) ?></p>
<h2 class="lt-why-strip__title"><?= htmlspecialchars(dbnToolsT('why_ours_strip_title', $uiLang)) ?></h2>
<p class="lt-why-strip__sub"><?= htmlspecialchars(dbnToolsT('why_ours_strip_sub', $uiLang)) ?></p>
<ul class="lt-why-strip__points">
<li><?= htmlspecialchars(dbnToolsT('why_ours_strip_p1', $uiLang)) ?></li>
<li><?= htmlspecialchars(dbnToolsT('why_ours_strip_p2', $uiLang)) ?></li>
<li><?= htmlspecialchars(dbnToolsT('why_ours_strip_p3', $uiLang)) ?></li>
</ul>
<a href="/why-ours.php<?= $uiLang !== 'en' ? '?lang=' . urlencode($uiLang) : '' ?>" class="lt-why-strip__cta"><?= htmlspecialchars(dbnToolsT('why_ours_strip_cta', $uiLang)) ?></a>
</div>
</section>
<section class="lt-tools" id="tools">
<div class="lt-tools__header">
<p class="lt-tools__eyebrow"><?= htmlspecialchars(dbnToolsT('tools_title', $uiLang)) ?></p>
@@ -196,9 +211,25 @@ window.DBN_TOOLS_LANG = <?= json_encode($uiLang, JSON_UNESCAPED_UNICODE) ?>;
<p><?= htmlspecialchars(dbnToolsT('source_text', $uiLang)) ?></p>
</div>
</div>
<div style="text-align:center;margin-top:2rem;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center">
<a href="/why-ours.php<?= $uiLang !== 'en' ? '?lang=' . urlencode($uiLang) : '' ?>" style="display:inline-block;padding:.6rem 1.4rem;border:1.5px solid rgba(0,32,91,.25);border-radius:8px;font-size:.85rem;font-weight:600;color:var(--dbn-blue,#00205b);text-decoration:none;transition:border-color .2s,background .2s" onmouseover="this.style.background='rgba(0,32,91,.05)'" onmouseout="this.style.background=''"><?= htmlspecialchars(dbnToolsT('why_ours_trust_link', $uiLang)) ?></a>
<a href="/pricing.php<?= $uiLang !== 'en' ? '?lang=' . urlencode($uiLang) : '' ?>" style="display:inline-block;padding:.6rem 1.4rem;border:1.5px solid rgba(0,32,91,.25);border-radius:8px;font-size:.85rem;font-weight:600;color:var(--dbn-blue,#00205b);text-decoration:none;transition:border-color .2s,background .2s" onmouseover="this.style.background='rgba(0,32,91,.05)'" onmouseout="this.style.background=''"><?= htmlspecialchars(dbnToolsT('pricing_nav_link', $uiLang)) ?></a>
</section>
<!-- Pricing CTA strip -->
<section class="lt-pricing-strip">
<div class="lt-pricing-strip__inner">
<p class="lt-pricing-strip__eyebrow"><?= htmlspecialchars(dbnToolsT('pricing_strip_eyebrow', $uiLang)) ?></p>
<h2 class="lt-pricing-strip__title"><?= htmlspecialchars(dbnToolsT('pricing_strip_title', $uiLang)) ?></h2>
<p class="lt-pricing-strip__sub"><?= htmlspecialchars(dbnToolsT('pricing_strip_sub', $uiLang)) ?></p>
<?php $freeName = match($uiLang) { 'no' => 'Gratis', 'uk' => 'Безкоштовно', 'pl' => 'Bezpłatnie', default => 'Free' }; ?>
<div class="lt-pricing-strip__tiers">
<span class="lt-pricing-strip__tier">€0 <?= htmlspecialchars($freeName) ?></span>
<span class="lt-pricing-strip__sep">·</span>
<span class="lt-pricing-strip__tier">€9 Light</span>
<span class="lt-pricing-strip__sep">·</span>
<span class="lt-pricing-strip__tier lt-pricing-strip__tier--pop">€29 Pro</span>
<span class="lt-pricing-strip__sep">·</span>
<span class="lt-pricing-strip__tier">€79 Pro+</span>
</div>
<a href="/pricing.php<?= $uiLang !== 'en' ? '?lang=' . urlencode($uiLang) : '' ?>" class="lt-pricing-strip__cta"><?= htmlspecialchars(dbnToolsT('pricing_strip_cta', $uiLang)) ?></a>
</div>
</section>