/* LUMUS FILMS — Site One Page · Versão Final ============================================================ Stack: React (sem dependências externas além das listadas) Fontes: Syne (display) + DM Sans (corpo) via Google Fonts Cor principal: #E8890C COMO PERSONALIZAR — procure os comentários com ⚠️ ───────────────────────────────────────────────── 1. LOGO → src="/assets/logo-site.png" 2. VÍDEO HERO → descomente 3. FOTO "DESDE" → src da .since-left img 4. PORTFÓLIO → array PORT 5. CLIENTES → array LOGOS 6. DEPOIMENTOS → array TESTIS 7. WHATSAPP → buscar "5531996485655" 8. EMAIL → buscar "filmeslumus@gmail.com.br" 9. INSTAGRAM → buscar href="#" nos botões de instagram */ // ─── Dados editáveis ───────────────────────────────────────────────────────── const PORT = [ { t: "Aguiar Horta & Afins", c: "Empresas", img: "/assets/aguiar2.png", video: "/assets/aguiar-video.mp4" }, { t: "Gellak + Supermercados BH", c: "Eventos", img: "/assets/evento-corrida.png", video: "/assets/bh.mp4" }, { t: "Pôr do sol no Bosque", c: "Eventos", img: "/assets/bosque2.png", video: "/assets/bosque.mp4" }, { t: "Congadar — DVD ao vivo", c: "Social Media", img: "/assets/congadar-dvd.png", video: "/assets/congadar.mp4" }, { t: "Papai Noel na Feirinha", c: "Eventos", img: "/assets/noel.png", video: "/assets/noel.mp4" }, { t: "Institucional Gellak Sorvetes 2025", c: "Empresas", img: "/assets/institucional2.png", video: "/assets/institucional.mp4" }, { t: "ISHOW - Lobo Guará prod. Flow Key", c: "Videoclipes", img: "/assets/ishow.png", video: "/assets/ishow.mp4" }, { t: "Motorsete — Institucional", c: "Empresas", img: "/assets/motorsete.png", video: "/assets/motorsete.mp4" }, { t: "Gellak Sorvetes", c: "Social Media", img: "/assets/gellak-foto.png", video: "/assets/picole.mp4" }, { t: "Brenda Mendes Tattoo", c: "Social Media", img: "/assets/brenda2.png", video: "/assets/brenda.mp4" }, { t: "Stand-Up Comedy", c: "Social Media", img: "/assets/chu2.png", video: "/assets/chu.mp4" }, { t: "Lenovo + Gabriel de Pinho", c: "Social Media", img: "/assets/gabs.png", img: "/assets/gabs.png", video: "/assets/gabs.mp4" }, { t: "Fenex + Gellak", c: "Eventos", img: "/assets/fenex.png", img: "/assets/fenex.png", video: "/assets/fenex.mp4" }, ]; const CATS = ["Todos", "Empresas", "Eventos", "Social Media"]; const LOGOS = [ "Gellak Sorvetes", "Ishow", "Cervejaria Capim Branco", "Motorsete", "Body Health Brasil", "Paloma Cipriano", "Amar Veterinária", "Festival do Folclore de Jequitibá", "Aguiar Horta & Afins", "Jean Karllo Imóveis", "Congadar", "Só no Sapatinho Calçados", "Brenda Mendes Tattoo", "4 Estações Grill", "Banda No Label" ]; const TESTIS = [ { n: "Ricardo Fonseca", r: "Dir. de Marketing — Motorsete", s: 5, t: "Profissionalismo absurdo. Desde o briefing até a entrega, cada detalhe foi cuidado. O institucional ficou acima das expectativas." }, { n: "Ana Carolina M.", r: "CEO — Clínica Renovare", s: 5, t: "A Lumus transformou como o mercado enxerga nossa marca. Trouxe a autoridade que levou anos para construirmos — em semanas." }, { n: "Juliana Braga", r: "Fundadora — Studio Alma", s: 5, t: "Não é só um vídeo bonito — é estratégia. Eles entenderam meu negócio e criaram conteúdo que realmente converte." }, ]; const SIM_STEPS = [ { q: "Que tipo de vídeo você precisa?", opts: ["Vídeo Institucional", "Reels / Social Media", "Cobertura de Evento", "Motion Design"] }, { q: "Qual é o principal objetivo?", opts: ["Aumentar vendas", "Fortalecer a marca", "Engajar nas redes", "Registrar um evento"] }, { q: "Qual é o prazo ideal?", opts: ["Urgente (até 2 semanas)", "Normal (até 1 mês)", "Planejado (1–3 meses)", "Ainda não sei"] }, ]; // ─── CSS global ─────────────────────────────────────────────────────────────── const GlobalStyles = () => ( ); // ─── Simulador ─────────────────────────────────────────────────────────────── function Simulador({ onClose }) { const [step, setStep] = useState(0); const [answers, setAnswers] = useState([]); const [done, setDone] = useState(false); const pick = (opt) => { const next = [...answers, opt]; setAnswers(next); if (step < SIM_STEPS.length - 1) setStep(step + 1); else setDone(true); }; return (
e.target === e.currentTarget && onClose()}>
{SIM_STEPS.map((_, i) => (
))}
{!done ? ( <>

{step + 1} de {SIM_STEPS.length}

{SIM_STEPS[step].q}

{SIM_STEPS[step].opts.map((opt) => ( ))}
) : (

Perfeito!

{answers.map((a) => (
{a}
))}

Receba sua proposta em até 24 horas.

{/* ⚠️ Substitua o número */}
)}
); } // ─── Depoimentos ───────────────────────────────────────────────────────────── function Depoimentos() { const [idx, setIdx] = useState(0); useEffect(() => { const t = setInterval(() => setIdx((i) => (i + 1) % TESTIS.length), 5000); return () => clearInterval(t); }, []); const t = TESTIS[idx]; return (
{"★".repeat(t.s)}

