/* global React */
const { useState, useEffect, useRef } = React;
// ---------- Utilities ----------
function getSiteBasePath() {
const marker = "/ui_kits/website";
const path = window.location.pathname.replace(/\/index\.html$/, "");
const markerIndex = path.indexOf(marker);
return markerIndex >= 0 ? path.slice(0, markerIndex + marker.length) : "";
}
const SITE_BASE_PATH = getSiteBasePath();
const CONTACT_WORKER_URL = window.CONTACT_WORKER_URL || "https://frm.kuczynski.biz/";
window.SITE_BASE_PATH = SITE_BASE_PATH;
window.CONTACT_WORKER_URL = CONTACT_WORKER_URL;
function sitePath(path) {
if (!path || path.startsWith("#") || path.startsWith("mailto:") || path.startsWith("tel:") || /^https?:\/\//.test(path)) {
return path;
}
return `${SITE_BASE_PATH}${path === "/" ? "/" : path}`;
}
function assetPath(path) {
return `${SITE_BASE_PATH}/assets/${path}`;
}
window.sitePath = sitePath;
window.assetPath = assetPath;
const UI_COPY = {
pl: {
brandSub: "Kancelaria Adwokacka",
navLabel: "Główna nawigacja",
openMenu: "Otwórz menu",
closeMenu: "Zamknij menu",
ctaTalk: "Umów rozmowę",
nav: [
{ path: "/deweloperzy", label: "Deweloperzy" },
{ path: "/portfele-wierzytelnosci", label: "Portfele wierzytelności" },
{ path: "/nieruchomosci-komercyjne", label: "Nieruchomości komercyjne" },
{ path: "/legaltech", label: "LegalTech" },
{ path: "/o-kancelarii", label: "O kancelarii" },
],
heroEyebrow: "Kancelaria Adwokacka · Warszawa",
heroTitle: "Bieżąca obsługa prawna biznesu, procesy i LegalTech.",
heroLead: "Od 20 lat wspieram deweloperów, właścicieli nieruchomości komercyjnych oraz podmioty obsługujące portfele wierzytelności — łącząc doświadczenie procesowe z technologią, raportowaniem i bezpośrednią odpowiedzialnością adwokata.",
heroSecondary: "Zobacz obszary obsługi",
heroStrip: "Adwokat · Warszawa · Obsługa firm · Procesy · EPU · Nieruchomości · LegalTech",
captionName: "adw. Marcin Kuczyński",
captionSince: "od 2006 r.",
servicesMore: "Zobacz obsługę",
services: [
{
icon: "Building",
eyebrow: "Filar I",
title: "Deweloperzy i inwestycje budowlane",
desc: "Bieżąca obsługa inwestycji — od projektu, przez umowy i relacje z wykonawcami, po spory i rękojmię.",
items: ["umowy deweloperskie", "umowy o roboty budowlane", "relacje z wykonawcami", "rękojmia i wady inwestycji", "spory sądowe i pozasądowe"],
path: "/deweloperzy",
},
{
icon: "Layers",
eyebrow: "Filar II",
title: "Portfele wierzytelności i procesy masowe",
desc: "EPU, sądy powszechne, postępowania klauzulowe i egzekucja — z integracjami i raportowaniem.",
items: ["Elektroniczne Postępowanie Upominawcze", "sądy powszechne", "egzekucja", "integracje API", "raportowanie portfeli"],
path: "/portfele-wierzytelnosci",
},
{
icon: "Landmark",
eyebrow: "Filar III",
title: "Nieruchomości komercyjne i najem",
desc: "Obsługa właścicieli, zarządców i asset managerów w sprawach najmu komercyjnego.",
items: ["umowy najmu", "zabezpieczenia i gwarancje", "rozliczenia czynszu", "wypowiedzenia", "windykacja czynszów"],
path: "/nieruchomosci-komercyjne",
},
],
metrics: [
{ sub: "Praktyka", num: "20+", lbl: "lat praktyki adwokackiej w Warszawie" },
{ sub: "Skala", num: "50 000+", lbl: "pozwów sądowych wniesionych w imieniu klientów" },
{ sub: "LegalTech", num: "8", lbl: "własnych aplikacji wspierających obsługę" },
{ sub: "Odpowiedzialność", num: "1", lbl: "adwokat odpowiedzialny za strategię i decyzje" },
],
flowSteps: [
{ icon: "Database", label: "Dane", sub: "import, walidacja" },
{ icon: "FileText", label: "Dokumenty", sub: "przetwarzanie, AI, automatyzacja pism" },
{ icon: "Gavel", label: "Postępowanie", sub: "EPU · sąd powszechny" },
{ icon: "Activity", label: "Raporty", sub: "statusy, terminy, KPI" },
{ icon: "CheckCircle", label: "Egzekucja", sub: "klauzule, KM, rozliczenia" },
],
flowEyebrow: "LegalTech kancelarii",
flowTitle: "Technologia nie zastępuje decyzji prawnika. Wspiera przepustowość, jakość i kontrolę.",
flowLead: "Najwięcej ryzyk powstaje nie na sali sądowej, ale wcześniej — w danych, dokumentach, terminach i komunikacji. Dlatego kancelaria rozwija własne narzędzia IT wspierające przepływ informacji, generowanie pism i raportowanie statusów spraw.",
flowItems: ["import danych z systemów klienta", "automatyzacja dokumentów", "analiza i przetwarzanie dokumentów wspierane AI", "obsługa korespondencji", "raportowanie statusów", "EPU i postępowania egzekucyjne"],
flowCta: "Zobacz rozwiązania LegalTech",
models: [
{ no: "01.", title: "Stała obsługa prawna", desc: "Dla firm potrzebujących bieżącego wsparcia przy inwestycjach, umowach, najmie, ryzykach i sporach." },
{ no: "02.", title: "Projekt lub konkretna sprawa", desc: "Dla klientów potrzebujących reprezentacji w określonym sporze, negocjacji lub projekcie prawnym." },
{ no: "03.", title: "Obsługa portfela spraw", desc: "Dla podmiotów przekazujących większy wolumen spraw wymagających procesu, automatyzacji i raportowania." },
],
aboutEyebrow: "O kancelarii",
aboutTitle: "Kancelaria adwokacka dla klientów biznesowych",
aboutLead: "Nazywam się Marcin Kuczyński. Jestem adwokatem i od 2006 r. prowadzę kancelarię w Warszawie. Wspieram firmy w sprawach, które wymagają nie tylko znajomości prawa, ale również rozumienia biznesu, procesu decyzyjnego, kosztów, ryzyka i organizacji pracy.",
aboutCta: "Poznaj kancelarię",
form: {
name: "Imię i nazwisko",
namePlaceholder: "Anna Wiśniewska",
company: "Firma",
companyPlaceholder: "Nazwa spółki",
email: "E-mail",
emailPlaceholder: "a.wisniewska@firma.pl",
phone: "Telefon",
topic: "Obszar sprawy",
choose: "Wybierz obszar…",
topics: ["Deweloperzy i inwestycje budowlane", "Portfele wierzytelności i procesy masowe", "Nieruchomości komercyjne i najem", "LegalTech / rozwiązania IT", "Inne"],
message: "Wiadomość",
messagePlaceholder: "Krótki opis sprawy lub modelu współpracy",
consent: "Wyrażam zgodę na przetwarzanie podanych danych osobowych w celu odpowiedzi na zapytanie.",
sending: "Wysyłanie wiadomości...",
success: "Dziękuję — wiadomość została wysłana.",
successToast: "Dziękuję — wiadomość została wysłana. Skontaktuję się w ciągu 1 dnia roboczego.",
error: "Nie udało się wysłać wiadomości. Proszę spróbować ponownie albo napisać na info@kuczynski.eu.",
submit: "Wyślij wiadomość",
submitting: "Wysyłanie...",
payloadTopic: "Obszar sprawy",
payloadMissing: "nie wskazano",
payloadCompany: "Firma",
payloadPhone: "Telefon",
},
mobile: { label: "Szybki kontakt", call: "Zadzwoń", email: "E-mail", form: "Formularz" },
footerDesc: "Kancelaria adwokacka dla klientów biznesowych. Bieżąca obsługa prawna, procesy i LegalTech.",
footerServices: "Obszary obsługi",
footerFirm: "Kancelaria",
footerData: "Dane",
footerAbout: "O kancelarii",
footerContact: "Kontakt",
footerCopyright: "2026 Kancelaria Adwokacka Marcin Kuczyński",
langLabel: "English",
},
en: {
brandSub: "Law Firm · Warsaw",
navLabel: "Main navigation",
openMenu: "Open menu",
closeMenu: "Close menu",
ctaTalk: "Schedule a call",
nav: [
{ path: "/en/developers", label: "Developers" },
{ path: "/en/debt-portfolios", label: "Debt portfolios" },
{ path: "/en/commercial-real-estate", label: "Commercial real estate" },
{ path: "/en/legaltech", label: "LegalTech" },
{ path: "/en/about", label: "About" },
],
heroEyebrow: "Law Firm · Warsaw",
heroTitle: "Business legal support, litigation and LegalTech.",
heroLead: "For 20 years I have supported developers, commercial real estate owners and companies managing debt portfolios in Poland — combining litigation experience with technology, reporting and direct attorney responsibility.",
heroSecondary: "View practice areas",
heroStrip: "Attorney-at-law · Warsaw · Business legal support · Litigation · EPU · Real estate · LegalTech",
captionName: "Marcin Kuczyński, attorney-at-law",
captionSince: "since 2006",
servicesMore: "View service",
services: [
{
icon: "Building",
eyebrow: "Pillar I",
title: "Developers and construction projects",
desc: "Ongoing legal support for investments in Poland — from project documentation and contracts to contractors, defects, warranty claims and disputes.",
items: ["development contracts", "construction works contracts", "contractor relations", "defects and warranty claims", "court and out-of-court disputes"],
path: "/en/developers",
},
{
icon: "Layers",
eyebrow: "Pillar II",
title: "Debt portfolios and high-volume litigation",
desc: "EPU proceedings, civil courts, enforcement and status reporting supported by data imports, integrations and document automation.",
items: ["Electronic Writ-of-Payment Proceedings", "civil court proceedings", "enforcement", "API integrations", "portfolio reporting"],
path: "/en/debt-portfolios",
},
{
icon: "Landmark",
eyebrow: "Pillar III",
title: "Commercial real estate and leases",
desc: "Legal support for owners, property managers and asset managers in commercial lease matters in Poland.",
items: ["lease agreements", "security instruments", "rent and service charge settlements", "terminations", "rent arrears recovery"],
path: "/en/commercial-real-estate",
},
],
metrics: [
{ sub: "Practice", num: "20+", lbl: "years of attorney practice in Warsaw" },
{ sub: "Scale", num: "50,000+", lbl: "court claims filed on behalf of clients" },
{ sub: "LegalTech", num: "8", lbl: "in-house applications supporting legal work" },
{ sub: "Responsibility", num: "1", lbl: "attorney responsible for strategy and key decisions" },
],
flowSteps: [
{ icon: "Database", label: "Data", sub: "import, validation" },
{ icon: "FileText", label: "Documents", sub: "processing, AI, document automation" },
{ icon: "Gavel", label: "Proceedings", sub: "EPU · civil courts" },
{ icon: "Activity", label: "Reports", sub: "statuses, deadlines, KPIs" },
{ icon: "CheckCircle", label: "Enforcement", sub: "enforcement titles, bailiffs, settlements" },
],
flowEyebrow: "Law firm LegalTech",
flowTitle: "Technology does not replace legal judgement. It supports throughput, quality and control.",
flowLead: "Many risks arise before a court hearing: in data, documents, deadlines, statuses and communication. The law firm develops in-house tools for information flow, document generation and case status reporting.",
flowItems: ["data imports from client systems", "document automation", "AI-supported document analysis and processing", "correspondence handling", "status reporting", "EPU and enforcement workflows"],
flowCta: "View LegalTech operations",
models: [
{ no: "01.", title: "Ongoing legal support", desc: "For companies that need day-to-day support with investments, contracts, leases, risks and disputes." },
{ no: "02.", title: "Project or specific matter", desc: "For clients seeking representation in a defined dispute, negotiation or legal project." },
{ no: "03.", title: "Portfolio handling", desc: "For organizations transferring larger volumes of matters requiring legal process, automation and reporting." },
],
aboutEyebrow: "About the firm",
aboutTitle: "A Warsaw law firm for business clients",
aboutLead: "My name is Marcin Kuczyński. I am an attorney-at-law and have run my law firm in Warsaw since 2006. I support businesses in matters that require not only legal knowledge, but also an understanding of business decisions, costs, risk and operational workflow.",
aboutCta: "About the firm",
form: {
name: "Full name",
namePlaceholder: "Anna Wisniewska",
company: "Company",
companyPlaceholder: "Company name",
email: "E-mail",
emailPlaceholder: "a.wisniewska@company.com",
phone: "Phone",
topic: "Matter area",
choose: "Select an area...",
topics: ["Developers and construction projects", "Debt portfolios and high-volume litigation", "Commercial real estate and leases", "LegalTech / IT-enabled workflows", "Other"],
message: "Message",
messagePlaceholder: "Brief description of the matter or cooperation model",
consent: "I consent to the processing of the provided personal data for the purpose of responding to this inquiry.",
sending: "Sending message...",
success: "Thank you - your message has been sent.",
successToast: "Thank you - your message has been sent. I will reply within one business day.",
error: "The message could not be sent. Please try again or write to info@kuczynski.eu.",
submit: "Send message",
submitting: "Sending...",
payloadTopic: "Matter area",
payloadMissing: "not specified",
payloadCompany: "Company",
payloadPhone: "Phone",
},
mobile: { label: "Quick contact", call: "Call", email: "E-mail", form: "Form" },
footerDesc: "Warsaw law firm for business clients. Business legal support, litigation and LegalTech-enabled operations.",
footerServices: "Practice areas",
footerFirm: "Law firm",
footerData: "Details",
footerAbout: "About",
footerContact: "Contact",
footerCopyright: "2026 Kuczyński Law Firm · Marcin Kuczyński",
langLabel: "Polski",
},
};
function ui(locale) {
return UI_COPY[locale] || UI_COPY.pl;
}
function Container({ children, narrow }) {
return (
{children}
);
}
function Section({ tone = "paper", children, id }) {
return (
);
}
function Eyebrow({ children, onDark }) {
return (
{children}
);
}
function SectionHead({ eyebrow, title, lead, onDark }) {
return (
{eyebrow ?
{eyebrow} : null}
{title}
{lead ?
{lead}
: null}
{copy.heroEyebrow}
{copy.heroTitle}
{copy.heroLead}
![adw. Marcin Kuczyński]({assetPath("portrait-marcin.jpg")})
{copy.captionName}
{copy.captionSince}
);
}
// ---------- Service cards ----------
function ServiceCard({ eyebrow, title, desc, items, href, icon, more }) {
const IconCmp = icon;
return (
{IconCmp ? : null}
{eyebrow}
{title}
{desc}
{more} →
);
}
function ServiceGrid({ locale = "pl" }) {
const copy = ui(locale);
return (
{copy.services.map((service) => (
))}
);
}
// ---------- Metric strip ----------
function MetricStrip({ locale = "pl" }) {
const items = ui(locale).metrics;
return (
);
}
// ---------- LegalTech flow ----------
function LegalTechFlow({ locale = "pl" }) {
const copy = ui(locale);
const steps = copy.flowSteps;
return (
{steps.map((s) => {
const IconCmp = Icon[s.icon];
return (
);
})}
{copy.flowEyebrow}
{copy.flowTitle}
{copy.flowLead}
{copy.flowItems.map((item) => - {item}
)}
);
}
// ---------- Cooperation models ----------
function ModelsGrid({ locale = "pl" }) {
const models = ui(locale).models;
return (
{models.map((m) => (
{m.no}
{m.title}
{m.desc}
))}
{copy.aboutEyebrow}
{copy.aboutTitle}
{copy.aboutLead}
— adw. Marcin Kuczyński
);
}
// ---------- Contact form ----------
function ContactForm({ onSubmitted, locale = "pl" }) {
const copy = ui(locale).form;
const [status, setStatus] = useState({ type: "idle", message: "" });
async function handleSubmit(e) {
e.preventDefault();
const form = e.currentTarget;
const formData = new FormData(form);
const name = String(formData.get("name") || "").trim();
const company = String(formData.get("company") || "").trim();
const email = String(formData.get("email") || "").trim();
const phone = String(formData.get("phone") || "").trim();
const topic = String(formData.get("topic") || "").trim();
const rawMessage = String(formData.get("message") || "").trim();
const message = [
`${copy.payloadTopic}: ${topic || copy.payloadMissing}`,
company ? `${copy.payloadCompany}: ${company}` : null,
phone ? `${copy.payloadPhone}: ${phone}` : null,
"",
rawMessage,
].filter((line) => line !== null).join("\n");
setStatus({ type: "sending", message: copy.sending });
try {
const response = await fetch(CONTACT_WORKER_URL, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
name,
email,
message,
company,
phone,
topic,
source: window.location.href,
}),
});
if (!response.ok) {
throw new Error(`Worker returned ${response.status}`);
}
form.reset();
setStatus({ type: "success", message: copy.success });
onSubmitted && onSubmitted(copy.successToast);
} catch (error) {
setStatus({
type: "error",
message: copy.error,
});
}
}
const isSending = status.type === "sending";
return (
);
}
// ---------- Mobile CTA ----------
function MobileCta({ locale = "pl" }) {
const copy = ui(locale).mobile;
return (
);
}
// ---------- Accordion ----------
function Accordion({ items }) {
const [open, setOpen] = useState(0);
return (
{items.map((it, i) => (
{open === i ?
{it.a}
: null}
))}
![]({assetPath("logo.svg")})