// site.jsx — Monique Leite, Psicóloga // Single-page warm/editorial site, PT-BR. const { useState, useEffect, useRef, useMemo } = React; // ─── Palette options ──────────────────────────────────────────────────────── // [accent, soft, bg, ink] const PALETTES = [ ["#B8896C", "#E8D5C4", "#FAF7F2", "#3A2E26"], // terracotta cream (default) ["#8A9A7B", "#D9DBC9", "#F5F0E8", "#2E332A"], // sage stone ["#C9876A", "#F0DDD1", "#FBF5EF", "#3D2820"], // peach clay ["#6B7B8C", "#D9DEE5", "#F4F1EB", "#2A3038"], // soft slate ["#A88E6E", "#E5DBC9", "#F8F4ED", "#332B22"], // mocha sand ["#D4849A", "#F5DCE2", "#FDF6F4", "#3A2530"], // dusty rose ["#9C8AC4", "#E2D9F0", "#F8F4FB", "#2D2540"], // soft lavender ["#7BA8B8", "#D4E6EC", "#F2F8F9", "#1F3540"], // dusty teal ["#C9A85C", "#F0E2BC", "#FBF7EC", "#3A2F1A"], // honey mustard ["#A8B85C", "#DDE4B8", "#F6F8EA", "#2A3315"] // pistachio ]; const DARK_PALETTES = [ ["#D9A88A", "#3A2E26", "#1C1612", "#F0E6DB"], ["#A8B89A", "#2E332A", "#161916", "#E6E8DD"], ["#E0A88A", "#3D2820", "#1A130E", "#F2E6DA"], ["#9CABBE", "#2A3038", "#13171C", "#E2E6EC"], ["#C9A988", "#332B22", "#1A1611", "#EDE5D8"], ["#E8A4B8", "#3A2530", "#1A1015", "#F4DDE5"], ["#B8A6D8", "#2D2540", "#15101F", "#E5DDF0"], ["#9CC4D4", "#1F3540", "#0E1A20", "#DAEAEF"], ["#E0C078", "#3A2F1A", "#1A1408", "#F0E2BC"], ["#C4D078", "#2A3315", "#13180A", "#E0E8C0"]]; const _sysDark = typeof window !== 'undefined' && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches; const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "palette": _sysDark ? DARK_PALETTES[0] : PALETTES[0], "fonts": "fraunces-inter", "dark": _sysDark, "density": "compact" } /*EDITMODE-END*/; // ─── Font pairings ────────────────────────────────────────────────────────── const FONT_PAIRS = { "fraunces-inter": { display: "'Fraunces', Georgia, serif", body: "'Inter', -apple-system, sans-serif", label: "Fraunces · Inter" }, "dmserif-dmsans": { display: "'DM Serif Display', Georgia, serif", body: "'DM Sans', -apple-system, sans-serif", label: "DM Serif · DM Sans" }, "playfair-mont": { display: "'Playfair Display', Georgia, serif", body: "'Manrope', -apple-system, sans-serif", label: "Playfair · Manrope" }, "instrument-figtree": { display: "'Instrument Serif', Georgia, serif", body: "'Figtree', -apple-system, sans-serif", label: "Instrument · Figtree" } }; // ─── Contact constants ────────────────────────────────────────────────────── const WHATSAPP_NUMBER = "351932874692"; const WHATSAPP_DISPLAY = "+351 932 874 692"; const EMAIL = "moniiqueleite@gmail.com"; const INSTAGRAM = "moniqueleitepsi"; const WA_DEFAULT_MSG = "Olá Monique, gostaria de agendar uma sessão."; const waLink = (msg = WA_DEFAULT_MSG) => `https://wa.me/${WHATSAPP_NUMBER}?text=${encodeURIComponent(msg)}`; // ─── Icons (inline SVG, simple geometry only) ─────────────────────────────── const Icon = { whatsapp: (p = {}) => , instagram: (p = {}) => , mail: (p = {}) => , arrow: (p = {}) => , plus: (p = {}) => , minus: (p = {}) => , check: (p = {}) => , sun: (p = {}) => , moon: (p = {}) => }; // ─── Read More (mobile expand/collapse) ───────────────────────────────────── function ReadMore({ full, preview, label = "Ler mais", labelClose = "Ler menos" }) { const [mobile] = useState(() => typeof window !== 'undefined' && window.innerWidth <= 880); const [open, setOpen] = useState(false); if (!mobile) return full; return ( <> {open ? full : (preview != null ? preview : null)} ); } // ─── Photo placeholder (subtle stripes + monospace label) ─────────────────── function PhotoSlot({ label, ratio = "3/4", style = {}, accent }) { return (
{label}
); } // ─── Logo mark (mirrors the AboutAnimation aesthetic) ─────────────────────── function LogoMark({ palette, size = 80 }) { const id = useMemo(() => 'lm' + Math.random().toString(36).slice(2,6), []); const accent = palette[0], soft = palette[1], ink = palette[3]; const dots = []; for (let i = 0; i < 24; i++) { const a = (i / 24) * Math.PI * 2; dots.push({ x: +(65 + Math.cos(a) * 56).toFixed(1), y: +(65 + Math.sin(a) * 56).toFixed(1), big: i % 6 === 0 }); } return ( ); } // ─── Sections ─────────────────────────────────────────────────────────────── function Nav({ palette, dark, onToggleDark }) { const [open, setOpen] = useState(false); const links = [ ["Sobre", "#sobre"], ["Atuação", "#atuacao"], ["Empresas", "#empresas"], ["Como funciona", "#como-funciona"], ["Formação", "#formacao"], ["Contato", "#contato"]]; return (
Monique Leite psicóloga Agendar {open &&
setOpen(false)}> {links.map(([l, h]) => {l})} Agendar pelo WhatsApp
}
); } function Hero({ palette }) { return (
Psicóloga · Atendimento online

Um espaço seguro
para se reencontrar.

Sou a Monique Leite, psicóloga registrada no Brasil com 8 anos de prática clínica — dos primeiros atendimentos como Acompanhante Terapêutica à atuação atual em TCC, Neuropsicologia e Análise do Comportamento. Atendo adultos em terapia online, ofereço apoio parental especializado e atuo como consultora e avaliadora externa para empresas e instituições.} />

Conversar pelo WhatsApp Conhecer áreas
Experiência 8 anos de prática
CRP 06/182206
Atendimento Brasil & exterior
Idiomas PT · EN
} />
Retrato de Monique Leite
Atendimento
100% online
); } function TrustStrip({ palette }) { const items = [ { k: "Sigilo profissional", v: "Conformidade com o Código de Ética do CFP" }, { k: "Prática baseada em evidência", v: "TCC, Neuropsicologia e Análise do Comportamento" }, { k: "Atendimento online", v: "Plataformas seguras (Meet · Zoom)" }, { k: "Pessoas físicas & jurídicas", v: "Clínica, parental e corporativo" }]; return (
{items.map((it, i) =>
{it.k}
{it.v}
)}
); } function AboutAnimation({ palette }) { const ringRef = useRef(null); const petalRef = useRef(null); const innerRef = useRef(null); const orbit1Ref = useRef(null); const orbit2Ref = useRef(null); const orbit3Ref = useRef(null); const breatheRef = useRef(null); const arcRef = useRef(null); useEffect(() => { const reduce = window.matchMedia("(prefers-reduced-motion: reduce)").matches; let raf; let lastT = performance.now(); let lastScroll = window.scrollY; let boost = 0; const a = { ring: 0, petal: 0, inner: 0, o1: 0, o2: 0, o3: 0, br: 0, arc: 0 }; const onScroll = () => { const now = performance.now(); const dy = Math.abs(window.scrollY - lastScroll); const dt = Math.max(now - lastT, 1); const v = dy / dt; boost = Math.min(boost + v * 1.4, 12); lastScroll = window.scrollY; }; window.addEventListener("scroll", onScroll, { passive: true }); const tick = (t) => { const dt = Math.min(t - lastT, 64); lastT = t; boost *= Math.pow(0.92, dt / 16); const m = reduce ? 0 : 1 + boost; a.ring += 0.0040 * dt * m; a.petal -= 0.0024 * dt * m; a.inner += 0.0070 * dt * m; a.o1 += 0.0085 * dt * m; a.o2 -= 0.0050 * dt * m; a.o3 += 0.0120 * dt * m; a.br += 0.0014 * dt * m; a.arc -= 0.0034 * dt * m; const set = (r, tr) => r.current && r.current.setAttribute("transform", tr); set(ringRef, `rotate(${a.ring} 300 300)`); set(petalRef, `rotate(${a.petal} 300 300)`); set(innerRef, `rotate(${a.inner} 300 300)`); set(orbit1Ref, `rotate(${a.o1} 300 300)`); set(orbit2Ref, `rotate(${a.o2} 300 300)`); set(orbit3Ref, `rotate(${a.o3} 300 300)`); set(arcRef, `rotate(${a.arc} 300 300)`); if (breatheRef.current) { const s = 1 + Math.sin(a.br) * 0.035; breatheRef.current.setAttribute("transform", `translate(300 300) scale(${s}) translate(-300 -300)`); } raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => { cancelAnimationFrame(raf); window.removeEventListener("scroll", onScroll); }; }, []); const accent = palette[0]; const soft = palette[1]; const ink = palette[3]; const dots = []; const N = 64; for (let i = 0; i < N; i++) { const ang = i / N * Math.PI * 2; const r = 268; dots.push({ x: 300 + Math.cos(ang) * r, y: 300 + Math.sin(ang) * r, big: i % 8 === 0 }); } const petals = [0, 60, 120, 180, 240, 300]; return (