4. modul — Landing page minták

Modul áttekintés

Ettől a modultól már nem építünk sorrendben — referencia-tár jön. 5 különböző landing page mintát mutatok meg, mindegyikhez teljes Tailwind HTML kód, telepítési útmutató, és technikai dokumentáció. Ezeket bármikor használhatod, amikor új szolgáltatást indítasz, vagy új kampányt csinálsz. Minden minta a 2. modul stílusában készült (sötét háttér, dokumentáló-hang), de fókuszáltabb céllal.

Videó

[VIDEO PLACEHOLDER]

Fejezetek

• 0:00 — Bevezető: a 5 landing-típus mikor kell
• 1:00 — 4.1 Konzultációs landing (legtöbbet használt)
• 2:30 — 4.2 Lead magnet landing
• 4:00 — 4.3 Online előadás landing (webinar)
• 5:30 — 4.4 Szolgáltatás landing (érték-stack vizuálisan)
• 7:00 — 4.5 Coming soon landing (waitlist)

Almodulok

1. Konzultációs landing — Cal.com integrációval, leggyakoribb használat
2. Lead magnet landing — form + PDF küldés
3. Online előadás landing — webinar regisztráció, élő esemény
4. Szolgáltatás landing — érték-stack vizuálisan, fő szolgáltatásra
5. Coming soon landing — waitlist, email gyűjtés terméklaunch előtt

Fő pontok

• Mindegyik mintához van letölthető HTML fájl (boilerplate.html) — egyetlen szöveges fájl, amit index.html-nek nevezel át és módosítasz.
• Mindegyik mobilra optimalizálva, HTTPS-kompatibilis, Tailwind CDN-ről húzva.
• Mindegyik GDPR-konform alapon (GA4 IP-anonimizálással, opt-in form-mal).
• A SKILL.md fájl megmutatja, hogyan installálod Claude Code-ba, hogy az AI a saját adataidra szabja a sablont.

Források

• 📁 4-1-konzultacios-landing/ — Konzultációs landing minta
• 📁 4-2-lead-magnet-landing/ — Lead magnet landing minta
• 📁 4-3-online-eloadas-landing/ — Webinar landing minta
• 📁 4-4-szolgaltatas-landing/ — Szolgáltatás landing minta
• 📁 4-5-coming-soon-landing/ — Coming soon landing minta