fix: correct Facebook URL + side-by-side events layout + FB in footer

- 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>

blueprints/admin/routes_users_api.py

@@ -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>

email_service.py

@@ -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>

templates/base.html

@@ -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>

templates/index.html

@@ -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);
+        padding: var(--spacing-md);
-        margin-bottom: var(--spacing-xl);
         color: white;
         display: flex;
-        align-items: center;
+        flex-direction: column;
-        gap: var(--spacing-lg);
+        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,39 +903,45 @@
 
 <!-- Event Banners - Najbliższe wydarzenia -->
 {% if upcoming_events %}
-{% for ue in upcoming_events %}
+<div class="events-row" data-animate="fadeIn">
-{% set ev = ue.event %}
+    {% for ue in upcoming_events %}
-<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 %}>
+    {% set ev = ue.event %}
-    <div class="event-banner-icon">📅</div>
+    <a href="{{ url_for('calendar.calendar_event', event_id=ev.id) }}" class="event-banner">
-    <div class="event-banner-content">
+        <div class="event-banner-top">
-        {% if loop.first %}
+            <div class="event-banner-icon">📅</div>
-        <div class="event-banner-label">Najbliższe wydarzenia – Kto weźmie udział?</div>
+            <div class="event-banner-content">
-        {% endif %}
+                {% if loop.first %}
-        <div class="event-banner-title">{{ ev.title }} →</div>
+                <div class="events-row-label">Najbliższe wydarzenia – Kto weźmie udział?</div>
-        <div class="event-banner-meta">
+                {% endif %}
-            <span>📆 {{ ev.event_date.strftime('%d.%m.%Y') }} ({{ ['Pon', 'Wt', 'Śr', 'Czw', 'Pt', 'Sob', 'Nd'][ev.event_date.weekday()] }})</span>
+                <div class="event-banner-title">{{ ev.title }} →</div>
-            {% if ev.time_start %}
+                <div class="event-banner-meta">
-            <span>🕕 {{ ev.time_start.strftime('%H:%M') }}</span>
+                    <span>📆 {{ ev.event_date.strftime('%d.%m.%Y') }} ({{ ['Pon', 'Wt', 'Śr', 'Czw', 'Pt', 'Sob', 'Nd'][ev.event_date.weekday()] }})</span>
-            {% endif %}
+                    {% if ev.time_start %}
-            {% if ev.location %}
+                    <span>🕕 {{ ev.time_start.strftime('%H:%M') }}</span>
-            <span>📍 {{ ev.location[:30] }}{% if ev.location|length > 30 %}...{% endif %}</span>
+                    {% endif %}
-            {% endif %}
+                    {% if ev.location %}
+                    <span>📍 {{ ev.location[:30] }}{% if ev.location|length > 30 %}...{% endif %}</span>
+                    {% endif %}
+                </div>
+            </div>
         </div>
-        <div class="event-banner-attendees">
+        <div class="event-banner-bottom">
-            👥 Zapisanych: {{ ev.attendee_count }} {% if ev.attendee_count == 1 %}osoba{% elif ev.attendee_count in [2,3,4] %}osoby{% else %}osób{% endif %}
+            <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 class="event-banner-action">
+                {% if ue.user_registered %}
+                <span class="btn-light btn-registered">✓ Jesteś zapisany/a</span>
+                {% elif ue.user_can_attend %}
+                <button type="button" class="btn-light" onclick="rsvpAndGo(event, {{ ev.id }})">Zapisz się →</button>
+                {% elif ev.access_level == 'rada_only' %}
+                <span class="btn-light" style="background: #fef3c7; color: #92400e; border: 1px solid #fde68a;">🔒 Rada Izby</span>
+                {% endif %}
+            </div>
         </div>
-    </div>
+    </a>
-    <div class="event-banner-action">
+    {% endfor %}
-        {% if ue.user_registered %}
+</div>
-        <span class="btn-light btn-registered">✓ Jesteś zapisany/a</span>
-        {% elif ue.user_can_attend %}
-        <button type="button" class="btn-light" onclick="rsvpAndGo(event, {{ ev.id }})">Zapisz się →</button>
-        {% elif ev.access_level == 'rada_only' %}
-        <span class="btn-light" style="background: #fef3c7; color: #92400e; border: 1px solid #fde68a;">🔒 Rada Izby</span>
-        {% endif %}
-    </div>
-</a>
-{% endfor %}
 {% endif %}
 
 

templates/landing.html

@@ -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 %}