// Redesign app for Roberto Grécia — institutional classical const { useState, useEffect } = React; // ---------- Palettes ---------- const PALETTES = { greek: { bg: '#F7F3EC', bgAlt: '#EFE8DB', ink: '#0B2E55', accent: '#0D5EAF', accentDark: '#0A4A8C', gold: '#B8892B', goldLight: '#D4A84B', rule: 'rgba(11,46,85,0.18)', muted: '#5a5a5a', }, ink: { bg: '#F4F2ED', bgAlt: '#E9E5DC', ink: '#1a2540', accent: '#22406E', accentDark: '#17304F', gold: '#A07A2A', goldLight: '#C69A42', rule: 'rgba(26,37,64,0.18)', muted: '#555', }, night: { bg: '#14181F', bgAlt: '#1B212B', ink: '#F5EEDF', accent: '#D4A84B', accentDark: '#B8892B', gold: '#D4A84B', goldLight: '#E8C878', rule: 'rgba(245,238,223,0.14)', muted: '#a9a39a', }, }; function useTweaks() { const [tw, setTw] = useState(window.__getTweaks ? window.__getTweaks() : { palette: 'greek', serif: 'cormorant', hero: 'split', bg: 'paper' }); useEffect(() => { const handler = (e) => setTw(e.detail); window.addEventListener('tweak-change', handler); return () => window.removeEventListener('tweak-change', handler); }, []); return tw; } // ---------- Components ---------- function LogoMark({ size = 48, variant = 'mark' }) { // Real brand mark: the Greek-meander medallion with RG monogram const src = variant === 'mark' ? 'assets/logo-mark-only.png' : 'assets/logo-mark-gold.png'; return ( Roberto Grécia ); } function FotoRoberto({ palette, ratio = '3/4' }) { return (
Dr. Roberto Grécia, advogado em Porto Velho
); } function Rule({ palette, style = 'double', width = '100%' }) { const border = style === 'double' ? `3px double ${palette.rule}` : `1px solid ${palette.rule}`; return
; } function TopBar({ palette }) { return (
OAB/RO 7865 · Porto Velho Atendimento Presencial & Online PT · EN · ES (69) 9 8405-2552 →
); } function Nav({ palette, serifFamily }) { const items = [ { label: 'Sobre', href: 'sobre.html', external: true }, { label: 'Atuação', href: '#atuacao' }, { label: 'Casos', href: '#casos' }, { label: 'FAQ', href: '#faq' }, { label: 'Contato', href: '#contato' }, ]; const [open, setOpen] = useState(false); const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 24); onScroll(); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); return ( ); } // ---------- HERO VARIANTS ---------- function HeroSplit({ palette, serifFamily }) { const photoRef = useReveal({ threshold: 0.2 }); return (

Est. Porto Velho · OAB/RO 7865

Atuação especializada em contratos bancários, revisão de cláusulas abusivas e execução de dívidas. Em Porto Velho e em todo o Brasil — presencial e online.

Falar no WhatsApp agora Ver áreas de atuação →

Dr. Roberto Grécia

OAB/RO 7865

); } function HeroEditorial({ palette, serifFamily }) { return (

Advocacia & Consultoria Jurídica · OAB/RO 7865

Direito contratual,
bancário e cível.

Uma defesa técnica, discreta e orientada a resultados — para quem precisa proteger patrimônio, contratos e nome.

); } function HeroQuiet({ palette, serifFamily }) { return (

№ 01 · Escritório de advocacia · Porto Velho

Quando um contrato bancário se torna um problema — ou quando a execução de uma dívida chega à sua porta — você precisa de alguém que conheça o terreno.

01

Revisão de contratos bancários e cláusulas abusivas

02

Defesa e ajuizamento em execuções de dívida

03

Direito civil em geral & consultoria preventiva

Agendar consulta →
); } // ---------- SOBRE ---------- function Sobre({ palette, serifFamily }) { return (

№ 01 — Quem atende você

Sobre o escritório.

“Por trás de cada processo há uma vida, um negócio ou um patrimônio a proteger. Meu trabalho é fazer com que o direito responda a isso — sem promessa vazia, sem jargão desnecessário.”

— Dr. Roberto Grécia

Atuamos desde a análise preventiva de contratos e cláusulas até a defesa combativa em ações de execução, revisionais e consumo bancário. Trabalhamos para pessoas físicas e empresas de diferentes portes.

A postura é técnica, discreta e sem achismos: análise documental séria, estratégia antes do processo e comunicação clara com o cliente em cada etapa.

