// app.jsx — PTI insurance consultant landing page const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "palette": "midnight-azure", "serif": "Plus Jakarta Sans", "density": "cozy", "advisorName": "Tăng Thị Thảo Trang", "advisorTitle": "Trưởng phòng phát triển đại lý cá nhân", "advisorBranch": "PTI Thống Nhất", "advisorRegion": "Lầu 2, Chung cư Thủy Lợi 4, số 205 Nguyễn Xí, Phường 25, Quận Bình Thạnh, TP. Hồ Chí Minh", "advisorPhone": "0866 033 594", "advisorEmail": "trangttt2@pti.com.vn" } /*EDITMODE-END*/; // ── icons ──────────────────────────────────────────────────────────────── const Ico = { shield: (p) => , check: (p) => , car: (p) => , heart: (p) => , home: (p) => , plane: (p) => , building: (p) => , doc: (p) => , arrow: (p) => , plus: (p) => , star: (p) => , phone: (p) => , mail: (p) => , pin: (p) => , clock: (p) => , chat: (p) => , users: (p) => , globe: (p) => , burger: (p) => , x: (p) => , zalo: (p) => , fb: (p) => , briefcase: (p) => , spark: (p) => }; // ── shared layout pieces ───────────────────────────────────────────────── function scrollToId(id) { const el = document.getElementById(id); if (el) window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - 70, behavior: "smooth" }); } function Logo({ subtitle = "Tư vấn bảo hiểm PTI" }) { return ( PTI Advisor {subtitle} ); } function LogoMark() { return ( PTI ); } const NAV = [ { id: "about", label: "Giới thiệu" }, { id: "services", label: "Dịch vụ" }, { id: "process", label: "Quy trình" }, { id: "reviews", label: "Đánh giá" }, { id: "faq", label: "FAQ" }, { id: "contact", label: "Liên hệ" }]; function Header({ onCta }) { const [scrolled, setScrolled] = React.useState(false); const [mobileOpen, setMobileOpen] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 24); onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); const go = (id) => { setMobileOpen(false); const el = document.getElementById(id); if (el) window.scrollTo({ top: el.offsetTop - 70, behavior: "smooth" }); }; return ( <>
{mobileOpen &&
{NAV.map((n) => go(n.id)}>{n.label})}
} ); } // silhouette portrait — placeholder for real photo function PortraitSilhouette({ tint = "rgba(255,255,255,.18)" }) { return ( ); } // ── Hero ──────────────────────────────────────────────────────────────── function Hero({ onCta, advisorName }) { const trustBadges = [ "Tư vấn rõ ràng", "Hỗ trợ nhanh chóng", "Đồng hành khi bồi thường", "Giải pháp từ PTI"]; return (
Tư vấn bảo hiểm phi nhân thọ · PTI

Bảo vệ tài sản, sức khỏe
và sự an tâm của bạn cùng PTI

Tư vấn giải pháp bảo hiểm phi nhân thọ phù hợp cho cá nhân, gia đình và doanh nghiệp — rõ ràng, tận tâm và dễ hiểu.

{ e.preventDefault(); scrollToId("services"); }}> Xem các gói bảo hiểm
{trustBadges.map((t) => {t} )}
Tư vấn viên bảo hiểm PTI
Đang nhận tư vấn
); } // ── About ─────────────────────────────────────────────────────────────── function About({ advisorName }) { const values = [ { ico: , title: "Minh bạch trong tư vấn", desc: "Giải thích đầy đủ điều khoản, phạm vi và điều kiện trước khi ký hợp đồng." }, { ico: , title: "Tận tâm khi hỗ trợ", desc: "Lắng nghe nhu cầu thực tế, không ép mua, không phóng đại quyền lợi." }, { ico: , title: "Đồng hành khi rủi ro", desc: "Hỗ trợ chuẩn bị hồ sơ và theo dõi tiến độ bồi thường cùng khách hàng." }]; return (
Tư vấn viên bảo hiểm PTI
{advisorName}
Tư vấn viên bảo hiểm — PTI
Về tôi

Đồng hành cùng bạn,
không chỉ là một hợp đồng bảo hiểm.

Tôi là {advisorName}, hiện đang công tác trong lĩnh vực bảo hiểm phi nhân thọ tại PTI. Tôi hỗ trợ khách hàng lựa chọn các giải pháp bảo hiểm phù hợp với nhu cầu thực tế - từ bảo hiểm xe cơ giới, sức khỏe, cháy nổ, tài sản, hàng hóa đến bảo hiểm du lịch...

Mục tiêu của tôi không chỉ là mang đến một hợp đồng bảo hiểm, mà còn giúp khách hàng hiểu đúng, lựa chọn phù hợp và luôn được hỗ trợ kịp thời khi cần. Với mong muốn xây dựng một tệp khách hàng bền vững và gắn bó lâu dài, tôi luôn đề cao sự rõ ràng, tận tâm và uy tín trong từng dịch vụ mình cung cấp.

