/* ---------- Config ---------- */ const CATALOG_URL = "https://catalogo.computer4u.com.br/"; // troque pelo link externo do catálogo // Web3Forms — chave de acesso para envio do formulário. // 1. Cadastre seu e-mail em https://web3forms.com (grátis, ilimitado) // 2. Confirme o e-mail e copie a "Access Key" que aparece no painel // 3. Cole a chave abaixo substituindo "SUA_CHAVE_AQUI" const WEB3FORMS_ACCESS_KEY = "cc271c5f-3817-4293-b57e-eef33045b96f"; // Número de WhatsApp para onde o cliente é redirecionado após enviar o // formulário (formato internacional, só dígitos). Recebe e-mail E WhatsApp. const WHATSAPP_NUMBER = "5541995205000"; /* ---------- Icons (inline SVG, brand-neutral) ---------- */ const I = { Whatsapp: ({ s = 20 }) => , Cart: ({ s = 20 }) => , Arrow: ({ s = 16 }) => , ArrowDown: ({ s = 18 }) => , Building: ({ s = 22 }) => , Boxes: ({ s = 22 }) => , Catalog: ({ s = 22 }) => , Headset: ({ s = 22 }) => , Laptop: ({ s = 24 }) => , Monitor: ({ s = 24 }) => , Server: ({ s = 24 }) => , Printer: ({ s = 24 }) => , Network: ({ s = 24 }) => , Phone: ({ s = 24 }) => , Mouse: ({ s = 24 }) => , Shield: ({ s = 22 }) => , Truck: ({ s = 22 }) => , Tag: ({ s = 22 }) => , Cog: ({ s = 22 }) => , Mail: ({ s = 20 }) => , Pin: ({ s = 20 }) => , Check: ({ s = 18 }) => , X: ({ s = 18 }) => , Bolt: ({ s = 22 }) => }; /* ---------- Logo ---------- */ function Logo({ height = 38 }) { return ( Computer For You — Distribuidora ); } /* ---------- Header ---------- */ function Header({ active, onNav }) { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const on = () => setScrolled(window.scrollY > 24); on(); window.addEventListener("scroll", on, { passive: true }); return () => window.removeEventListener("scroll", on); }, []); const items = [ { k: "inicio", l: "Início" }, { k: "catalogo", l: "Catálogo", external: CATALOG_URL }, { k: "sobre", l: "Sobre" }, { k: "diferenciais", l: "Diferenciais" }, { k: "contato", l: "Contato" }]; return (
{e.preventDefault();onNav("inicio");}}>
); } /* ---------- Hero ---------- */ function Hero({ onNav }) { return (
); } /* ---------- Services ---------- */ function Services() { const items = [ { icon: , title: "Venda Corporativa", body: "Aquisição direta para empresas com valores abaixo do mercado, nota fiscal e garantia" }, { icon: , title: "Venda em Lotes", body: "Renovação de parque tecnológico em volume, com logística e preço dedicados." }, { icon: , title: "Catálogo Comercial", body: "Diversos equipamentos entre notebooks, desktops, servidores, redes e periféricos." }, { icon: , title: "Atendimento B2B", body: "Time consultivo, cotações e pós-venda dedicado durante todo o ciclo." }]; return (
// O que oferecemos

Quatro frentes para abastecer
a TI da sua empresa

Da unidade ao lote, da consultoria à entrega — somos a ponte direta entre os principais fabricantes e o seu departamento de TI.

    {items.map((s, i) =>
  • {s.title}

    {s.body}

  • )}
); } /* ---------- Stats ---------- */ function StatsStrip() { return (
{[ ["+5.000", "Empresas atendidas"], ["+2.000", "SKUs em catálogo"], ["+20", "Marcas parceiras"], ["98%", "Satisfação no pós-venda", true]]. map(([n, l, hl], i) =>
{hl ? {n} : n}
{l}
)}
); } /* ---------- Catalog ---------- */ const PRODUCTS = [ { id: "p1", cat: "Notebooks", brand: "Marca A", name: "Notebook Corporativo 14\" Intel i5 16GB / 512GB SSD", specs: "Garantia 12m · NFe", price: 3890, icon: , tag: "Lote 10+" }, { id: "p2", cat: "Notebooks", brand: "Marca B", name: "Ultrabook 13\" Intel i7 16GB / 1TB SSD", specs: "Touch · Tela OLED", price: 6790, icon: , tag: "Top" }, { id: "p3", cat: "Monitores", brand: "Marca C", name: "Monitor 24\" Full HD IPS · HDMI/DP", specs: "Suporte VESA", price: 890, icon: , tag: "Estoque" }, { id: "p4", cat: "Monitores", brand: "Marca D", name: "Monitor Curvo 27\" QHD 165Hz", specs: "Para gestão/dev", price: 1990, icon: , tag: "Novo" }, { id: "p5", cat: "Desktops", brand: "Marca A", name: "Desktop Mini i5 8GB / 256GB SSD", specs: "Compacto · DDR4", price: 2790, icon: , tag: "Lote 20+" }, { id: "p6", cat: "Servidores", brand: "Marca E", name: "Servidor Rack 1U Xeon · 32GB ECC", specs: "Hot-swap · Dual PSU", price: 18900, icon: , tag: "Sob consulta" }, { id: "p7", cat: "Redes", brand: "Marca F", name: "Switch Gerenciável 24 portas Gigabit", specs: "PoE+ · L2/L3 leve", price: 1450, icon: , tag: "Estoque" }, { id: "p8", cat: "Periféricos", brand: "Marca G", name: "Kit Teclado + Mouse Wireless USB-C", specs: "Plug & play · Bateria 12m", price: 189, icon: , tag: "Lote 50+" }]; const CATS = ["Todos", "Notebooks", "Desktops", "Monitores", "Servidores", "Redes", "Periféricos"]; function Catalog({ onAdd, cart }) { const [tab, setTab] = React.useState("Todos"); const list = tab === "Todos" ? PRODUCTS : PRODUCTS.filter((p) => p.cat === tab); return ( ); } /* ---------- O Que Fazemos (about) ---------- */ function WhatWeDo() { const points = [ { i: , t: "Venda corporativa direta", d: "Atendimento PJ com nota fiscal e gestor dedicado." }, { i: , t: "Lotes de informática", d: "Renovação de parque tecnológico em volume." }, { i: , t: "Logística nacional", d: "Entrega para todo o Brasil." }, { i: , t: "Pós-venda B2B", d: "Suporte humano durante todo o ciclo." }, ]; return (
Atendimento personalizado na loja Computer For You — consultora apresentando notebook corporativo ao cliente
// O que fazemos

Distribuímos tecnologia
para empresas que não podem parar

Há vários anos, somos a ponte direta entre os principais fabricantes de TI e os departamentos de compras corporativos. Trabalhamos com volume, prazo apertado e garantia de fábrica — do primeiro contato à entrega na sua porta.

    {points.map((p, i) => (
  • {p.i}
    {p.t} {p.d}
  • ))}
); } /* ---------- Video Banner ---------- */ function VideoBanner() { const ref = React.useRef(null); const [playing, setPlaying] = React.useState(true); const [muted, setMuted] = React.useState(true); const toggle = () => { const v = ref.current; if (!v) return; if (v.paused) { v.play(); setPlaying(true); } else { v.pause(); setPlaying(false); } }; const toggleMute = () => { const v = ref.current; if (!v) return; v.muted = !v.muted; setMuted(v.muted); }; return (
); } /* ---------- Brands ---------- */ function Brands() { const brands = [ { name: "Dell", src: "https://logospng.org/download/dell/logo-dell-512.png" }, { name: "HP", src: "https://logospng.org/download/hp/logo-hp-512.png" }, { name: "Lenovo", src: "https://logospng.org/download/lenovo/logo-lenovo-vermelha-512.png" }, { name: "Samsung", src: "https://logospng.org/download/samsung/logo-samsung-512.png" }, { name: "LG", src: "https://logospng.org/download/lg-lifes-good/logo-lg-lifes-good-512.png" }, { name: "Logitech", src: "https://logospng.org/download/logitech/logitech-512.png" }]; return (
// Marcas parceiras

Algumas marcas que trabalhamos

Distribuímos equipamentos das maiores fabricantes de TI do mundo — sempre com nota fiscal e garantia.

{brands.map((b) => {`Logo )}
); } /* ---------- Why us ---------- */ function WhyUs() { const rows = [ { icon: , t: "Garantia & NFe", d: "Todo equipamento sai com garantia e nota fiscal" }, { icon: , t: "Logística nacional", d: "Entrega para todo o Brasil" }, { icon: , t: "Preço de distribuidor", d: "Preço abaixo do mercado e desconto para compras em quantidade" }, { icon: , t: "Atendimento personalizado", d: "Nossa equipe é especializada em atendimento B2B" }]; return (
// Diferenciais

Por que empresas escolhem
a Computer For You

    {rows.map((r, i) =>
  • {r.t}

    {r.d}

  • )}
// CFY · DISTRIBUIDORA EST. 2023
+3
Anos abastecendo TI corporativa no Brasil
); } /* ---------- Process ---------- */ function Process() { const steps = [ { n: "01", t: "Você nos chama", d: "Pelo WhatsApp, e-mail ou formulário. Sem cadastro complicado." }, { n: "02", t: "Proposta em 24h", d: "Cotação personalizada com prazo e condições discriminados." }, { n: "03", t: "Fechamento", d: "Pagamento facilitado (PIX, Cartão, Dinheiro)." }, { n: "04", t: "Entrega", d: "Nossa equipe sempre ofertará a melhor opção logística." }]; return (
// Como funciona

Da cotação à entrega, em 4 passos

    {steps.map((s) =>
  1. PASSO {s.n}

    {s.t}

    {s.d}

  2. )}
); } /* ---------- Testimonials ---------- */ function Testimonials() { const t = [ { q: "Renovamos 180 estações em duas semanas. A logística e a documentação fiscal foram impecáveis.", n: "Marina Lopes", r: "Head de TI · Varejo", i: "ML" }, { q: "Atendimento direto, sem call center. Cotação detalhada em poucas horas — passamos a comprar tudo com eles.", n: "Rafael Andrade", r: "Diretor de Operações · Logística", i: "RA" }, { q: "Conseguiram um lote de notebooks específicos com prazo apertado. Fizeram acontecer.", n: "Camila Tavares", r: "Compras · Indústria", i: "CT" }]; return (
// Depoimentos

Quem compra, volta a comprar

    {t.map((x, i) =>
  • ★★★★★
    “{x.q}”
    {x.n}
    {x.r}
  • )}
); } /* ---------- Contact ---------- */ function Contact() { const [status, setStatus] = React.useState("idle"); // idle | sending | success | error const [errMsg, setErrMsg] = React.useState(""); const [form, setForm] = React.useState({ nome: "", email: "", empresa: "", fone: "", msg: "", interesse: "Venda Corporativa" }); const upd = (k) => (e) => setForm((f) => ({ ...f, [k]: e.target.value })); const submit = async (e) => { e.preventDefault(); if (status === "sending") return; setStatus("sending"); setErrMsg(""); const payload = { access_key: WEB3FORMS_ACCESS_KEY, subject: `[computer4u.com.br] Contato — ${form.interesse}`, from_name: form.nome || "Contato site", // Campos do formulário (Web3Forms entrega todos no e-mail) Nome: form.nome, Empresa: form.empresa, Email: form.email, Telefone: form.fone, Interesse: form.interesse, Mensagem: form.msg, // Anti-spam honeypot botcheck: "", }; try { const res = await fetch("https://api.web3forms.com/submit", { method: "POST", headers: { "Content-Type": "application/json", "Accept": "application/json" }, body: JSON.stringify(payload), }); const data = await res.json().catch(() => ({})); if (res.ok && data.success) { // Monta a mensagem do WhatsApp com todos os dados preenchidos const linhas = [ `Olá! Sou ${form.nome}${form.empresa ? ` da ${form.empresa}` : ""}.`, ``, `Tenho interesse em: *${form.interesse}*`, ``, `Contato:`, `📧 ${form.email}`, ]; if (form.fone) linhas.push(`📞 ${form.fone}`); if (form.msg) { linhas.push(``, `Mensagem:`, form.msg); } linhas.push(``, `_Enviado pelo site computer4u.com.br_`); const waMsg = encodeURIComponent(linhas.join("\n")); const waUrl = `https://wa.me/${WHATSAPP_NUMBER}?text=${waMsg}`; // Abre o WhatsApp em nova aba (cliente toca "Enviar" para confirmar) window.open(waUrl, "_blank", "noopener,noreferrer"); setStatus("success"); setForm({ nome: "", email: "", empresa: "", fone: "", msg: "", interesse: "Venda Corporativa" }); setTimeout(() => setStatus("idle"), 8000); } else { setStatus("error"); setErrMsg(data.message || "Falha ao enviar. Tente novamente ou nos chame no WhatsApp."); } } catch (err) { setStatus("error"); setErrMsg("Sem conexão. Verifique sua internet ou nos chame no WhatsApp."); } }; return (
// Vamos conversar

Transforme sua tecnologia com a Computer For You

Conte sobre o seu projeto. Em até 24h úteis um especialista B2B retorna com a proposta certa.

WhatsApp comercial
(41) 99520-5000
E-mail
contato@computerforyou.com.br
Endereço
Av. Carlos Eduardo Nichele, 782 - Fazenda Rio Grande - PR
{status === "success" && (
Mensagem enviada! Abrimos o WhatsApp para você finalizar a conversa — toque em Enviar.
)} {status === "error" && (
{errMsg}
)} {/* Honeypot anti-spam — invisível para humanos */}