{"id":9,"date":"2026-05-11T13:18:55","date_gmt":"2026-05-11T13:18:55","guid":{"rendered":"https:\/\/sonics.pl\/?page_id=9"},"modified":"2026-06-11T13:12:42","modified_gmt":"2026-06-11T13:12:42","slug":"home","status":"publish","type":"page","link":"https:\/\/sonics.pl\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b2445b e-con-full e-flex e-con e-parent\" data-id=\"5b2445b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ea87be elementor-widget elementor-widget-html\" data-id=\"4ea87be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n<script>document.documentElement.className+=' js';<\/script>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>sonics.pl \u2014 obs\u0142uga audiowizualna wydarze\u0144 i wynajem sprz\u0119tu | Pozna\u0144<\/title>\r\n<meta name=\"description\" content=\"Kompleksowa obs\u0142uga audiowizualna wydarze\u0144 oraz wynajem sprz\u0119tu \u2014 imprezy firmowe, konferencje, wesela i wydarzenia okoliczno\u015bciowe. Pozna\u0144 i ca\u0142a Wielkopolska.\">\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<script>\r\n  tailwind.config = {\r\n    theme: {\r\n      extend: {\r\n        colors: {\r\n          bg:          '#f8f9fc',\r\n          surface:     '#eef1fb',\r\n          lilac:       '#e3e9fb',\r\n          ink:         '#070b22',\r\n          plum:        '#0a1030',\r\n          plum2:       '#0e1640',\r\n          violet:      '#00149C',\r\n          violetDeep:  '#000F66',\r\n          violetBright:'#5B73FF',\r\n          line:        'rgba(12,19,48,0.10)',\r\n        },\r\n        fontFamily: {\r\n          display: ['\"Bricolage Grotesque\"', 'sans-serif'],\r\n          sans:    ['Manrope', 'sans-serif'],\r\n        },\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n<style>\r\n  html { scroll-behavior: smooth; }\r\n  body { font-family: 'Manrope', sans-serif; background: #f8f9fc; color: #070b22; -webkit-font-smoothing: antialiased; }\r\n  .font-display { font-family: 'Bricolage Grotesque', sans-serif; letter-spacing: -0.02em; }\r\n  .h-tight { letter-spacing: -0.03em; line-height: 0.98; }\r\n\r\n  \/* Subtle film grain for premium texture *\/\r\n  .grain::before{\r\n    content:\"\"; position:fixed; inset:0; z-index:60; pointer-events:none; opacity:.035;\r\n    background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n  }\r\n\r\n  \/* Stage-light glow used on dark sections *\/\r\n  .spot{ position:absolute; border-radius:9999px; filter:blur(70px); pointer-events:none; }\r\n\r\n  \/* Equalizer motif *\/\r\n  @keyframes eq { 0%,100%{ transform:scaleY(.35)} 50%{ transform:scaleY(1)} }\r\n  .eq span{ display:inline-block; width:3px; height:18px; margin:0 1.5px; background:currentColor; border-radius:2px; transform-origin:bottom; animation:eq 1.1s ease-in-out infinite; }\r\n  .eq span:nth-child(2){ animation-delay:.18s } .eq span:nth-child(3){ animation-delay:.36s }\r\n  .eq span:nth-child(4){ animation-delay:.54s } .eq span:nth-child(5){ animation-delay:.12s }\r\n\r\n  \/* Marquee *\/\r\n  @keyframes marquee { from{ transform:translateX(0)} to{ transform:translateX(-50%)} }\r\n  .marquee{ animation: marquee 26s linear infinite; }\r\n\r\n  \/* Scroll reveal \u2014 only hidden when JS is active, so content never disappears if JS fails *\/\r\n  .js [data-reveal]{ opacity:0; transform:translateY(22px); transition: opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); }\r\n  .js [data-reveal].in{ opacity:1; transform:none; }\r\n\r\n  \/* Hero load stagger *\/\r\n  @keyframes rise { from{ opacity:0; transform:translateY(26px)} to{ opacity:1; transform:none} }\r\n  .js .rise{ opacity:0; animation: rise .9s cubic-bezier(.16,1,.3,1) forwards; }\r\n\r\n  \/* GUARANTEED contrast: every heading on a dark section\/card is white *\/\r\n  .bg-plum :is(h1,h2,h3,h4), .bg-violet :is(h1,h2,h3,h4){ color:#fff; }\r\n\r\n  details > summary{ list-style:none; cursor:pointer; }\r\n  details > summary::-webkit-details-marker{ display:none; }\r\n  details[open] .faq-plus{ transform:rotate(45deg); }\r\n  .faq-plus{ transition: transform .25s ease; }\r\n\r\n  ::selection{ background:#00149C; color:#fff; }\r\n  .glass{ background:rgba(255,255,255,.7); backdrop-filter:blur(12px); }\r\n  .photo-grid{ background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:22px 22px; }\r\n<\/style>\r\n<\/head>\r\n<body class=\"grain antialiased overflow-x-hidden\">\r\n\r\n<!-- ============ HEADER ============ -->\r\n<header id=\"top\" class=\"fixed top-0 inset-x-0 z-50 transition-all duration-300\" data-header>\r\n  <div class=\"max-w-7xl mx-auto px-5 sm:px-8\">\r\n    <div class=\"glass mt-3 rounded-lg border border-line flex items-center justify-between px-4 sm:px-5 h-16 shadow-sm\">\r\n      <a href=\"#top\" class=\"flex items-center gap-2.5 group\">\r\n        <span class=\"text-violet eq flex items-end h-5\"><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><\/span>\r\n        <span class=\"font-display text-xl font-extrabold text-ink\">sonics<span class=\"text-violet\">.pl<\/span><\/span>\r\n      <\/a>\r\n      <nav class=\"hidden lg:flex items-center gap-8 text-sm font-semibold text-ink\/70\">\r\n        <a href=\"#uslugi\" class=\"hover:text-violet transition-colors\">Us\u0142ugi<\/a>\r\n        <a href=\"#cennik\" class=\"hover:text-violet transition-colors\">Cennik<\/a>\r\n        <a href=\"#realizacje\" class=\"hover:text-violet transition-colors\">Realizacje<\/a>\r\n        <a href=\"#faq\" class=\"hover:text-violet transition-colors\">FAQ<\/a>\r\n      <\/nav>\r\n      <div class=\"flex items-center gap-2\">\r\n        <a href=\"tel:+48502738902\" class=\"hidden sm:flex items-center gap-2 text-sm font-bold text-ink hover:text-violet transition-colors px-3\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n          Zadzwo\u0144\r\n        <\/a>\r\n        <a href=\"#kontakt\" class=\"bg-violet hover:bg-violetDeep text-white px-4 sm:px-5 py-2.5 rounded-md text-sm font-bold transition-all shadow-lg shadow-violet\/25\">Sprawd\u017a termin<\/a>\r\n        <button data-menu-btn class=\"lg:hidden ml-1 w-10 h-10 grid place-items-center rounded-md border border-line text-ink\" aria-label=\"Menu\">\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- mobile menu -->\r\n    <div data-menu class=\"lg:hidden hidden glass mt-2 rounded-lg border border-line p-3 shadow-lg\">\r\n      <div class=\"flex flex-col text-sm font-semibold text-ink\">\r\n        <a href=\"#uslugi\" class=\"px-3 py-2.5 rounded-lg hover:bg-lilac\">Us\u0142ugi<\/a>\r\n        <a href=\"#cennik\" class=\"px-3 py-2.5 rounded-lg hover:bg-lilac\">Cennik<\/a>\r\n        <a href=\"#realizacje\" class=\"px-3 py-2.5 rounded-lg hover:bg-lilac\">Realizacje<\/a>\r\n        <a href=\"#faq\" class=\"px-3 py-2.5 rounded-lg hover:bg-lilac\">FAQ<\/a>\r\n        <a href=\"#kontakt\" class=\"mt-1 px-3 py-3 rounded-lg bg-violet text-white text-center\">Sprawd\u017a termin<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<!-- ============ HERO ============ -->\r\n<section class=\"relative pt-36 sm:pt-44 pb-20 sm:pb-28\">\r\n  <!-- decorative accents -->\r\n  <div class=\"spot w-[28rem] h-[28rem] bg-violet\/15 -top-20 -left-24\"><\/div>\r\n  <div class=\"spot w-[22rem] h-[22rem] bg-violetBright\/15 top-24 right-0\"><\/div>\r\n  <div class=\"max-w-7xl mx-auto px-5 sm:px-8 relative\">\r\n    <div class=\"grid lg:grid-cols-12 gap-10 lg:gap-8 items-center\">\r\n      <!-- left copy -->\r\n      <div class=\"lg:col-span-7\">\r\n        <div class=\"rise inline-flex items-center gap-2 rounded-md border border-violet\/25 bg-violet\/5 text-violet px-4 py-1.5 text-xs font-bold uppercase tracking-widest\" style=\"animation-delay:.05s\">\r\n          <span class=\"w-1.5 h-1.5 rounded-full bg-violet animate-pulse\"><\/span>\r\n          Partner eventowy \u00b7 Pozna\u0144 i Wielkopolska\r\n        <\/div>\r\n        <h1 class=\"rise font-display font-extrabold text-ink h-tight text-5xl sm:text-6xl xl:text-7xl mt-6\" style=\"animation-delay:.12s\">\r\n          Obs\u0142uga audiowizualna i wynajem sprz\u0119tu na <span class=\"text-violet\">ka\u017cde wydarzenie<\/span>\r\n        <\/h1>\r\n        <p class=\"rise text-lg text-ink\/65 mt-6 max-w-xl leading-relaxed\" style=\"animation-delay:.2s\">\r\n          Imprezy firmowe, konferencje, wesela i wydarzenia okoliczno\u015bciowe. Realizujemy kompleksowo, wynajmujemy sprz\u0119t firmom i organizatorom, a mniejsze wydarzenia obs\u0142u\u017cysz te\u017c samodzielnie naszym sprz\u0119tem.\r\n        <\/p>\r\n        <div class=\"rise flex flex-wrap items-center gap-3 mt-8\" style=\"animation-delay:.28s\">\r\n          <a href=\"#kontakt\" class=\"group bg-violet hover:bg-violetDeep text-white px-7 py-4 rounded-lg font-bold transition-all shadow-xl shadow-violet\/25 flex items-center gap-2\">\r\n            Sprawd\u017a dost\u0119pno\u015b\u0107 terminu\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" class=\"group-hover:translate-x-1 transition-transform\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#cennik\" class=\"px-7 py-4 rounded-lg font-bold text-ink border border-line hover:border-violet\/40 hover:bg-white transition-all\">Zobacz cennik<\/a>\r\n        <\/div>\r\n        <div class=\"rise flex flex-wrap gap-x-7 gap-y-2 mt-9 text-sm font-semibold text-ink\/55\" style=\"animation-delay:.36s\">\r\n          <span class=\"flex items-center gap-2\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00149C\" stroke-width=\"2.4\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Profesjonalny sprz\u0119t<\/span>\r\n          <span class=\"flex items-center gap-2\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00149C\" stroke-width=\"2.4\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Pe\u0142na obs\u0142uga techniczna<\/span>\r\n          <span class=\"flex items-center gap-2\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00149C\" stroke-width=\"2.4\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Wycena w 24h<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- right: quick lead card -->\r\n      <div class=\"lg:col-span-5 rise\" style=\"animation-delay:.24s\">\r\n        <div class=\"relative rounded-lg bg-plum text-white p-7 sm:p-8 shadow-2xl shadow-plum\/30 overflow-hidden photo-grid\">\r\n          <div class=\"spot w-44 h-44 bg-violet\/40 -top-10 -right-8\"><\/div>\r\n          <div class=\"relative\">\r\n            <p class=\"text-xs font-bold uppercase tracking-widest text-violetBright\">Szybka wycena<\/p>\r\n            <h3 class=\"font-display text-2xl font-bold mt-2\">Sprawd\u017a wolny termin<\/h3>\r\n            <p class=\"text-white\/55 text-sm mt-1\">Odpowiadamy w ci\u0105gu 24 godzin.<\/p>\r\n            <form class=\"mt-6 space-y-3\" data-quickform>\r\n              <div>\r\n                <label class=\"text-xs font-semibold text-white\/60\">Typ wydarzenia<\/label>\r\n                <select required class=\"mt-1 w-full bg-white\/8 border border-white\/15 rounded-md px-4 py-3 text-sm text-white focus:border-violetBright focus:ring-0 outline-none appearance-none\">\r\n                  <option value=\"\" class=\"text-ink\">Wybierz...<\/option>\r\n                  <option class=\"text-ink\">Impreza firmowa \/ integracja<\/option>\r\n                  <option class=\"text-ink\">Konferencja \/ szkolenie<\/option>\r\n                  <option class=\"text-ink\">Wesele<\/option>\r\n                  <option class=\"text-ink\">Wydarzenie okoliczno\u015bciowe<\/option>\r\n                  <option class=\"text-ink\">Koncert<\/option>\r\n                  <option class=\"text-ink\">Wynajem sprz\u0119tu<\/option>\r\n                <\/select>\r\n              <\/div>\r\n              <div class=\"grid grid-cols-2 gap-3\">\r\n                <div>\r\n                  <label class=\"text-xs font-semibold text-white\/60\">Data<\/label>\r\n                  <input type=\"date\" class=\"mt-1 w-full bg-white\/8 border border-white\/15 rounded-md px-3 py-3 text-sm text-white focus:border-violetBright outline-none\">\r\n                <\/div>\r\n                <div>\r\n                  <label class=\"text-xs font-semibold text-white\/60\">Telefon<\/label>\r\n                  <input type=\"tel\" placeholder=\"600 000 000\" class=\"mt-1 w-full bg-white\/8 border border-white\/15 rounded-md px-3 py-3 text-sm text-white placeholder-white\/35 focus:border-violetBright outline-none\">\r\n                <\/div>\r\n              <\/div>\r\n              <button class=\"w-full bg-violet hover:bg-violetBright text-white py-4 rounded-md font-bold transition-all flex items-center justify-center gap-2\">\r\n                Popro\u015b o wycen\u0119\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n              <\/button>\r\n              <p class=\"text-[11px] text-white\/40 text-center\">Bez zobowi\u0105za\u0144. Twoje dane trafiaj\u0105 tylko do nas.<\/p>\r\n            <\/form>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ MARQUEE (equipment ticker) ============ -->\r\n<div class=\"border-y border-line bg-white\/50 py-4 overflow-hidden\">\r\n  <div class=\"flex whitespace-nowrap marquee text-ink\/45 font-display font-semibold text-lg\">\r\n    <div class=\"flex shrink-0\">\r\n      <span class=\"px-6\">Koncerty<\/span><span class=\"text-violet\">\/<\/span>\r\n      <span class=\"px-6\">Konferencje<\/span><span class=\"text-violet\">\/<\/span>\r\n      <span class=\"px-6\">Wydarzenia sportowe<\/span><span class=\"text-violet\">\/<\/span>\r\n      <span class=\"px-6\">Wesela<\/span><span class=\"text-violet\">\/<\/span>\r\n      <span class=\"px-6\">Imprezy okoliczno\u015bciowe<\/span><span class=\"text-violet\">\/<\/span>\r\n      <span class=\"px-6\">Szko\u0142y i instytucje<\/span><span class=\"text-violet\">\/<\/span>\r\n    <\/div>\r\n    <div class=\"flex shrink-0\" aria-hidden=\"true\">\r\n      <span class=\"px-6\">Koncerty<\/span><span class=\"text-violet\">\/<\/span>\r\n      <span class=\"px-6\">Konferencje<\/span><span class=\"text-violet\">\/<\/span>\r\n      <span class=\"px-6\">Wydarzenia sportowe<\/span><span class=\"text-violet\">\/<\/span>\r\n      <span class=\"px-6\">Wesela<\/span><span class=\"text-violet\">\/<\/span>\r\n      <span class=\"px-6\">Imprezy okoliczno\u015bciowe<\/span><span class=\"text-violet\">\/<\/span>\r\n      <span class=\"px-6\">Szko\u0142y i instytucje<\/span><span class=\"text-violet\">\/<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ============ OFERTA \/ CENNIK ============ -->\r\n<section id=\"cennik\" class=\"py-24 sm:py-32 bg-surface border-y border-line relative overflow-hidden\">\r\n  <div class=\"spot w-96 h-96 bg-violet\/10 top-10 -right-24\"><\/div>\r\n  <div class=\"max-w-7xl mx-auto px-5 sm:px-8 relative\">\r\n    <div class=\"max-w-2xl mx-auto text-center\" data-reveal>\r\n      <span class=\"inline-block bg-violet\/10 text-violet text-xs font-bold uppercase tracking-widest px-4 py-1.5 rounded-md\">Oferta<\/span>\r\n      <h2 class=\"font-display text-4xl sm:text-5xl xl:text-6xl font-extrabold text-ink h-tight mt-4\">Cennik<\/h2>\r\n      <p class=\"text-ink\/60 mt-4 text-lg\">Najwa\u017cniejszy jest gotowy, dopi\u0119ty event. Sam sprz\u0119t wynajmiesz jako opcj\u0119 dodatkow\u0105.<\/p>\r\n    <\/div>\r\n    <div class=\"grid lg:grid-cols-3 gap-5 mt-12 items-stretch\">\r\n      <!-- Event Podstawowy (highlight) -->\r\n      <div data-reveal class=\"relative rounded-lg bg-plum text-white p-8 flex flex-col shadow-2xl shadow-plum\/30 lg:-mt-3 lg:scale-[1.03] ring-2 ring-violetBright\/30 overflow-hidden z-10\">\r\n        <div class=\"spot w-40 h-40 bg-violet\/40 -top-8 -right-6\"><\/div>\r\n        <div class=\"relative flex flex-col h-full\">\r\n          <div class=\"inline-flex w-fit items-center gap-1.5 text-[10px] font-bold uppercase tracking-widest bg-violet text-white px-3 py-1 rounded-md\">\u2605 Najcz\u0119\u015bciej wybierany<\/div>\r\n          <h3 class=\"font-display text-2xl font-bold mt-3\">Event Podstawowy<\/h3>\r\n          <p class=\"font-display text-3xl font-extrabold mt-3\">od 1190 z\u0142<\/p>\r\n          <p class=\"text-white\/65 text-sm mt-3\">Przyje\u017cd\u017camy, przygotowujemy wszystko \u2014 Ty skupiasz si\u0119 na swoim wydarzeniu.<\/p>\r\n          <ul class=\"mt-5 space-y-2.5 text-sm text-white\/75 flex-1\">\r\n            <li class=\"flex gap-2\"><span class=\"text-violetBright\">\u2713<\/span> Dostawa sprz\u0119tu<\/li>\r\n            <li class=\"flex gap-2\"><span class=\"text-violetBright\">\u2713<\/span> Monta\u017c i konfiguracja pod samodzielny u\u017cytek<\/li>\r\n            <li class=\"flex gap-2\"><span class=\"text-violetBright\">\u2713<\/span> Telefoniczne wsparcie techniczne<\/li>\r\n            <li class=\"flex gap-2\"><span class=\"text-violetBright\">\u2713<\/span> Instrukta\u017c obs\u0142ugi i zasad bezpiecze\u0144stwa<\/li>\r\n            <li class=\"flex gap-2\"><span class=\"text-violetBright\">\u2713<\/span> Odbi\u00f3r sprz\u0119tu po wydarzeniu<\/li>\r\n          <\/ul>\r\n          <a href=\"#kontakt\" class=\"mt-6 text-center py-3 rounded-md bg-violet hover:bg-violetBright text-white font-bold transition-all shadow-lg shadow-violet\/25\">Wyce\u0144 event<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Event Rozszerzony -->\r\n      <div data-reveal class=\"rounded-lg bg-white border-2 border-violet\/30 p-8 flex flex-col\">\r\n        <div class=\"inline-flex w-fit items-center text-[10px] font-bold uppercase tracking-widest text-violet bg-violet\/10 px-3 py-1 rounded-md\">Premium<\/div>\r\n        <h3 class=\"font-display text-2xl font-bold text-ink mt-3\">Event Rozszerzony<\/h3>\r\n        <p class=\"font-display text-3xl font-extrabold text-ink mt-3\">od 1790 z\u0142<\/p>\r\n        <p class=\"text-ink\/55 text-sm mt-3\">Pe\u0142na obs\u0142uga techniczna z technikiem na miejscu.<\/p>\r\n        <ul class=\"mt-5 space-y-2.5 text-sm text-ink\/70 flex-1\">\r\n          <li class=\"flex gap-2\"><span class=\"text-violet\">\u2713<\/span> Wszystko z pakietu podstawowego<\/li>\r\n          <li class=\"flex gap-2\"><span class=\"text-violet\">\u2713<\/span> Pe\u0142na obs\u0142uga techniczna podczas wydarzenia<\/li>\r\n          <li class=\"flex gap-2\"><span class=\"text-violet\">\u2713<\/span> Realizacja d\u017awi\u0119ku<\/li>\r\n          <li class=\"flex gap-2\"><span class=\"text-violet\">\u2713<\/span> Realizacja o\u015bwietlenia<\/li>\r\n          <li class=\"flex gap-2\"><span class=\"text-violet\">\u2713<\/span> Technik na miejscu przez ca\u0142y event<\/li>\r\n        <\/ul>\r\n        <a href=\"#kontakt\" class=\"mt-6 text-center py-3 rounded-md bg-violet hover:bg-violetDeep text-white font-bold transition-all\">Wyce\u0144 event<\/a>\r\n      <\/div>\r\n      <!-- Wynajem samego sprz\u0119tu -->\r\n      <div data-reveal class=\"rounded-lg bg-white border border-line p-8 flex flex-col\">\r\n        <div class=\"inline-flex w-fit items-center text-[10px] font-bold uppercase tracking-widest text-ink\/40 bg-bg px-3 py-1 rounded-md\">Opcja dodatkowa<\/div>\r\n        <h3 class=\"font-display text-2xl font-bold text-ink mt-3\">Wynajem samego sprz\u0119tu<\/h3>\r\n        <p class=\"font-display text-3xl font-extrabold text-ink mt-3\">od 200 z\u0142<\/p>\r\n        <p class=\"text-ink\/55 text-sm mt-3\">Dla os\u00f3b i firm, kt\u00f3re potrzebuj\u0105 wy\u0142\u0105cznie sprz\u0119tu.<\/p>\r\n        <ul class=\"mt-5 space-y-2.5 text-sm text-ink\/70 flex-1\">\r\n          <li class=\"flex gap-2\"><span class=\"text-violet\">\u2713<\/span> Samodzielny odbi\u00f3r lub dostawa<\/li>\r\n          <li class=\"flex gap-2\"><span class=\"text-violet\">\u2713<\/span> Samodzielna obs\u0142uga<\/li>\r\n          <li class=\"flex gap-2\"><span class=\"text-violet\">\u2713<\/span> Ma\u0142e wydarzenia prywatne i firmowe<\/li>\r\n        <\/ul>\r\n        <a href=\"#kontakt\" class=\"mt-6 text-center py-3 rounded-md border border-violet\/25 text-violet font-bold hover:bg-violet\/5 transition-all\">Zapytaj o sprz\u0119t<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <p class=\"text-center text-sm text-ink\/45 mt-8\">Dojazd w obr\u0119bie Poznania w cenie. Dalsze lokalizacje w Wielkopolsce \u2014 drobna dop\u0142ata za transport.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ DO\u015aWIADCZENIE ============ -->\r\n<section id=\"uslugi\" class=\"py-20 sm:py-28\">\r\n  <div class=\"max-w-7xl mx-auto px-5 sm:px-8\">\r\n    <div class=\"grid lg:grid-cols-12 gap-10 lg:gap-12 items-center\">\r\n      <!-- narracja -->\r\n      <div class=\"lg:col-span-7\" data-reveal>\r\n        <p class=\"text-violet font-bold text-sm uppercase tracking-widest\">Do\u015bwiadczenie<\/p>\r\n        <h2 class=\"font-display text-4xl sm:text-5xl font-extrabold text-ink h-tight mt-3\">Lata do\u015bwiadczenia i szeroki przekr\u00f3j realizacji<\/h2>\r\n        <p class=\"text-ink\/65 mt-5 text-lg leading-relaxed\">Obs\u0142ugujemy szerokie spektrum wydarze\u0144 \u2014 od koncert\u00f3w i konferencji, przez wesela i imprezy firmowe, po wydarzenia sportowe oraz realizacje dla szk\u00f3\u0142 i instytucji. Ka\u017cdy projekt ma inne wymagania, a my dobieramy rozwi\u0105zania do jego charakteru i skali.<\/p>\r\n        <p class=\"text-ink\/65 mt-4 text-lg leading-relaxed\">Kompleksowo wspieramy firmy, agencje i instytucje, ale r\u00f3wnie ch\u0119tnie pomagamy klientom prywatnym \u2014 tak\u017ce tym, kt\u00f3rzy potrzebuj\u0105 wy\u0142\u0105cznie sprz\u0119tu lub drobniejszego wypo\u017cyczenia. Doradzimy i dopasujemy zakres do Twoich potrzeb oraz bud\u017cetu.<\/p>\r\n        <div class=\"mt-7 flex flex-wrap items-center gap-x-4 gap-y-2 text-sm font-semibold\">\r\n          <span class=\"text-ink\/45\">W czym pomagamy:<\/span>\r\n          <a href=\"kompleksowa-obsluga-eventow.html\" class=\"text-violet hover:underline\">Obs\u0142uga event\u00f3w<\/a>\r\n          <span class=\"text-ink\/25\">\u00b7<\/span>\r\n          <a href=\"wynajem-naglosnienia-poznan.html\" class=\"text-violet hover:underline\">Nag\u0142o\u015bnienie<\/a>\r\n          <span class=\"text-ink\/25\">\u00b7<\/span>\r\n          <a href=\"wynajem-oswietlenia-poznan.html\" class=\"text-violet hover:underline\">O\u015bwietlenie<\/a>\r\n          <span class=\"text-ink\/25\">\u00b7<\/span>\r\n          <a href=\"dj-poznan.html\" class=\"text-violet hover:underline\">DJ<\/a>\r\n          <span class=\"text-ink\/25\">\u00b7<\/span>\r\n          <a href=\"obsluga-konferencji-poznan.html\" class=\"text-violet hover:underline\">Konferencje<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- karta wyr\u00f3\u017cnik\u00f3w -->\r\n      <div class=\"lg:col-span-5\" data-reveal>\r\n        <div class=\"relative rounded-lg bg-plum text-white p-8 overflow-hidden\">\r\n          <div class=\"spot w-52 h-52 bg-violet\/40 -top-12 -right-10\"><\/div>\r\n          <div class=\"relative\">\r\n            <h3 class=\"font-display text-xl font-bold\">Co nas wyr\u00f3\u017cnia<\/h3>\r\n            <ul class=\"mt-5 space-y-3 text-sm text-white\/80\">\r\n              <li class=\"flex gap-3\"><span class=\"text-violetBright mt-0.5\">\u2713<\/span> Szeroki przekr\u00f3j wydarze\u0144 \u2014 od kameralnych spotka\u0144 po wi\u0119ksze realizacje<\/li>\r\n              <li class=\"flex gap-3\"><span class=\"text-violetBright mt-0.5\">\u2713<\/span> Obs\u0142uga firm, agencji i instytucji<\/li>\r\n              <li class=\"flex gap-3\"><span class=\"text-violetBright mt-0.5\">\u2713<\/span> Pomoc klientom prywatnym i przy drobniejszych wypo\u017cyczeniach<\/li>\r\n              <li class=\"flex gap-3\"><span class=\"text-violetBright mt-0.5\">\u2713<\/span> Pe\u0142na obs\u0142uga \u201epod klucz\u201d albo sam wynajem sprz\u0119tu<\/li>\r\n              <li class=\"flex gap-3\"><span class=\"text-violetBright mt-0.5\">\u2713<\/span> Profesjonalne doradztwo i dob\u00f3r rozwi\u0105za\u0144<\/li>\r\n            <\/ul>\r\n            <a href=\"#kontakt\" class=\"mt-7 inline-flex items-center gap-2 bg-violet hover:bg-violetBright text-white px-6 py-3 rounded-md font-bold transition-all shadow-lg shadow-violet\/25\">Sprawd\u017a dost\u0119pno\u015b\u0107 \u2192<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ RODZAJE WYDARZE\u0143 (dark) ============ -->\r\n<section id=\"wydarzenia\" class=\"relative bg-plum text-white py-20 sm:py-28 overflow-hidden\">\r\n  <div class=\"spot w-[30rem] h-[30rem] bg-violet\/25 -top-24 left-1\/3\"><\/div>\r\n  <div class=\"spot w-80 h-80 bg-violetBright\/20 bottom-0 -left-20\"><\/div>\r\n  <div class=\"max-w-7xl mx-auto px-5 sm:px-8 relative\">\r\n    <div class=\"max-w-2xl\" data-reveal>\r\n      <p class=\"text-violetBright font-bold text-sm uppercase tracking-widest\">Zakres<\/p>\r\n      <h2 class=\"font-display text-4xl sm:text-5xl font-extrabold h-tight mt-3\">Realizujemy ka\u017cdy rodzaj wydarzenia<\/h2>\r\n      <p class=\"text-white\/60 mt-4 text-lg\">Od kameralnych spotka\u0144 po wi\u0119ksze realizacje \u2014 dobieramy rozwi\u0105zania do charakteru i skali wydarzenia.<\/p>\r\n    <\/div>\r\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-4 mt-12\">\r\n      <div data-reveal class=\"rounded-lg border border-white\/10 bg-white\/[0.04] p-6 hover:bg-white\/[0.07] transition-colors\">\r\n          <div class=\"w-11 h-11 rounded-md bg-violet\/20 grid place-items-center text-violetBright mb-4\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M9 18V5l12-2v13\"\/><circle cx=\"6\" cy=\"18\" r=\"3\"\/><circle cx=\"18\" cy=\"16\" r=\"3\"\/><\/svg><\/div>\r\n          <h3 class=\"font-display text-lg font-bold\">Koncerty<\/h3>\r\n          <p class=\"text-white\/55 text-sm mt-1\">Nag\u0142o\u015bnienie i \u015bwiat\u0142o sceniczne dla wyst\u0119p\u00f3w na \u017cywo.<\/p>\r\n        <\/div>\r\n      <div data-reveal class=\"rounded-lg border border-white\/10 bg-white\/[0.04] p-6 hover:bg-white\/[0.07] transition-colors\">\r\n          <div class=\"w-11 h-11 rounded-md bg-violet\/20 grid place-items-center text-violetBright mb-4\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2v6\"\/><rect x=\"8\" y=\"8\" width=\"8\" height=\"4\" rx=\"1\"\/><path d=\"M10 12l-3 10M14 12l3 10\"\/><\/svg><\/div>\r\n          <h3 class=\"font-display text-lg font-bold\">Konferencje<\/h3>\r\n          <p class=\"text-white\/55 text-sm mt-1\">Czysta mowa, mikrofony i wsparcie prezentacji.<\/p>\r\n        <\/div>\r\n      <div data-reveal class=\"rounded-lg border border-white\/10 bg-white\/[0.04] p-6 hover:bg-white\/[0.07] transition-colors\">\r\n          <div class=\"w-11 h-11 rounded-md bg-violet\/20 grid place-items-center text-violetBright mb-4\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M8 21h8M12 17v4M6 4h12v5a6 6 0 0 1-12 0z\"\/><path d=\"M6 6H3v2a3 3 0 0 0 3 3M18 6h3v2a3 3 0 0 1-3 3\"\/><\/svg><\/div>\r\n          <h3 class=\"font-display text-lg font-bold\">Wydarzenia sportowe<\/h3>\r\n          <p class=\"text-white\/55 text-sm mt-1\">Nag\u0142o\u015bnienie obiekt\u00f3w, gal i relacji na \u017cywo.<\/p>\r\n        <\/div>\r\n      <div data-reveal class=\"rounded-lg border border-white\/10 bg-white\/[0.04] p-6 hover:bg-white\/[0.07] transition-colors\">\r\n          <div class=\"w-11 h-11 rounded-md bg-violet\/20 grid place-items-center text-violetBright mb-4\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"8\" cy=\"14\" r=\"5\"\/><circle cx=\"16\" cy=\"14\" r=\"5\"\/><\/svg><\/div>\r\n          <h3 class=\"font-display text-lg font-bold\">Wesela<\/h3>\r\n          <p class=\"text-white\/55 text-sm mt-1\">Pe\u0142na oprawa audiowizualna wyj\u0105tkowego dnia.<\/p>\r\n        <\/div>\r\n      <div data-reveal class=\"rounded-lg border border-white\/10 bg-white\/[0.04] p-6 hover:bg-white\/[0.07] transition-colors\">\r\n          <div class=\"w-11 h-11 rounded-md bg-violet\/20 grid place-items-center text-violetBright mb-4\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 3l2.4 6.9H21l-5.5 4 2.1 6.6L12 16.8 6.4 20.5l2.1-6.6L3 9.9h6.6z\"\/><\/svg><\/div>\r\n          <h3 class=\"font-display text-lg font-bold\">Imprezy okoliczno\u015bciowe<\/h3>\r\n          <p class=\"text-white\/55 text-sm mt-1\">Urodziny, jubileusze i spotkania rodzinne.<\/p>\r\n        <\/div>\r\n      <div data-reveal class=\"rounded-lg border border-white\/10 bg-white\/[0.04] p-6 hover:bg-white\/[0.07] transition-colors\">\r\n          <div class=\"w-11 h-11 rounded-md bg-violet\/20 grid place-items-center text-violetBright mb-4\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M22 10L12 5 2 10l10 5 10-5z\"\/><path d=\"M6 12v5c0 1 2.7 2.5 6 2.5s6-1.5 6-2.5v-5\"\/><\/svg><\/div>\r\n          <h3 class=\"font-display text-lg font-bold\">Szko\u0142y i instytucje publiczne<\/h3>\r\n          <p class=\"text-white\/55 text-sm mt-1\">Akademie, gale i wydarzenia samorz\u0105dowe.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ REALIZACJE ============ -->\r\n<section id=\"realizacje\" class=\"py-20 sm:py-28 bg-surface border-y border-line\">\r\n  <div class=\"max-w-7xl mx-auto px-5 sm:px-8\">\r\n    <div class=\"flex flex-wrap items-end justify-between gap-4\" data-reveal>\r\n      <div class=\"max-w-2xl\">\r\n        <p class=\"text-violet font-bold text-sm uppercase tracking-widest\">Realizacje<\/p>\r\n        <h2 class=\"font-display text-4xl sm:text-5xl font-extrabold text-ink h-tight mt-3\">Zobacz nas w akcji<\/h2>\r\n        <p class=\"text-ink\/60 mt-4 text-lg\">Kilka rodzaj\u00f3w wydarze\u0144, kt\u00f3re obs\u0142ugujemy najcz\u0119\u015bciej.<\/p>\r\n      <\/div>\r\n      <a href=\"#\" class=\"text-violet font-bold flex items-center gap-2 hover:gap-3 transition-all\">Zobacz nas na Instagramie \u2192<\/a>\r\n    <\/div>\r\n\r\n    <!-- Stylized placeholders \u2014 replace data-photo blocks with your own event photos -->\r\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-4 mt-12\">\r\n      <div data-reveal class=\"group relative rounded-lg overflow-hidden aspect-[4\/3] photo-grid\" style=\"background:radial-gradient(120% 120% at 30% 0%, #16215e 0%, #0a1030 70%);\">\r\n        <div class=\"spot w-40 h-40 bg-violet\/50 top-2 left-6 group-hover:bg-violetBright\/60 transition-colors\"><\/div>\r\n        <div class=\"absolute inset-0 flex flex-col justify-end p-6\">\r\n          <span class=\"text-[10px] uppercase tracking-widest text-violetBright font-bold\">Twoje zdj\u0119cie tutaj<\/span>\r\n          <span class=\"font-display text-white text-xl font-bold mt-1\">Wesele DIY<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div data-reveal class=\"group relative rounded-lg overflow-hidden aspect-[4\/3] photo-grid\" style=\"background:radial-gradient(120% 120% at 70% 0%, #111a4d 0%, #070b22 70%);\">\r\n        <div class=\"spot w-44 h-44 bg-violetBright\/40 top-0 right-4 group-hover:bg-violet\/60 transition-colors\"><\/div>\r\n        <div class=\"absolute inset-0 flex flex-col justify-end p-6\">\r\n          <span class=\"text-[10px] uppercase tracking-widest text-violetBright font-bold\">Twoje zdj\u0119cie tutaj<\/span>\r\n          <span class=\"font-display text-white text-xl font-bold mt-1\">Impreza firmowa<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div data-reveal class=\"group relative rounded-lg overflow-hidden aspect-[4\/3] photo-grid\" style=\"background:radial-gradient(120% 120% at 50% 100%, #1b2a6b 0%, #0a1030 70%);\">\r\n        <div class=\"spot w-40 h-40 bg-violet\/45 bottom-2 left-1\/3 group-hover:bg-violetBright\/60 transition-colors\"><\/div>\r\n        <div class=\"absolute inset-0 flex flex-col justify-end p-6\">\r\n          <span class=\"text-[10px] uppercase tracking-widest text-violetBright font-bold\">Twoje zdj\u0119cie tutaj<\/span>\r\n          <span class=\"font-display text-white text-xl font-bold mt-1\">Konferencja<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div data-reveal class=\"group relative rounded-lg overflow-hidden aspect-[4\/3] sm:col-span-2 photo-grid\" style=\"background:radial-gradient(120% 140% at 20% 50%, #16215e 0%, #070b22 70%);\">\r\n        <div class=\"spot w-56 h-56 bg-violet\/40 top-1\/4 left-10 group-hover:bg-violetBright\/60 transition-colors\"><\/div>\r\n        <div class=\"absolute inset-0 flex flex-col justify-end p-6\">\r\n          <span class=\"text-[10px] uppercase tracking-widest text-violetBright font-bold\">Twoje zdj\u0119cie tutaj<\/span>\r\n          <span class=\"font-display text-white text-2xl font-bold mt-1\">DJ party<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div data-reveal class=\"group relative rounded-lg overflow-hidden aspect-[4\/3] photo-grid\" style=\"background:radial-gradient(120% 120% at 60% 20%, #111a4d 0%, #070b22 70%);\">\r\n        <div class=\"spot w-40 h-40 bg-violetBright\/40 bottom-0 right-6 group-hover:bg-violet\/60 transition-colors\"><\/div>\r\n        <div class=\"absolute inset-0 flex flex-col justify-end p-6\">\r\n          <span class=\"text-[10px] uppercase tracking-widest text-violetBright font-bold\">Twoje zdj\u0119cie tutaj<\/span>\r\n          <span class=\"font-display text-white text-xl font-bold mt-1\">Kameralny koncert<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <p class=\"text-sm text-ink\/45 mt-6\">\u2191 To miejsca na Twoje prawdziwe zdj\u0119cia z event\u00f3w \u2014 najlepiej poziome, dobrej jako\u015bci. Nic nie sprzedaje lepiej ni\u017c w\u0142asne realizacje.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ DLA KOGO ============ -->\r\n<section class=\"py-20 sm:py-28\">\r\n  <div class=\"max-w-7xl mx-auto px-5 sm:px-8\">\r\n    <div class=\"max-w-2xl\" data-reveal>\r\n      <p class=\"text-violet font-bold text-sm uppercase tracking-widest\">Dla kogo<\/p>\r\n      <h2 class=\"font-display text-4xl sm:text-5xl font-extrabold text-ink h-tight mt-3\">Z kim pracujemy<\/h2>\r\n    <\/div>\r\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-5 mt-12\">\r\n      <div data-reveal class=\"rounded-lg border border-line bg-white p-7\">\r\n        <div class=\"w-12 h-12 rounded-lg bg-lilac grid place-items-center text-violet\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"4\" y=\"3\" width=\"11\" height=\"18\" rx=\"1\"\/><path d=\"M15 8h5v13H4\"\/><path d=\"M8 7h2M8 11h2M8 15h2\"\/><\/svg><\/div>\r\n        <h3 class=\"font-display text-lg font-bold text-ink mt-4\">Firmy i HR<\/h3>\r\n        <p class=\"text-ink\/60 text-sm mt-2\">Konferencje, integracje, pokazy i eventy firmowe.<\/p>\r\n      <\/div>\r\n      <div data-reveal class=\"rounded-lg border border-line bg-white p-7\">\r\n        <div class=\"w-12 h-12 rounded-lg bg-lilac grid place-items-center text-violet\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"5\" y=\"4\" width=\"14\" height=\"17\" rx=\"2\"\/><path d=\"M9 4a3 3 0 0 1 6 0\"\/><path d=\"M9 11l1.5 1.5L13 10M9 16h5\"\/><\/svg><\/div>\r\n        <h3 class=\"font-display text-lg font-bold text-ink mt-4\">Organizatorzy i agencje<\/h3>\r\n        <p class=\"text-ink\/60 text-sm mt-2\">Niezawodny podwykonawca techniczny B2B.<\/p>\r\n      <\/div>\r\n      <div data-reveal class=\"rounded-lg border border-line bg-white p-7\">\r\n        <div class=\"w-12 h-12 rounded-lg bg-lilac grid place-items-center text-violet\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M22 10L12 5 2 10l10 5 10-5z\"\/><path d=\"M6 12v5c0 1 2.7 2.5 6 2.5s6-1.5 6-2.5v-5\"\/><\/svg><\/div>\r\n        <h3 class=\"font-display text-lg font-bold text-ink mt-4\">Instytucje i uczelnie<\/h3>\r\n        <p class=\"text-ink\/60 text-sm mt-2\">Gale, akademie i wydarzenia publiczne.<\/p>\r\n      <\/div>\r\n      <div data-reveal class=\"rounded-lg border border-line bg-white p-7\">\r\n        <div class=\"w-12 h-12 rounded-lg bg-lilac grid place-items-center text-violet\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><path d=\"M3 20a6 6 0 0 1 12 0\"\/><path d=\"M16 6a3 3 0 0 1 0 6M21 20a6 6 0 0 0-5-5.9\"\/><\/svg><\/div>\r\n        <h3 class=\"font-display text-lg font-bold text-ink mt-4\">Klienci prywatni<\/h3>\r\n        <p class=\"text-ink\/60 text-sm mt-2\">Wesela, jubileusze i imprezy okoliczno\u015bciowe.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ FAQ + OBSZAR ============ -->\r\n<section id=\"faq\" class=\"py-20 sm:py-28 bg-surface border-y border-line\">\r\n  <div class=\"max-w-7xl mx-auto px-5 sm:px-8 grid lg:grid-cols-12 gap-12\">\r\n    <!-- FAQ -->\r\n    <div class=\"lg:col-span-7\" data-reveal>\r\n      <p class=\"text-violet font-bold text-sm uppercase tracking-widest\">FAQ<\/p>\r\n      <h2 class=\"font-display text-4xl sm:text-5xl font-extrabold text-ink h-tight mt-3\">Najcz\u0119stsze pytania<\/h2>\r\n      <div class=\"mt-8 divide-y divide-line border-y border-line\">\r\n        <details class=\"group py-5\">\r\n          <summary class=\"flex items-center justify-between gap-4\"><span class=\"font-display font-bold text-lg text-ink\">Czy doje\u017cd\u017cacie poza Pozna\u0144?<\/span><span class=\"faq-plus text-violet text-2xl leading-none\">+<\/span><\/summary>\r\n          <p class=\"text-ink\/60 mt-3 leading-relaxed\">Tak \u2014 obs\u0142ugujemy Pozna\u0144 i ca\u0142\u0105 Wielkopolsk\u0119 (m.in. Gniezno, Wrze\u015bni\u0119, Leszno, Pil\u0119, Konin). Dalsze lokalizacje wi\u0105\u017c\u0105 si\u0119 z niewielk\u0105 dop\u0142at\u0105 za transport.<\/p>\r\n        <\/details>\r\n        <details class=\"group py-5\">\r\n          <summary class=\"flex items-center justify-between gap-4\"><span class=\"font-display font-bold text-lg text-ink\">Jak szybko dostan\u0119 wycen\u0119?<\/span><span class=\"faq-plus text-violet text-2xl leading-none\">+<\/span><\/summary>\r\n          <p class=\"text-ink\/60 mt-3 leading-relaxed\">Zwykle w ci\u0105gu 24 godzin od zg\u0142oszenia. Im wi\u0119cej szczeg\u00f3\u0142\u00f3w podasz w formularzu (data, miejsce, liczba go\u015bci, zakres), tym precyzyjniejsz\u0105 ofert\u0119 przygotujemy.<\/p>\r\n        <\/details>\r\n        <details class=\"group py-5\">\r\n          <summary class=\"flex items-center justify-between gap-4\"><span class=\"font-display font-bold text-lg text-ink\">Czy montujecie i demontujecie sprz\u0119t?<\/span><span class=\"faq-plus text-violet text-2xl leading-none\">+<\/span><\/summary>\r\n          <p class=\"text-ink\/60 mt-3 leading-relaxed\">Przy pe\u0142nej obs\u0142udze \u2014 tak, zajmujemy si\u0119 wszystkim: dow\u00f3z, monta\u017c, obs\u0142uga w trakcie i demonta\u017c. Przy wynajmie samego sprz\u0119tu (dry hire) odbi\u00f3r i zwrot ustalamy indywidualnie.<\/p>\r\n        <\/details>\r\n        <details class=\"group py-5\">\r\n          <summary class=\"flex items-center justify-between gap-4\"><span class=\"font-display font-bold text-lg text-ink\">Do ilu os\u00f3b obs\u0142ugujecie eventy?<\/span><span class=\"faq-plus text-violet text-2xl leading-none\">+<\/span><\/summary>\r\n          <p class=\"text-ink\/60 mt-3 leading-relaxed\">Komfortowo do ok. 50 os\u00f3b. Przy wi\u0119kszych wydarzeniach rozbudowujemy nag\u0142o\u015bnienie i dowozimy dodatkowy sprz\u0119t \u2014 wystarczy zaznaczy\u0107 skal\u0119 w formularzu.<\/p>\r\n        <\/details>\r\n        <details class=\"group py-5\">\r\n          <summary class=\"flex items-center justify-between gap-4\"><span class=\"font-display font-bold text-lg text-ink\">Czy mog\u0119 wynaj\u0105\u0107 sam sprz\u0119t bez obs\u0142ugi technicznej?<\/span><span class=\"faq-plus text-violet text-2xl leading-none\">+<\/span><\/summary>\r\n          <p class=\"text-ink\/60 mt-3 leading-relaxed\">Tak. Oferujemy r\u00f3wnie\u017c mo\u017cliwo\u015b\u0107 wynajmu samego sprz\u0119tu bez obs\u0142ugi technicznej. Ch\u0119tnie pomo\u017cemy dobra\u0107 odpowiedni zestaw do charakteru Twojego wydarzenia i doradzimy, jakie rozwi\u0105zania najlepiej sprawdz\u0105 si\u0119 w praktyce. Niezale\u017cnie od tego, czy organizujesz niewielkie spotkanie, imprez\u0119 okoliczno\u015bciow\u0105 czy wi\u0119kszy event, mo\u017cesz wypo\u017cyczy\u0107 dok\u0142adnie to, czego potrzebujesz, a my podpowiemy, jak skonfigurowa\u0107 sprz\u0119t, aby jego obs\u0142uga by\u0142a prosta i bezproblemowa.<\/p>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- Obszar -->\r\n    <div class=\"lg:col-span-5\" data-reveal>\r\n      <div class=\"rounded-lg bg-plum text-white p-8 h-full relative overflow-hidden\">\r\n        <div class=\"spot w-52 h-52 bg-violet\/35 -top-10 -right-10\"><\/div>\r\n        <div class=\"relative\">\r\n          <div class=\"inline-flex items-center gap-2 text-violetBright font-bold text-sm\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            Obszar dzia\u0142ania\r\n          <\/div>\r\n          <h3 class=\"font-display text-2xl font-bold mt-3\">Pozna\u0144 + ca\u0142a Wielkopolska<\/h3>\r\n          <p class=\"text-white\/55 mt-2 text-sm\">Baza w Poznaniu, doje\u017cd\u017camy w ca\u0142ym regionie.<\/p>\r\n          <div class=\"grid grid-cols-2 gap-x-6 gap-y-2.5 mt-6 text-sm text-white\/75\">\r\n            <span class=\"flex items-center gap-2\"><span class=\"w-1 h-1 rounded-full bg-violetBright\"><\/span> Pozna\u0144<\/span>\r\n            <span class=\"flex items-center gap-2\"><span class=\"w-1 h-1 rounded-full bg-violetBright\"><\/span> Gniezno<\/span>\r\n            <span class=\"flex items-center gap-2\"><span class=\"w-1 h-1 rounded-full bg-violetBright\"><\/span> Wrze\u015bnia<\/span>\r\n            <span class=\"flex items-center gap-2\"><span class=\"w-1 h-1 rounded-full bg-violetBright\"><\/span> Leszno<\/span>\r\n            <span class=\"flex items-center gap-2\"><span class=\"w-1 h-1 rounded-full bg-violetBright\"><\/span> Pi\u0142a<\/span>\r\n            <span class=\"flex items-center gap-2\"><span class=\"w-1 h-1 rounded-full bg-violetBright\"><\/span> Konin<\/span>\r\n            <span class=\"flex items-center gap-2\"><span class=\"w-1 h-1 rounded-full bg-violetBright\"><\/span> Ko\u015bcian<\/span>\r\n            <span class=\"flex items-center gap-2\"><span class=\"w-1 h-1 rounded-full bg-violetBright\"><\/span> Szamotu\u0142y<\/span>\r\n          <\/div>\r\n          <div class=\"mt-8 pt-6 border-t border-white\/10\">\r\n            <p class=\"text-white\/50 text-xs uppercase tracking-widest font-bold\">Zadzwo\u0144 teraz<\/p>\r\n            <a href=\"tel:+48502738902\" class=\"font-display text-2xl font-bold mt-1 block hover:text-violetBright transition-colors\">502 738 902<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ KONTAKT \/ FORMULARZ ============ -->\r\n<section id=\"kontakt\" class=\"py-20 sm:py-28 relative overflow-hidden\">\r\n  <div class=\"spot w-96 h-96 bg-violet\/10 top-0 -left-24\"><\/div>\r\n  <div class=\"max-w-4xl mx-auto px-5 sm:px-8 relative\">\r\n    <div class=\"text-center max-w-2xl mx-auto\" data-reveal>\r\n      <p class=\"text-violet font-bold text-sm uppercase tracking-widest\">Wycena<\/p>\r\n      <h2 class=\"font-display text-4xl sm:text-5xl font-extrabold text-ink h-tight mt-3\">Sprawd\u017a dost\u0119pno\u015b\u0107 i odbierz wycen\u0119<\/h2>\r\n      <p class=\"text-ink\/60 mt-4 text-lg\">Im wi\u0119cej szczeg\u00f3\u0142\u00f3w, tym szybciej i celniej przygotujemy ofert\u0119. Odpowiadamy w 24h.<\/p>\r\n    <\/div>\r\n\r\n    <form data-mainform class=\"mt-12 rounded-lg bg-white border border-line p-7 sm:p-10 shadow-xl shadow-violet\/5\" data-reveal>\r\n      <div class=\"grid sm:grid-cols-2 gap-5\">\r\n        <div>\r\n          <label class=\"text-sm font-bold text-ink\">Imi\u0119 i nazwisko *<\/label>\r\n          <input required class=\"mt-1.5 w-full bg-bg border border-line rounded-md px-4 py-3 focus:border-violet focus:ring-0 outline-none\" placeholder=\"Jan Kowalski\">\r\n        <\/div>\r\n        <div>\r\n          <label class=\"text-sm font-bold text-ink\">Telefon *<\/label>\r\n          <input required type=\"tel\" class=\"mt-1.5 w-full bg-bg border border-line rounded-md px-4 py-3 focus:border-violet outline-none\" placeholder=\"600 000 000\">\r\n        <\/div>\r\n        <div>\r\n          <label class=\"text-sm font-bold text-ink\">E-mail<\/label>\r\n          <input type=\"email\" class=\"mt-1.5 w-full bg-bg border border-line rounded-md px-4 py-3 focus:border-violet outline-none\" placeholder=\"ty@email.pl\">\r\n        <\/div>\r\n        <div>\r\n          <label class=\"text-sm font-bold text-ink\">Data wydarzenia<\/label>\r\n          <input type=\"date\" class=\"mt-1.5 w-full bg-bg border border-line rounded-md px-4 py-3 focus:border-violet outline-none\">\r\n        <\/div>\r\n        <div>\r\n          <label class=\"text-sm font-bold text-ink\">Lokalizacja<\/label>\r\n          <input class=\"mt-1.5 w-full bg-bg border border-line rounded-md px-4 py-3 focus:border-violet outline-none\" placeholder=\"Miasto \/ sala\">\r\n        <\/div>\r\n        <div>\r\n          <label class=\"text-sm font-bold text-ink\">Typ wydarzenia<\/label>\r\n          <select class=\"mt-1.5 w-full bg-bg border border-line rounded-md px-4 py-3 focus:border-violet outline-none appearance-none\">\r\n            <option value=\"\">Wybierz...<\/option>\r\n            <option>Impreza prywatna \/ wesele<\/option>\r\n            <option>Impreza firmowa \/ integracja<\/option>\r\n            <option>Konferencja \/ szkolenie<\/option>\r\n            <option>Pokaz \/ event promocyjny<\/option>\r\n            <option>Urodziny \/ jubileusz<\/option>\r\n            <option>DJ party<\/option>\r\n            <option>Inne<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <div>\r\n          <label class=\"text-sm font-bold text-ink\">Liczba os\u00f3b<\/label>\r\n          <select class=\"mt-1.5 w-full bg-bg border border-line rounded-md px-4 py-3 focus:border-violet outline-none appearance-none\">\r\n            <option value=\"\">Wybierz...<\/option>\r\n            <option>do 20<\/option><option>20\u201350<\/option><option>50\u2013100<\/option><option>100+<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <div>\r\n          <label class=\"text-sm font-bold text-ink\">Bud\u017cet <span class=\"text-ink\/40 font-medium\">(opcjonalnie)<\/span><\/label>\r\n          <select class=\"mt-1.5 w-full bg-bg border border-line rounded-md px-4 py-3 focus:border-violet outline-none appearance-none\">\r\n            <option value=\"\">Wybierz...<\/option>\r\n            <option>do 500 z\u0142<\/option><option>500\u20131000 z\u0142<\/option><option>1000\u20132000 z\u0142<\/option><option>2000+ z\u0142<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mt-5\">\r\n        <label class=\"text-sm font-bold text-ink\">Czego potrzebujesz?<\/label>\r\n        <div class=\"flex flex-wrap gap-2.5 mt-2\">\r\n          <label class=\"cursor-pointer\"><input type=\"checkbox\" class=\"peer hidden\"><span class=\"inline-block px-4 py-2 rounded-md border border-line text-sm font-semibold text-ink\/70 peer-checked:bg-violet peer-checked:text-white peer-checked:border-violet transition-all\">Nag\u0142o\u015bnienie<\/span><\/label>\r\n          <label class=\"cursor-pointer\"><input type=\"checkbox\" class=\"peer hidden\"><span class=\"inline-block px-4 py-2 rounded-md border border-line text-sm font-semibold text-ink\/70 peer-checked:bg-violet peer-checked:text-white peer-checked:border-violet transition-all\">O\u015bwietlenie<\/span><\/label>\r\n          <label class=\"cursor-pointer\"><input type=\"checkbox\" class=\"peer hidden\"><span class=\"inline-block px-4 py-2 rounded-md border border-line text-sm font-semibold text-ink\/70 peer-checked:bg-violet peer-checked:text-white peer-checked:border-violet transition-all\">DJ<\/span><\/label>\r\n          <label class=\"cursor-pointer\"><input type=\"checkbox\" class=\"peer hidden\"><span class=\"inline-block px-4 py-2 rounded-md border border-line text-sm font-semibold text-ink\/70 peer-checked:bg-violet peer-checked:text-white peer-checked:border-violet transition-all\">Mikrofony<\/span><\/label>\r\n          <label class=\"cursor-pointer\"><input type=\"checkbox\" class=\"peer hidden\"><span class=\"inline-block px-4 py-2 rounded-md border border-line text-sm font-semibold text-ink\/70 peer-checked:bg-violet peer-checked:text-white peer-checked:border-violet transition-all\">Kompleksowa obs\u0142uga<\/span><\/label>\r\n          <label class=\"cursor-pointer\"><input type=\"checkbox\" class=\"peer hidden\"><span class=\"inline-block px-4 py-2 rounded-md border border-line text-sm font-semibold text-ink\/70 peer-checked:bg-violet peer-checked:text-white peer-checked:border-violet transition-all\">Tylko wypo\u017cyczenie<\/span><\/label>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mt-5\">\r\n        <label class=\"text-sm font-bold text-ink\">Opisz wydarzenie<\/label>\r\n        <textarea rows=\"4\" class=\"mt-1.5 w-full bg-bg border border-line rounded-md px-4 py-3 focus:border-violet outline-none resize-none\" placeholder=\"Np. wesele DIY na 40 os\u00f3b w stodole pod Poznaniem, potrzebne nag\u0142o\u015bnienie + \u015bwiat\u0142o + DJ na 6h.\"><\/textarea>\r\n      <\/div>\r\n\r\n      <button class=\"mt-7 w-full bg-violet hover:bg-violetDeep text-white py-4 rounded-lg font-bold text-lg transition-all shadow-xl shadow-violet\/25 flex items-center justify-center gap-2\">\r\n        Wy\u015blij zapytanie\r\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/button>\r\n      <p data-formmsg class=\"hidden text-center text-violet font-bold mt-4\">Dzi\u0119kujemy! Odezwiemy si\u0119 w ci\u0105gu 24h. \u2726<\/p>\r\n    <\/form>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ CTA BANNER ============ -->\r\n<section class=\"px-5 sm:px-8 pb-20\">\r\n  <div class=\"max-w-7xl mx-auto rounded-md bg-violet text-white p-10 sm:p-16 relative overflow-hidden text-center\">\r\n    <div class=\"spot w-72 h-72 bg-white\/20 -top-16 left-10\"><\/div>\r\n    <div class=\"spot w-72 h-72 bg-violetBright\/40 bottom-0 right-10\"><\/div>\r\n    <div class=\"relative\">\r\n      <span class=\"eq inline-flex items-end h-6 text-white\/80\"><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><\/span>\r\n      <h2 class=\"font-display text-4xl sm:text-6xl font-extrabold h-tight mt-4 max-w-3xl mx-auto\">Masz termin? Sprawd\u017a dost\u0119pno\u015b\u0107 i odbierz wycen\u0119.<\/h2>\r\n      <p class=\"text-white\/80 text-lg mt-4\">Do\u0142\u0105cz do grona zadowolonych klient\u00f3w w ca\u0142ej Wielkopolsce.<\/p>\r\n      <div class=\"flex flex-wrap gap-3 justify-center mt-8\">\r\n        <a href=\"#kontakt\" class=\"bg-white text-violet px-8 py-4 rounded-lg font-bold hover:bg-bg transition-all\">Wy\u015blij zapytanie<\/a>\r\n        <a href=\"tel:+48502738902\" class=\"border border-white\/40 px-8 py-4 rounded-lg font-bold hover:bg-white\/10 transition-all\">Zadzwo\u0144: 502 738 902<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ FOOTER ============ -->\r\n<footer class=\"bg-plum text-white pt-16 pb-8\">\r\n  <div class=\"max-w-7xl mx-auto px-5 sm:px-8\">\r\n    <div class=\"grid md:grid-cols-12 gap-10\">\r\n      <div class=\"md:col-span-4\">\r\n        <a href=\"#top\" class=\"flex items-center gap-2.5\">\r\n          <span class=\"text-violetBright eq flex items-end h-5\"><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><\/span>\r\n          <span class=\"font-display text-2xl font-extrabold\">sonics<span class=\"text-violetBright\">.pl<\/span><\/span>\r\n        <\/a>\r\n        <p class=\"text-white\/50 text-sm mt-4 max-w-xs\">Nag\u0142o\u015bnienie, o\u015bwietlenie i kompleksowa obs\u0142uga event\u00f3w. Pozna\u0144 i ca\u0142a Wielkopolska.<\/p>\r\n        <div class=\"flex gap-3 mt-5\">\r\n          <a href=\"#\" class=\"w-10 h-10 rounded-md border border-white\/15 grid place-items-center hover:bg-white\/10 transition-colors\" aria-label=\"Instagram\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\"\/><\/svg><\/a>\r\n          <a href=\"#\" class=\"w-10 h-10 rounded-md border border-white\/15 grid place-items-center hover:bg-white\/10 transition-colors\" aria-label=\"Facebook\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg><\/a>\r\n          <a href=\"#\" class=\"w-10 h-10 rounded-md border border-white\/15 grid place-items-center hover:bg-white\/10 transition-colors\" aria-label=\"TikTok\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M9 12a4 4 0 1 0 4 4V4c1 2 2.5 3 5 3\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"md:col-span-2\">\r\n        <p class=\"text-xs font-bold uppercase tracking-widest text-white\/40\">Us\u0142ugi<\/p>\r\n        <ul class=\"mt-4 space-y-2.5 text-sm text-white\/65\">\r\n          <li><a href=\"kompleksowa-obsluga-eventow.html\" class=\"hover:text-white\">Obs\u0142uga event\u00f3w<\/a><\/li>\r\n          <li><a href=\"wynajem-naglosnienia-poznan.html\" class=\"hover:text-white\">Wynajem nag\u0142o\u015bnienia<\/a><\/li>\r\n          <li><a href=\"wynajem-oswietlenia-poznan.html\" class=\"hover:text-white\">O\u015bwietlenie<\/a><\/li>\r\n          <li><a href=\"dj-poznan.html\" class=\"hover:text-white\">DJ na imprez\u0119<\/a><\/li>\r\n          <li><a href=\"obsluga-konferencji-poznan.html\" class=\"hover:text-white\">Obs\u0142uga konferencji<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"md:col-span-2\">\r\n        <p class=\"text-xs font-bold uppercase tracking-widest text-white\/40\">Informacje<\/p>\r\n        <ul class=\"mt-4 space-y-2.5 text-sm text-white\/65\">\r\n          <li><a href=\"#cennik\" class=\"hover:text-white\">Cennik<\/a><\/li>\r\n          <li><a href=\"realizacje.html\" class=\"hover:text-white\">Realizacje<\/a><\/li>\r\n          <li><a href=\"#faq\" class=\"hover:text-white\">FAQ<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"md:col-span-4\">\r\n        <p class=\"text-xs font-bold uppercase tracking-widest text-white\/40\">Kontakt<\/p>\r\n        <ul class=\"mt-4 space-y-2.5 text-sm text-white\/65\">\r\n          <li class=\"flex items-center gap-2\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5B73FF\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg> 502 738 902<\/li>\r\n          <li class=\"flex items-center gap-2\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5B73FF\" stroke-width=\"2\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-10 5L2 7\"\/><\/svg> kontakt@sonics.pl<\/li>\r\n          <li class=\"flex items-center gap-2\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5B73FF\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg> Pozna\u0144, Wielkopolska<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"border-t border-white\/10 mt-12 pt-6 flex flex-col sm:flex-row items-center justify-between gap-3 text-xs text-white\/40\">\r\n      <span>\u00a9 2026 sonics.pl \u2014 wszelkie prawa zastrze\u017cone.<\/span>\r\n      <span>Projekt pogl\u0105dowy \u00b7 uzupe\u0142nij dane kontaktowe i zdj\u0119cia realizacji.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n  \/\/ Header shadow on scroll\r\n  const header = document.querySelector('[data-header]');\r\n  const onScroll = () => header.classList.toggle('shadow-lg', window.scrollY > 10);\r\n  onScroll(); window.addEventListener('scroll', onScroll, { passive:true });\r\n\r\n  \/\/ Mobile menu\r\n  const menuBtn = document.querySelector('[data-menu-btn]');\r\n  const menu = document.querySelector('[data-menu]');\r\n  menuBtn.addEventListener('click', () => menu.classList.toggle('hidden'));\r\n  menu.querySelectorAll('a').forEach(a => a.addEventListener('click', () => menu.classList.add('hidden')));\r\n\r\n  \/\/ Scroll reveal\r\n  const io = new IntersectionObserver((entries) => {\r\n    entries.forEach(e => { if (e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\r\n  }, { threshold: 0.12 });\r\n  document.querySelectorAll('[data-reveal]').forEach((el, i) => {\r\n    el.style.transitionDelay = (i % 4) * 70 + 'ms';\r\n    io.observe(el);\r\n  });\r\n\r\n  \/* ====== FORMULARZE \u2192 e-mail (tobiaszwala.marketing@gmail.com) ======\r\n     Ka\u017cde wys\u0142anie buduje gotow\u0105 wiadomo\u015b\u0107 e-mail z wszystkimi polami.\r\n     Dzia\u0142a bez serwera. Dla wy\u017cszej konwersji podmie\u0144 na Formspree\/CRM\r\n     (instrukcja w pliku ze strategi\u0105). *\/\r\n  const INBOX = 'tobiaszwala.marketing@gmail.com';\r\n\r\n  function collect(form){\r\n    const lines = [];\r\n    const checks = [];\r\n    form.querySelectorAll('input, select, textarea').forEach(el => {\r\n      if (el.type === 'checkbox'){\r\n        if (el.checked){\r\n          const t = el.closest('label')?.querySelector('span')?.textContent.trim();\r\n          if (t) checks.push(t);\r\n        }\r\n        return;\r\n      }\r\n      const val = (el.value || '').trim();\r\n      if (!val) return;\r\n      const lab = (el.closest('div')?.querySelector('label')?.textContent || el.getAttribute('placeholder') || '').replace('*','').trim();\r\n      lines.push((lab ? lab + ': ' : '') + val);\r\n    });\r\n    if (checks.length) lines.push('Czego potrzebuje: ' + checks.join(', '));\r\n    return lines.join('\\n');\r\n  }\r\n\r\n  function wire(form, subject, msgEl, btnLabel){\r\n    if (!form) return;\r\n    form.addEventListener('submit', (e) => {\r\n      e.preventDefault();\r\n      const body = collect(form) + '\\n\\n\u2014 Wys\u0142ane ze strony sonics.pl';\r\n      const mailto = 'mailto:' + INBOX + '?subject=' + encodeURIComponent(subject) + '&body=' + encodeURIComponent(body);\r\n      window.location.href = mailto;\r\n      if (msgEl) msgEl.classList.remove('hidden');\r\n      const btn = form.querySelector('button');\r\n      if (btn && btnLabel) btn.textContent = btnLabel;\r\n    });\r\n  }\r\n\r\n  wire(document.querySelector('[data-mainform]'), 'Nowe zapytanie o wycen\u0119 \u2014 sonics.pl', document.querySelector('[data-formmsg]'), 'Otwieram e-mail \u2713');\r\n  wire(document.querySelector('[data-quickform]'), 'Szybkie zapytanie \u2014 sonics.pl', null, 'Otwieram e-mail \u2713');\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>sonics.pl \u2014 obs\u0142uga audiowizualna wydarze\u0144 i wynajem sprz\u0119tu | Pozna\u0144 sonics.pl Us\u0142ugi Cennik Realizacje FAQ Zadzwo\u0144 Sprawd\u017a termin Us\u0142ugi Cennik [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sonics.pl\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sonics.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sonics.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sonics.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sonics.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":24,"href":"https:\/\/sonics.pl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/sonics.pl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/sonics.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}