// LinkedClean — Landing page sections // Reaproveita lc-brand-v2.jsx (LCB tokens, LCBHero, LCBLockup, LCBIcon, LCBButton, LCBPillNav, LCBHeadline) const { useState, useRef, useEffect, useCallback } = React; // ============================================================================= // SHARED SHELL — Nav + Footer // ============================================================================= function LCNav({ active }) { const { LCB, LCBLockup } = window; const items = [ { label: 'Como funciona', href: '/#como-funciona' }, { label: 'Manifesto', href: '/manifesto' }, { label: 'Privacidade', href: '/privacidade' }, ]; return (
); } window.LCNav = LCNav; function LCFooter() { const { LCB, LCBLockup } = window; return ( ); } window.LCFooter = LCFooter; // ============================================================================= // SECTION HEADER — eyebrow + título grande // ============================================================================= function LCSectionHeader({ eyebrow, title, sub, align = 'center', maxWidth = 760 }) { const { LCB } = window; return (
{eyebrow}

{title}

{sub && (

{sub}

)}
); } window.LCSectionHeader = LCSectionHeader; // ============================================================================= // HERO (reaproveitado e refinado — sem número inventado no trust strip) // ============================================================================= function LCLandingHero() { const { LCB, LCBIcon, LCBHeadline } = window; return (
{/* big icon */}
Limpe seu feed do LinkedIn

Oculte patrocinados, política e vídeos. Fuja de iscas de engajamento. Você no controle do algoritmo.

Adicionar ao Chrome Ver como funciona
{/* trust strip — sem número inventado */}
Sem login · Sem dados coletados · Sem deixar lento
); } window.LCLandingHero = LCLandingHero; // ============================================================================= // BEFORE / AFTER — slider arrastável // ============================================================================= function LCBeforeAfter() { const { LCB, LCSectionHeader } = window; // 4 categorias canônicas, cada uma com cor de avatar distinta. // O ciclo total da animação é 8s; cada card fica 50% normal + 50% oculto, // staggered 2s entre eles → "varredura" sequencial passa pelos 4 cards. const posts = [ { color: '#FB923C', tag: 'Patrocinado' }, { color: '#A855F7', tag: 'Iscas de engajamento' }, { color: '#10B981', tag: 'Vídeo' }, { color: '#3B82F6', tag: 'Conteúdo político' }, ]; return (
); } window.LCBeforeAfter = LCBeforeAfter;