"{t.t}"

{t.n}

{t.r}

{TESTIS.map((_, i) => (
); } // ─── Portfólio ─────────────────────────────────────────────────────────────── function Portfolio() { const [filter, setFilter] = useState("Todos"); const [videoOpen, setVideoOpen] = useState(false); const [currentVideo, setCurrentVideo] = useState(""); const items = filter === "Todos" ? PORT : PORT.filter((p) => p.c === filter); return ( <>
{CATS.map((c) => ( ))}
{items.map((p) => (
{ setCurrentVideo(p.video); setVideoOpen(true); }} > {p.t}
{p.t} {p.c}
{p.c}
))}
{videoOpen && (
)} ); } // ─── App principal ──────────────────────────────────────────────────────────── function LumusFilms() { const [scrolled, setScrolled] = useState(false); const [simOpen, setSimOpen] = useState(false); useEffect(() => { const fn = () => setScrolled(window.scrollY > 55); window.addEventListener("scroll", fn, { passive: true }); return () => window.removeEventListener("scroll", fn); }, []); const go = (id) => document.getElementById(id)?.scrollIntoView({ behavior: "smooth", block: "start" }); const Pad = ({ id, children, style = {} }) => (
{children}
); const SecHead = ({ tag, line1, line2 }) => ( <>

{tag}

{line1}
{line2}

); return ( <> {/* NAV */} {/* HERO */}

✦ Produtora Audiovisual · Sete Lagoas / MG · Desde 2017

Vídeos que iluminam
seu negócio.

Produção audiovisual estratégica para marcas que buscam autoridade, presença e resultados reais. Da câmera à tela do seu cliente.

{[["900+", "Projetos"], ["8+", "Anos de estrada"], ["5", "Estados atendidos"]].map(([n, l]) => (
{n}
{l}
))}
go("desde")}>
{/* DESDE 2017 */}
{/* ⚠️ Troque pela foto real do set */} Lumus Films nos bastidores
{["Gellak Sorvetes", "Jean Karllo Imóveis", "Congadar", "Só no Sapatinho", "Body Health Brasil", "Mimuai"].map((b) => ( {b} ))}

