// Kisti — Cinematic Coming-Soon Landing // React 18 + Babel inline. Single-file app. const { useState, useEffect, useRef } = React; // ───────── Inline lucide-style icons ───────── const Icon = ({ children, className = "w-4 h-4", strokeWidth = 2, ...rest }) => {children}; const ChevronRight = (p) => ; const Menu = (p) => ; const Check = (p) => ; const Sparkles = (p) => ; const Bag = (p) => ; const Phone = (p) => ; const Shield = (p) => ; const Zap = (p) => ; const ArrowRight = (p) => ; const Search = (p) => ; const QrCode = (p) => ; const Lock = (p) => ; // ───────── Kisti logo mark (recreated from the supplied PNG) ───────── const KistiMark = ({ className = "h-8" }) => Kisti; // ───────── Primitive UI ───────── const BrandButton = ({ label = "Join the waitlist", icon, onClick, as = "button", href }) => { const cls = "group inline-flex items-center justify-center gap-2 rounded-full bg-brand text-ink font-semibold text-sm px-5 py-3 transition-all hover:brightness-110 active:scale-[0.98] shadow-[0_0_0_1px_rgba(255,255,255,0.18)_inset,0_8px_30px_-10px_rgba(59,255,157,0.45)]"; const inner = <> {icon} {label} ; return as === "a" ? {inner} : ; }; const GhostButton = ({ children, href = "#" }) => {children} ; const SectionEyebrow = ({ label, tag }) =>
{label} {tag && {tag}}
; // Green shiny gradient style for headline word const gradientStyle = { backgroundImage: 'linear-gradient(to right, #06120A 0%, #0B3F24 12.5%, #B6FFD4 32.5%, #3BFF9D 50%, #0B3F24 67.5%, #06120A 87.5%, #06120A 100%)', backgroundSize: '200% auto', WebkitBackgroundClip: 'text', backgroundClip: 'text', color: 'transparent', WebkitTextFillColor: 'transparent', filter: 'url(#c3-noise)' }; const fmtTk = (n) => '৳' + n.toLocaleString('en-IN', { maximumFractionDigits: 0 }); // ───────── 1) Navbar ───────── function Navbar({ scrolled, openWaitlist }) { const links = ['How it works', 'Where to use']; return ( ); } function ComingSoonPill() { return ( COMING SOON · BANGLADESH · 2026 ); } // ───────── 2) Hero ───────── function Hero() { return (

Shop now. Pay in 4. Zero interest.

Bangladesh's first Buy Now, Pay Later. Split any purchase into 4 equal monthly installments at 200+ local shops. Repay with bKash, Nagad, or any bank — 0% interest, always.

