// NEO Joinville — Landing Page const { useState, useEffect, useRef, useCallback } = React; const WA_PHONE = "5547999344415"; const PHONE_DISPLAY = "(47) 3028-7722"; const WA_DISPLAY = "(47) 99934-4415"; // ─── Google Places API ───────────────────────────────────────────────────── // Preencha para ativar avaliações em tempo real (máx. 5 reviews — limite Google). // 1. Crie um projeto em: https://console.cloud.google.com/apis/credentials // Ative "Places API" e gere uma Chave de API. // 2. Encontre o Place ID em: // https://developers.google.com/maps/documentation/javascript/examples/places-placeid-finder // Busque: "NEO Joinville Av. Juscelino Kubitscheck 705 Centro" const GOOGLE_PLACES_CONFIG = { apiKey: '', // ex: 'AIzaSyAbCdEfGhIjKlMnOpQrStUv' placeId: '', // ex: 'ChIJrTLr-GyuEmsRBfy61i59si4' }; const waLink = (msg) => `https://wa.me/${WA_PHONE}${msg ? `?text=${encodeURIComponent(msg)}` : ""}`; const scrollToForm = () => { const el = document.getElementById('avaliacao'); if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' }); }; const openWa = (msg) => window.open(waLink(msg), "_blank", "noopener"); /* ============== WHATSAPP ICON ============== */ function WaIcon({ size = 18, className }) { return ( ); } /* ============== ANIMATION HOOKS ============== */ // Adds an 'in' class to the ref'd node when it scrolls into view (once). function useInView(opts = {}) { const ref = useRef(null); const [inView, setInView] = useState(false); useEffect(() => { const el = ref.current; if (!el) return; const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches; if (reduced) {setInView(true);el.classList.add('in');return;} const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) { setInView(true); e.target.classList.add('in'); io.unobserve(e.target); } }); }, { threshold: opts.threshold ?? 0.18, rootMargin: opts.rootMargin ?? '0px 0px -40px 0px' }); io.observe(el); return () => io.disconnect(); }, []); return [ref, inView]; } // Counts from 0 to `to` over `duration` ms when `start` is true. function useCountTo(to, duration = 1500, start = true, decimals = 0) { const [val, setVal] = useState(0); useEffect(() => { if (!start) return; const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches; if (reduced) {setVal(to);return;} let raf; const t0 = performance.now(); const tick = (now) => { const p = Math.min(1, (now - t0) / duration); // easeOutQuart const eased = 1 - Math.pow(1 - p, 4); setVal(eased * to); if (p < 1) raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, [to, duration, start]); return decimals === 0 ? Math.round(val) : Number(val.toFixed(decimals)); } // Walks the document for .reveal / .reveal-scale / .reveal-right and the // timeline + final-cta + testimonial-card sections, attaching a one-shot // IntersectionObserver that adds .in when each enters the viewport. function useGlobalRevealObserver() { useEffect(() => { const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches; const selectors = [ '.reveal', '.reveal-scale', '.reveal-right', '.timeline', '.final-cta', '.testimonial-card']; const nodes = document.querySelectorAll(selectors.join(',')); if (reduced) { nodes.forEach((n) => n.classList.add('in')); return; } const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } }); }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' }); nodes.forEach((n) => io.observe(n)); return () => io.disconnect(); }, []); } /* ============== TOPBAR ============== */ function Topbar() { return (
Joinville – SC  |  Seg–Sex 8h–19h
{PHONE_DISPLAY} WhatsApp
); } /* ============== HEADER ============== */ function Header({ onOpenMenu }) { return (
NEO Joinville
); } function MobileMenu({ open, onClose }) { const click = (id) => {onClose();setTimeout(() => {document.querySelector(id)?.scrollIntoView({ behavior: 'smooth' });}, 200);}; return (
NEO Joinville
); } /* ============== AUTHORITY ============== */ function AuthorityItem({ inView, target, format, suffix, prefix, label, decimals = 0 }) { const val = useCountTo(target, 1500, inView, decimals); const display = format ? format(val) : `${prefix || ""}${val.toLocaleString("pt-BR")}${suffix || ""}`; return (
{display}
{label}
); } function AuthorityBar() { const [ref, inView] = useInView(); return (
<>★ {v.toFixed(1)}/5} label="Avaliação no Google" />
Certificado
Internacional
); } /* ============== HERO ============== */ function AvaliacaoForm({ variant }) { const [form, setForm] = useState({ nome: "", whatsapp: "", situacao: "", horario: "" }); const update = (k) => (e) => setForm({ ...form, [k]: e.target.value }); const [sending, setSending] = useState(false); const SHEET_URL = "https://script.google.com/macros/s/AKfycbykII1U-wZzNTl3oBizWoFEwE016T7RYjgcISmXkT1B4Cd30P3hiITukfl5XDq020HZAA/exec"; const submit = (e) => { e.preventDefault(); if (!form.nome || !form.whatsapp || sending) return; setSending(true); const msg = `Olá! Vim pelo site da NEO Joinville e gostaria de agendar minha avaliação gratuita.\n\n👤 Nome: ${form.nome}\n📱 WhatsApp: ${form.whatsapp}\n🦷 Situação: ${form.situacao || "Não informada"}\n🕐 Melhor horário: ${form.horario || "Não informado"}\n\nAguardo o contato da equipe!`; const waUrl = `https://api.whatsapp.com/send/?phone=${WA_PHONE}&text=${encodeURIComponent(msg)}`; fetch(SHEET_URL, { method: "POST", mode: "no-cors", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ nome: form.nome, whatsapp: form.whatsapp, situacao: form.situacao || "Não informada", horario: form.horario || "Não informado" }) }).finally(() => { setSending(false); window.location.href = waUrl; }); }; return (

Avaliação Gratuita

Preencha e entraremos em contato em até 2 horas.

Seus dados estão seguros. Não enviamos spam.
); } function Hero() { return (

Recupere{" "}seu{" "}sorriso com{" "}implantes{" "}dentários em{" "}Joinville

Chega de se esconder ao sorrir. Com tecnologia de ponta e equipe especializada, devolvemos sua confiança com segurança e conforto.

    {[ "Avaliação inicial 100% gratuita", "+2.000 pacientes transformados em Joinville", "Atendimento particular humanizado"]. map((t, i) =>
  • ✓{t}
    • )}
Casal idoso brindando, com fotos de momentos de constrangimento ao lado
); } /* ============== AVALIAÇÃO (form section) ============== */ function AvaliacaoSection() { return (
Sua transformação começa aqui

Agende sua avaliação gratuita e descubra o melhor tratamento pra você

Em uma única consulta — sem custo e sem compromisso — você recebe diagnóstico completo, plano personalizado e todas as opções para recuperar seu sorriso.

⏱ 30 min 💸 R$ 0,00 🔒 Sem compromisso
); } /* ============== PAIN ICONS ============== */ function PainIcon({ name }) { const common = { width: 28, height: 28, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, }; switch (name) { case "shame": return