✦ Nossa missão

"Filmes que elevam
a percepção da sua marca."

✦ Produtora desde

20 17

Iluminando marcas

Fundada em 2017 A Lumus surgiu da crença de que a atenção é uma das coisas mais valiosas do nosso tempo. Em um mundo onde conteúdos são consumidos em segundos e esquecidos com a mesma velocidade, acreditamos que bons filmes ainda têm o poder de fazer alguém parar, observar e se conectar. Por isso, não enxergamos o audiovisual apenas como uma ferramenta de divulgação. Para nós, vídeo é uma forma de transformar ideias em experiências, mensagens em conexão e momentos em memória. Desde 2017, produzimos filmes para empresas, eventos, artistas e pessoas que entendem a importância de comunicar algo que realmente importe. Cada projeto é único, mas todos compartilham o mesmo objetivo: criar algo que continue fazendo sentido mesmo depois que a tela é desligada. A tecnologia muda. Os formatos mudam. As plataformas mudam. O que permanece é a força de uma boa história bem contada.

{[["8+", "Anos"], ["900+", "Projetos"], ["5", "Estados"]].map(([n, l], i) => (
{i > 0 &&
}
{n}
{l}
))}
{["Lei Aldir Blanc ✓", "DVD ao vivo ✓", "Videoclipes ✓", "Institucional ✓", "Social Media ✓"].map((tag) => ( {tag} ))}
{/* QUOTE */}

"Transformamos luz em histórias."

{/* SERVIÇOS */}
{[ { badge: "Autoridade", icon: "🏢", title: "Produção Institucional", desc: "Vídeos que constroem autoridade, geram confiança e convencem antes mesmo do contato." }, { badge: "Engajamento", icon: "⚡", title: "Reels Estratégicos", desc: "Reels que retêm atenção e geram desejo. Criado para o algoritmo e para o ser humano." }, { badge: "Memória", icon: "📷", title: "Cobertura de Eventos", desc: "Cada momento, eternizado. Direção criativa para transformar seu evento em conteúdo de valor." }, { badge: "Inovação", icon: "✏️", title: "Motion Design", desc: "Animações que explicam o inexplicável e vendem o invisível. Design em movimento para marcas modernas." }, ].map((s) => (
{s.badge}
{s.icon}

{s.title}

{s.desc}

))}
{/* PROCESSO */}
{[ { icon: "👥", title: "Briefing", desc: "Imersão total no seu negócio, objetivos e diferenciais." }, { icon: "🎯", title: "Planejamento", desc: "Roteiro, storyboard e estratégia visual completa." }, { icon: "🎥", title: "Gravação", desc: "Equipamentos 4K e direção cinematográfica experiente." }, { icon: "✂️", title: "Edição", desc: "Color grading, trilha, motion graphics e finalização." }, { icon: "📦", title: "Entrega", desc: "Formatos otimizados por plataforma, prontos para converter." }, ].map((s, i) => (
{s.icon}
{i + 1}

{s.title}

{s.desc}

))}
{/* PORTFÓLIO */} {/* CLIENTES */}

⭐ Marcas que já iluminamos

Quem confia na Lumus.

{LOGOS.map((l) =>
{l}
)}
{/* CONTATO */}

💬 Vamos conversar

Pronto para iluminar
sua marca?

Resposta em até 24 horas.

{/* ⚠️ Substitua pelo número real */} {/* ⚠️ Substitua pelo email real */}

contato@lumusfilms.com.br

{/* FOOTER */}
Lumus Films

© 2025 Lumus Films · Sete Lagoas, MG

{/* ⚠️ Substitua os links reais */} Insta wpp
{/* BOTÕES FLUTUANTES */}
Instagram WhatsApp
{/* SIMULADOR */} {simOpen && setSimOpen(false)} />} ); }