Exportar HTML da Landing Page
Copie o código abaixo e cole em um widget HTML do Elementor (ou em um bloco HTML Personalizado do WordPress/Gutenberg). O código é auto-suficiente: já traz Tailwind, fontes premium e todos os estilos.
r2m-landing.html23.451 caracteres
<!-- ============================================================
R2M MEDIA GROUP — LANDING PAGE (HTML pronto p/ Elementor/WordPress)
Cole este bloco dentro de um widget "HTML" do Elementor,
ou em um bloco "HTML Personalizado" do Gutenberg.
============================================================ -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Orbitron:wght@600;700;800;900&display=swap" rel="stylesheet">
<link href="https://api.fontshare.com/v2/css?f[]=clash-display@600,700&f[]=general-sans@500,600&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<style>
.r2m-root{--bg:#0B1020;--bg2:#111827;--neon:#008CFF;--soft:#5BC0EB;--silver:#C9CDD3;--ice:#F8FAFC;--muted:#CBD5E1;
background:var(--bg);color:var(--silver);font-family:'Inter',sans-serif;position:relative;overflow-x:hidden;}
.r2m-root h1,.r2m-root h2{font-family:'Clash Display','Inter',sans-serif;letter-spacing:-.02em}
.r2m-root h3,.r2m-root .sub{font-family:'General Sans','Inter',sans-serif}
.r2m-watermark{position:fixed;inset:0;pointer-events:none;z-index:0;
background:url('https://r2mmediagroup.lovable.app/r2m-logo.png') center/500px no-repeat;
opacity:.10;filter:blur(2px) drop-shadow(0 0 40px #008CFF)}
.r2m-vignette{position:fixed;inset:0;pointer-events:none;z-index:1;
background:radial-gradient(circle at 50% 50%,transparent 0%,rgba(11,16,32,.85) 80%)}
.r2m-glow-neon{box-shadow:0 0 20px rgba(0,140,255,.55),0 0 60px rgba(0,140,255,.25)}
.r2m-glow-silver{box-shadow:0 0 30px rgba(201,205,211,.55),0 0 80px rgba(154,160,166,.3)}
.r2m-card{background:linear-gradient(180deg,rgba(17,24,39,.75),rgba(11,16,32,.75));
border:1px solid rgba(0,140,255,.25);backdrop-filter:blur(12px);border-radius:20px;
transition:transform .3s ease,box-shadow .3s ease,border-color .3s}
.r2m-card:hover{transform:translateY(-6px);border-color:rgba(0,140,255,.7);box-shadow:0 20px 60px rgba(0,140,255,.25)}
.r2m-btn-neon{background:linear-gradient(135deg,#008CFF,#00B7FF);color:#fff;padding:14px 28px;border-radius:14px;
font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:.3s;box-shadow:0 0 25px rgba(0,140,255,.5)}
.r2m-btn-neon:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(0,140,255,.8)}
.r2m-btn-silver{background:linear-gradient(135deg,#F5F7FA,#C9CDD3,#8A9099);color:#0B1020;padding:14px 28px;
border-radius:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:.3s;
box-shadow:0 0 25px rgba(201,205,211,.5)}
.r2m-btn-silver:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(201,205,211,.8)}
.r2m-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;
background:linear-gradient(135deg,#F5F7FA,#C9CDD3);color:#0B1020;font-size:12px;font-weight:700}
.r2m-section{position:relative;z-index:2}
.r2m-hero-title{background:linear-gradient(135deg,#F8FAFC 0%,#C9CDD3 50%,#8A9099 100%);
-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes r2mfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.r2m-float{animation:r2mfloat 6s ease-in-out infinite}
</style>
<div class="r2m-root">
<div class="r2m-watermark"></div>
<div class="r2m-vignette"></div>
<!-- HERO -->
<section class="r2m-section max-w-7xl mx-auto px-6 pt-24 pb-20">
<div class="grid md:grid-cols-2 gap-12 items-center">
<div class="r2m-float flex justify-center md:justify-start">
<div class="relative">
<div class="absolute inset-0 rounded-full r2m-glow-silver" style="background:radial-gradient(circle,#F5F7FA,#C9CDD3 40%,transparent 75%);filter:blur(20px);transform:scale(1.4)"></div>
<img src="https://r2mmediagroup.lovable.app/r2m-logo.png" alt="R2M Media Group" class="relative w-56 md:w-72 rounded-full border-2" style="border-color:rgba(201,205,211,.6)">
</div>
</div>
<div>
<span class="r2m-badge mb-4">★★★★★ 5 estrelas no Google</span>
<h1 class="text-4xl md:text-6xl font-bold mb-6 r2m-hero-title leading-tight">
SOLUÇÕES DIGITAIS DE ALTO IMPACTO PARA MARCAS QUE QUEREM LIDERAR O MERCADO
</h1>
<p class="text-lg mb-8" style="color:#CBD5E1">
Estratégia, tecnologia, automação e presença digital com padrão executivo.
Criamos experiências digitais que posicionam sua empresa acima da concorrência.
</p>
<div class="flex flex-wrap gap-4">
<a href="https://wa.me/5515998238578?text=Ol%C3%A1%20R2M%2C%20quero%20um%20or%C3%A7amento" target="_blank" rel="noopener" class="r2m-btn-silver">💬 Falar no WhatsApp</a>
<a href="#portfolio" class="r2m-btn-neon">Ver Portfólio →</a>
</div>
<p class="mt-6 text-sm" style="color:#CBD5E1">
Atendimento em todo o Brasil • Sorocaba/SP • Projetos personalizados
</p>
</div>
</div>
</section>
<!-- SERVIÇOS PRINCIPAIS -->
<section class="r2m-section max-w-7xl mx-auto px-6 py-20">
<div class="text-center mb-14">
<span class="r2m-badge mb-3">Serviços Premium</span>
<h2 class="text-3xl md:text-5xl font-bold mt-3 r2m-hero-title">Soluções que geram resultado</h2>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
<article class="r2m-card overflow-hidden">
<div class="h-48 overflow-hidden"><img src="https://images.unsplash.com/photo-1517430816045-df4b7de11d1d?w=800" alt="Criação de Sites" class="w-full h-full object-cover" loading="lazy"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-1" style="color:#F8FAFC">Criação de Sites</h3>
<div class="text-sm mb-3" style="color:#5BC0EB">A partir de R$ 49,99</div>
<p class="text-sm mb-4" style="color:#CBD5E1">Sites institucionais rápidos, responsivos e otimizados para SEO.</p>
<a href="https://wa.me/5515998238578?text=Ol%C3%A1%20R2M%2C%20quero%20um%20or%C3%A7amento" target="_blank" rel="noopener" class="text-sm font-semibold inline-flex items-center gap-1" style="color:#008CFF">Solicitar orçamento →</a>
</div>
</article>
<article class="r2m-card overflow-hidden">
<div class="h-48 overflow-hidden"><img src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=800" alt="Landing Pages de Conversão" class="w-full h-full object-cover" loading="lazy"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-1" style="color:#F8FAFC">Landing Pages de Conversão</h3>
<div class="text-sm mb-3" style="color:#5BC0EB">Campeã de vendas</div>
<p class="text-sm mb-4" style="color:#CBD5E1">Páginas focadas em conversão com copywriting persuasivo.</p>
<a href="https://wa.me/5515998238578?text=Ol%C3%A1%20R2M%2C%20quero%20um%20or%C3%A7amento" target="_blank" rel="noopener" class="text-sm font-semibold inline-flex items-center gap-1" style="color:#008CFF">Solicitar orçamento →</a>
</div>
</article>
<article class="r2m-card overflow-hidden">
<div class="h-48 overflow-hidden"><img src="https://images.unsplash.com/photo-1611926653458-09294b3142bf?w=800" alt="Tráfego Pago" class="w-full h-full object-cover" loading="lazy"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-1" style="color:#F8FAFC">Tráfego Pago</h3>
<div class="text-sm mb-3" style="color:#5BC0EB">Google & Meta Ads</div>
<p class="text-sm mb-4" style="color:#CBD5E1">Campanhas com ROI mensurável e leads qualificados.</p>
<a href="https://wa.me/5515998238578?text=Ol%C3%A1%20R2M%2C%20quero%20um%20or%C3%A7amento" target="_blank" rel="noopener" class="text-sm font-semibold inline-flex items-center gap-1" style="color:#008CFF">Solicitar orçamento →</a>
</div>
</article>
<article class="r2m-card overflow-hidden">
<div class="h-48 overflow-hidden"><img src="https://images.unsplash.com/photo-1432888622747-4eb9a8efeb07?w=800" alt="SEO e Ranqueamento" class="w-full h-full object-cover" loading="lazy"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-1" style="color:#F8FAFC">SEO e Ranqueamento</h3>
<div class="text-sm mb-3" style="color:#5BC0EB">Consulte valores</div>
<p class="text-sm mb-4" style="color:#CBD5E1">Suba para o topo do Google com estratégia técnica e conteúdo.</p>
<a href="https://wa.me/5515998238578?text=Ol%C3%A1%20R2M%2C%20quero%20um%20or%C3%A7amento" target="_blank" rel="noopener" class="text-sm font-semibold inline-flex items-center gap-1" style="color:#008CFF">Solicitar orçamento →</a>
</div>
</article>
<article class="r2m-card overflow-hidden">
<div class="h-48 overflow-hidden"><img src="https://images.unsplash.com/photo-1611746872915-64382b5c76da?w=800" alt="Automação WhatsApp (Alvorafy)" class="w-full h-full object-cover" loading="lazy"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-1" style="color:#F8FAFC">Automação WhatsApp (Alvorafy)</h3>
<div class="text-sm mb-3" style="color:#5BC0EB">IA Humanizada</div>
<p class="text-sm mb-4" style="color:#CBD5E1">Bot inteligente com atendimento 24/7 e integração com CRM.</p>
<a href="https://wa.me/5515998238578?text=Ol%C3%A1%20R2M%2C%20quero%20um%20or%C3%A7amento" target="_blank" rel="noopener" class="text-sm font-semibold inline-flex items-center gap-1" style="color:#008CFF">Solicitar orçamento →</a>
</div>
</article>
<article class="r2m-card overflow-hidden">
<div class="h-48 overflow-hidden"><img src="https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?w=800" alt="Criação de Aplicativos" class="w-full h-full object-cover" loading="lazy"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-1" style="color:#F8FAFC">Criação de Aplicativos</h3>
<div class="text-sm mb-3" style="color:#5BC0EB">iOS & Android</div>
<p class="text-sm mb-4" style="color:#CBD5E1">Apps nativos e híbridos com UX premium.</p>
<a href="https://wa.me/5515998238578?text=Ol%C3%A1%20R2M%2C%20quero%20um%20or%C3%A7amento" target="_blank" rel="noopener" class="text-sm font-semibold inline-flex items-center gap-1" style="color:#008CFF">Solicitar orçamento →</a>
</div>
</article>
<article class="r2m-card overflow-hidden">
<div class="h-48 overflow-hidden"><img src="https://images.unsplash.com/photo-1626785774573-4b799315345d?w=800" alt="Identidade Visual" class="w-full h-full object-cover" loading="lazy"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-1" style="color:#F8FAFC">Identidade Visual</h3>
<div class="text-sm mb-3" style="color:#5BC0EB">Branding executivo</div>
<p class="text-sm mb-4" style="color:#CBD5E1">Logo, paleta, tipografia e manual de marca completo.</p>
<a href="https://wa.me/5515998238578?text=Ol%C3%A1%20R2M%2C%20quero%20um%20or%C3%A7amento" target="_blank" rel="noopener" class="text-sm font-semibold inline-flex items-center gap-1" style="color:#008CFF">Solicitar orçamento →</a>
</div>
</article>
<article class="r2m-card overflow-hidden">
<div class="h-48 overflow-hidden"><img src="https://images.unsplash.com/photo-1519741497674-611481863552?w=800" alt="Convites Personalizados" class="w-full h-full object-cover" loading="lazy"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-1" style="color:#F8FAFC">Convites Personalizados</h3>
<div class="text-sm mb-3" style="color:#5BC0EB">RSVP via WhatsApp</div>
<p class="text-sm mb-4" style="color:#CBD5E1">Aniversários, debutantes, casamentos com confirmação automática.</p>
<a href="https://wa.me/5515998238578?text=Ol%C3%A1%20R2M%2C%20quero%20um%20or%C3%A7amento" target="_blank" rel="noopener" class="text-sm font-semibold inline-flex items-center gap-1" style="color:#008CFF">Solicitar orçamento →</a>
</div>
</article>
</div>
</section>
<!-- PORTFÓLIO -->
<section id="portfolio" class="r2m-section max-w-7xl mx-auto px-6 py-20" style="background:linear-gradient(180deg,transparent,rgba(17,24,39,.4),transparent)">
<div class="text-center mb-14">
<span class="r2m-badge mb-3">Portfólio</span>
<h2 class="text-3xl md:text-5xl font-bold mt-3 r2m-hero-title">Projetos entregues com excelência</h2>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
<a href="https://shre.ink/NEGSCUSTOM" target="_blank" rel="noopener" class="r2m-card overflow-hidden block group">
<div class="h-56 overflow-hidden"><img src="https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=800" alt="NEGS Custom" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" loading="lazy"></div>
<div class="p-5 flex items-center justify-between">
<span class="font-semibold" style="color:#F8FAFC">NEGS Custom</span>
<span class="text-sm font-semibold" style="color:#008CFF">Ver Projeto ↗</span>
</div>
</a>
<a href="https://shre.ink/proum-vision" target="_blank" rel="noopener" class="r2m-card overflow-hidden block group">
<div class="h-56 overflow-hidden"><img src="https://images.unsplash.com/photo-1556228453-efd6c1ff04f6?w=800" alt="Proum Vision" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" loading="lazy"></div>
<div class="p-5 flex items-center justify-between">
<span class="font-semibold" style="color:#F8FAFC">Proum Vision</span>
<span class="text-sm font-semibold" style="color:#008CFF">Ver Projeto ↗</span>
</div>
</a>
<a href="https://shre.ink/MAISAJARDINAGEM" target="_blank" rel="noopener" class="r2m-card overflow-hidden block group">
<div class="h-56 overflow-hidden"><img src="https://images.unsplash.com/photo-1416879595882-3373a0480b5b?w=800" alt="Mais Jardinagem" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" loading="lazy"></div>
<div class="p-5 flex items-center justify-between">
<span class="font-semibold" style="color:#F8FAFC">Mais Jardinagem</span>
<span class="text-sm font-semibold" style="color:#008CFF">Ver Projeto ↗</span>
</div>
</a>
<a href="https://shre.ink/rvdigital" target="_blank" rel="noopener" class="r2m-card overflow-hidden block group">
<div class="h-56 overflow-hidden"><img src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=800" alt="RV Digital" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" loading="lazy"></div>
<div class="p-5 flex items-center justify-between">
<span class="font-semibold" style="color:#F8FAFC">RV Digital</span>
<span class="text-sm font-semibold" style="color:#008CFF">Ver Projeto ↗</span>
</div>
</a>
<a href="https://shre.ink/uphigienizars" target="_blank" rel="noopener" class="r2m-card overflow-hidden block group">
<div class="h-56 overflow-hidden"><img src="https://images.unsplash.com/photo-1581578731548-c64695cc6952?w=800" alt="UP Higienizar" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" loading="lazy"></div>
<div class="p-5 flex items-center justify-between">
<span class="font-semibold" style="color:#F8FAFC">UP Higienizar</span>
<span class="text-sm font-semibold" style="color:#008CFF">Ver Projeto ↗</span>
</div>
</a>
<a href="https://short-url.cc/visionssttrabalho" target="_blank" rel="noopener" class="r2m-card overflow-hidden block group">
<div class="h-56 overflow-hidden"><img src="https://images.unsplash.com/photo-1521737604893-d14cc237f11d?w=800" alt="Visions Trabalho" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" loading="lazy"></div>
<div class="p-5 flex items-center justify-between">
<span class="font-semibold" style="color:#F8FAFC">Visions Trabalho</span>
<span class="text-sm font-semibold" style="color:#008CFF">Ver Projeto ↗</span>
</div>
</a>
<a href="https://shre.ink/dacontabilidadee" target="_blank" rel="noopener" class="r2m-card overflow-hidden block group">
<div class="h-56 overflow-hidden"><img src="https://images.unsplash.com/photo-1554224155-6726b3ff858f?w=800" alt="DA Contabilidade" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" loading="lazy"></div>
<div class="p-5 flex items-center justify-between">
<span class="font-semibold" style="color:#F8FAFC">DA Contabilidade</span>
<span class="text-sm font-semibold" style="color:#008CFF">Ver Projeto ↗</span>
</div>
</a>
<a href="https://sl1nk.com/voxonestudio" target="_blank" rel="noopener" class="r2m-card overflow-hidden block group">
<div class="h-56 overflow-hidden"><img src="https://images.unsplash.com/photo-1598488035139-bdbb2231ce04?w=800" alt="VoxOne Studio" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" loading="lazy"></div>
<div class="p-5 flex items-center justify-between">
<span class="font-semibold" style="color:#F8FAFC">VoxOne Studio</span>
<span class="text-sm font-semibold" style="color:#008CFF">Ver Projeto ↗</span>
</div>
</a>
<a href="https://shre.ink/anapersonaltrainer" target="_blank" rel="noopener" class="r2m-card overflow-hidden block group">
<div class="h-56 overflow-hidden"><img src="https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=800" alt="Ana Personal Trainer" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" loading="lazy"></div>
<div class="p-5 flex items-center justify-between">
<span class="font-semibold" style="color:#F8FAFC">Ana Personal Trainer</span>
<span class="text-sm font-semibold" style="color:#008CFF">Ver Projeto ↗</span>
</div>
</a>
<a href="https://shre.ink/tcmidia" target="_blank" rel="noopener" class="r2m-card overflow-hidden block group">
<div class="h-56 overflow-hidden"><img src="https://images.unsplash.com/photo-1552664730-d307ca884978?w=800" alt="TC Mídia" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" loading="lazy"></div>
<div class="p-5 flex items-center justify-between">
<span class="font-semibold" style="color:#F8FAFC">TC Mídia</span>
<span class="text-sm font-semibold" style="color:#008CFF">Ver Projeto ↗</span>
</div>
</a>
</div>
</section>
<!-- AVALIAÇÕES -->
<section class="r2m-section max-w-4xl mx-auto px-6 py-20 text-center">
<div class="r2m-card p-10">
<div class="text-5xl mb-2">★★★★★</div>
<h2 class="text-2xl md:text-3xl font-bold mb-3" style="color:#F8FAFC">5 estrelas no Google</h2>
<p class="mb-6" style="color:#CBD5E1">Empresas de todo o Brasil confiam na R2M para escalar sua presença digital.</p>
<div class="flex flex-wrap justify-center gap-3">
<a href="https://g.page/r/r2mmediagroup" target="_blank" rel="noopener" class="r2m-btn-neon">Ver avaliações</a>
<a href="https://g.page/r/r2mmediagroup/review" target="_blank" rel="noopener" class="r2m-btn-silver">Deixar avaliação</a>
</div>
</div>
</section>
<!-- POR QUE R2M -->
<section class="r2m-section max-w-7xl mx-auto px-6 py-20">
<h2 class="text-3xl md:text-5xl font-bold text-center mb-12 r2m-hero-title">Por que escolher a R2M?</h2>
<div class="grid md:grid-cols-3 gap-5">
<div class="r2m-card p-6 flex items-start gap-3">
<span style="color:#008CFF;font-size:22px">✓</span>
<span style="color:#F8FAFC;font-weight:600">Atendimento humanizado</span>
</div>
<div class="r2m-card p-6 flex items-start gap-3">
<span style="color:#008CFF;font-size:22px">✓</span>
<span style="color:#F8FAFC;font-weight:600">Projetos personalizados</span>
</div>
<div class="r2m-card p-6 flex items-start gap-3">
<span style="color:#008CFF;font-size:22px">✓</span>
<span style="color:#F8FAFC;font-weight:600">Suporte rápido via WhatsApp</span>
</div>
<div class="r2m-card p-6 flex items-start gap-3">
<span style="color:#008CFF;font-size:22px">✓</span>
<span style="color:#F8FAFC;font-weight:600">Atendimento em todo o Brasil</span>
</div>
<div class="r2m-card p-6 flex items-start gap-3">
<span style="color:#008CFF;font-size:22px">✓</span>
<span style="color:#F8FAFC;font-weight:600">Experiência em diversos segmentos</span>
</div>
<div class="r2m-card p-6 flex items-start gap-3">
<span style="color:#008CFF;font-size:22px">✓</span>
<span style="color:#F8FAFC;font-weight:600">Foco em resultados e conversão</span>
</div>
</div>
</section>
<!-- CTA FINAL -->
<section class="r2m-section max-w-4xl mx-auto px-6 py-20 text-center">
<h2 class="text-3xl md:text-5xl font-bold mb-4 r2m-hero-title">Vamos criar a presença digital da sua empresa?</h2>
<p class="mb-8 text-lg" style="color:#CBD5E1">Solicite um orçamento personalizado agora mesmo.</p>
<a href="https://wa.me/5515998238578?text=Ol%C3%A1%20R2M%2C%20quero%20um%20or%C3%A7amento" target="_blank" rel="noopener" class="r2m-btn-silver text-lg">💬 Chamar no WhatsApp</a>
</section>
<!-- CONTATO -->
<section class="r2m-section max-w-4xl mx-auto px-6 py-16 text-center border-t" style="border-color:rgba(0,140,255,.2)">
<h3 class="text-2xl font-bold mb-2" style="color:#F8FAFC">R2M Media Group | Influencer Pages Studio</h3>
<p style="color:#CBD5E1">Proprietário: Rudnei Junior • Assessoria: Miriam Lima</p>
<p style="color:#CBD5E1">Sorocaba/SP — atendimento em todo o Brasil</p>
<p class="mt-3" style="color:#F8FAFC">📱 (15) 99823-8578 • ✉️ influencerfotopro@gmail.com</p>
<p class="mt-2" style="color:#5BC0EB">@miriamlimadigital • @inflencerpages.studio</p>
</section>
<!-- VERSÍCULO -->
<section class="r2m-section py-16 text-center" style="background:#0B1020;border-top:1px solid rgba(0,140,255,.2)">
<div class="max-w-3xl mx-auto px-6">
<div style="color:#008CFF;font-size:24px" class="mb-3">✦</div>
<p class="text-lg md:text-xl italic mb-4" style="color:#F8FAFC;font-family:'General Sans',sans-serif">
"Tudo o que fizerem, façam de todo o coração, como para o Senhor e não para os homens."
</p>
<p class="mb-6 tracking-wider text-sm" style="color:#C9CDD3">— COLOSSENSES 3:23</p>
<div class="mx-auto w-16 h-px my-4" style="background:rgba(201,205,211,.4)"></div>
<p class="font-semibold" style="color:#F8FAFC">R2M Media Group | Influencer Pages Studio</p>
<p class="text-sm mt-1" style="color:#CBD5E1">Criando soluções digitais com propósito, excelência e gratidão.</p>
</div>
</section>
</div>
<!-- ============ FIM R2M MEDIA GROUP ============ -->Como usar no WordPress + Elementor:
- Edite a página com o Elementor.
- Arraste o widget HTML para dentro de uma seção full-width.
- Clique em "Copiar HTML" acima e cole no campo do widget.
- Salve. As fontes, Tailwind e o design carregam automaticamente.
- Dica: use uma seção sem padding e com fundo #0B1020 para ficar idêntica.