· 2,847 people already on the watchlist · no spam, ever
); } function WaitlistForm() { const [email, setEmail] = useState(""); const [done, setDone] = useState(false); const [err, setErr] = useState(""); const submit = (e) => { e.preventDefault(); if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email)) {setErr("Please enter a valid email.");return;} setErr(""); setDone(true); }; if (done) return (
You're on the watchlist.
We'll ping {email} the day Kisti launches.
#KISTI-{Math.floor(Math.random() * 9000 + 1000)}
); return (
{setEmail(e.target.value);setErr("");}} placeholder="your@email.com" className="flex-1 min-w-0 bg-transparent px-4 py-3 text-sm text-white placeholder-white/35 outline-none" /> {err &&
{err}
}
); } // ───────── 3) macOS-style strip (rebranded as a checkout strip) ───────── function StatusBar() { const items = ['Aarong', 'Daraz', 'Pickaboo', 'Chaldal', 'Foodpanda', 'Bata']; return (
| Live in Dhaka · Chattogram · Sylhet · Khulna
200+ MERCHANTS AT LAUNCH
); } // ───────── 4) Phone app mockup (3 phones, staggered) ───────── function PhoneFrame({ children, width = 300, opacity = 1, transform }) { return (
{/* Status bar */}
9:41
5G
{/* Screen content */}
{children}
); } function ScreenHome() { const merchants = [ { name: 'Daraz', c: '#F85606' }, { name: 'Aarong', c: '#9B2C5F' }, { name: 'Chaldal', c: '#0EAD69' }, { name: 'Pickaboo', c: '#2D8CFF' }]; return (
শুভ সন্ধ্যা
Hi, Rashed
RH
Available limit
৳88,000 / ৳1,00,000
Next due · ৳3,00015 JUN
{[{ label: 'Pay', icon: }, { label: 'Shop', icon: }, { label: 'Scan', icon: }].map((a) =>
{a.icon} {a.label}
)}
Pay in 4 at See all
{merchants.map((m) =>
{m.name[0]}
{m.name}
৳ split into 4
)}
{[{ i: , a: true }, { i: }, { i: }, { i: }].map((t, i) =>
{t.i}
)}
); } function ScreenCheckout() { const installment = 3000; return (
Checkout
iPhone 15 Pro · 256GB
Daraz · Natural Titanium
৳12,000
Pay in 4 with Kisti
0% APR
৳{installment.toLocaleString('en-IN')} / month × 4
{['Now', 'M2', 'M3', 'M4'].map((m, i) =>
{i + 1}
{m}
৳3,000
)}
Interest৳0.00
Late fees৳0.00
Total৳12,000
b
bKash · 01XXXXX1234
FIRST PAYMENT FROM
); } function ScreenPlan({ tick }) { const installment = 3000; const months = ['Today', 'Month 2', 'Month 3', 'Month 4']; const today = new Date(); const dates = months.map((_, i) => {const d = new Date(today);d.setMonth(d.getMonth() + i);return d.toLocaleDateString('en-GB', { day: '2-digit', month: 'short' });}); const paid = tick % 5; return (
Your plan
Daraz · order #84221
৳12,000.00
{paid} of 4 paid · 0% interest
{[0, 1, 2, 3].map((i) =>
{i === paid && }
)}
{[0, 1, 2, 3].map((i) => { const state = i < paid ? 'paid' : i === paid ? 'due' : 'upcoming'; return (
{state === 'paid' ? : i + 1}
{months[i]}
{dates[i].toUpperCase()}
৳{installment.toLocaleString('en-IN')}
{state === 'paid' ? 'Paid' : state === 'due' ? 'Due' : '—'}
); })}
); } function CheckoutMockup() { const [tick, setTick] = useState(0); useEffect(() => { const id = setInterval(() => setTick((t) => t + 1), 2800); return () => clearInterval(id); }, []); return (

One app. Every payment.

Shop, split, and repay — entirely from your phone. No bank visits, no paperwork, no card needed.

COMING TO
App Store
COMING TO
Google Play
); } // ───────── 5) Why Kisti (FeatureTriage adaptation) ───────── function WhyKisti() { const buckets = [ { name: '0% interest', count: 'Always', c: '#3BFF9D', items: ['Zero APR · zero late fees', 'The price you see is what you pay'] }, { name: 'bKash · Nagad', count: 'Built-in', c: '#B6FFD4', items: ['Repay how you already pay', 'No card needed, ever'] }, { name: 'Auto-growing limit', count: '৳5K → ৳1,00,000', c: 'rgba(59,255,157,0.6)', items: ['Starts modest, grows with you', 'On-time = higher limit, automatic'] }, { name: 'Bangla-first', count: 'বাংলা', c: 'rgba(59,255,157,0.35)', items: ['App, support & SMS in Bengali', 'Built by people who live here'] }]; const chips = ['Soft NID check · no CIB hit', 'Approved in 10 min', 'Face ID & 2FA', 'In-store QR pay', 'BFIU compliant']; return (

Pay-later,
finally done right.

Card-based EMIs are clunky and expensive. Loan sharks are worse. We built something honest in between — for the 170 million people who deserve it.

