fix: correct Facebook URL + side-by-side events layout + FB in footer
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions

- Updated Facebook link from /nordabiznes to /profile.php?id=100057396041901
  across all 4 locations (email templates, JSON-LD schema)
- Added Facebook link to site footer (Contact section)
- Added "Follow us on Facebook" to landing page CTA
- Redesigned upcoming events: side-by-side layout instead of stacked

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-02-21 19:14:09 +01:00
parent f9bd941d19
commit 902ff58d54
5 changed files with 99 additions and 55 deletions

View File

@ -600,7 +600,7 @@ def _build_role_notification_html(user_name, company_name, company_slug, company
<p style="margin:0 0 12px; color:#94a3b8; font-size:13px;">
<a href="https://nordabiznes.pl" style="color:#2563eb; text-decoration:none;">nordabiznes.pl</a>
&nbsp;|&nbsp;
<a href="https://www.facebook.com/nordabiznes" style="color:#2563eb; text-decoration:none;">Facebook</a>
<a href="https://www.facebook.com/profile.php?id=100057396041901" style="color:#2563eb; text-decoration:none;">Facebook</a>
</p>
<p style="margin:0; color:#cbd5e1; font-size:11px;">To powiadomienie zostało wysłane automatycznie.</p>
</td></tr>

View File

@ -369,7 +369,7 @@ def _email_v3_wrap(title: str, subtitle: str, content_html: str) -> str:
<p style="margin:0 0 12px; color:#94a3b8; font-size:13px;">
<a href="https://nordabiznes.pl" style="color:#2563eb; text-decoration:none;">nordabiznes.pl</a>
&nbsp;|&nbsp;
<a href="https://www.facebook.com/nordabiznes" style="color:#2563eb; text-decoration:none;">Facebook</a>
<a href="https://www.facebook.com/profile.php?id=100057396041901" style="color:#2563eb; text-decoration:none;">Facebook</a>
</p>
<p style="margin:0; color:#cbd5e1; font-size:11px;">To powiadomienie zostało wysłane automatycznie.</p>
</td></tr>

View File

@ -1300,7 +1300,7 @@
"addressCountry": "PL"
},
"sameAs": [
"https://www.facebook.com/nordabiznes",
"https://www.facebook.com/profile.php?id=100057396041901",
"https://norda-biznes.info"
]
}
@ -1780,6 +1780,7 @@
<p>Email: <a href="mailto:maciej.pienczyn@inpi.pl">maciej.pienczyn@inpi.pl</a> <span style="font-size: 0.85em; color: #9ca3af;">(docelowo: kontakt@nordabiznes.pl)</span></p>
<p>Telefon: <a href="tel:+48729716400">+48 729 716 400</a></p>
<p>WhatsApp: <a href="https://wa.me/48729716400" target="_blank" rel="noopener">+48 729 716 400</a></p>
<p>Facebook: <a href="https://www.facebook.com/profile.php?id=100057396041901" target="_blank" rel="noopener">Izba Norda Business</a></p>
<p>Adres: ul. 12 Marca 238/5, 84-200 Wejherowo</p>
</div>
</div>

View File