{values.map((v) =>
{React.cloneElement(v.ico, { style: { width: 18, height: 18 } })} {v.title} {v.desc}
)}
); } // ── Services ──────────────────────────────────────────────────────────── function Services() { const items = [ { ico: , title: "Bảo hiểm xe ô tô / xe máy", desc: "Bảo vệ trước rủi ro tai nạn, va chạm, trách nhiệm dân sự và thiệt hại vật chất xe." }, { ico: , title: "Bảo hiểm sức khỏe cá nhân", desc: "Hỗ trợ chi phí y tế, nằm viện, điều trị và chăm sóc sức khỏe cho bạn và gia đình." }, { ico: , title: "Bảo hiểm tài sản", desc: "Bảo vệ nhà ở, văn phòng, cửa hàng, kho hàng và những tài sản có giá trị." }, { ico: , title: "Bảo hiểm du lịch", desc: "Hỗ trợ rủi ro trong chuyến đi: tai nạn, y tế, hành lý và sự cố ngoài ý muốn." }, { ico: , title: "Bảo hiểm CSSK doanh nghiệp", desc: "Giải pháp bảo vệ tài sản, nhân sự và hoạt động kinh doanh cho doanh nghiệp." }, { ico: , title: "Tư vấn hồ sơ bồi thường", desc: "Hỗ trợ chuẩn bị hồ sơ, hiểu quy trình và theo dõi tiến độ bồi thường minh bạch." }]; return (
Dịch vụ tư vấn

Giải pháp bảo hiểm phi nhân thọ
cho từng nhu cầu

Sáu nhóm sản phẩm phổ biến mà tôi có thể tư vấn — chọn nhóm phù hợp để tìm hiểu kỹ hoặc liên hệ trực tiếp nếu bạn chưa biết bắt đầu từ đâu.

{items.map((s) =>
{React.cloneElement(s.ico, { style: { width: 24, height: 24 } })}

{s.title}

{s.desc}

{ e.preventDefault(); scrollToId("contact"); }}> Tìm hiểu thêm
)}
); } // ── Why ───────────────────────────────────────────────────────────────── function Why() { const reasons = [ "Tư vấn dựa trên nhu cầu thực tế, không ép mua", "Giải thích điều khoản bảo hiểm dễ hiểu", "Hỗ trợ trước, trong và sau khi ký hợp đồng", "Đồng hành khi khách hàng cần làm hồ sơ bồi thường", "Đưa ra giải pháp phù hợp với ngân sách", "Làm việc chuyên nghiệp, phản hồi nhanh"]; return (
Vì sao chọn tôi

Bảo hiểm là cam kết dài hạn — và tôi xem việc đồng hành là phần quan trọng nhất.

{reasons.map((r, i) =>
{String(i + 1).padStart(2, "0")}
{r} {[ "Lắng nghe trước, đề xuất sau — không gây áp lực quyết định.", "Bóc tách các điều khoản phức tạp thành ngôn ngữ đời thường.", "Hỗ trợ liên tục, kể cả sau khi hợp đồng đã có hiệu lực.", "Tôi đứng cạnh bạn trong toàn bộ quy trình bồi thường.", "Cân đối quyền lợi và ngân sách thay vì chọn gói đắt nhất.", "Cam kết phản hồi trong thời gian hợp lý, không để bạn chờ."][ i]}
)}
); } // ── Process ───────────────────────────────────────────────────────────── function Process() { const steps = [ { n: "01", t: "Lắng nghe nhu cầu", d: "Tìm hiểu tình trạng cá nhân, tài sản, phương tiện hoặc doanh nghiệp của khách hàng." }, { n: "02", t: "Đề xuất giải pháp", d: "Gợi ý gói bảo hiểm phù hợp với nhu cầu và ngân sách của bạn." }, { n: "03", t: "Giải thích quyền lợi", d: "Làm rõ phạm vi, điều khoản loại trừ, phí bảo hiểm và quy trình bồi thường." }, { n: "04", t: "Đồng hành sau bán", d: "Hỗ trợ khi cần thay đổi thông tin, gia hạn hợp đồng hoặc yêu cầu bồi thường." }]; return (
Quy trình làm việc

Bốn bước rõ ràng,
không bất ngờ

Mỗi bước đều minh bạch — bạn biết mình đang ở đâu trong quy trình và điều gì sẽ diễn ra tiếp theo.

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

{s.t}

{s.d}

)}
); } // ── Stats ─────────────────────────────────────────────────────────────── function Stats() { const stats = [ { big: "100+", small: "khách hàng đã được tư vấn và đồng hành" }, { big: "24 / 7", small: "sẵn sàng hỗ trợ thông tin khi cần thiết" }, { big: "6", small: "nhóm sản phẩm bảo hiểm phi nhân thọ chủ lực" }, { big: "A → Z", small: "đồng hành từ tư vấn đến bồi thường" }]; return (
{stats.map((s) =>
{s.big} {s.small}
)}
); } // ── Testimonials ──────────────────────────────────────────────────────── function Testimonials() { const items = [ { q: "Bạn tư vấn rất dễ hiểu, giúp tôi chọn gói bảo hiểm xe phù hợp mà không bị rối bởi quá nhiều điều khoản.", who: "Anh Tuấn", role: "Khách hàng cá nhân — Hà Nội", initial: "T" }, { q: "Khi cần hỏi về hồ sơ bồi thường, tôi được hỗ trợ nhanh và rõ ràng. Cảm giác có người đồng hành thật sự khác biệt.", who: "Chị Hương", role: "Chủ hộ kinh doanh — Hải Phòng", initial: "H" }, { q: "Tôi thích cách tư vấn minh bạch, không ép mua, phân tích đúng nhu cầu — chứ không phải gói đắt nhất.", who: "Anh Quang", role: "Khách hàng doanh nghiệp — Bắc Ninh", initial: "Q" }]; return (
Khách hàng nói gì

