// CNV Work — Landing sections (hero, trust, modules, flow, CTA, footer) // Light-primary design with dark CTA breaks for rhythm. // ───────────── HERO — light hero with product mock ───────────── const Hero = () => (
{/* Subtle background shapes */}
{/* dot pattern */}
MỚI CNV Work v2.4 — Fulfillment Kanban đã ra mắt

Một nền tảng,
thay thế 5-7 phần mềm

CNV Work gộp CRM, triển khai dịch vụ, marketing, nhân sự và hỗ trợ khách hàng vào một không gian làm việc — cho doanh nghiệp Việt từ 50 đến 500 nhân sự.

Đặt lịch demo }>Xem bảng giá
Go-live 7-14 ngày
Dữ liệu lưu tại VN
); // Fake product window — pipeline kanban const ProductMock = () => (
Doanh thu tháng
2.84 tỷ ₫
+18.4% so với tháng trước
{/* mini sparkline */}
{['#E5E9F2','#E5E9F2','#E5E9F2'].map((c,i) => )}
app.cnvwork.vn / sales / pipeline
Pipeline Q2/2026
42 deal · 8.4 tỷ ₫
{['Grid','Kanban','Timeline'].map((t,i) => (
{t}
))}
{[ { title: 'Qualifying', count: 12, sum: '1.2 tỷ', color: BLUE[500] }, { title: 'Proposal', count: 8, sum: '3.1 tỷ', color: BLUE[600] }, { title: 'Closing', count: 5, sum: '4.1 tỷ', color: GREEN[500] }, ].map((col, ci) => (
{col.title} {col.count}
{col.sum}
{[0,1,2].map(i => (
{['Brewery · Loyalty','POS chain · Onboard','Education · HRIS','IT corp · CRM','E-commerce SaaS · CDP','Logistics · Support','Chuỗi cà phê · Mini App','Fintech · Ticket','Industry assoc · Events'][ci*3+i]}
{['240M','520M','180M','680M','1.1 tỷ','340M','1.8 tỷ','920M','1.4 tỷ'][ci*3+i]} {['MK','TH','PH','NT','HA','QK','PQ','NA','LT'][ci*3+i]}
))}
))}
{/* floating notif */}
Deal Brewery · Loyalty won
Auto-assign team triển khai · 2 phút trước
); // ───────────── TRUST BAR ───────────── const TrustBar = () => { const logos = ['E-commerce', 'POS chain', 'F&B', 'IT corp', 'Brewery', 'Logistics', 'Retail SaaS', 'Industry assoc']; return (
500+ doanh nghiệp Việt đang vận hành trên CNV Work
{logos.map(l => (
{l}
))}
); }; // ───────────── 6 PRODUCT PILLARS ───────────── const PILLARS = [ { key: 'sales', icon: ( ), title: 'Sales & CRM', desc: 'Vòng đời trọn vẹn: lead → deal → hợp đồng → thanh toán → gia hạn.', items: ['Pipeline kanban', 'Báo giá đa cấp', 'Subscription tự động', 'Commission theo rule'] }, { key: 'fulfillment', icon: ( ), title: 'Fulfillment · Triển khai', desc: 'Từ lúc chốt deal đến khi go-live — phân công, tiến độ và SLA.', items: ['Đơn triển khai kanban', 'Stage pipeline', 'Auto-assign team', 'Báo cáo hiệu suất'] }, { key: 'marketing', icon: ( ), title: 'Marketing & Automation', desc: 'Thu hút khách hàng và tự động hoá luồng việc — không cần code.', items: ['Campaign & Lead form', 'Tracking ROI', 'Automation flow', 'Thư viện rule'] }, { key: 'support', icon: ( ), title: 'Hỗ trợ khách hàng', desc: 'Trung tâm đa kênh với ticket, SLA và widget nhúng website.', items: ['Ticket thông minh', 'SLA & cảnh báo', 'Inbox đa kênh', 'Widget website'] }, { key: 'hr', icon: ( ), title: 'Nhân sự · Vận hành', desc: 'Con người, tài sản và công việc — từ tuyển dụng đến offboarding.', items: ['Tuyển dụng & Onboard', 'Chấm công GPS', 'Hợp đồng & bậc lương', 'Dự án & phê duyệt'] }, { key: 'reports', icon: ( ), title: 'Báo cáo & Tích hợp', desc: '20+ dashboard có sẵn, tích hợp công cụ bạn đang dùng.', items: ['Doanh thu · Công nợ', 'Subscription forecast', 'Zalo OA · Facebook', 'CNV Call · Fireflies'] }, ]; const Pillars = () => (
6 NHÓM SẢN PHẨM · 1 NỀN TẢNG

Mọi thứ đội bạn cần — trong một chỗ

CNV Work thay thế Hubspot, Base, Salesforce, Zendesk, Jira, Bamboo và nhiều tool khác — với chi phí bằng 1/3 và dữ liệu ở lại Việt Nam.

{PILLARS.map((p) => )}
); const PillarCard = ({ pillar }) => { const [hover, setHover] = React.useState(false); return (
setHover(true)} onMouseLeave={() => setHover(false)} style={{ background: '#fff', border: `1px solid ${hover ? BLUE[200] : LINE}`, borderRadius: 14, padding: 28, transition: 'all .2s', transform: hover ? 'translateY(-4px)' : 'none', boxShadow: hover ? '0 18px 40px rgba(12,26,52,0.08)' : 'none', }}>
{pillar.icon}
{pillar.title}
{pillar.desc}
{pillar.items.map(it => (
{it}
))}
); }; // ───────────── FINAL CTA (dark break) ───────────── const FinalCTA = () => (

Sẵn sàng hợp nhất quy trình vận hành?

Tạo workspace miễn phí trong 2 phút · dữ liệu mẫu sẵn · đội CNV hỗ trợ onboard.

Đặt lịch demo Đặt lịch demo
); // ───────────── FOOTER ───────────── const Footer = () => ( ); Object.assign(window, { Hero, ProductMock, TrustBar, Pillars, PillarCard, PILLARS, FinalCTA, Footer });