/* global React, useMedia */ /* ─── LaunchBanner ───────────────────────────────────────────────────────────── */ function LaunchBanner() { const isMobile = useMedia("(max-width: 767px)"); return (
🚀{" "} Em fase de testes {" "} as vagas começam por São Paulo — mas você já pode se cadastrar de qualquer lugar do Brasil 🇧🇷
); } /* ─── Hero ─────────────────────────────────────────────────────────────────── */ function Hero() { const isMobile = useMedia("(max-width: 767px)"); return (
{!isMobile && (
)} {!isMobile && ( )}
Grátis · sem mensalidade, sem pegadinha

Quer encontrar uma vaga?
Fale com o Vaguinho.

Grave um vídeo curtinho se apresentando e veja as vagas que combinam com você nos{" "} bares, restaurantes e hotéis {" "} da sua região. Se candidate nas que curtir e, se o dono gostar do seu vídeo, ele te chama direto no WhatsApp.

{ e.preventDefault(); window.openCTA("hero-candidato"); }} style={{ background: "#C7FF6E", color: "#0B201A", padding: isMobile ? "16px 28px" : "18px 32px", borderRadius: 999, fontWeight: 700, fontSize: isMobile ? 16 : 17, textDecoration: "none", display: "inline-flex", alignItems: "center", gap: 10, boxShadow: "0 0 0 4px rgba(199,255,110,0.18), 0 12px 36px rgba(199,255,110,0.22)", cursor: "pointer", }} > Bora me cadastrar → {!isMobile && ( Como funciona )}
{["#8B5A3C", "#235742", "#5C3A24", "#4A8F73"].map((c, i) => (
))}
4.300 jovens{" "} chamados pra entrevista esse mês
{!isMobile &&
}
{/* Personagem in-flow no mobile, centralizado abaixo do conteúdo */} {isMobile && (
)}
); } /* ─── Stats ─────────────────────────────────────────────────────────────────── */ function Stats() { const isMobile = useMedia("(max-width: 767px)"); const items = [ { v: "R$ 0", l: "de custo pra candidatos" }, { v: "48h", l: "média de resposta às candidaturas" }, { v: "60s", l: "é só o que o vídeo precisa" }, { v: "100%", l: "das vagas você escolhe" }, ]; return (
{items.map((s, i) => (
{s.v}
{s.l}
))}
); } /* ─── HowItWorks ─────────────────────────────────────────────────────────────── */ function HowItWorks() { const isMobile = useMedia("(max-width: 767px)"); const steps = [ { n: "01", icon: "video", title: "Grave seu vídeo", desc: "Um vídeo curtinho (30 a 60 segundos) se apresentando. Conte seu nome, o que você sabe fazer, e o que tá procurando. Sem CV, sem foto profissional.", }, { n: "02", icon: "search", title: "Veja as vagas que combinam", desc: "Com o vídeo aprovado, o Vaguinho te mostra só as vagas que combinam com você — por região, horário e o que você curte fazer. Vaga que não tem a ver, nem aparece.", }, { n: "03", icon: "bell", title: "Candidate-se e seja chamado", desc: "Se candidate nas vagas que curtir. O estabelecimento vê seu vídeo e, se aprovar, te chama direto no WhatsApp pra combinar.", }, ]; const icons = { video: ( ), search: ( <> ), bell: ( <> ), }; return (
Como funciona pra você

Três passos. Nenhum currículo. Zero ranço.

{steps.map((s) => (
{s.n}
{icons[s.icon]}

{s.title}

{s.desc}

))}
); } /* ─── WhyMatch ───────────────────────────────────────────────────────────────── */ function WhyMatch() { const isMobile = useMedia("(max-width: 767px)"); const cards = [ { t: "Combina com a sua vida", d: "Só vaga com horário e distância que cabem na sua rotina.", }, { t: "Combina com o que você quer", d: "Função e ambiente que têm a ver com você, não qualquer vaga.", }, { t: "Mais chance de dar certo", d: "Quando os dois lados se encaixam, você é chamado mais rápido e fica feliz onde for.", }, ]; return (
Feito pra você (e pro lugar certo)

A gente não te mostra vaga que{" "} não tem a ver com você.

O Vaguinho aprende o que você procura — horário, região, o tipo de rolê que você curte fazer — e cruza com o que cada bar, restaurante ou hotel precisa. Vaga que não combina nem aparece. Você não perde tempo, se candidata no que faz sentido e tem muito mais chance de ser chamado.

{cards.map((c, i) => (

{c.t}

{c.d}

))}
); } /* ─── VideoShowcase ──────────────────────────────────────────────────────────── */ function VideoShowcase() { const isMobile = useMedia("(max-width: 767px)"); const phoneW = isMobile ? 240 : 320; const phoneH = isMobile ? 420 : 560; return (
O vídeo é a parada

Esquece currículo. Mostra{" "} quem você é.

Em 30 a 60 segundos você se apresenta, fala da sua experiência (mesmo que seja pouca), e os estabelecimentos veem você como pessoa, não como uma folha de papel.

    {[ "Grave direto pelo celular", "Sem precisar de iluminação ou edição", "Pode regravar quantas vezes quiser", "Funciona até sem experiência prévia", ].map((t) => (
  • {t}
    • ))}
GRAVANDO
0:42 / 1:00
Dica do Vaguinho
Fale seu nome, idade e o que você sabe fazer 🤙
); } /* ─── MatchFlow ──────────────────────────────────────────────────────────────── */ function MatchFlow() { const isMobile = useMedia("(max-width: 767px)"); const steps = [ { t: "Você se candidata", d: "Acha a vaga, manda seu vídeo de apresentação", }, { t: "O estabelecimento vê", d: "Recebe sua candidatura e assiste seu vídeo quantas vezes quiser", }, { t: "Se curtir, aprova", d: "Gostou do seu perfil? Libera o contato com você", }, { t: "WhatsApp toca", d: "Ele te chama direto e vocês combinam o resto" }, ]; return (
Quando dá match

O dono te chama. Você combina. Bora trampar.

{steps.map((s, i) => (
{i + 1}
{s.t}
{s.d}
))}
); } /* ─── FAQ ────────────────────────────────────────────────────────────────────── */ function FAQ() { const isMobile = useMedia("(max-width: 767px)"); const items = [ { q: "É grátis mesmo?", a: "É. Pra você, candidato, é tudo de graça: cadastro, vídeo, buscar vagas e se candidatar, tudo. Quem paga pra anunciar vagas é o estabelecimento.", }, { q: "Preciso ter experiência?", a: "Não. Muitas vagas são pra primeiro emprego ou troca de área. No vídeo, fale honestamente o que você já fez ou quer fazer (mesmo que seja pouco), o dono prefere autenticidade.", }, { q: "Como eu encontro as vagas?", a: "Com o vídeo aprovado, o Vaguinho te mostra as vagas que combinam com o seu perfil e você se candidata nas que curtir. O estabelecimento recebe sua candidatura, assiste seu vídeo e, se aprovar, te chama no WhatsApp.", }, { q: "Por que algumas vagas não aparecem pra mim?", a: "Porque o Vaguinho mostra só as que combinam com o seu perfil — horário, região e o que você procura. Em vez de te entupir de vaga que não tem a ver, ele te poupa tempo e aumenta sua chance de ser chamado.", }, { q: "Em quais cidades tem vaga?", a: "Na fase de testes as vagas estão concentradas em São Paulo. Mas você já pode se cadastrar e gravar seu vídeo de qualquer lugar do Brasil — assim que chegarmos na sua cidade, é só se candidatar.", }, { q: "E se eu não gostar do vídeo?", a: "Grave outro e envie. Um novo vídeo sobrepõe o anterior. Você pode enviar até 3 vídeos dentro de um mês.", }, { q: "Vou ser chamado em quanto tempo?", a: "Depende de quantas vagas você se candidata e da região. A média é 48h pra um estabelecimento responder. Quanto mais vagas você aplica, mais rápido rola.", }, { q: "O que não pode ter no vídeo?", a: "Não pode ter seus contatos, email, telefone, redes sociais, ou qualquer coisa que identifique o estabelecimento onde você trabalha atualmente (uniforme, logo, etc). Se algo assim for identificado, o vídeo será rejeitado e sua conta pode ser bloqueada.", }, ]; return (
Perguntas que sempre rolam

Tira as dúvidas

{items.map((it, i) => (
{it.q} +
{it.a}
))}
); } /* ─── FinalCTA ───────────────────────────────────────────────────────────────── */ function FinalCTA() { const isMobile = useMedia("(max-width: 767px)"); return (
); } /* ─── Footer ─────────────────────────────────────────────────────────────────── */ function Footer() { const isMobile = useMedia("(max-width: 767px)"); return ( ); } window.LaunchBanner = LaunchBanner; window.Hero = Hero; window.Stats = Stats; window.HowItWorks = HowItWorks; window.WhyMatch = WhyMatch; window.VideoShowcase = VideoShowcase; window.MatchFlow = MatchFlow; window.FAQ = FAQ; window.FinalCTA = FinalCTA; window.Footer = Footer;