Niềm tin được xây dựng
qua từng trải nghiệm

{items.map((it, i) =>
{[0, 1, 2, 3, 4].map((s) => )}

{it.q}

{it.initial}
{it.who} {it.role}
)}
); } // ── FAQ ───────────────────────────────────────────────────────────────── function FAQ() { const items = [ { q: "Bảo hiểm phi nhân thọ là gì?", a: "Bảo hiểm Phi Nhân Thọ giúp mình giảm bớt gánh nặng chi phí trước những rủi ro bất ngờ trong cuộc sống. Từ ô tô, xe máy, sức khỏe, tai nạn, nhà xưởng, tài sản đến du lịch… Em Trang PTI đều có thể hỗ trợ tư vấn, báo phí và cấp đơn nhanh ạ" }, { q: "Tôi nên mua loại bảo hiểm nào trước?", a: "Tùy vào nhu cầu cụ thể của bạn. Nếu bạn có xe, nên ưu tiên bảo hiểm xe (bao gồm cả trách nhiệm dân sự bắt buộc). Nếu có gia đình, nên cân nhắc bảo hiểm sức khỏe. Nếu kinh doanh, nên xem xét bảo hiểm tài sản và trách nhiệm cho hoạt động kinh doanh." }, { q: "Khi xảy ra rủi ro, tôi cần làm gì?", a: "Liên hệ ngay tư vấn viên hoặc tổng đài hỗ trợ của PTI, giữ lại tất cả chứng từ liên quan (ảnh hiện trường, hóa đơn, giấy tờ y tế, biên bản…) và chuẩn bị hồ sơ theo hướng dẫn. Tôi sẽ đồng hành cùng bạn trong toàn bộ quy trình." }, { q: "Tư vấn có mất phí không?", a: "Tư vấn ban đầu hoàn toàn miễn phí. Bạn có thể trao đổi nhu cầu, nhận đề xuất gói bảo hiểm phù hợp và hiểu rõ phí trước khi ra quyết định." }, { q: "Tôi có thể thay đổi gói bảo hiểm sau khi đã ký không?", a: "Có những thay đổi được cho phép tùy theo điều khoản hợp đồng (ví dụ: bổ sung quyền lợi, thay đổi đối tượng bảo hiểm…). Hãy liên hệ trước khi gia hạn hoặc khi nhu cầu của bạn thay đổi để được tư vấn cụ thể." }]; const [open, setOpen] = React.useState(0); return (
Câu hỏi thường gặp

Những điều bạn có thể đang băn khoăn

{items.map((it, i) =>

{it.a}

)}
); } // ── Contact ───────────────────────────────────────────────────────────── const APPS_SCRIPT_URL = "https://script.google.com/macros/s/AKfycbzjmhVSccFIMjcHojLiliatLanqu6OdmUsB5nrtsTlfjIES4_AA-XZ_XtBvMdWbXYCE/exec"; function Contact({ advisor }) { const [submitted, setSubmitted] = React.useState(false); const [lastSubmit, setLastSubmit] = React.useState(0); const [honey, setHoney] = React.useState(""); const [loading, setLoading] = React.useState(false); const [form, setForm] = React.useState({ name: "", phone: "", need: "Bảo hiểm xe ô tô / xe máy", msg: "" }); const COOLDOWN = 60; const onChange = (k) => (e) => setForm((f) => ({ ...f, [k]: e.target.value })); const submit = async (e) => { e.preventDefault(); if (honey) return; const now = Date.now(); const secondsLeft = Math.ceil((COOLDOWN * 1000 - (now - lastSubmit)) / 1000); if (lastSubmit && secondsLeft > 0) { alert(`Vui lòng chờ ${secondsLeft} giây trước khi gửi lại.`); return; } setLastSubmit(now); setLoading(true); try { await fetch(APPS_SCRIPT_URL, { method: "POST", mode: "no-cors", headers: { "Content-Type": "application/json" }, body: JSON.stringify(form), }); } catch (_) { } setLoading(false); setSubmitted(true); setTimeout(() => setSubmitted(false), 5000); }; return (
Liên hệ tư vấn

Gửi yêu cầu, tôi sẽ phản hồi trong thời gian sớm nhất

Để lại thông tin bên dưới, hoặc liên hệ nhanh qua điện thoại / Zalo. Tư vấn ban đầu miễn phí.

setHoney(e.target.value)} style={{ display: "none" }} tabIndex={-1} autoComplete="off" />