@ -3,22 +3,38 @@
{% block title %}Katalog firm - Norda Biznes Partner{% endblock %}
{% block extra_css %}
/* Events Row - dwa wydarzenia obok siebie */
.events-row {
display: flex;
gap: var(--spacing-md);
margin-bottom: var(--spacing-xl);
}
.events-row-label {
font-size: var(--font-size-xs);
text-transform: uppercase;
letter-spacing: 1px;
color: rgba(255,255,255,0.9);
margin-bottom: var(--spacing-xs);
}
/* Event Banner - Ankieta "Kto weźmie udział?" (niebieski primary) */
.event-banner {
background: linear-gradient(135deg, #1e3050 0%, #2E4872 100%);
border-radius: var(--radius-lg);
padding: var(--spacing-lg);
margin-bottom: var(--spacing-xl);
padding: var(--spacing-md);
color: white;
display: flex;
align-items: center;
gap: var(--spacing-lg);
flex-direction: column;
gap: var(--spacing-sm);
box-shadow: var(--shadow-md);
position: relative;
overflow: hidden;
text-decoration: none;
cursor: pointer;
transition: var(--transition);
flex: 1;
min-width: 0;
}
.event-banner:hover {
@ -38,8 +54,14 @@
border-radius: 50%;
}
.event-banner-top {
display: flex;
align-items: flex-start;
gap: var(--spacing-sm);
}
.event-banner-icon {
font-size: 2.5rem;
font-size: 2rem;
flex-shrink: 0;
}
@ -48,26 +70,25 @@
min-width: 0;
}
.event-banner-label {
font-size: var(--font-size-xs);
text-transform: uppercase;
letter-spacing: 1px;
opacity: 0.9;
margin-bottom: var(--spacing-xs);
}
.event-banner-title {
font-size: var(--font-size-lg);
font-size: var(--font-size-base);
font-weight: 700;
margin-bottom: var(--spacing-xs);
}
.event-banner-meta {
font-size: var(--font-size-sm);
font-size: var(--font-size-xs);
opacity: 0.9;
display: flex;
flex-wrap: wrap;
gap: var(--spacing-md);
gap: var(--spacing-sm);
}
.event-banner-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--spacing-sm);
}
.event-banner-attendees {
@ -78,7 +99,7 @@
padding: var(--spacing-xs) var(--spacing-sm);
border-radius: var(--radius);
font-weight: 600;
margin-top: var(--spacing-sm);
font-size: var(--font-size-xs);
}
.event-banner-action {
@ -89,9 +110,9 @@
background: white;
color: #2E4872;
border: none;
padding: var(--spacing-sm) var(--spacing-lg);
padding: var(--spacing-xs) var(--spacing-md);
font-weight: 600;
font-size: var(--font-size-base);
font-size: var(--font-size-sm);
border-radius: var(--radius-btn);
text-decoration: none;
display: inline-block;
@ -118,16 +139,29 @@
background: #15803d;
}
@media (max-width: 640px) {
@media (max-width: 768px) {
.events-row {
flex-direction: column;
}
.event-banner {
flex-direction: column;
text-align: center;
}
.event-banner-top {
flex-direction: column;
align-items: center;
}
.event-banner-meta {
justify-content: center;
}
.event-banner-bottom {
flex-direction: column;
}
.event-banner-attendees {
justify-content: center;
}
@ -869,13 +903,15 @@
<!-- Event Banners - Najbliższe wydarzenia -->
{% if upcoming_events %}
<div class="events-row" data-animate="fadeIn">
{% for ue in upcoming_events %}
{% set ev = ue.event %}
<a href="{{ url_for('calendar.calendar_event', event_id=ev.id) }}" class="event-banner" data-animate="fadeIn"{% if not loop.first %} style="margin-top: -8px;"{% endif %}>
<a href="{{ url_for('calendar.calendar_event', event_id=ev.id) }}" class="event-banner">
<div class="event-banner-top">
<div class="event-banner-icon">📅</div>
<div class="event-banner-content">
{% if loop.first %}
<div class="event-banner-label">Najbliższe wydarzenia Kto weźmie udział?</div>
<div class="events-row-label">Najbliższe wydarzenia Kto weźmie udział?</div>
{% endif %}
<div class="event-banner-title">{{ ev.title }} →</div>
<div class="event-banner-meta">
@ -887,10 +923,12 @@
<span>📍 {{ ev.location[:30] }}{% if ev.location|length > 30 %}...{% endif %}</span>
{% endif %}
</div>
</div>
</div>
<div class="event-banner-bottom">
<div class="event-banner-attendees">
👥 Zapisanych: {{ ev.attendee_count }} {% if ev.attendee_count == 1 %}osoba{% elif ev.attendee_count in [2,3,4] %}osoby{% else %}osób{% endif %}
</div>
</div>
<div class="event-banner-action">
{% if ue.user_registered %}
<span class="btn-light btn-registered">✓ Jesteś zapisany/a</span>
@ -900,8 +938,10 @@
<span class="btn-light" style="background: #fef3c7; color: #92400e; border: 1px solid #fde68a;">🔒 Rada Izby</span>
{% endif %}
</div>
</div>
</a>
{% endfor %}
</div>
{% endif %}

View File

@ -51,7 +51,7 @@
"geoRadius": "50000"
},
"sameAs": [
"https://www.facebook.com/nordabiznes",
"https://www.facebook.com/profile.php?id=100057396041901",
"https://norda-biznes.info"
]
}
@ -705,5 +705,8 @@
Załóż konto
</a>
</div>
<p style="margin-top: var(--spacing-lg); color: var(--text-secondary); font-size: var(--font-size-sm);">
Śledź nas na <a href="https://www.facebook.com/profile.php?id=100057396041901" target="_blank" rel="noopener" style="color: var(--primary); font-weight: 600;">Facebooku</a>
</p>
</div>
{% endblock %}