BLOG - levenkrag.com

/* HERO */
#lb2 .hero { background-color: #0B0E1A; padding: 50px 40px 44px; width: 100vw; margin-left: calc(-50vw + 50%); position: relative; overflow: hidden; }
#lb2 .hero-glow1 { position: absolute; top: -80px; right: -60px; width: 300px; height: 300px; border-radius: 50%; background: #4F46E5; opacity: 0.2; filter: blur(80px); pointer-events: none; }
#lb2 .hero-glow2 { position: absolute; bottom: -60px; left: 35%; width: 200px; height: 200px; border-radius: 50%; background: #06B6D4; opacity: 0.15; filter: blur(70px); pointer-events: none; }
#lb2 .hero-inner { position: relative; z-index: 2; max-width: 700px; }
#lb2 .hero-badge { display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #06B6D4; background: rgba(6,182,212,0.12); border: 1px solid rgba(6,182,212,0.35); padding: 5px 16px; border-radius: 20px; margin-bottom: 20px; }
#lb2 .hero-h1 { font-size: 38px; font-weight: 800; color: #ffffff; line-height: 1.18; margin: 0 0 18px; padding: 0; }
#lb2 .hero-h1 em { font-style: normal; color: #6366F1; }
#lb2 .hero-p { font-size: 15px; color: rgba(255,255,255,0.58); line-height: 1.7; margin: 0 0 26px; max-width: 520px; }
#lb2 .hero-search { display: flex; gap: 8px; max-width: 440px; margin-bottom: 0; }
#lb2 .hero-search input { flex: 1; padding: 11px 16px; background: rgba(255,255,255,0.09); border: 1px solid rgba(255,255,255,0.2); border-radius: 8px; color: #fff; font-size: 14px; font-family: ‘Manrope’, sans-serif; outline: none; }
#lb2 .hero-search input::placeholder { color: rgba(255,255,255,0.35); }
#lb2 .hero-search button { padding: 11px 22px; background: #4F46E5; border: none; border-radius: 8px; color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; font-family: ‘Manrope’, sans-serif; white-space: nowrap; }
#lb2 .hero-stats { display: flex; gap: 36px; flex-wrap: wrap; margin-top: 30px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); }
#lb2 .hero-stat-num { display: block; font-size: 22px; font-weight: 800; color: #fff; line-height: 1; margin-bottom: 4px; }
#lb2 .hero-stat-lbl { display: block; font-size: 12px; color: rgba(255,255,255,0.42); }

/* CATS */
#lb2 .cats { display: flex; background: #fff; border-bottom: 1px solid #e5e5e5; overflow-x: auto; padding: 0 40px; width: 100vw; margin-left: calc(-50vw + 50%); }
#lb2 .cats button { padding: 14px 18px; font-size: 13px; font-weight: 500; color: #666; background: none; border: none; border-bottom: 2px solid transparent; cursor: pointer; white-space: nowrap; font-family: ‘Manrope’, sans-serif; }
#lb2 .cats button.on { color: #4F46E5; border-bottom-color: #4F46E5; font-weight: 600; }

/* MAIN */
#lb2 .main { max-width: 880px; margin: 0 auto; padding: 32px 0; }
#lb2 .sec-lbl { display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #4F46E5; margin-bottom: 16px; }

/* NEWSLETTER */
#lb2 .nl { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; background: #fff; border: 1px solid #e5e5e5; border-radius: 12px; padding: 18px 22px; margin-bottom: 28px; }
#lb2 .nl-icon { width: 42px; height: 42px; border-radius: 10px; background: #EEEDFE; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0; }
#lb2 .nl-text { flex: 1; min-width: 160px; }
#lb2 .nl-title { display: block; font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 3px; }
#lb2 .nl-sub { display: block; font-size: 12px; color: #888; }
#lb2 .nl-form { display: flex; gap: 8px; }
#lb2 .nl-form input { padding: 9px 14px; font-size: 13px; border: 1px solid #ddd; border-radius: 8px; background: #f9f9f9; color: #1a1a1a; font-family: ‘Manrope’, sans-serif; width: 190px; outline: none; }
#lb2 .nl-form button { padding: 9px 18px; background: #4F46E5; border: none; border-radius: 8px; color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; font-family: ‘Manrope’, sans-serif; }