{chips.map((c) => {c} )}
TODAY · 12,480 PAYMENTS SCHEDULED
{buckets.map((b) =>
{b.name} {b.count}
    {b.items.map((it, i) =>
  • {it}
    • )}
)}
); } // ───────── 6) Merchant strip ───────── function MerchantStrip() { const merchants = ['Daraz', 'Chaldal', 'Shajgoj', 'AjkerDeal', 'Bikroy', 'Rokomari', 'Pickaboo', 'Aarong', 'Apex', 'Foodpanda', 'Bata', 'Yellow', 'Sailor', 'Le Reve', 'Khaas Food', 'Hatil']; return (
Trusted by the brands you already shop with
{[...merchants, ...merchants].map((m, i) =>
{m} ৳/4
)}
* 200+ MERCHANTS READY AT LAUNCH · DHAKA · CHATTOGRAM · SYLHET
); } // ───────── 7) Testimonials ───────── function Testimonials() { const items = [ { q: "I've been waiting for something like Kisti in Bangladesh. Card EMIs were never an option for me — Kisti makes pay-later actually accessible.", name: 'Rashed Hossain', role: 'Software engineer', co: 'Dhaka' }, { q: "As a small online seller, I'm signing up day one. Pay-in-4 is going to lift my checkout conversion in a way nothing else has.", name: 'Tahmina Akhter', role: 'Founder · online boutique', co: 'Chattogram' }, { q: "Repaying through bKash is the killer feature. No new cards, no bank queues. This is how BNPL should work here.", name: 'Fahim Rahman', role: 'Marketing lead', co: 'Sylhet' }]; return (
{items.map((it, i) =>
"{it.q}"
{it.name}
{it.role}
{it.co}
)}
* PRE-LAUNCH FEEDBACK FROM WAITLIST MEMBERS
); } // ───────── 8) Waitlist section with watermark (replaces pricing) ───────── function WaitlistSection() { return (
Pay in 4 কিস্তি
· 2,847 people · joining ~120 / day · launch 2026
); } function PerkCard({ tier, title, perks, highlight }) { return (
{tier} {highlight && Recommended}

{title}

    {perks.map((p, i) =>
  • {p}
    • )}
); } // ───────── 9) FAQ ───────── function FAQ() { const qs = [ { q: 'When does Kisti launch?', a: 'Public launch is targeted for 2026, starting in Dhaka, Chattogram, and Sylhet. Waitlist members get access 6 weeks earlier in batches.' }, { q: 'How does the pay-in-4 work?', a: "We split any purchase into 4 equal payments, one per month, over 4 months. Pay the first at checkout — the rest auto-deduct via bKash, Nagad, or your bank. Zero interest. Zero fees." }, { q: 'Is this really 0% interest? How do you make money?', a: "Yes — 0% interest, 0% APR, no hidden fees. Merchants pay us a small fee for the boost in conversion and average order value Kisti drives. Shoppers pay nothing extra." }, { q: 'What if I miss a payment?', a: "We never charge late fees. If a payment fails, your account is paused until you catch up — and we'll work with you to find a plan that works. No collections calls. No predatory tactics." }, { q: 'How big a purchase can I make?', a: "Everyone starts with a ৳5,000 limit. Pay on time and it grows automatically — all the way up to ৳1,00,000." }, { q: 'Where can I use Kisti?', a: "At 200+ merchants at launch — Daraz, Aarong, Chaldal, Foodpanda, Pickaboo, Apex and more. Online, in-app, and in-store via QR code." }]; const [open, setOpen] = useState(0); return (

The short answers.

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

{it.a}

)}
); } // ───────── 10) Final CTA ───────── function FinalCTA() { return (
COMING TO BANGLADESH · 2026

Skip the line.
Join the watchlist.

Be first to shop with Kisti when we go live. Waitlist members get a higher starting limit, founders'-chat access, and launch-day perks.

· 2,847 already in · no spam · 1-click unsubscribe
); } // ───────── 11) Footer ───────── function Footer() { return (

Bangladesh's Buy Now, Pay Later. Shop at 200+ merchants and pay in 4 equal monthly installments — 0% interest, no hidden fees. Launching 2026.

{[ { label: 'IG', href: 'https://www.instagram.com/kisti.ltd' }, { label: 'FB', href: 'https://www.facebook.com/share/1HzFKN6RQs/?mibextid=wwXIfr' }, ].map(({ label, href }) => {label} )}
{[ { h: 'Product', items: ['How it works', 'Where to use', 'FAQ', 'For merchants'] }, { h: 'Legal', items: ['Terms', 'Privacy', 'Complaints', 'Press kit'] }]. map((col) =>
{col.h}
    {col.items.map((it) =>
  • {it}
    • )}
)}
© 2026 Kisti Ltd · Registered in Bangladesh · BFIU Compliant
Made with ৳ in Dhaka · ঢাকায় তৈরি
kisti.io · hello@kisti.io
); } // ───────── Backdrop layers ───────── function BackgroundVideo({ src }) { const ref = useRef(null); useEffect(() => { const video = ref.current; if (!video) return; // Safari plays HLS natively if (video.canPlayType('application/vnd.apple.mpegurl')) { video.src = src; return; } // Everyone else: hls.js if (window.Hls && window.Hls.isSupported()) { const hls = new window.Hls({ enableWorker: true, lowLatencyMode: false }); hls.loadSource(src); hls.attachMedia(video); return () => hls.destroy(); } // Last resort: try direct (will likely fail) video.src = src; }, [src]); return (