const { useState, useEffect, useMemo, useRef } = React; // ---------- DATA ---------- const FEATURES = [ { icon: "✉", title: "Drag & drop szerkesztő", desc: "Programozói tudás nélkül készíthet professzionális hírlevelet percek alatt, előre készült blokkokból." }, { icon: "📊", title: "Valós idejű statisztika", desc: "Megnyitások, kattintások, leiratkozások — azonnal, linkenkénti bontásban, exportálható nézetekkel." }, { icon: "🎯", title: "Mikro-szegmentáció", desc: "Korlátlan lista import és célzás érdeklődés, viselkedés és demográfia alapján — minden feliratkozónak relevánsan." }, { icon: "⚡", title: "Trigger Mail", desc: "Eseményvezérelt automatikus levelek: feliratkozás, kérdőív, inaktivitás, kosárelhagyás — Ön egyszer beállítja, a rendszer dolgozik." }, { icon: "📋", title: "Form & kérdőívkészítő", desc: "Beépített adatgyűjtő — az új feliratkozó azonnal a megfelelő listába kerül, a megfelelő automatizmussal." }, { icon: "🔄", title: "Újracélzás", desc: "Aki megnyitott, de nem kattintott — automatikusan emlékeztetőt kap személyre szabott tárggyal és tartalommal." }, { icon: "🔍", title: "Webanalitika", desc: "Kampánytámogató mélységi analitika, kampányokra és időszakokra bontva. Nincs külön rendszer, nincs külön adat." }, { icon: "💬", title: "SMS marketing", desc: "Az e-mail mellé integrált SMS csatorna — időérzékeny ajánlatoknak, emlékeztetőknek, eseményvezérelt üzeneteknek." }, { icon: "🔗", title: "Kódbefűzés + integráció", desc: "Mi fűzzük be a feliratkozó űrlapot, eseménykövetést és webshop-integrációt — Önnek nem kell fejlesztőt keresnie." }, ]; const SUPPORT = [ { t: "Kódbefűzés az oldalába", d: "Feliratkozó form, nyomkövető pixel, eseménykövetés — mi helyezzük ki, mi teszteljük." }, { t: "Lista beállítások és import", d: "Paraméterek, szegmensek, oszlop-megfeleltetés. Az első 3 listát mi állítjuk be Ön helyett." }, { t: "Levél készítés, design, tartalom", d: "Ha kell, teljes hírlevél-koncepciót írunk és tervezünk — a márkájához illesztett sablonokkal." }, { t: "E-mail automatizmusok", d: "Üdvözlő sorozat, kosárelhagyás, inaktivitás, újracélzás — teljes forgatókönyvvel, mérhető kimenetekkel." }, { t: "Feliratkozó form összekapcsolás", d: "Űrlap → lista → automatizmus. Weboldal, landing, Facebook lead — mindegyik egy helyre fut be." }, { t: "Eseményvezérelt üzenetek", d: "Születésnap, évforduló, hűségmérföldkő, webinárium-emlékeztető — SMS-sel is kombinálva." }, { t: "Magyar nyelvű ügyfélszolgálat", d: "Valódi ember, budapesti időzónában, munkanapokon 9–17 óra között. E-mailben, telefonon, képernyőmegosztással." }, ]; const FAQ = [ { q: "Mit tartalmaz a 45 perces személyes bemutató?", a: "Konkrétan az Önök helyzetére szabott demót: meglévő lista (ha van), kampányigények, automatizmusok áttekintése. A végén egy világos lépéstervet kap arra, hogyan érdemes elindulni — akkor is, ha nem nálunk. A bemutató teljesen ingyenes, kötelezettség nélküli." }, { q: "Tényleg nincs kötelező éves szerződés?", a: "Nincs. A havi díj bevezető áron 15 000 Ft + Áfa, a levélküldés 0,3 Ft + Áfa / kiküldött levél. Havi elszámolás, bármikor lezárható. Rejtett költség, beléptetési díj, felmondási időszak nincs." }, { q: "Mi történik a meglévő listáinkkal, integrációinkkal?", a: "Az átállás a mi dolgunk. Meglévő Excel, CSV, MailChimp-export — mindent importálunk, a paramétereket (név, cégnév, stb.) beállítjuk, a feliratkozó formokat újra befűzzük. Ön a már működő rendszerrel találkozik az első napon." }, { q: "Milyen technikai támogatást kapunk?", a: "Teljeskörűt. A kódbefűzést, DKIM/SPF beállítást, integrációkat és az automatizmusok felépítését mi végezzük. Egy dedikált magyar nyelvű ügyfélszolgálati kapcsolattartóval dolgozik — képernyőmegosztással, nem ticket-számmal." }, { q: "Mi a különbség a magyar és a nemzetközi rendszerekhez képest?", a: "ÁSZF, GDPR-minta szövegek, magyar nyelvű sablonok, magyar nyelvű support, és itthoni kampánytapasztalatból született funkciók — minden ami magyar kkv-nak kell, alapból benne van. Nem egy fordított felület, hanem egy itthon fejlesztett rendszer." }, { q: "Az SMS kampányok és automatizmusok hogyan kapcsolódnak be?", a: "Az SMS ugyanahhoz a listához és ugyanahhoz az eseményvezérelt logikához kapcsolódik, mint az e-mail. Pl. kosárelhagyáskor először e-mail megy, 24 óra múlva — ha nincs kattintás — SMS emlékeztető. Az automatizmust egyszer építjük fel, utána magától fut; Ön csak a heti statisztikát nézi." }, ]; // ---------- LOGO (PNG brand asset) ---------- const Logo = ({ variant = "light" }) => ( NetAdClick.com Hírlevél ); // ---------- NAV ---------- const Nav = ({ onBook }) => (
); // ---------- HERO ---------- const Hero = ({ onBook }) => (
Magyar kkv-knak, magyarul

