// aktualnosci.jsx — Landing "Aktualności i wyróżnienia" w stylu Wariantu 2 // Eksportuje window.LandingAktualnosci — wszystkie style scope'owane przez .akt-root const A_BRAND = '#1a2c6b'; const A_BG = '#faf8f3'; const A_INK = '#15181f'; const A_MUTED = '#6b6e78'; const A_LINE = '#e8e4db'; const A_ACCENT = '#c98a3f'; const A_DISPLAY = "'Barlow Semi Condensed', system-ui, sans-serif"; const A_BODY = "'Inter', system-ui, sans-serif"; const AKT_STYLES = ` .akt-root { font-family: ${A_BODY}; color: ${A_INK}; background: ${A_BG}; -webkit-font-smoothing: antialiased; width: 1440px; } .akt-root *, .akt-root *::before, .akt-root *::after { box-sizing: border-box; } .akt-root em { font-style: italic; } .akt-root a { color: inherit; } .akt-root .wrap { max-width: 1320px; margin: 0 auto; padding: 0 40px; } .akt-root .label-kicker { color: ${A_ACCENT}; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; font-weight: 600; margin-bottom: 16px; } /* HEADER */ .akt-root .site-header { background: ${A_BG}; position: relative; z-index: 5; } .akt-root .site-header .inner { padding: 24px 40px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid ${A_LINE}; max-width: 1320px; margin: 0 auto; } .akt-root .site-header img { height: 68px; width: auto; display: block; } .akt-root .site-header nav { display: flex; gap: 36px; font-size: 13px; font-weight: 500; color: ${A_INK}; } .akt-root .site-header nav a { color: ${A_INK}; text-decoration: none; } .akt-root .site-header nav a.active { color: ${A_BRAND}; position: relative; } .akt-root .site-header nav a.active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -8px; height: 2px; background: ${A_BRAND}; } .akt-root .phone-block { display: flex; align-items: center; gap: 18px; } .akt-root .phone-block .meta { text-align: right; } .akt-root .phone-block .meta-label { font-size: 10px; color: ${A_MUTED}; letter-spacing: .1em; text-transform: uppercase; } .akt-root .phone-block .meta-num { font-family: ${A_DISPLAY}; font-size: 16px; font-weight: 700; color: ${A_INK}; } .akt-root .phone-btn { width: 42px; height: 42px; background: ${A_BRAND}; color: #fff; border-radius: 99px; display: flex; align-items: center; justify-content: center; text-decoration: none; } /* CRUMBS */ .akt-root .crumbs { background: ${A_BG}; font-size: 12px; color: ${A_MUTED}; letter-spacing: .04em; border-bottom: 1px solid ${A_LINE}; } .akt-root .crumbs .wrap { padding-top: 14px; padding-bottom: 14px; display: flex; gap: 10px; align-items: center; } .akt-root .crumbs a { color: ${A_MUTED}; text-decoration: none; } .akt-root .crumbs .sep { opacity: .4; } .akt-root .crumbs .current { color: ${A_INK}; font-weight: 500; } /* INTRO */ .akt-root .intro { background: ${A_BG}; border-bottom: 1px solid ${A_LINE}; } .akt-root .intro .grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 80px; align-items: start; padding: 72px 0 40px; } .akt-root .intro h1 { font-family: ${A_DISPLAY}; font-weight: 400; font-size: 84px; line-height: .98; letter-spacing: -.03em; color: ${A_INK}; margin: 0; } .akt-root .intro h1 em { font-style: italic; font-weight: 400; color: ${A_BRAND}; } .akt-root .intro .lead { font-size: 16px; line-height: 1.6; color: ${A_MUTED}; margin: 0; } .akt-root .intro .lead-list { display: flex; flex-direction: column; gap: 6px; margin-top: 16px; padding-top: 16px; border-top: 1px solid ${A_LINE}; font-size: 14.5px; color: ${A_INK}; } .akt-root .intro .lead-list .b { color: ${A_BRAND}; font-family: ${A_DISPLAY}; font-weight: 600; margin-right: 12px; display: inline-block; min-width: 14px; } /* TABS — segmentowany przełącznik */ .akt-root .tabs-row { padding: 32px 0 40px; display: flex; justify-content: space-between; align-items: center; gap: 40px; } .akt-root .tabs { display: inline-flex; padding: 6px; background: #fff; border: 1px solid ${A_LINE}; gap: 6px; } .akt-root .tab { padding: 14px 28px; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; font-family: ${A_BODY}; color: ${A_MUTED}; background: transparent; border: 0; cursor: pointer; display: flex; align-items: center; gap: 10px; transition: color .18s, background .18s; } .akt-root .tab .count { font-family: ${A_DISPLAY}; font-size: 13px; color: ${A_ACCENT}; letter-spacing: .04em; } .akt-root .tab:hover { color: ${A_INK}; } .akt-root .tab.is-active { background: ${A_BRAND}; color: #fff; } .akt-root .tab.is-active .count { color: rgba(255,255,255,.6); } .akt-root .tabs-row .hint { font-size: 12px; color: ${A_MUTED}; max-width: 320px; line-height: 1.5; } /* AKTUALNOŚCI — grid */ .akt-root .news-sec { background: #fff; padding: 0 0 100px; border-bottom: 1px solid ${A_LINE}; } .akt-root .news-sec .panel-head { padding: 28px 0; border-bottom: 1px solid ${A_LINE}; display: flex; justify-content: space-between; align-items: baseline; } .akt-root .news-sec .panel-head .l { font-size: 11px; color: ${A_ACCENT}; letter-spacing: .18em; text-transform: uppercase; font-weight: 600; } .akt-root .news-sec .panel-head .r { font-size: 12.5px; color: ${A_MUTED}; } .akt-root .news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid ${A_LINE}; border-left: 1px solid ${A_LINE}; margin-top: -1px; } .akt-root .news-card { display: flex; flex-direction: column; background: #fff; border-right: 1px solid ${A_LINE}; border-bottom: 1px solid ${A_LINE}; text-decoration: none; color: ${A_INK}; transition: background .2s; } .akt-root .news-card:hover { background: ${A_BG}; } .akt-root .news-card .thumb { aspect-ratio: 16/10; background: ${A_BG}; position: relative; overflow: hidden; border-bottom: 1px solid ${A_LINE}; } .akt-root .news-card .thumb .ph { position: absolute; inset: 0; background: repeating-linear-gradient(45deg, transparent 0 14px, rgba(26,44,107,.04) 14px 15px); display: flex; align-items: center; justify-content: center; } .akt-root .news-card .thumb .ph-label { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; color: ${A_BRAND}; opacity: .55; letter-spacing: .08em; text-transform: uppercase; padding: 6px 12px; background: rgba(255,255,255,.85); border: 1px solid ${A_LINE}; } .akt-root .news-card .body { padding: 24px 28px 28px; display: flex; flex-direction: column; gap: 12px; flex: 1; } .akt-root .news-card .meta { display: flex; gap: 12px; align-items: center; font-size: 11px; color: ${A_MUTED}; letter-spacing: .08em; text-transform: uppercase; font-weight: 600; } .akt-root .news-card .meta .dot { width: 4px; height: 4px; background: ${A_ACCENT}; border-radius: 99px; } .akt-root .news-card .meta .cat { color: ${A_BRAND}; } .akt-root .news-card h3 { font-family: ${A_DISPLAY}; font-size: 22px; font-weight: 500; margin: 0; line-height: 1.2; letter-spacing: -.005em; color: ${A_INK}; } .akt-root .news-card h3 em { font-style: italic; color: ${A_BRAND}; } .akt-root .news-card p { font-size: 14px; line-height: 1.55; color: ${A_MUTED}; margin: 0; } .akt-root .news-card .read { margin-top: auto; padding-top: 8px; font-size: 11px; color: ${A_BRAND}; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; display: inline-flex; align-items: center; gap: 8px; } .akt-root .news-card:hover .read { color: ${A_ACCENT}; } /* NAGRODY — pasek statystyk + galeria */ .akt-root .awards-sec { background: #fff; padding: 0 0 100px; border-bottom: 1px solid ${A_LINE}; } .akt-root .awards-sec .stats { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid ${A_LINE}; border-bottom: 1px solid ${A_LINE}; background: ${A_BG}; } .akt-root .awards-sec .stat-cell { padding: 36px 32px; border-right: 1px solid ${A_LINE}; } .akt-root .awards-sec .stat-cell:last-child { border-right: 0; } .akt-root .awards-sec .stat-cell .n { font-family: ${A_DISPLAY}; font-size: 48px; font-weight: 400; color: ${A_INK}; line-height: 1; letter-spacing: -.02em; } .akt-root .awards-sec .stat-cell .n .dot { color: ${A_ACCENT}; } .akt-root .awards-sec .stat-cell .l { font-size: 12.5px; color: ${A_MUTED}; margin-top: 12px; letter-spacing: .04em; } .akt-root .gallery-head { padding: 56px 0 24px; display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; } .akt-root .gallery-head h2 { font-family: ${A_DISPLAY}; font-size: 48px; font-weight: 400; letter-spacing: -.02em; margin: 0; line-height: 1.05; color: ${A_INK}; } .akt-root .gallery-head h2 em { font-style: italic; color: ${A_BRAND}; } .akt-root .gallery-head .nav { display: flex; gap: 10px; } .akt-root .gallery-head .nav button { width: 44px; height: 44px; border: 1px solid ${A_LINE}; background: #fff; color: ${A_INK}; cursor: pointer; font-size: 16px; transition: background .15s, color .15s; } .akt-root .gallery-head .nav button:hover { background: ${A_BRAND}; color: #fff; border-color: ${A_BRAND}; } .akt-root .gallery-scroll { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; padding: 8px 0 32px; margin-left: -8px; } .akt-root .gallery-scroll::-webkit-scrollbar { height: 8px; } .akt-root .gallery-scroll::-webkit-scrollbar-track { background: ${A_LINE}; } .akt-root .gallery-scroll::-webkit-scrollbar-thumb { background: ${A_BRAND}; } .akt-root .gallery { display: inline-flex; gap: 24px; padding: 0 8px; } .akt-root .award-card { flex: 0 0 auto; width: 280px; scroll-snap-align: start; background: #fff; border: 1px solid ${A_LINE}; padding: 16px 16px 20px; display: flex; flex-direction: column; gap: 14px; } .akt-root .award-card.large { width: 360px; } .akt-root .award-card .frame { aspect-ratio: 3/4; background: ${A_BG}; position: relative; overflow: hidden; border: 1px solid ${A_LINE}; } .akt-root .award-card .frame .ph { position: absolute; inset: 0; background: repeating-linear-gradient(135deg, transparent 0 12px, rgba(201,138,63,.06) 12px 13px); display: flex; align-items: center; justify-content: center; padding: 16px; } .akt-root .award-card .frame .ph-label { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 10px; color: ${A_ACCENT}; letter-spacing: .08em; text-transform: uppercase; text-align: center; line-height: 1.4; } .akt-root .award-card .frame .award-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .akt-root .award-card .meta { display: flex; justify-content: space-between; align-items: baseline; font-size: 11px; color: ${A_MUTED}; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; } .akt-root .award-card .meta .year { font-family: ${A_DISPLAY}; font-size: 14px; color: ${A_BRAND}; letter-spacing: .04em; } .akt-root .award-card h4 { font-family: ${A_DISPLAY}; font-size: 17px; font-weight: 500; margin: 0; line-height: 1.25; color: ${A_INK}; letter-spacing: -.005em; } .akt-root .award-card .issuer { font-size: 12.5px; color: ${A_MUTED}; } /* DOKUMENTY — lista do pobrania */ .akt-root .docs-sec { background: #fff; padding: 0 0 100px; border-bottom: 1px solid ${A_LINE}; } .akt-root .docs-sec .panel-head { padding: 28px 0; border-bottom: 1px solid ${A_LINE}; display: flex; justify-content: space-between; align-items: baseline; } .akt-root .docs-sec .panel-head .l { font-size: 11px; color: ${A_ACCENT}; letter-spacing: .18em; text-transform: uppercase; font-weight: 600; } .akt-root .docs-sec .panel-head .r { font-size: 12.5px; color: ${A_MUTED}; } .akt-root .docs-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid ${A_LINE}; border-left: 1px solid ${A_LINE}; margin-top: -1px; } .akt-root .doc-row { display: flex; align-items: center; gap: 24px; padding: 26px 28px; border-right: 1px solid ${A_LINE}; border-bottom: 1px solid ${A_LINE}; background: #fff; color: ${A_INK}; text-decoration: none; transition: background .18s; } .akt-root .doc-row:hover { background: ${A_BG}; } .akt-root .doc-row:hover .doc-icon { background: ${A_BRAND}; color: #fff; border-color: ${A_BRAND}; } .akt-root .doc-row:hover .doc-cta { color: ${A_BRAND}; } .akt-root .doc-icon { width: 52px; height: 52px; flex-shrink: 0; border: 1px solid ${A_LINE}; background: ${A_BG}; color: ${A_BRAND}; display: flex; align-items: center; justify-content: center; transition: background .18s, color .18s, border-color .18s; } .akt-root .doc-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; } .akt-root .doc-cat { font-size: 11px; color: ${A_ACCENT}; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; } .akt-root .doc-title { font-family: ${A_DISPLAY}; font-size: 18px; font-weight: 600; line-height: 1.25; color: ${A_INK}; letter-spacing: .005em; } .akt-root .doc-sub { font-size: 13px; color: ${A_MUTED}; line-height: 1.4; } .akt-root .doc-end { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex-shrink: 0; } .akt-root .doc-format { font-family: ${A_DISPLAY}; font-size: 13px; font-weight: 700; color: ${A_INK}; letter-spacing: .04em; } .akt-root .doc-size { font-size: 11px; color: ${A_MUTED}; letter-spacing: .04em; } .akt-root .doc-cta { font-size: 11px; color: ${A_MUTED}; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; margin-top: 8px; display: inline-flex; align-items: center; gap: 8px; transition: color .18s; } /* FOOTER */ .akt-root footer.site { background: ${A_INK}; color: #fff; padding: 60px 0 30px; } .akt-root footer.site .cols { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 48px; } .akt-root footer.site .brand-name { font-family: ${A_DISPLAY}; font-size: 24px; font-weight: 700; letter-spacing: .06em; } .akt-root footer.site .brand-sub { font-size: 10px; opacity: .55; letter-spacing: .18em; margin-top: 4px; } .akt-root footer.site .brand-desc { font-size: 13px; color: rgba(255,255,255,.6); margin-top: 20px; line-height: 1.6; max-width: 320px; } .akt-root footer.site .col-head { font-size: 10px; color: rgba(255,255,255,.4); letter-spacing: .14em; text-transform: uppercase; font-weight: 600; margin-bottom: 16px; } .akt-root footer.site .col-list { display: flex; flex-direction: column; gap: 8px; font-size: 13.5px; } .akt-root footer.site .col-list a { color: rgba(255,255,255,.7); text-decoration: none; } .akt-root footer.site .col-phone { font-family: ${A_DISPLAY}; font-size: 22px; font-weight: 500; } .akt-root footer.site .col-mail { font-size: 13px; color: rgba(255,255,255,.65); margin-top: 8px; } .akt-root footer.site .col-hours { font-size: 12.5px; color: rgba(255,255,255,.5); margin-top: 16px; line-height: 1.5; } .akt-root footer.site .bottom { margin-top: 60px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.1); display: flex; justify-content: space-between; font-size: 11.5px; color: rgba(255,255,255,.4); } .akt-root footer.site .bottom a { color: inherit; text-decoration: none; } .akt-root footer.site .bottom .links { display: flex; gap: 24px; } `; const AKT_NEWS = [ { kat: 'Wydarzenie', data: 'Maj 2023', tytul: 'Wielki Finał GOMAR Koszykarskiej Ligi Szkolnej', lead: 'Finał ligi koszykarskiej z udziałem szkół z Krakowa.', ph: 'turniej' }, { kat: 'Jubileusz', data: 'Lipiec 2022', tytul: '30-lecie GOMAR!', lead: 'Dziękujemy za wspólne 30 lat. Z radością i wielką dumą informujemy, że Gomar Witwicka obchodzi w tym roku jubileusz 30-lecia.', ph: '30 lat' }, { kat: 'Otwarcie', data: 'Czerwiec 2020', tytul: 'Oficjalne otwarcie pierwszego punktu partnerskiego Warty', lead: 'Z przyjemnością informujemy, że 17 czerwca 2020 r. w naszym biurze przy ul. Mogilskiej 120B miało miejsce otwarcie pierwszej placówki partnerskiej Warty w Krakowie.', ph: 'biuro Mogilska 120B' }, ]; const AKT_AWARDS = [ { src: '/assets/nagrody/01_2026_Gala-nagrody/gala-2026_dyplom-skan.jpg', alt: 'Dyplom — Gala Nagrody 2026', year: '2026', label: 'Gala Nagrody 2026' }, { src: '/assets/nagrody/01_2026_Gala-nagrody/gala-2026_nagroda-1.jpg', alt: 'Nagroda — Gala 2026 (1)', year: '2026', label: 'Gala Nagrody 2026' }, { src: '/assets/nagrody/01_2026_Gala-nagrody/gala-2026_nagroda-2.jpg', alt: 'Nagroda — Gala 2026 (2)', year: '2026', label: 'Gala Nagrody 2026' }, { src: '/assets/nagrody/01_2026_Gala-nagrody/gala-2026_nagroda-3.jpg', alt: 'Nagroda — Gala 2026 (3)', year: '2026', label: 'Gala Nagrody 2026' }, { src: '/assets/nagrody/01_2026_Gala-nagrody/gala-2026_zdjecie-grupowe.jpg', alt: 'Zdjęcie grupowe — Gala 2026', year: '2026', label: 'Gala Nagrody 2026' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/gala-2024_dyplom-skan.jpg', alt: 'Dyplom — Gala Grudniowa 2024', year: '2024', label: 'Gala Grudniowa 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/gala-2024_dyplom-skan-2.jpg', alt: 'Dyplom — Gala Grudniowa 2024 (2)', year: '2024', label: 'Gala Grudniowa 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/gala-2024_zdjecie-1.jpg', alt: 'Gala Grudniowa 2024 (1)', year: '2024', label: 'Gala Grudniowa 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/gala-2024_zdjecie-2.jpg', alt: 'Gala Grudniowa 2024 (2)', year: '2024', label: 'Gala Grudniowa 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/gala-2024_zdjecie-3.jpg', alt: 'Gala Grudniowa 2024 (3)', year: '2024', label: 'Gala Grudniowa 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/gala-2024_zdjecie-4.jpg', alt: 'Gala Grudniowa 2024 (4)', year: '2024', label: 'Gala Grudniowa 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/gala-2024_zdjecie-5.jpg', alt: 'Gala Grudniowa 2024 (5)', year: '2024', label: 'Gala Grudniowa 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/gala-2024_zdjecie-6.jpg', alt: 'Gala Grudniowa 2024 (6)', year: '2024', label: 'Gala Grudniowa 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/gala-2024_zdjecie-7.jpg', alt: 'Gala Grudniowa 2024 (7)', year: '2024', label: 'Gala Grudniowa 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/gala-2024_zdjecie-8.jpg', alt: 'Gala Grudniowa 2024 (8)', year: '2024', label: 'Gala Grudniowa 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/gala-2024_zdjecie-9.jpg', alt: 'Gala Grudniowa 2024 (9)', year: '2024', label: 'Gala Grudniowa 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/gala-2024_zdjecie-10.jpg', alt: 'Gala Grudniowa 2024 (10)', year: '2024', label: 'Gala Grudniowa 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/gala-2024_zdjecie-11.jpg', alt: 'Gala Grudniowa 2024 (11)', year: '2024', label: 'Gala Grudniowa 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/nagroda-2024_marzec.jpg', alt: 'Nagroda Marzec 2024', year: '2024', label: 'Nagrody 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/nagroda-ABC-2024.jpg', alt: 'Nagroda ABC 2024', year: '2024', label: 'Nagrody 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/nagroda-CAB-2024.jpg', alt: 'Nagroda CAB 2024', year: '2024', label: 'Nagrody 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/nagroda-Radwan-2024.jpg', alt: 'Nagroda Radwan 2024', year: '2024', label: 'Nagrody 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/nagroda-UNIQA-2024_zdjecie-1.jpg',alt: 'Nagroda UNIQA 2024 (1)', year: '2024', label: 'Nagroda UNIQA 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/nagroda-UNIQA-2024_zdjecie-2.jpg',alt: 'Nagroda UNIQA 2024 (2)', year: '2024', label: 'Nagroda UNIQA 2024' }, { src: '/assets/nagrody/02_2024_Gala-grudniowa/nagroda-WARTA-2024.jpg', alt: 'Nagroda Warta 2024', year: '2024', label: 'Nagroda Warta 2024' }, { src: '/assets/nagrody/03_2023_Rekomendacje/rekomendacja-2023.jpg', alt: 'Rekomendacja 2023', year: '2023', label: 'Rekomendacja 2023' }, { src: '/assets/nagrody/04_2022_Dyplomy-skany/dyplom-skan-2022_nr1.jpg', alt: 'Dyplom 2022 (1)', year: '2022', label: 'Dyplomy 2022' }, { src: '/assets/nagrody/04_2022_Dyplomy-skany/dyplom-skan-2022_nr2.jpg', alt: 'Dyplom 2022 (2)', year: '2022', label: 'Dyplomy 2022' }, { src: '/assets/nagrody/04_2022_Dyplomy-skany/dyplom-skan-2022_nr3.jpg', alt: 'Dyplom 2022 (3)', year: '2022', label: 'Dyplomy 2022' }, { src: '/assets/nagrody/04_2022_Dyplomy-skany/dyplom-skan-2022_nr4.jpg', alt: 'Dyplom 2022 (4)', year: '2022', label: 'Dyplomy 2022' }, { src: '/assets/nagrody/05_2019_Nagroda-Ergo-Hestia/nagroda-ErgoHestia-skan.jpg', alt: 'Nagroda Ergo Hestia 2019 — dyplom', year: '2019', label: 'Nagroda Ergo Hestia 2019' }, { src: '/assets/nagrody/05_2019_Nagroda-Ergo-Hestia/nagroda-ErgoHestia-skan-2.jpg', alt: 'Nagroda Ergo Hestia 2019 — dyplom (2)', year: '2019', label: 'Nagroda Ergo Hestia 2019' }, { src: '/assets/nagrody/05_2019_Nagroda-Ergo-Hestia/nagroda-ErgoHestia-zdjecie-1.jpg', alt: 'Nagroda Ergo Hestia 2019 (1)', year: '2019', label: 'Nagroda Ergo Hestia 2019' }, { src: '/assets/nagrody/05_2019_Nagroda-Ergo-Hestia/nagroda-ErgoHestia-zdjecie-2.jpg', alt: 'Nagroda Ergo Hestia 2019 (2)', year: '2019', label: 'Nagroda Ergo Hestia 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr18.jpg', alt: 'Dyplom 2019 nr 18', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr19.jpg', alt: 'Dyplom 2019 nr 19', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr20.jpg', alt: 'Dyplom 2019 nr 20', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr21.jpg', alt: 'Dyplom 2019 nr 21', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr22.jpg', alt: 'Dyplom 2019 nr 22', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr23.jpg', alt: 'Dyplom 2019 nr 23', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr24.jpg', alt: 'Dyplom 2019 nr 24', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr25.jpg', alt: 'Dyplom 2019 nr 25', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr26.jpg', alt: 'Dyplom 2019 nr 26', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr27.jpg', alt: 'Dyplom 2019 nr 27', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr28.jpg', alt: 'Dyplom 2019 nr 28', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr30.jpg', alt: 'Dyplom 2019 nr 30', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr31.jpg', alt: 'Dyplom 2019 nr 31', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr32.jpg', alt: 'Dyplom 2019 nr 32', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr33.jpg', alt: 'Dyplom 2019 nr 33', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr34.jpg', alt: 'Dyplom 2019 nr 34', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr35.jpg', alt: 'Dyplom 2019 nr 35', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/06_2019_Dyplomy-skany/dyplom-skan-nr36.jpg', alt: 'Dyplom 2019 nr 36', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/07_2019_Zdjecia-galowe/zdjecie-galowe_DSCN9463.jpg', alt: 'Gala 2019 (1)', year: '2019', label: 'Gala 2019' }, { src: '/assets/nagrody/07_2019_Zdjecia-galowe/zdjecie-galowe_DSCN9465.jpg', alt: 'Gala 2019 (2)', year: '2019', label: 'Gala 2019' }, { src: '/assets/nagrody/07_2019_Zdjecia-galowe/zdjecie-galowe_DSCN9467.jpg', alt: 'Gala 2019 (3)', year: '2019', label: 'Gala 2019' }, { src: '/assets/nagrody/07_2019_Zdjecia-galowe/zdjecie-galowe_DSCN9469.jpg', alt: 'Gala 2019 (4)', year: '2019', label: 'Gala 2019' }, { src: '/assets/nagrody/07_2019_Zdjecia-galowe/zdjecie-galowe_DSCN9470.jpg', alt: 'Gala 2019 (5)', year: '2019', label: 'Gala 2019' }, { src: '/assets/nagrody/07_2019_Zdjecia-galowe/zdjecie-galowe_DSCN9473.jpg', alt: 'Gala 2019 (6)', year: '2019', label: 'Gala 2019' }, { src: '/assets/nagrody/07_2019_Zdjecia-galowe/zdjecie-galowe_DSCN9474.jpg', alt: 'Gala 2019 (7)', year: '2019', label: 'Gala 2019' }, { src: '/assets/nagrody/08_2019_Dyplomy-oryginaly/dyplom-oryginal-1.jpg', alt: 'Dyplom oryginalny 2019 (1)', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/08_2019_Dyplomy-oryginaly/dyplom-oryginal-2.jpg', alt: 'Dyplom oryginalny 2019 (2)', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/08_2019_Dyplomy-oryginaly/dyplom-oryginal-3.jpg', alt: 'Dyplom oryginalny 2019 (3)', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/08_2019_Dyplomy-oryginaly/dyplom-oryginal-4.jpg', alt: 'Dyplom oryginalny 2019 (4)', year: '2019', label: 'Dyplomy 2019' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_01.jpg', alt: 'Archiwum 2015 (1)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_02.jpg', alt: 'Archiwum 2015 (2)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_03.jpg', alt: 'Archiwum 2015 (3)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_04.jpg', alt: 'Archiwum 2015 (4)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_05.jpg', alt: 'Archiwum 2015 (5)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_06.jpg', alt: 'Archiwum 2015 (6)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_07.jpg', alt: 'Archiwum 2015 (7)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_08.jpg', alt: 'Archiwum 2015 (8)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_09.jpg', alt: 'Archiwum 2015 (9)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_10.jpg', alt: 'Archiwum 2015 (10)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_11.jpg', alt: 'Archiwum 2015 (11)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_12.jpg', alt: 'Archiwum 2015 (12)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_13.jpg', alt: 'Archiwum 2015 (13)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_14.jpg', alt: 'Archiwum 2015 (14)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_15.jpg', alt: 'Archiwum 2015 (15)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_16.jpg', alt: 'Archiwum 2015 (16)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_17.jpg', alt: 'Archiwum 2015 (17)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_18.jpg', alt: 'Archiwum 2015 (18)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_19.jpg', alt: 'Archiwum 2015 (19)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_20.jpg', alt: 'Archiwum 2015 (20)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_21.jpg', alt: 'Archiwum 2015 (21)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_22.jpg', alt: 'Archiwum 2015 (22)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_23.jpg', alt: 'Archiwum 2015 (23)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_24.jpg', alt: 'Archiwum 2015 (24)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_25.jpg', alt: 'Archiwum 2015 (25)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_26.jpg', alt: 'Archiwum 2015 (26)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_27.jpg', alt: 'Archiwum 2015 (27)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_28.jpg', alt: 'Archiwum 2015 (28)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_29.jpg', alt: 'Archiwum 2015 (29)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_30.jpg', alt: 'Archiwum 2015 (30)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_31.jpg', alt: 'Archiwum 2015 (31)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/09_Archiwum_2015/zdjecie-archiwum-2015_32.jpg', alt: 'Archiwum 2015 (32)', year: '2015', label: 'Archiwum 2015' }, { src: '/assets/nagrody/10_Archiwum_2016/zdjecie-archiwum-2016_01.jpg', alt: 'Archiwum 2016 (1)', year: '2016', label: 'Archiwum 2016' }, { src: '/assets/nagrody/10_Archiwum_2016/zdjecie-archiwum-2016_02.jpg', alt: 'Archiwum 2016 (2)', year: '2016', label: 'Archiwum 2016' }, { src: '/assets/nagrody/10_Archiwum_2016/zdjecie-archiwum-2016_03.jpg', alt: 'Archiwum 2016 (3)', year: '2016', label: 'Archiwum 2016' }, { src: '/assets/nagrody/10_Archiwum_2016/zdjecie-archiwum-2016_04.jpg', alt: 'Archiwum 2016 (4)', year: '2016', label: 'Archiwum 2016' }, { src: '/assets/nagrody/10_Archiwum_2016/zdjecie-archiwum-2016_05.jpg', alt: 'Archiwum 2016 (5)', year: '2016', label: 'Archiwum 2016' }, { src: '/assets/nagrody/10_Archiwum_2016/zdjecie-archiwum-2016_06.jpg', alt: 'Archiwum 2016 (6)', year: '2016', label: 'Archiwum 2016' }, { src: '/assets/nagrody/11_Archiwum_2017/zdjecie-archiwum-2017_01.jpg', alt: 'Archiwum 2017 (1)', year: '2017', label: 'Archiwum 2017' }, { src: '/assets/nagrody/11_Archiwum_2017/zdjecie-archiwum-2017_02.jpg', alt: 'Archiwum 2017 (2)', year: '2017', label: 'Archiwum 2017' }, { src: '/assets/nagrody/11_Archiwum_2017/zdjecie-archiwum-2017_03.jpg', alt: 'Archiwum 2017 (3)', year: '2017', label: 'Archiwum 2017' }, { src: '/assets/nagrody/11_Archiwum_2017/zdjecie-archiwum-2017_04.jpg', alt: 'Archiwum 2017 (4)', year: '2017', label: 'Archiwum 2017' }, { src: '/assets/nagrody/11_Archiwum_2017/zdjecie-archiwum-2017_05.jpg', alt: 'Archiwum 2017 (5)', year: '2017', label: 'Archiwum 2017' }, { src: '/assets/nagrody/12_Archiwum_2018/zdjecie-archiwum-2018_01.jpg', alt: 'Archiwum 2018 (1)', year: '2018', label: 'Archiwum 2018' }, { src: '/assets/nagrody/12_Archiwum_2018/zdjecie-archiwum-2018_02.jpg', alt: 'Archiwum 2018 (2)', year: '2018', label: 'Archiwum 2018' }, { src: '/assets/nagrody/12_Archiwum_2018/zdjecie-archiwum-2018_03.jpg', alt: 'Archiwum 2018 (3)', year: '2018', label: 'Archiwum 2018' }, ]; const AKT_DOKUMENTY = [ { kat: 'Umowa', tytul: 'Umowa darowizny pojazdu', format: 'DOC', rozmiar: '34 KB', plik: '/assets/dokumenty/Umowa-darowizny-pojazdu.doc' }, { kat: 'Umowa', tytul: 'Umowa kupna‑sprzedaży samochodu', format: 'DOC', rozmiar: '31 KB', plik: '/assets/dokumenty/Umowa-kupna-sprzedazy-samochodu.doc' }, { kat: 'Wniosek', tytul: 'Wniosek o zwrot składki', format: 'DOC', rozmiar: '30 KB', plik: '/assets/dokumenty/Wniosek-o-zwrot-skladki.doc' }, { kat: 'Oświadczenie', tytul: 'Wspólne oświadczenie o zdarzeniu drogowym', format: 'PDF', rozmiar: '1,1 MB', plik: '/assets/dokumenty/Wspolne-oswiadczenie-o-zdarzeniu-drogowym.pdf' }, { kat: 'Wypowiedzenie', tytul: 'Wypowiedzenie kontynuacji OC', podtytul: 'Zgodnie z art. 28 ust. 1', format: 'DOC', rozmiar: '30 KB', plik: '/assets/dokumenty/Wypowiedzenie-kontynuacji-OC-art-28-ust1.doc' }, { kat: 'Wypowiedzenie', tytul: 'Wypowiedzenie OC nabywcy pojazdu', podtytul: 'Zgodnie z art. 31 ust. 1', format: 'DOC', rozmiar: '30 KB', plik: '/assets/dokumenty/Wypowiedzenie-nabycia-pojazdu-art-31-ust1.doc' }, { kat: 'Wypowiedzenie', tytul: 'Wypowiedzenie OC po terminie', podtytul: 'Zgodnie z art. 28a ust. 1', format: 'DOC', rozmiar: '32 KB', plik: '/assets/dokumenty/Wypowiedzenie-OC-po-terminie-art-28a-ust1.doc' }, ]; function LandingAktualnosci() { const [tab, setTab] = React.useState('wyroznienia'); const scrollRef = React.useRef(null); const scrollBy = (dx) => { if (scrollRef.current) scrollRef.current.scrollBy({ left: dx, behavior: 'smooth' }); }; return (