UI/UX improvements: unified styles for Medkulturno posredovanje, updated Ponudba layout, improved Kontakt and Kdo sem pages, new final-cta section across all pages
Deploy to Development and Production / deploy (push) Successful in 16s

This commit is contained in:
Mark committed 2026-01-27 02:09:33 +01:00
1 parent 0c0e0c1baa
commit aefd9b3b53
31 files changed
+2915 -856

No files matched your search

+32 -16
View File
@@ -53,10 +53,11 @@
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="dropbtn" >Medkulturno povezovanje</a>
<div class="dropdown-content">
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="dropdown-main-link">Pregled strani</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Načini posredovanja</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Vrste posredovanja</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#sodelujem">S kom sodelujem</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek sodelovanja in cena</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#zakaj">Zakaj izbrati Prosberry</a>
</div>
</div>
@@ -105,13 +106,20 @@
<!-- ===== ZAČETEK NOVE VSEBINE ===== -->
<!-- 1. Sekcija: Glavni pozdrav (Hero) -->
<section class="hero-new" style="max-height: 950px; overflow: visible;">
<section class="hero-new" style="overflow: visible;">
<div class="hero-new-content" style="grid-template-columns: 1.2fr 0.8fr 200px; gap: 2rem; max-width: 1600px;">
<div class="hero-new-text" data-aos="fade-up">
<h1>Dobrodošli v prostoru rasti in sodelovanja</h1>
<p class="hero-slogan">PROSBERRY – mesto, kjer učenje, povezovanje in podpora postanejo enostavni!</p>
<p class="hero-new-description">Učenje splošne in poslovne angleščine za vse starostne skupine ter podpora medkulturni integraciji v vrtcih, šolah in institucijah</p>
<p class="hero-new-description-small">Na voljo tudi: <a href="/ponudba/">slovenščina za začetnike in albanščina za osebni interes</a></p>
<div style="background: rgba(251, 99, 57, 0.08); padding: 0.75rem 1rem; border-radius: 10px; margin: 0.75rem 0; border-left: 4px solid var(--primary-color);">
<p style="font-size: 0.85rem; margin-bottom: 0.5rem; color: #333; line-height: 1.4;">
<strong>Prvo srečanje ali uvodni posvet je brezplačen in brez obveznosti.</strong> Pogovoriva se o vaših ciljih in možnostih sodelovanja.
</p>
<div style="text-align: center;">
<a href="/kontakt/" class="cta-button" style="display: inline-block; margin-top: 0; padding: 0.5rem 1rem; font-size: 0.85rem;">Kontaktirajte me</a>
</div>
</div>
<p class="hero-new-slogan">Uči se angleščine, spoznaj medkulturne zgodbe in uživaj v vsakem koraku!</p>
<div class="hero-info-box">
<h2>Zakaj PROSBERRY?</h2>
@@ -255,20 +263,28 @@
</div>
</div>
</section>
<section class="final-cta">
<div class="final-cta-content" data-aos="fade-up">
<h2>Imaš vprašanje? Pokliči ali piši!</h2>
<div class="final-cta-buttons">
<a href="tel:+38630312855" class="cta-button contact-link">+386 30 312 855</a>
<a href="mailto:info@prosberry.si" class="cta-button contact-link">info@prosberry.si</a>
</div>
<p>Skupaj ustvariva prostor za učenje in povezovanje.</p>
</div>
</section>
<!-- ===== KONEC NOVE VSEBINE ===== -->
</main>
<section class="final-cta">
<div class="final-cta-content" data-aos="fade-up">
<h2>Imate vprašanje ali razmišljate o sodelovanju?</h2>
<p style="font-size: 1.1rem; margin-bottom: 2rem; color: #444;">Z veseljem se pogovorimo!</p>
<div class="final-cta-buttons">
<a href="tel:+38630312855" class="cta-button contact-link">Pokličite me: +386 30 312 855</a>
</div>
<p style="margin-top: 2rem; font-size: 1.05rem;">Ali pišite preko <a href="/kontakt/" style="color: var(--primary-color); font-weight: 600; text-decoration: underline;">kontaktnega obrazca</a>.</p>
</div>
</section>
<footer>
<div class="footer-content">
<div class="footer-logo">