Hírlevélküldő, amit magyar kkv-k igényeire építettünk.

Drag-and-drop szerkesztő, valós idejű statisztika, automatizmusok, SMS és kérdőív — egyetlen rendszerben. A kódbefűzést, a listákat, a leveleket, a designt és az automatizmusokat mi állítjuk be Ön helyett, magyar nyelvű ügyfélszolgálattal.

Funkciók megnézése
✓ 45 perc, ingyenes ✓ Nincs kötelező szerződés ✓ Magyar nyelvű support ✓ Bevezető ár: 15 000 Ft / hó
); const HeroPreview = () => { const [tab, setTab] = useState(0); useEffect(() => { const t = setInterval(() => setTab(x => (x + 1) % 3), 3500); return () => clearInterval(t); }, []); const stats = [ { l: "Megnyitás", v: "47,2%", d: "+4.1% heti" }, { l: "Kattintás", v: "12,8%", d: "+1.9% heti" }, { l: "Leiratkozás", v: "0,23%", d: "−0.02% heti" }, ]; return (
profil.netadclick.com / kampányok / Tavaszi_AJANLAT_2026
{["Áttekintés", "Szerkesztő", "Automatizmus"].map((t, i) => (
setTab(i)} style={{ padding: "10px 14px", fontSize: 13, fontWeight: 500, cursor: "pointer", color: i === tab ? "var(--accent)" : "var(--ink-muted)", borderBottom: i === tab ? "2px solid var(--accent)" : "2px solid transparent", marginBottom: -1, fontFamily: "Geist Mono, monospace", letterSpacing: "0.02em" }}> {t}
))}
{tab === 0 && (
{stats.map((s, i) => (
{s.l}
{s.v}
{s.d}
))}
Megnyitás idővonal · utolsó 24 óra
)} {tab === 1 && (
LOGO
MENU
Kedves {"{{keresztnev}}"},
Megnézem
+ szöveg + kép + gomb + divider
)} {tab === 2 && (
{[ { l: "Feliratkozás", t: "Üdvözlő levél", d: "azonnal" }, { l: "+ 2 nap", t: "Bemutatkozás", d: "e-mail" }, { l: "+ 5 nap", t: "Ha nem nyitotta meg", d: "újracélzás" }, { l: "+ 7 nap", t: "Első ajánlat", d: "e-mail + SMS" }, ].map((s, i) => (
{s.l}
{s.t}
{s.d}
))}
)}
); }; // ---------- KKV BAND ---------- const KKVBand = () => (
Magyar igényekre építve

Nem fordított felület. Itthon fejlesztett rendszer.

A NetAdClick.com hírlevélküldőt több mint 10 év magyar kampánytapasztalata alapján fejlesztjük — magyar kkv-k, magyar ügyfélszolgálat számára. Amikor beszélgetünk Önnel, nemcsak a terméket ismerjük: az SMS kampányok, az eseményvezérelt automatizmusok és a GDPR-sablonok is alapból benne vannak.