/* FEATURED */
#lb2 .feat { background: #fff; border: 1px solid #e5e5e5; border-radius: 16px; overflow: hidden; margin-bottom: 28px; }
#lb2 .feat-img { width: 100%; height: 220px; background: #0B0E1A; display: flex; align-items: center; justify-content: center; position: relative; }
#lb2 .feat-tag { position: absolute; top: 14px; left: 14px; background: #4F46E5; color: #fff; font-size: 11px; font-weight: 600; padding: 4px 14px; border-radius: 20px; }
#lb2 .feat-ico { font-size: 56px; line-height: 1; }
#lb2 .feat-body { padding: 22px 26px 26px; }
#lb2 .feat-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12px; color: #888; margin-bottom: 12px; }
#lb2 .feat-meta .t { color: #06B6D4; font-weight: 500; }
#lb2 .feat-h2 { display: block; font-size: 19px; font-weight: 800; line-height: 1.35; color: #1a1a1a; margin: 0 0 12px; }
#lb2 .feat-p { display: block; font-size: 14px; line-height: 1.65; color: #555; margin: 0 0 18px; }
#lb2 .feat-foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
#lb2 .tags { display: flex; gap: 7px; flex-wrap: wrap; }
#lb2 .tag { display: inline-block; font-size: 11px; font-weight: 500; padding: 4px 12px; border-radius: 20px; }
#lb2 .tag-p { background: #EEEDFE; color: #3C3489; }
#lb2 .tag-b { background: #E6F1FB; color: #185FA5; }
#lb2 .tag-t { background: #E1F5EE; color: #0F6E56; }
#lb2 .tag-o { background: #FFEDD5; color: #854F0B; }
#lb2 .read-a { font-size: 13px; font-weight: 600; color: #4F46E5; text-decoration: none; }

