/* eslint-disable */ /* 9nguoi10y — mobile-first landing. Five components, curiosity-led. */ const { useState, useEffect, useMemo, useRef } = React; /* ============================================================ BACKEND — Google Apps Script Web App endpoint. Paste the URL you got after deploying the Apps Script. ============================================================ */ const SHEET_URL = "https://script.google.com/macros/s/AKfycbxuwzkpZqpdEquxvVqJRYpu08XTEM2tDO-VuBB_NBJln767Q0IDWNt49wkm4lRKSOQktg/exec"; const sendToSheet = (payload) => { try { fetch(SHEET_URL, { method: "POST", mode: "no-cors", body: JSON.stringify(payload) }).catch(() => {}); } catch (e) {} }; /* ============================================================ ICONS — minimal set ============================================================ */ const LICONS = { check: , plus: , arrowRight: , mail: , spark: }; const I = ({ name, size = 18, stroke = 1.5, color = "currentColor", style }) => {LICONS[name] || null} ; /* Wordmark — "9nguoi10y" with 9 in --for green, 10 in --against red, matching the logo mark. */ const Wordmark = ({ style }) => 9 nguoi 10 y ; /* ============================================================ DATA — 9 seed topics (same set, trimmed metadata) ============================================================ */ const SEED_TOPICS = [ { id: "t1", category: "Giáo dục", title: "Đại học có nên là con đường mặc định cho người trẻ?", baseVotes: 412 }, { id: "t2", category: "Xã hội", title: "Người nghèo thì không nên có con?", baseVotes: 287 }, { id: "t3", category: "Tài chính", title: "Liệu Bitcoin và các đồng tiền ảo có thực sự mang giá trị?", baseVotes: 196 }, { id: "t4", category: "Tâm lý", title: "“Hãy là chính mình” liệu có thật sự là một lời khuyên tốt?", baseVotes: 351 }, { id: "t5", category: "Giao thông", title: "Rẽ phải ở nơi có đèn nhưng không có vạch mắt võng — nhường hay không nhường?", baseVotes: 168 }, { id: "t6", category: "Tình yêu", title: "Buổi hẹn đầu tiên — đàn ông trả tiền?", baseVotes: 524 }, ]; const LS_KEY = "9n10y-landing-v2"; const loadState = () => {try {return JSON.parse(localStorage.getItem(LS_KEY) || "{}");} catch {return {};}}; const saveState = (s) => {try {localStorage.setItem(LS_KEY, JSON.stringify(s));} catch {}}; /* ============================================================ 1 · MAST — logo + wordmark only. Tight, top of viewport. ============================================================ */ const Mast = () =>
Coming soon
; /* ============================================================ 2 · HEARTFELT — one sentence, big serif. No info, just a feeling. ============================================================ */ const Heartfelt = () =>

Tranh luận, không tranh cãi.

Tranh luận không cần công kích, mỉa mai hay châm biếm. Đôi khi, những cuộc tranh luận còn chẳng phải để phân định kẻ đúng người sai.

Đó là một cơ hội để nhìn thế giới qua lăng kính của người khác — những người có trải nghiệm, niềm tin và cách nhìn cuộc sống khác với mình, qua đó làm tròn đầy thêm thế giới quan của bản thân.

9 người{" "} 10 ý {" "}là nơi dành cho những cuộc đối thoại như thế.

Không có mục tiêu phân định ai thắng, ai thua. Chỉ là chia sẻ những góc nhìn (dù là đặc thù), để đôi bên có thể tiến gần hơn một bước tới sự thật.

; /* ============================================================ 3 · TOPIC PICK — the hook. The user understands the venue by doing. ============================================================ */ const TopicPick = ({ topics, voted, votesById, recents, onToggle }) =>
{/* hairline above to mark a turn */}
· Mời bạn chọn

Chủ đề nào khiến bạn tò mò?

Chọn một hoặc nhiều chủ đề bạn quan tâm, đây sẽ là cơ sở để tụi mình tạo nên những "võ đài" tranh luận đầu tiên.

    {topics.map((t) => 0} onToggle={() => onToggle(t.id)} /> )}
{voted.size === 0 ? "Bạn chưa chọn chủ đề nào." : `Bạn đã chọn ${voted.size} chủ đề.`}
; /* ============================================================ TOPIC ROW — tap target ≥ 64px tall, generous on mobile ============================================================ */ const TopicRow = ({ topic, voted, votes, recent, showCounts, onToggle }) => { const [pressing, setPressing] = useState(false); return (
    • ); }; /* ============================================================ 4 · SUGGEST — inline. Expands only if needed. ============================================================ */ const Suggest = ({ onSubmit }) => { const [open, setOpen] = useState(false); const [text, setText] = useState(""); const [justSubmitted, setJustSubmitted] = useState(false); const wordCount = text.trim() ? text.trim().split(/\s+/).length : 0; const valid = wordCount >= 5; const handleSubmit = () => { if (!valid) return; sendToSheet({ suggested: text, source: 'suggest' }); onSubmit({ text }); setText(""); setJustSubmitted(true); setTimeout(() => setJustSubmitted(false), 3500); }; if (!open) { return (
    ); } return (
    {justSubmitted ? "✓ ĐÃ NHẬN — MỜI BẠN ĐỀ XUẤT TIẾP" : "ĐỀ XUẤT CHỦ ĐỀ"}