10+ év
magyar piaci tapasztalat
10 000+
lefuttatott kampány
9–17h
magyar ügyfélszolgálat
45perc
ingyenes személyes bemutató
); // ---------- FEATURES ---------- const Features = () => (
A hírlevélküldő modul

Minden, ami egy modern email marketinghez kell — egyetlen rendszerben.

Nem kell külön küldőt, külön analitikát, külön automatizmust, külön SMS-platformot fizetnie. A szegmenstől az újracélzásig minden egy adatbázisra, egy logikára épül.

{FEATURES.map((f, i) => (
/ 0{i + 1}
{f.icon}

{f.title}

{f.desc}

))}
); // ---------- SUPPORT ---------- const Support = () => (
Teljeskörű támogatás

Ön használja. Mi beállítjuk, összekötjük, megtervezzük.

A legtöbb rendszer egy bejelentkezési képernyővel fogadja és egy YouTube-linkkel küldi tovább Önt. Mi nem. Az első kampányig — és azután is — a munka oroszlánrészét mi végezzük.

Egy dedikált kapcsolattartó
Nem ticket-számot kap, hanem egy nevet és egy telefonszámot. Aki felveszi, amikor hívja.
{SUPPORT.map((s, i) => (
/ 0{i + 1}

{s.t}

{s.d}

))}
); // ---------- PRICING ---------- const Pricing = ({ onBook }) => (
Bevezető ár

Átlátható, havi elszámolású. Nincs kötelező éves szerződés.

Havi alapdíj a teljes csomagra (hírlevélküldő + kérdőív + webanalitika), és egy egyszerű, kiküldött levélre vetített díj. Semmi belépési díj, semmi rejtett költség.

BEVEZETŐ AJÁNLAT
Komplett hírlevélküldő csomag
Hírlevélküldő modul + kérdőív-készítő + webanalitika
Havi díj
15 000 Ft+ ÁFA / hó
Levélküldési díj
0,3 Ft+ ÁFA / levél
  • Korlátlan lista-import
  • Korlátlan kampány / hó
  • Mikro-szegmentáció
  • Trigger Mail automatizmus
  • Kérdőív + feliratkozó form
  • Valós idejű statisztika
  • Magyar nyelvű ügyfélszolgálat
  • Kódbefűzés + listabeállítás
Nincs beléptetési díj. Havi elszámolás. Bármikor lezárható. A bemutató semmire nem kötelezi.
); // ---------- BOOKING ---------- const Booking = ({ bookRef }) => { useEffect(() => { // Load Calendly widget script once if (!document.querySelector('script[src*="calendly.com/assets/external/widget.js"]')) { const s = document.createElement('script'); s.src = 'https://assets.calendly.com/assets/external/widget.js'; s.async = true; document.body.appendChild(s); } if (!document.querySelector('link[href*="calendly.com/assets/external/widget.css"]')) { const l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'https://assets.calendly.com/assets/external/widget.css'; document.head.appendChild(l); } }, []); return (
Ingyenes bemutató

Beszéljünk 45 percet — és tudni fogja, megéri-e.

A bemutató nem értékesítő előadás, hanem egy konkrét, Önre szabott munkamenet. A végén világos terve lesz, akkor is, ha nem velünk folytatja.

  • 01 Áttekintjük a meglévő listát, kampányokat, eszközöket.
  • 02 Megmutatjuk, hogyan nézne ki az első 3 automatizmus a vállalkozásában.
  • 03 Kap egy lépéstervet — becsült idő, költség, várható eredmény.
  • 04 Döntsön Ön. Nem hívjuk vissza, nem küldünk értékesítő sorozatot.
Mindig elérhető alternatíva
Telefon: +36 30 308 2358 · E-mail: hirlevel@netadclick.com
Ingyenes 45 perces bemutató
calendly.com / netadclick
ÉLŐ NAPTÁR
); }; // ---------- FAQ ---------- const FAQList = () => { const [open, setOpen] = useState(0); return (
Gyakori kérdések

Mire gondolunk, mielőtt belevágunk.