{[ { n: 'Registro', k: 'OAB/RO 7865', t: 'Regularidade profissional' }, { n: 'Sede', k: 'Porto Velho', t: 'Rondônia · Brasil' }, { n: 'Alcance', k: 'Nacional', t: 'Atendimento online' }, { n: 'Clientes', k: 'PF & PJ', t: 'Pessoa física e empresas' }, ].map((s, i) => (

{s.n}

{s.k}

{s.t}

))}
); } // ---------- ATUAÇÃO ---------- const AREAS = [ { n: '01', titulo: 'Contratos bancários', lead: 'Revisão de empréstimos, financiamentos, crédito consignado e cartão.', body: 'Identificação de cláusulas abusivas, juros capitalizados indevidamente, tarifas ilegais e pleito de revisão judicial ou extrajudicial.', }, { n: '02', titulo: 'Revisão contratual', lead: 'Análise técnica de contratos civis, comerciais e de prestação de serviços.', body: 'Reescrita, negociação e ajuizamento quando necessário — para equilibrar a relação e proteger o cliente antes do problema escalar.', }, { n: '03', titulo: 'Execução de dívidas', lead: 'Cobrança judicial de créditos — e defesa contra execuções indevidas.', body: 'Atuação dos dois lados da mesa: credores que precisam executar títulos e devedores que precisam contestar penhoras ou negociar.', }, { n: '04', titulo: 'Direito civil geral', lead: 'Família, sucessões, responsabilidade civil, consumidor.', body: 'Causas cíveis com análise documental cuidadosa e estratégia construída caso a caso, sem fórmulas prontas.', }, { n: '05', titulo: 'Fraudes bancárias', lead: 'Pix indevido, empréstimo fraudulento, golpe aplicado em sua conta.', body: 'Reparação financeira e responsabilização da instituição quando há falha na segurança ou no dever de cuidado.', }, { n: '06', titulo: 'Consultoria preventiva', lead: 'Para empresas e profissionais que querem se antecipar ao conflito.', body: 'Diagnósticos de risco contratual, pareceres e acompanhamento recorrente — o custo da prevenção é menor do que o do litígio.', }, ]; function Atuacao({ palette, serifFamily }) { return (

№ 02 — Áreas de atuação

O que fazemos concretamente.

Seis frentes, com destaque para o que mais procuram o escritório: contratos, bancos e cível.

{AREAS.map((a, i) => { const ref = useReveal({ threshold: 0.1 }); return (
{a.n}
{a.n} —

{a.titulo}

{a.lead}

{a.body}

); })}
); } // ---------- CASOS / CREDIBILIDADE ---------- function Credibilidade({ palette, serifFamily }) { return (

№ 03 — Credibilidade

Confiança construída
no dia a dia.

Ética profissional nos impede de expor detalhes de clientes e processos. Mas o que pode ser dito publicamente, dizemos com orgulho.

Avaliações no Google →
{[1,2,3,4,5].map(i => ( ))}
“Excelente profissional. Atencioso, técnico e resolveu meu problema com o banco em poucos meses.”
Cliente via Google · Porto Velho / RO

Princípio

“Dura lex, sed lex. A lei é dura, mas é a lei — e é trabalho do advogado garantir que ela seja aplicada com rigor e humanidade.”
Escritório Roberto Grécia
{[ { k: '100%', t: 'Foco no cliente', count: true, to: 100, suffix: '%' }, { k: 'Porto Velho', t: 'Rondônia · Brasil' }, { k: 'Online', t: 'Atendimento em todo o país' }, ].map((s, i) => (

5 ? '20px' : '28px' }}> {s.count ? : s.k}

{s.t}

))}
); } // ---------- CONTATO ---------- function Contato({ palette, serifFamily }) { return (

№ 04 — Contato

Converse
direto com o advogado.

Respostas em dia útil. Atendimento presencial em Porto Velho e por videoconferência para clientes de todo o Brasil.

Endereço

Porto Velho · RO

Registro

OAB/RO 7865

Canal direto

WhatsApp é o caminho mais rápido.

Conte em poucas linhas o que está acontecendo. Vou ler pessoalmente e responder com clareza sobre os caminhos possíveis e os honorários devidos.

Abrir WhatsApp agora

Horário

Seg. a Sex.
08h às 18h

Urgências

Envie mensagem — reviso fora do horário

); } // ---------- FOOTER ---------- function Footer({ palette, serifFamily }) { return ( ); } // ---------- APP ---------- function App() { const tw = useTweaks(); const palette = PALETTES[tw.palette] || PALETTES.greek; const serifFamilies = { cormorant: '"Cormorant Garamond", Georgia, serif', fraunces: '"Fraunces", Georgia, serif', dm: '"DM Serif Display", Georgia, serif', lora: '"Lora", Georgia, serif', spectral: '"Spectral", Georgia, serif', instrument: '"Instrument Serif", Georgia, serif', }; const serifFamily = serifFamilies[tw.serif] || serifFamilies.fraunces; // Background override const paletteWithBg = (() => { if (tw.bg === 'white') return { ...palette, bg: '#ffffff', bgAlt: '#f6f4ee' }; if (tw.bg === 'ink') return { ...palette, bg: palette.ink, bgAlt: palette.accentDark, ink: palette.bg, muted: 'rgba(255,255,255,0.7)', rule: 'rgba(255,255,255,0.15)' }; return palette; })(); const HeroComp = { split: HeroSplit, editorial: HeroEditorial, quiet: HeroQuiet }[tw.hero] || HeroSplit; return (
); } ReactDOM.createRoot(document.getElementById('redesign-root')).render();