/* GRID */
#lb2 .grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 28px; }
@media (max-width: 600px) { #lb2 .grid { grid-template-columns: 1fr; } }
#lb2 .card { background: #fff; border: 1px solid #e5e5e5; border-radius: 12px; padding: 20px; transition: box-shadow .2s; }
#lb2 .card:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
#lb2 .card-ico { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; margin-bottom: 12px; }
#lb2 .ic-p { background: #EEEDFE; } #lb2 .ic-b { background: #E6F1FB; } #lb2 .ic-t { background: #E1F5EE; } #lb2 .ic-a { background: #FAEEDA; }
#lb2 .card-h3 { display: block; font-size: 14px; font-weight: 700; line-height: 1.35; color: #1a1a1a; margin: 0 0 8px; }
#lb2 .card-p { display: block; font-size: 12px; line-height: 1.6; color: #666; margin: 0 0 12px; }
#lb2 .card-bot { display: flex; align-items: center; justify-content: space-between; font-size: 11px; color: #999; }
#lb2 .free { display: inline-block; background: #EAF3DE; color: #3B6D11; font-size: 10px; font-weight: 600; padding: 2px 9px; border-radius: 10px; }

/* CTA */
#lb2 .cta { background: #0B0E1A; border-radius: 16px; padding: 44px 36px; text-align: center; margin-bottom: 28px; position: relative; overflow: hidden; }
#lb2 .cta-glow { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); width: 280px; height: 280px; border-radius: 50%; background: #4F46E5; opacity: 0.3; filter: blur(70px); pointer-events: none; }
#lb2 .cta-inner { position: relative; z-index: 2; }
#lb2 .cta-badge { display: inline-block; background: rgba(6,182,212,0.15); color: #06B6D4; border: 1px solid rgba(6,182,212,0.3); font-size: 11px; font-weight: 600; letter-spacing: 0.08em; padding: 4px 16px; border-radius: 20px; margin-bottom: 16px; }
#lb2 .cta-h2 { display: block; font-size: 24px; font-weight: 900; color: #fff; line-height: 1.3; margin: 0 0 12px; }
#lb2 .cta-p { display: block; font-size: 14px; color: rgba(255,255,255,0.5); margin: 0 0 26px; }
#lb2 .cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
#lb2 .cta-main { padding: 13px 28px; background: #4F46E5; border: none; border-radius: 10px; color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; font-family: ‘Manrope’, sans-serif; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
#lb2 .cta-ghost { padding: 13px 28px; background: none; border: 1px solid rgba(255,255,255,0.25); border-radius: 10px; color: rgba(255,255,255,0.7); font-size: 14px; font-weight: 500; cursor: pointer; font-family: ‘Manrope’, sans-serif; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }

/* BOTTOM */
#lb2 .bottom { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
@media (max-width: 600px) { #lb2 .bottom { grid-template-columns: 1fr; } }
#lb2 .popular { background: #fff; border: 1px solid #e5e5e5; border-radius: 12px; padding: 20px; }
#lb2 .pop-h3 { display: block; font-size: 14px; font-weight: 700; color: #1a1a1a; margin: 0 0 16px; }
#lb2 .pop-item { display: flex; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid #f0f0f0; margin-bottom: 12px; }
#lb2 .pop-item:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
#lb2 .pop-num { display: block; font-size: 18px; font-weight: 900; color: #ddd; min-width: 22px; line-height: 1; padding-top: 2px; }
#lb2 .pop-title { display: block; font-size: 12px; font-weight: 600; color: #1a1a1a; line-height: 1.4; margin: 0 0 3px; }
#lb2 .pop-meta { display: block; font-size: 11px; color: #999; }
#lb2 .kw { background: #fff; border: 1px solid #e5e5e5; border-radius: 12px; padding: 20px; align-self: start; }
#lb2 .kw-h3 { display: block; font-size: 13px; font-weight: 700; color: #1a1a1a; margin: 0 0 14px; }
#lb2 .kw-cloud { display: flex; flex-wrap: wrap; gap: 8px; }
#lb2 .chip { display: inline-block; font-size: 12px; font-weight: 500; padding: 5px 13px; border-radius: 20px; border: 1px solid #e5e5e5; color: #555; background: #f9f9f9; text-decoration: none; }
#lb2 .chip:hover { border-color: #4F46E5; color: #4F46E5; background: #EEEDFE; }

/* MOBILE */
@media (max-width: 640px) {
#lb2 .hero { padding: 32px 20px 28px; }
#lb2 .hero-h1 { font-size: 26px; }
#lb2 .hero-stats { gap: 20px; }
#lb2 .hero-search { flex-direction: column; }
#lb2 .cats { padding: 0 16px; }
#lb2 .main { padding: 24px 16px; }
#lb2 .nl { flex-direction: column; }
#lb2 .nl-form { width: 100%; }
#lb2 .nl-form input { flex: 1; width: auto; }
#lb2 .cta { padding: 32px 20px; }
#lb2 .cta-h2 { font-size: 20px; }
}
</style>

<!– HERO –>
<section class=”hero”>
<div class=”hero-glow1″></div>
<div class=”hero-glow2″></div>
<div class=”hero-inner”>
<span class=”hero-badge”>Blog despre publicitate online</span>
<h1 class=”hero-h1″>Publicitate țintită,<br>care <em>aduce clienți</em></h1>
<p class=”hero-p”>Articole practice despre Meta Ads, Google Ads, crearea site-urilor și instruire în marketing digital. Doar strategii care funcționează — fără apă.</p>
<div class=”hero-search”>
<input type=”text” placeholder=”Căutare: Google Ads, targetare, lead-uri…”>
<button>🔍 Căutare</button>
</div>
<div class=”hero-stats”>
<div><span class=”hero-stat-num”>150+</span><span class=”hero-stat-lbl”>Articole</span></div>
<div><span class=”hero-stat-num”>12 000</span><span class=”hero-stat-lbl”>Cititori</span></div>
<div><span class=”hero-stat-num”>4 ani</span><span class=”hero-stat-lbl”>Experiență</span></div>
<div><span class=”hero-stat-num”>95%</span><span class=”hero-stat-lbl”>Mulțumiți</span></div>
</div>
</div>
</section>

<!– CATEGORII –>
<nav class=”cats”>
<button class=”on” onclick=”document.querySelectorAll(‘#lb2 .cats button’).forEach(b=>b.classList.remove(‘on’));this.classList.add(‘on’)”>Toate articolele</button>
<button onclick=”document.querySelectorAll(‘#lb2 .cats button’).forEach(b=>b.classList.remove(‘on’));this.classList.add(‘on’)”>Meta Ads</button>
<button onclick=”document.querySelectorAll(‘#lb2 .cats button’).forEach(b=>b.classList.remove(‘on’));this.classList.add(‘on’)”>Google Ads</button>
<button onclick=”document.querySelectorAll(‘#lb2 .cats button’).forEach(b=>b.classList.remove(‘on’));this.classList.add(‘on’)”>Creare site-uri</button>
<button onclick=”document.querySelectorAll(‘#lb2 .cats button’).forEach(b=>b.classList.remove(‘on’));this.classList.add(‘on’)”>Instruire</button>
<button onclick=”document.querySelectorAll(‘#lb2 .cats button’).forEach(b=>b.classList.remove(‘on’));this.classList.add(‘on’)”>Cazuri</button>
</nav>

<!– NEWSLETTER –>
<div class=”nl”>
<div class=”nl-icon”>✉️</div>
<div class=”nl-text”>
<span class=”nl-title”>Primiți cele mai bune articole primii</span>
<span class=”nl-sub”>O dată pe săptămână — doar util despre publicitate și marketing</span>
</div>
<div class=”nl-form”>
<input type=”email” placeholder=”Email-ul dvs.”>
<button onclick=”window.open(‘https://wa.me/37379561041’);return false;”>Abonează-te</button>
</div>
</div>

<!– ARTICOL PRINCIPAL –>
<span class=”sec-lbl”>Articolul principal</span>
<div class=”feat”>
<div class=”feat-img”>
<span class=”feat-tag”>Ghid complet 2026</span>
<span class=”feat-ico”>🎯</span>
</div>
<div class=”feat-body”>
<div class=”feat-meta”>
<span>19 mai 2026</span><span>·</span>
<span class=”t”>⏱ 12 min citit</span><span>·</span>
<span>Publicitate țintită</span>
</div>
<span class=”feat-h2″>Meta Ads 2026: ghid complet pentru configurarea publicității țintite pe Facebook și Instagram</span>
<span class=”feat-p”>Cum să reduci costul lead-ului de 2 ori cu audiența potrivită, structura campaniilor și creative. Instrucțiuni pas cu pas cu cazuri reale și capturi de ecran din contul publicitar.</span>
<div class=”feat-foot”>
<div class=”tags”>
<span class=”tag tag-p”>Meta Ads</span>
<span class=”tag tag-b”>Facebook</span>
<span class=”tag tag-t”>Instagram</span>
</div>
<a href=”https://wa.me/37379561041″ onclick=”window.open(‘https://wa.me/37379561041’);return false;” class=”read-a”>Citește →</a>
</div>
</div>
</div>

<!– ARTICOLE RECENTE –>
<span class=”sec-lbl”>Articole recente</span>
<div class=”grid”>

<div class=”card”>
<div class=”card-ico ic-b”>🔍</div>
<span class=”card-h3″>Google Ads pentru afaceri mici: de unde să începi în 2026</span>
<span class=”card-p”>Configurarea primei campanii, cuvinte cheie, oferte și structura contului fără cheltuieli inutile.</span>
<div class=”card-bot”><span>8 min · 14 mai 2026</span><span class=”free”>Gratuit</span></div>
</div>

<div class=”card”>
<div class=”card-ico ic-p”>📱</div>
<span class=”card-h3″>Landing page pentru publicitate: cum să obții conversie 10%+</span>
<span class=”card-p”>Structura paginii de vânzări, îndemnul la acțiune, formularul și viteza de încărcare.</span>
<div class=”card-bot”><span>10 min · 10 mai 2026</span><span class=”free”>Gratuit</span></div>
</div>

<div class=”card”>
<div class=”card-ico ic-t”>📈</div>
<span class=”card-h3″>Retargeting: readucem pe cei care au plecat de pe site</span>
<span class=”card-p”>Meta Pixel, audiențe de remarketing Google, lanțul de contacte — închidem clienții calzi.</span>
<div class=”card-bot”><span>7 min · 5 mai 2026</span><span class=”free”>Gratuit</span></div>
</div>

<div class=”card”>
<div class=”card-ico ic-a”>🎓</div>
<span class=”card-h3″>Instruire în targetare: stăpânește publicitatea în 30 de zile în 2026</span>
<span class=”card-p”>Programul de instruire, resurse, practică și greșeli tipice ale începătorilor — plan complet.</span>
<div class=”card-bot”><span>9 min · 1 mai 2026</span><span class=”free”>Gratuit</span></div>
</div>

<div class=”card”>
<div class=”card-ico ic-b”>💰</div>
<span class=”card-h3″>Cât costă publicitatea pe Facebook și Instagram în 2026</span>
<span class=”card-p”>Prețuri reale, factori care influențează costul și cum să reduci cheltuielile fără a pierde rezultate.</span>
<div class=”card-bot”><span>6 min · 28 apr 2026</span><span class=”free”>Gratuit</span></div>
</div>

<div class=”card”>
<div class=”card-ico ic-p”>🌐</div>
<span class=”card-h3″>Cum să creezi un site care vinde: 7 reguli esențiale</span>
<span class=”card-p”>Design, viteza de încărcare, texte de vânzare și formulare care convertesc vizitatorii în clienți.</span>
<div class=”card-bot”><span>11 min · 22 apr 2026</span><span class=”free”>Gratuit</span></div>
</div>

<div class=”card”>
<div class=”card-ico ic-t”>📊</div>
<span class=”card-h3″>Audiențe Lookalike: cum să găsești clone ale clienților tăi</span>
<span class=”card-p”>Cum să configurezi audiențele similare în Meta Ads și să găsești oameni care seamănă cu clienții tăi.</span>
<div class=”card-bot”><span>8 min · 18 apr 2026</span><span class=”free”>Gratuit</span></div>
</div>

<div class=”card”>
<div class=”card-ico ic-a”>🚀</div>
<span class=”card-h3″>Google Shopping: configurare completă în 1 oră</span>
<span class=”card-p”>Ghid pas cu pas pentru configurarea campaniilor de cumpărături Google pentru magazinul tău online.</span>
<div class=”card-bot”><span>10 min · 12 apr 2026</span><span class=”free”>Gratuit</span></div>
</div>

</div>

<!– CTA –>
<div class=”cta”>
<div class=”cta-glow”></div>
<div class=”cta-inner”>
<span class=”cta-badge”>Audit gratuit</span>
<span class=”cta-h2″>Doriți mai mulți clienți din publicitate?</span>
<span class=”cta-p”>Vom efectua un audit gratuit al campaniilor dvs. și vom arăta punctele de creștere. Fără obligații.</span>
<div class=”cta-btns”>
<a href=”https://wa.me/37379561041″ onclick=”window.open(‘https://wa.me/37379561041’);return false;” class=”cta-main”>🚀 Obține auditul gratuit</a>
<a href=”https://wa.me/37379561041″ onclick=”window.open(‘https://wa.me/37379561041’);return false;” class=”cta-ghost”>Află despre instruire</a>
</div>
</div>
</div>

<!– BOTTOM –>
<div class=”bottom”>

<div class=”popular”>
<span class=”pop-h3″>🔥 Popular</span>
<div class=”pop-item”>
<span class=”pop-num”>01</span>
<div><span class=”pop-title”>Cât costă publicitatea pe Instagram în 2026</span><span class=”pop-meta”>4.8k au citit</span></div>
</div>
<div class=”pop-item”>
<span class=”pop-num”>02</span>
<div><span class=”pop-title”>Google Shopping: configurare în 1 oră</span><span class=”pop-meta”>4.1k au citit</span></div>
</div>
<div class=”pop-item”>
<span class=”pop-num”>03</span>
<div><span class=”pop-title”>Audiențe Lookalike: cum să găsești clone ale clienților tăi</span><span class=”pop-meta”>3.5k au citit</span></div>
</div>
<div class=”pop-item”>
<span class=”pop-num”>04</span>
<div><span class=”pop-title”>KPI-ul campaniei publicitare: ce să măsori și cum să analizezi</span><span class=”pop-meta”>3.0k au citit</span></div>
</div>
</div>

<div class=”kw”>
<span class=”kw-h3″># Teme blog</span>
<div class=”kw-cloud”>
<a href=”#” class=”chip”>publicitate țintită</a>
<a href=”#” class=”chip”>Meta Ads</a>
<a href=”#” class=”chip”>Google Ads</a>
<a href=”#” class=”chip”>publicitate Facebook</a>
<a href=”#” class=”chip”>publicitate Instagram</a>
<a href=”#” class=”chip”>creare site</a>
<a href=”#” class=”chip”>landing page</a>
<a href=”#” class=”chip”>instruire publicitate</a>
<a href=”#” class=”chip”>retargeting</a>
<a href=”#” class=”chip”>publicitate 2026</a>
<a href=”#” class=”chip”>costul lead-ului</a>
<a href=”#” class=”chip”>ROI publicitate</a>
<a href=”#” class=”chip”>audiențe</a>
<a href=”#” class=”chip”>creative</a>
<a href=”#” class=”chip”>pâlnie de vânzări</a>
<a href=”#” class=”chip”>cazuri</a>
</div>
</div>

</div>

</div>
</div>