{FAQ.map((f, i) => (
setOpen(open === i ? -1 : i)}> {f.q} +
{f.a}
))}
); }; // ---------- FOOTER ---------- const Footer = ({ onBook }) => ( ); // ---------- STICKY BOOKING ---------- const StickyBook = ({ onBook, visible }) => { if (!visible) return null; return (
Ingyenes bemutató foglalása
); }; // ---------- TWEAKS ---------- const ACCENT_PRESETS = { teal: { a: "#0a84a8", h: "#086a89", soft: "#e8f4f8", ad: "#0a84a8" }, indigo: { a: "#4f46e5", h: "#3d35c4", soft: "#eef0fd", ad: "#4f46e5" }, emerald:{ a: "#0f8a5f", h: "#0c6e4a", soft: "#e6f5ed", ad: "#0f8a5f" }, amber: { a: "#b4530b", h: "#8d4109", soft: "#fbf0e2", ad: "#b4530b" }, crimson:{ a: "#b91c1c", h: "#8f1212", soft: "#fceaea", ad: "#b91c1c" }, }; const TweaksPanel = ({ open, onClose, tweaks, setTweaks }) => { if (!open) return null; const apply = (k, v) => { const next = { ...tweaks, [k]: v }; setTweaks(next); window.parent.postMessage({ type: "__edit_mode_set_keys", edits: { [k]: v } }, "*"); }; return (
Tweaks ×
{Object.entries(ACCENT_PRESETS).map(([k, v]) => (
apply("accent", k)}>
))}
{["A","B","C"].map(v => ( ))}
{tweaks.heroVariant === "A" && "kkv-fókusz"} {tweaks.heroVariant === "B" && "eredmény-fókusz"} {tweaks.heroVariant === "C" && "ár-fókusz"}
{[["stats","stat"],["story","szöveg"]].map(([v,l]) => ( ))}
); }; // ---------- APP ---------- const HERO_TITLES = { A: <>Hírlevélküldő, amit magyar kkv-k igényeire építettünk., B: <>Több megnyitás, több kattintás, kevesebb eszköz., C: <>Teljes e-mail marketing 15 000 Ft-tól havonta., }; const HERO_SUBS = { A: "Drag-and-drop szerkesztő, valós idejű statisztika, automatizmusok, SMS és kérdőív — egyetlen rendszerben. A kódbefűzést, a listákat, a leveleket, a designt és az automatizmusokat mi állítjuk be Ön helyett, magyar nyelvű ügyfélszolgálattal.", B: "Szegmentált listák, eseményvezérelt automatizmusok, újracélzás és mikro-analitika — egy logikára, egy adatbázisra építve. A kampányai úgy dolgoznak, ahogy még nem dolgoztak.", C: "Korlátlan kampány, korlátlan lista, kérdőív és webanalitika is benne. 0,3 Ft / kiküldött levél, nincs beléptetési díj, nincs éves szerződés. Havi elszámolás, bármikor lezárható." }; const App = () => { const [tweaks, setTweaks] = useState(window.__TWEAKS__); const [tweaksOpen, setTweaksOpen] = useState(false); const [showSticky, setShowSticky] = useState(false); const bookRef = useRef(null); // Apply accent color useEffect(() => { const p = ACCENT_PRESETS[tweaks.accent] || ACCENT_PRESETS.teal; document.documentElement.style.setProperty("--accent", p.a); document.documentElement.style.setProperty("--accent-hover", p.h); document.documentElement.style.setProperty("--accent-soft", p.soft); // Also update the "Ad" in logos document.querySelectorAll(".lo-ad").forEach(el => el.style.color = p.ad); }, [tweaks.accent]); // Edit mode messaging useEffect(() => { const handler = (e) => { if (!e.data) return; if (e.data.type === "__activate_edit_mode") setTweaksOpen(true); if (e.data.type === "__deactivate_edit_mode") setTweaksOpen(false); }; window.addEventListener("message", handler); window.parent.postMessage({ type: "__edit_mode_available" }, "*"); return () => window.removeEventListener("message", handler); }, []); // Scroll-triggered sticky book button useEffect(() => { const onScroll = () => { setShowSticky(window.scrollY > 600 && window.scrollY < document.body.scrollHeight - window.innerHeight - 400); }; window.addEventListener("scroll", onScroll); onScroll(); return () => window.removeEventListener("scroll", onScroll); }, []); const scrollToBook = () => { bookRef.current?.scrollTo?.({ top: 0, behavior: "smooth" }); const el = document.getElementById("foglalas"); if (el) window.scrollTo({ top: el.offsetTop - 40, behavior: "smooth" }); }; return ( <>