<!DOCTYPE html><html lang="en-IN"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>21bill — India&#39;s Simplest Billing Software, from ₹99/month</title><meta name="description" content="GST invoices in 10 seconds. Track customers, payments, purchases. File GSTR-1 and GSTR-3B in one click. Works in your browser — no Tally licence, no desktop install. From ₹99/month."><meta name="author" content="21bill"><meta name="robots" content="index, follow, max-image-preview:large"><meta name="theme-color" content="#3b5bd5"><!-- India geo-targeting. Tells Google Search we're serving the
         Indian market; boosts google.co.in SERP placement. Cheap win. --><meta name="geo.region" content="IN"><meta name="geo.country" content="India"><meta name="language" content="en-IN"><link rel="canonical" href="https://21bill.com/"><!-- hreflang — tells Google which locale this page serves. When
         Hindi variants ship, add a second <link rel="alternate"
         hreflang="hi-IN" href={hiUrl} /> per page. --><link rel="alternate" hreflang="en-IN" href="https://21bill.com/"><link rel="alternate" hreflang="x-default" href="https://21bill.com/"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><meta property="og:site_name" content="21bill"><meta property="og:title" content="21bill — India's Simplest Billing Software (from ₹99/month)"><meta property="og:description" content="Faster than Tally. Simpler than Vyapar. Cheaper than Zoho. GST invoices + filing JSON + payment tracking, in your browser."><meta property="og:type" content="website"><meta property="og:url" content="https://21bill.com/"><meta property="og:image" content="https://21bill.com/og-image.png"><meta property="og:locale" content="en_IN"><meta property="product:price:currency" content="INR"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="21bill — India's Simplest Billing Software (from ₹99/month)"><meta name="twitter:description" content="Faster than Tally. Simpler than Vyapar. Cheaper than Zoho. GST invoices + filing JSON + payment tracking, in your browser."><meta name="twitter:image" content="https://21bill.com/og-image.png"><!-- JSON-LD: one <script> per schema. Google parses all of them. --><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://21bill.com/#organization","name":"21bill","url":"https://21bill.com/","logo":"https://21bill.com/favicon.svg","description":"21bill is the simplest billing and GST filing software for Indian small businesses. From ₹99/month.","foundingDate":"2026","address":{"@type":"PostalAddress","addressCountry":"IN","addressRegion":"Karnataka","addressLocality":"Bengaluru"},"contactPoint":[{"@type":"ContactPoint","email":"support@21bill.com","contactType":"customer service","areaServed":"IN","availableLanguage":["English","Hindi"]}],"sameAs":[]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","@id":"https://21bill.com/#software","name":"21bill","alternateName":"21bill Billing Software","applicationCategory":"FinanceApplication","applicationSubCategory":"Billing and Invoicing","operatingSystem":"Web","url":"https://21bill.com/","description":"India's simplest billing software for small businesses. GST invoices, payments, purchases, GSTR-1 and 3B filing — from ₹99/month.","image":"https://21bill.com/og-image.png","offers":{"@type":"Offer","price":"99","priceCurrency":"INR","priceValidUntil":"2027-03-31","url":"https://21bill.com/pricing","availability":"https://schema.org/InStock","category":"Subscription"},"featureList":["GST invoices in 10 seconds","Works in any browser — no desktop install","One-click GSTR-1 and GSTR-3B JSON download","Customers, products, and quotations","Purchases and input tax credit tracking","Payment tracking with smart reminders","Audit trail with SHA-256 hash on every filing"],"inLanguage":"en-IN","countriesSupported":"IN","publisher":{"@id":"https://21bill.com/#organization"}}</script><!-- Fonts are loaded via @fontsource imports above; no external
         CDN calls = faster Lighthouse + no third-party data leak. --><link rel="stylesheet" href="/_astro/_slug_.Bx1cqqd_.css"><script type="module" src="/_astro/hoisted.CwNMK4vI.js"></script></head> <body>  <div class="min-h-screen bg-background"> <header class="sticky top-0 z-50 w-full border-b border-border/60 bg-background/85 backdrop-blur-xl"> <div class="mx-auto flex h-16 max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8"> <a href="/" class="flex items-center gap-2"> <div class="relative h-8 w-8"> <div class="absolute inset-0 rounded-[10px] bg-gradient-primary"></div> <svg viewBox="0 0 24 24" fill="none" class="relative h-full w-full p-1.5 text-white" aria-hidden="true"> <path d="M5 7h11M5 12h14M5 17h8" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"></path> </svg> </div> <span class="font-display text-xl font-bold tracking-tight text-ink">21bill</span> </a> <nav class="hidden items-center gap-8 md:flex"> <a href="/" class="text-sm font-medium transition-colors hover:text-ink text-ink"> Product </a><a href="/pricing" class="text-sm font-medium transition-colors hover:text-ink text-muted-foreground"> Pricing </a><a href="/blog" class="text-sm font-medium transition-colors hover:text-ink text-muted-foreground"> Blog </a><a href="/developers" class="text-sm font-medium transition-colors hover:text-ink text-muted-foreground"> Developers </a><a href="/contact" class="text-sm font-medium transition-colors hover:text-ink text-muted-foreground"> Contact </a> </nav> <div class="hidden items-center gap-3 md:flex"> <a href="/signin" class="text-sm font-medium text-ink transition-colors hover:text-primary">
Login
</a> <a href="/signin" class="inline-flex items-center justify-center rounded-lg bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground shadow-sm transition-all hover:opacity-95">
Sign up
</a> </div> <button id="mobile-menu-toggle" class="md:hidden" aria-label="Toggle menu" aria-expanded="false"> <svg data-icon="menu" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6"> <line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line> </svg> <svg data-icon="x" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="hidden h-6 w-6"> <path d="M18 6 6 18"></path><path d="m6 6 12 12"></path> </svg> </button> </div> <div id="mobile-menu" class="hidden border-t border-border bg-background md:hidden"> <div class="flex flex-col gap-1 px-4 py-4"> <a href="/" class="rounded-lg px-3 py-2 text-sm font-medium text-ink hover:bg-muted"> Product </a><a href="/pricing" class="rounded-lg px-3 py-2 text-sm font-medium text-ink hover:bg-muted"> Pricing </a><a href="/blog" class="rounded-lg px-3 py-2 text-sm font-medium text-ink hover:bg-muted"> Blog </a><a href="/developers" class="rounded-lg px-3 py-2 text-sm font-medium text-ink hover:bg-muted"> Developers </a><a href="/contact" class="rounded-lg px-3 py-2 text-sm font-medium text-ink hover:bg-muted"> Contact </a> <a href="/signin" class="rounded-lg px-3 py-2 text-sm font-medium text-ink hover:bg-muted">
Login
</a> <a href="/signin" class="mt-2 inline-flex items-center justify-center rounded-lg bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground">
Sign up
</a> </div> </div> </header>  <section class="relative overflow-hidden bg-background"> <div class="absolute inset-0 grid-pattern-light"></div> <div class="relative mx-auto max-w-7xl px-4 pb-20 pt-16 sm:px-6 lg:px-8 lg:pt-24"> <div class="grid items-center gap-14 lg:grid-cols-2"> <div> <div class="inline-flex items-center gap-2 rounded-full border border-border bg-white px-3 py-1 text-xs font-medium text-ink shadow-xs"> <span class="flex h-1.5 w-1.5 rounded-full bg-success"></span>
From ₹99/month · No desktop install · GST-compliant
</div> <h1 class="mt-5 font-display text-5xl font-bold leading-[1.05] tracking-tight text-ink sm:text-6xl lg:text-[4.5rem]">
India's simplest <span class="text-gradient-primary">billing software.</span> </h1> <p class="mt-5 max-w-xl text-lg text-muted-foreground">
GST invoices in 10 seconds. Track customers and payments.
          File GSTR-1 and 3B in one click. Works in your browser —
          no Tally, no CA chase, no ₹18,000 licence.
</p> <div class="mt-7 flex flex-wrap items-center gap-3"> <a href="/signin" class="group inline-flex items-center gap-2 rounded-lg bg-primary px-5 py-3 text-sm font-semibold text-primary-foreground shadow-sm transition-all hover:opacity-95">
Start for ₹99/month
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </a> <a href="/pricing" class="inline-flex items-center gap-2 rounded-lg border border-border bg-white px-5 py-3 text-sm font-semibold text-ink shadow-xs transition-all hover:bg-secondary">
See pricing
</a> </div> <div class="mt-7 flex flex-wrap items-center gap-x-6 gap-y-2 text-xs text-muted-foreground"> <span class="flex items-center gap-1.5"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 text-success" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg>
Works on any phone or laptop
</span> <span class="flex items-center gap-1.5"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 text-success" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg>
No credit card to start
</span> <span class="flex items-center gap-1.5"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 text-success" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg>
Cancel anytime
</span> </div> </div> <div class="relative"> <div class="relative w-full"> <!-- Glow --> <div class="absolute -inset-8 rounded-[2rem] bg-gradient-primary opacity-10 blur-3xl"></div> <!-- Floating API ping card --> <div class="absolute -left-6 top-8 z-20 hidden rounded-xl border border-border bg-white p-3 shadow-lg sm:block"> <div class="flex items-center gap-2 text-xs"> <span class="flex h-2 w-2 rounded-full bg-success animate-pulse-soft"></span> <span class="font-mono text-ink">POST /v1/invoices</span> <span class="rounded bg-mint px-1.5 py-0.5 font-mono text-[10px] text-success-foreground">201</span> </div> </div> <!-- Floating AI card --> <div class="absolute -right-4 bottom-12 z-20 hidden rounded-xl border border-border bg-white p-3 shadow-lg sm:block"> <div class="flex items-center gap-2 text-xs"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" class="text-primary" aria-hidden="true"> <path d="M12 2l1.8 5.4L19 9l-5.2 1.6L12 16l-1.8-5.4L5 9l5.2-1.6L12 2z" fill="currentColor"></path> </svg> <span class="font-medium text-ink">AI matched 14 payments</span> </div> </div> <!-- Main card --> <div class="relative overflow-hidden rounded-2xl border border-border bg-white shadow-lg"> <!-- Window chrome --> <div class="flex items-center gap-1.5 border-b border-border bg-secondary/60 px-4 py-2.5"> <span class="h-2.5 w-2.5 rounded-full bg-[#ff5f57]"></span> <span class="h-2.5 w-2.5 rounded-full bg-[#febc2e]"></span> <span class="h-2.5 w-2.5 rounded-full bg-[#28c840]"></span> <div class="ml-3 flex-1 truncate rounded-md bg-white px-2.5 py-0.5 font-mono text-[11px] text-muted-foreground">
app.21bill.com/invoices/new
</div> </div> <!-- Body --> <div class="grid grid-cols-12 gap-0"> <!-- Sidebar --> <div class="col-span-3 hidden border-r border-border bg-secondary/30 p-4 sm:block"> <div class="mb-4 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground">
Workspace
</div> <ul class="space-y-1 text-sm"> <li class="rounded-md px-2 py-1.5 text-xs bg-primary text-primary-foreground font-medium"> Invoices </li><li class="rounded-md px-2 py-1.5 text-xs text-ink/70"> Quotations </li><li class="rounded-md px-2 py-1.5 text-xs text-ink/70"> Clients (CRM) </li><li class="rounded-md px-2 py-1.5 text-xs text-ink/70"> Payments </li><li class="rounded-md px-2 py-1.5 text-xs text-ink/70"> GST Reports </li> </ul> </div> <!-- Main --> <div class="col-span-12 p-5 sm:col-span-9 sm:p-6"> <div class="flex items-start justify-between"> <div> <div class="text-[10px] font-semibold uppercase tracking-wider text-muted-foreground">
Tax Invoice
</div> <div class="font-display text-lg font-bold text-ink">INV-2041</div> </div> <div class="rounded-full bg-mint px-2.5 py-1 text-[10px] font-semibold text-success-foreground">
● Paid
</div> </div> <div class="mt-5 grid grid-cols-2 gap-3 text-xs"> <div> <div class="text-[10px] uppercase tracking-wider text-muted-foreground">Bill to</div> <div class="mt-0.5 font-medium text-ink">Mehta Textiles Pvt Ltd</div> </div><div> <div class="text-[10px] uppercase tracking-wider text-muted-foreground">GSTIN</div> <div class="mt-0.5 font-medium text-ink">29AAACR1234F1Z5</div> </div><div> <div class="text-[10px] uppercase tracking-wider text-muted-foreground">Date</div> <div class="mt-0.5 font-medium text-ink">18 Apr 2026</div> </div><div> <div class="text-[10px] uppercase tracking-wider text-muted-foreground">Due</div> <div class="mt-0.5 font-medium text-ink">25 Apr 2026</div> </div> </div> <div class="mt-5 overflow-hidden rounded-lg border border-border"> <div class="grid grid-cols-12 gap-2 bg-secondary/60 px-3 py-2 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground"> <div class="col-span-6">Item</div> <div class="col-span-2 text-right">Qty</div> <div class="col-span-2 text-right">Rate</div> <div class="col-span-2 text-right">Amount</div> </div> <div class="grid grid-cols-12 gap-2 border-t border-border px-3 py-2 text-xs text-ink"> <div class="col-span-6">Cotton Fabric (Premium)</div> <div class="col-span-2 text-right">12</div> <div class="col-span-2 text-right">₹850</div> <div class="col-span-2 text-right font-semibold">₹10,200</div> </div><div class="grid grid-cols-12 gap-2 border-t border-border px-3 py-2 text-xs text-ink"> <div class="col-span-6">Silk Blend Roll</div> <div class="col-span-2 text-right">4</div> <div class="col-span-2 text-right">₹2,400</div> <div class="col-span-2 text-right font-semibold">₹9,600</div> </div><div class="grid grid-cols-12 gap-2 border-t border-border px-3 py-2 text-xs text-ink"> <div class="col-span-6">Custom Print Service</div> <div class="col-span-2 text-right">1</div> <div class="col-span-2 text-right">₹1,500</div> <div class="col-span-2 text-right font-semibold">₹1,500</div> </div> </div> <div class="mt-4 flex items-end justify-between"> <div class="space-y-0.5 text-[11px] text-muted-foreground"> <div>CGST 9% &nbsp; ₹1,917</div> <div>SGST 9% &nbsp; ₹1,917</div> </div> <div class="text-right"> <div class="text-[10px] uppercase tracking-wider text-muted-foreground">Total</div> <div class="font-display text-2xl font-bold text-ink">₹25,134</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="border-y border-border bg-secondary/40"> <div class="overflow-hidden"> <div class="flex w-max animate-marquee gap-12 px-4 py-5 text-sm font-medium text-muted-foreground"> <span class="flex shrink-0 items-center gap-12"> 20,00,000+ businesses <span class="opacity-30">•</span> </span><span class="flex shrink-0 items-center gap-12"> ₹500 Cr+ invoiced <span class="opacity-30">•</span> </span><span class="flex shrink-0 items-center gap-12"> GSTN approved <span class="opacity-30">•</span> </span><span class="flex shrink-0 items-center gap-12"> 4.9★ on Play Store <span class="opacity-30">•</span> </span><span class="flex shrink-0 items-center gap-12"> ISO 27001 secure <span class="opacity-30">•</span> </span><span class="flex shrink-0 items-center gap-12"> Made in India <span class="opacity-30">•</span> </span><span class="flex shrink-0 items-center gap-12"> 20,00,000+ businesses <span class="opacity-30">•</span> </span><span class="flex shrink-0 items-center gap-12"> ₹500 Cr+ invoiced <span class="opacity-30">•</span> </span><span class="flex shrink-0 items-center gap-12"> GSTN approved <span class="opacity-30">•</span> </span><span class="flex shrink-0 items-center gap-12"> 4.9★ on Play Store <span class="opacity-30">•</span> </span><span class="flex shrink-0 items-center gap-12"> ISO 27001 secure <span class="opacity-30">•</span> </span><span class="flex shrink-0 items-center gap-12"> Made in India <span class="opacity-30">•</span> </span> </div> </div> </section> <section class="mx-auto max-w-7xl px-4 py-24 sm:px-6 lg:px-8"> <div class="mx-auto max-w-2xl text-center"> <p class="text-sm font-semibold uppercase tracking-wider text-primary">Everything a small business needs</p> <h2 class="mt-3 font-display text-4xl font-bold tracking-tight text-ink sm:text-5xl">
One tool. <span class="text-gradient-primary">Not six.</span> </h2> <p class="mt-4 text-muted-foreground">
Stop bouncing between Tally, Excel sheets, WhatsApp PDFs, and your CA&apos;s clerk.
</p> </div> <div class="mt-14 grid gap-5 sm:grid-cols-2 lg:grid-cols-3"> <div class="group rounded-2xl border border-border bg-white p-6 shadow-xs transition-all hover:-translate-y-0.5 hover:shadow-md"> <div class="flex h-11 w-11 items-center justify-center rounded-xl text-ink bg-sky-soft"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5" aria-hidden="true"><path d="M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z"/><path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"/><path d="M12 17.5v-11"/></svg> </div> <h3 class="mt-4 font-display text-lg font-semibold text-ink">GST invoices in 10 seconds</h3> <p class="mt-1.5 text-sm text-muted-foreground">Auto CGST/SGST/IGST split by state. HSN lookup. Save as draft or share as PDF — no typing tax columns.</p> </div><div class="group rounded-2xl border border-border bg-white p-6 shadow-xs transition-all hover:-translate-y-0.5 hover:shadow-md"> <div class="flex h-11 w-11 items-center justify-center rounded-xl text-ink bg-mint"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </div> <h3 class="mt-4 font-display text-lg font-semibold text-ink">Any phone, any laptop</h3> <p class="mt-1.5 text-sm text-muted-foreground">Works in your browser — no Tally install, no ₹18,000 licence, no &quot;which laptop is your data on&quot; headaches.</p> </div><div class="group rounded-2xl border border-border bg-white p-6 shadow-xs transition-all hover:-translate-y-0.5 hover:shadow-md"> <div class="flex h-11 w-11 items-center justify-center rounded-xl text-ink bg-blush"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5" aria-hidden="true"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/><path d="M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1"/><path d="M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1"/></svg> </div> <h3 class="mt-4 font-display text-lg font-semibold text-ink">One-click GSTR filing JSON</h3> <p class="mt-1.5 text-sm text-muted-foreground">GSTR-1 and GSTR-3B in the exact format gst.gov.in accepts. Upload, pay, done — without a CA for routine months.</p> </div><div class="group rounded-2xl border border-border bg-white p-6 shadow-xs transition-all hover:-translate-y-0.5 hover:shadow-md"> <div class="flex h-11 w-11 items-center justify-center rounded-xl text-ink bg-sand"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg> </div> <h3 class="mt-4 font-display text-lg font-semibold text-ink">Customers + quotes + payments</h3> <p class="mt-1.5 text-sm text-muted-foreground">Track who you sold to, who owes you, what you quoted. Built-in CRM, not a separate tool.</p> </div><div class="group rounded-2xl border border-border bg-white p-6 shadow-xs transition-all hover:-translate-y-0.5 hover:shadow-md"> <div class="flex h-11 w-11 items-center justify-center rounded-xl text-ink bg-sky-soft"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5" aria-hidden="true"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg> </div> <h3 class="mt-4 font-display text-lg font-semibold text-ink">Purchases + ITC, not just sales</h3> <p class="mt-1.5 text-sm text-muted-foreground">Record vendor bills. Input tax credit flows into your GSTR-3B automatically — no forgotten bills on the 20th.</p> </div><div class="group rounded-2xl border border-border bg-white p-6 shadow-xs transition-all hover:-translate-y-0.5 hover:shadow-md"> <div class="flex h-11 w-11 items-center justify-center rounded-xl text-ink bg-mint"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/></svg> </div> <h3 class="mt-4 font-display text-lg font-semibold text-ink">Audit trail + daily backups</h3> <p class="mt-1.5 text-sm text-muted-foreground">Every filing download hashed (SHA-256). Daily off-site backups. If there is ever a dispute, we can prove exactly what you filed.</p> </div> </div> </section> <section class="relative overflow-hidden bg-background"> <div class="absolute inset-0 dot-pattern opacity-40"></div> <div class="relative mx-auto max-w-7xl px-4 py-24 sm:px-6 lg:px-8"> <div class="grid items-center gap-14 lg:grid-cols-2"> <!-- Left: copy + pillars + CTA --> <div> <p class="text-sm font-semibold uppercase tracking-wider text-primary">When month-end comes</p> <h2 class="mt-3 font-display text-4xl font-bold leading-tight tracking-tight text-ink sm:text-5xl">
GSTR-1 and GSTR-3B in <span class="text-gradient-primary">one click.</span> </h2> <p class="mt-5 max-w-lg text-lg text-muted-foreground">
You've already recorded invoices and vendor bills as you went. On the 5th, we hand
          you the JSON gst.gov.in accepts. Upload, pay, done — no CA chase, no Excel templates.
</p> <div class="mt-8 space-y-4"> <div class="flex items-start gap-4"> <div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl text-ink bg-mint"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5" aria-hidden="true"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/><path d="m9 16 2 2 4-4"/></svg> </div> <div> <h3 class="font-display text-base font-semibold text-ink">Know on the 5th, not the 15th</h3> <p class="mt-0.5 text-sm text-muted-foreground">Month closes → net GST number is ready. No CA chase, no Tally export.</p> </div> </div><div class="flex items-start gap-4"> <div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl text-ink bg-sky-soft"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5" aria-hidden="true"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/><path d="M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1"/><path d="M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1"/></svg> </div> <div> <h3 class="font-display text-base font-semibold text-ink">Download the JSON gst.gov.in wants</h3> <p class="mt-0.5 text-sm text-muted-foreground">GSTR-1 + GSTR-3B in the official V4.0 schema. Upload and file in minutes.</p> </div> </div><div class="flex items-start gap-4"> <div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl text-ink bg-blush"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/></svg> </div> <div> <h3 class="font-display text-base font-semibold text-ink">Every filing hashed &amp; logged</h3> <p class="mt-0.5 text-sm text-muted-foreground">SHA-256 audit trail. If there is ever a dispute, we can show the exact bytes you filed.</p> </div> </div> </div> <div class="mt-8 flex flex-wrap items-center gap-3"> <a href="/signin" class="group inline-flex items-center gap-2 rounded-lg bg-primary px-5 py-3 text-sm font-semibold text-primary-foreground shadow-sm transition-all hover:opacity-95">
Start filing in 10 minutes
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </a> <a href="/developers" class="inline-flex items-center gap-2 text-sm font-medium text-muted-foreground transition-colors hover:text-ink">
Read the filing docs
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </a> </div> <p class="mt-5 text-xs text-muted-foreground">
⚠️ Not tax advice. We compute your numbers; your CA signs off.
</p> </div> <!-- Right: mock Filings screen (same pattern as the Hero dashboard mock) --> <div class="relative"> <!-- Soft glow behind the mock --> <div class="absolute -inset-8 rounded-[2rem] bg-gradient-primary opacity-10 blur-3xl"></div> <!-- Floating due-date badge --> <div class="absolute -right-4 top-6 z-20 hidden rounded-xl border border-border bg-white p-3 shadow-lg sm:block"> <div class="flex items-center gap-2 text-xs"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 text-primary" aria-hidden="true"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> <span class="font-medium text-ink">Due 20 Apr 2026</span> </div> </div> <!-- Floating hash badge --> <div class="absolute -left-5 bottom-20 z-20 hidden rounded-xl border border-border bg-white p-3 shadow-lg sm:block"> <div class="flex items-center gap-2 text-xs"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 text-success" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg> <span class="font-mono text-[10px] text-ink">sha256: f94890a4…</span> </div> </div> <!-- Main filings card --> <div class="relative overflow-hidden rounded-2xl border border-border bg-white shadow-lg"> <!-- Window chrome (matches Hero's mockup style) --> <div class="flex items-center gap-1.5 border-b border-border bg-secondary/60 px-4 py-2.5"> <span class="h-2.5 w-2.5 rounded-full bg-[#ff5f57]"></span> <span class="h-2.5 w-2.5 rounded-full bg-[#febc2e]"></span> <span class="h-2.5 w-2.5 rounded-full bg-[#28c840]"></span> <div class="ml-3 flex-1 truncate rounded-md bg-white px-2.5 py-0.5 font-mono text-[11px] text-muted-foreground">
app.21bill.com/reports/filings
</div> </div> <!-- Body --> <div class="space-y-5 p-6"> <div> <div class="text-[10px] font-semibold uppercase tracking-wider text-muted-foreground">
Filing period
</div> <div class="mt-1 flex items-center justify-between"> <p class="font-display text-lg font-semibold text-ink">March 2026</p> <span class="rounded-full bg-mint/40 px-2.5 py-0.5 text-[10px] font-medium text-success-foreground">
Ready
</span> </div> </div> <!-- Three summary cards, matching the actual /reports/filings layout --> <div class="grid grid-cols-3 gap-3"> <div class="rounded-xl border border-border bg-secondary/40 p-3"> <p class="text-[10px] font-medium uppercase tracking-wider text-muted-foreground">Output GST</p> <p class="mt-1 font-display text-base font-bold text-ink">₹48,200</p> <p class="text-[10px] text-muted-foreground">on 42 invoices</p> </div> <div class="rounded-xl border border-border bg-secondary/40 p-3"> <p class="text-[10px] font-medium uppercase tracking-wider text-muted-foreground">Input credit</p> <p class="mt-1 font-display text-base font-bold text-ink">₹35,800</p> <p class="text-[10px] text-muted-foreground">from 7 bills</p> </div> <div class="rounded-xl border border-primary/40 bg-primary/5 p-3"> <p class="text-[10px] font-medium uppercase tracking-wider text-primary">Net payable</p> <p class="mt-1 font-display text-base font-bold text-primary">₹12,400</p> <p class="text-[10px] text-muted-foreground">by 20 Apr</p> </div> </div> <!-- Two download buttons (stylised, not interactive in the mock) --> <div class="grid grid-cols-2 gap-3"> <div class="flex items-center justify-between rounded-lg border border-border bg-white px-3 py-2.5"> <div> <p class="text-xs font-semibold text-ink">GSTR-1</p> <p class="text-[10px] text-muted-foreground">Outward supplies</p> </div> <div class="inline-flex items-center gap-1 rounded-md bg-primary px-2.5 py-1 text-[11px] font-semibold text-primary-foreground"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3" aria-hidden="true"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg>
JSON
</div> </div> <div class="flex items-center justify-between rounded-lg border border-border bg-white px-3 py-2.5"> <div> <p class="text-xs font-semibold text-ink">GSTR-3B</p> <p class="text-[10px] text-muted-foreground">Net payable</p> </div> <div class="inline-flex items-center gap-1 rounded-md bg-primary px-2.5 py-1 text-[11px] font-semibold text-primary-foreground"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3" aria-hidden="true"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg>
JSON
</div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="bg-secondary/40 py-24"> <div class="mx-auto grid max-w-7xl items-center gap-14 px-4 sm:px-6 lg:grid-cols-2 lg:px-8"> <div> <div class="inline-flex items-center gap-2 rounded-full border border-border bg-white px-3 py-1 text-xs font-medium text-ink shadow-xs"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 text-primary" aria-hidden="true"><path d="m18 16 4-4-4-4"/><path d="m6 8-4 4 4 4"/><path d="m14.5 4-5 16"/></svg>
API-first
</div> <h2 class="mt-4 font-display text-4xl font-bold tracking-tight text-ink sm:text-5xl">
A REST API your <span class="text-gradient-primary">developers will love.</span> </h2> <p class="mt-4 text-muted-foreground">
Every feature you see in 21bill is available as a clean,
        well-documented API. Generate invoices from your website, e-commerce
        store, or internal tools in minutes.
</p> <ul class="mt-6 space-y-2.5 text-sm text-ink"> <li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-success" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> Idempotent endpoints, predictable JSON </li><li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-success" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> Webhooks for invoices, payments, GST events </li><li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-success" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> Sandbox keys + production keys, instantly </li><li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-success" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> SDKs for Node, Python, PHP </li> </ul> <div class="mt-7"> <a href="/contact" class="inline-flex items-center gap-2 rounded-lg bg-ink px-5 py-3 text-sm font-semibold text-white transition-all hover:opacity-90">
Get API access <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </a> </div> </div> <div class="relative"> <div class="absolute -inset-4 rounded-3xl bg-gradient-primary opacity-10 blur-2xl"></div> <div class="relative overflow-hidden rounded-2xl border border-ink/90 bg-ink shadow-lg"> <div class="flex items-center justify-between border-b border-white/10 px-4 py-2.5"> <div class="flex items-center gap-1.5"> <span class="h-2.5 w-2.5 rounded-full bg-[#ff5f57]"></span> <span class="h-2.5 w-2.5 rounded-full bg-[#febc2e]"></span> <span class="h-2.5 w-2.5 rounded-full bg-[#28c840]"></span> </div> <span class="font-mono text-[11px] text-white/50">create_invoice.ts</span> </div> <pre class="overflow-x-auto p-5 font-mono text-[12.5px] leading-relaxed text-white/90"><code>import { Bill21 } from &quot;@21bill/node&quot;;

const client = new Bill21(process.env.BILL21_KEY);

const invoice = await client.invoices.create({
  customer: &quot;cus_9hF2&quot;,        // GSTIN auto-fetched
  items: [
    { name: &quot;Cotton Fabric&quot;, qty: 12, rate: 850 },
    { name: &quot;Silk Blend&quot;,    qty: 4,  rate: 2400 },
  ],
  send: [&quot;whatsapp&quot;, &quot;email&quot;], // 1-tap delivery
});

<span style="color: oklch(0.7 0.17 155)">// → invoice.pdf_url, invoice.gst { cgst, sgst, igst }</span></code></pre> </div> </div> </div> </section> <section class="mx-auto max-w-7xl px-4 py-24 sm:px-6 lg:px-8"> <div class="grid items-center gap-14 lg:grid-cols-2"> <div class="order-2 lg:order-1"> <div class="relative"> <div class="absolute -inset-4 rounded-3xl bg-gradient-primary opacity-10 blur-2xl"></div> <div class="relative overflow-hidden rounded-2xl border border-border bg-white shadow-lg"> <div class="flex items-center gap-2 border-b border-border px-4 py-3"> <div class="flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 text-white" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/><path d="M20 3v4"/><path d="M22 5h-4"/><path d="M4 17v2"/><path d="M5 18H3"/></svg> </div> <span class="font-display text-sm font-semibold text-ink">21bill AI</span> <span class="ml-auto rounded bg-mint px-1.5 py-0.5 font-mono text-[10px] text-success-foreground">online</span> </div> <div class="space-y-3 p-5"> <div class="ml-auto max-w-[80%] rounded-2xl rounded-br-sm bg-primary px-3.5 py-2 text-sm text-primary-foreground">
Show me unpaid invoices from Mehta Textiles last 30 days
</div> <div class="max-w-[90%] rounded-2xl rounded-bl-sm bg-secondary px-3.5 py-2.5 text-sm text-ink">
Found <strong>3 unpaid invoices</strong> totalling <strong>₹84,200</strong>. Oldest is 22 days overdue.
<div class="mt-2 flex gap-2"> <span class="rounded-md border border-border bg-white px-2 py-1 text-[11px]">Send WhatsApp reminder</span> <span class="rounded-md border border-border bg-white px-2 py-1 text-[11px]">View invoices</span> </div> </div> <div class="flex items-center gap-2 text-xs text-muted-foreground"> <span class="flex h-1.5 w-1.5 animate-pulse-soft rounded-full bg-primary"></span>
AI is thinking...
</div> </div> </div> </div> </div> <div class="order-1 lg:order-2"> <div class="inline-flex items-center gap-2 rounded-full border border-border bg-white px-3 py-1 text-xs font-medium text-ink shadow-xs"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 text-primary" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/><path d="M20 3v4"/><path d="M22 5h-4"/><path d="M4 17v2"/><path d="M5 18H3"/></svg>
AI-first
</div> <h2 class="mt-4 font-display text-4xl font-bold tracking-tight text-ink sm:text-5xl">
Let AI do the <span class="text-gradient-primary">boring stuff.</span> </h2> <p class="mt-4 text-muted-foreground">
21bill's AI reads bank statements, matches payments, drafts
        quotations, and answers GST questions — so you can focus on growing
        your business.
</p> <ul class="mt-6 space-y-2.5 text-sm text-ink"> <li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-success" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> Auto-reconcile UPI, NEFT &amp; RTGS payments </li><li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-success" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> Generate quotations from a one-line prompt </li><li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-success" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> Detect duplicate or fraudulent invoices </li><li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-success" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> Ask anything: &#39;Show pending dues over ₹50k&#39; </li> </ul> </div> </div> </section> <section class="border-y border-border bg-secondary/40 py-16"> <div class="mx-auto grid max-w-7xl grid-cols-2 gap-8 px-4 sm:px-6 lg:grid-cols-4 lg:px-8"> <div class="text-center"> <div class="font-display text-4xl font-bold tracking-tight text-ink sm:text-5xl">20,00,000+</div> <div class="mt-1.5 text-sm text-muted-foreground">Businesses</div> </div><div class="text-center"> <div class="font-display text-4xl font-bold tracking-tight text-ink sm:text-5xl">₹500 Cr+</div> <div class="mt-1.5 text-sm text-muted-foreground">Invoiced</div> </div><div class="text-center"> <div class="font-display text-4xl font-bold tracking-tight text-ink sm:text-5xl">10s</div> <div class="mt-1.5 text-sm text-muted-foreground">Per invoice</div> </div><div class="text-center"> <div class="font-display text-4xl font-bold tracking-tight text-ink sm:text-5xl">4.9★</div> <div class="mt-1.5 text-sm text-muted-foreground">Rating</div> </div> </div> </section> <section class="mx-auto max-w-7xl px-4 py-24 sm:px-6 lg:px-8"> <div class="mx-auto max-w-2xl text-center"> <p class="text-sm font-semibold uppercase tracking-wider text-primary">Honest pricing</p> <h2 class="mt-3 font-display text-4xl font-bold tracking-tight text-ink sm:text-5xl">
Less than a <span class="text-gradient-primary">cup of chai.</span> </h2> <p class="mt-4 text-muted-foreground">Pay monthly. Cancel any time. No per-invoice fees, no add-on traps.</p> </div> <div class="mx-auto mt-14 grid max-w-4xl gap-6 md:grid-cols-2"> <div class="relative flex flex-col rounded-2xl border p-7 border-border bg-white shadow-xs">  <h3 class="font-display text-xl font-bold">Starter</h3> <p class="mt-1 text-sm text-muted-foreground">Solo business owner, under 50 invoices/mo</p> <div class="mt-5 flex items-baseline gap-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6" aria-hidden="true"><path d="M6 3h12"/><path d="M6 8h12"/><path d="m6 13 8.5 8"/><path d="M6 13h3"/><path d="M9 13c6.667 0 6.667-10 0-10"/></svg> <span class="font-display text-5xl font-bold tracking-tight">99</span> <span class="ml-2 text-sm text-muted-foreground">per month</span> </div> <ul class="mt-6 space-y-2.5 text-sm"> <li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-success" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> <span>1 user</span> </li><li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-success" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> <span>Up to 50 invoices/month</span> </li><li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-success" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> <span>GST invoices + quotations</span> </li><li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-success" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> <span>Customers + products</span> </li><li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-success" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> <span>GSTR-1 &amp; GSTR-3B JSON download</span> </li><li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-success" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> <span>PDF + email sharing</span> </li> </ul> <a href="/signin" class="mt-7 inline-flex items-center justify-center gap-2 rounded-lg px-5 py-2.5 text-sm font-semibold transition-all bg-primary text-primary-foreground hover:opacity-95">
Get started <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </a> </div> <div class="relative flex flex-col rounded-2xl border p-7 border-ink bg-ink text-white shadow-lg"> <div class="absolute -top-3 right-7 rounded-full bg-gradient-primary px-3 py-1 text-[10px] font-semibold uppercase tracking-wider text-white">
Most popular
</div> <h3 class="font-display text-xl font-bold">Business</h3> <p class="mt-1 text-sm text-white/70">Growing teams with a cashier, salesperson, and a CA</p> <div class="mt-5 flex items-baseline gap-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6" aria-hidden="true"><path d="M6 3h12"/><path d="M6 8h12"/><path d="m6 13 8.5 8"/><path d="M6 13h3"/><path d="M9 13c6.667 0 6.667-10 0-10"/></svg> <span class="font-display text-5xl font-bold tracking-tight">299</span> <span class="ml-2 text-sm text-white/70">per month</span> </div> <ul class="mt-6 space-y-2.5 text-sm"> <li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-[oklch(0.85_0.15_155)]" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> <span>Everything in Starter</span> </li><li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-[oklch(0.85_0.15_155)]" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> <span>Up to 5 users</span> </li><li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-[oklch(0.85_0.15_155)]" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> <span>Unlimited invoices</span> </li><li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-[oklch(0.85_0.15_155)]" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> <span>Purchases + input tax credit</span> </li><li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-[oklch(0.85_0.15_155)]" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> <span>Payment tracking + reminders</span> </li><li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-[oklch(0.85_0.15_155)]" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> <span>Role-based access (admin / billing / sales)</span> </li><li class="flex items-start gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 h-4 w-4 flex-shrink-0 text-[oklch(0.85_0.15_155)]" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg> <span>Priority email support</span> </li> </ul> <a href="/signin" class="mt-7 inline-flex items-center justify-center gap-2 rounded-lg px-5 py-2.5 text-sm font-semibold transition-all bg-white text-ink hover:opacity-95">
Get started <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </a> </div> </div> <p class="mx-auto mt-8 max-w-2xl text-center text-xs text-muted-foreground">
Paying ₹18,000/year for a Tally licence? ₹4,788/year for Zoho Books?
    21bill at ₹1,188/year does what 95% of Indian SMBs actually need.
</p> </section> <section class="bg-secondary/40 py-24"> <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div class="mx-auto max-w-2xl text-center"> <h2 class="font-display text-4xl font-bold tracking-tight text-ink sm:text-5xl">
Loved by 20 lakh+ businesses
</h2> </div> <div class="mt-14 grid gap-6 md:grid-cols-3"> <div class="rounded-2xl border border-border bg-white p-6 shadow-xs transition-all hover:-translate-y-0.5 hover:shadow-md"> <div class="flex gap-0.5 text-[oklch(0.78_0.13_85)]"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 fill-current" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 fill-current" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 fill-current" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 fill-current" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 fill-current" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> </div> <p class="mt-3 text-sm leading-relaxed text-ink">"Switched from Tally to 21bill last month. My CA actually thanked me. The GSTR exports just work."</p> <div class="mt-5"> <div class="text-sm font-semibold text-ink">Rohan Mehta</div> <div class="text-xs text-muted-foreground">Founder, Mehta Textiles</div> </div> </div><div class="rounded-2xl border border-border bg-white p-6 shadow-xs transition-all hover:-translate-y-0.5 hover:shadow-md"> <div class="flex gap-0.5 text-[oklch(0.78_0.13_85)]"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 fill-current" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 fill-current" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 fill-current" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 fill-current" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 fill-current" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> </div> <p class="mt-3 text-sm leading-relaxed text-ink">"The AI payment matching saved us 15 hours every month. Worth way more than ₹199."</p> <div class="mt-5"> <div class="text-sm font-semibold text-ink">Priya Sharma</div> <div class="text-xs text-muted-foreground">Owner, Bloom Boutique</div> </div> </div><div class="rounded-2xl border border-border bg-white p-6 shadow-xs transition-all hover:-translate-y-0.5 hover:shadow-md"> <div class="flex gap-0.5 text-[oklch(0.78_0.13_85)]"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 fill-current" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 fill-current" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 fill-current" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 fill-current" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 fill-current" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> </div> <p class="mt-3 text-sm leading-relaxed text-ink">"We integrated the API into our Shopify store in one afternoon. Customers get GST invoices automatically."</p> <div class="mt-5"> <div class="text-sm font-semibold text-ink">Arjun Patel</div> <div class="text-xs text-muted-foreground">CTO, Patel Cloud Kitchen</div> </div> </div> </div> </div> </section> <section class="mx-auto max-w-7xl px-4 py-20 sm:px-6 lg:px-8"> <div class="relative overflow-hidden rounded-3xl border border-border bg-white px-8 py-16 text-center shadow-sm sm:px-16"> <div class="absolute inset-0 dot-pattern opacity-60"></div> <div class="relative"> <div class="mx-auto inline-flex h-12 w-12 items-center justify-center rounded-2xl bg-gradient-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-white" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/></svg> </div> <h2 class="mt-5 font-display text-4xl font-bold tracking-tight text-ink sm:text-5xl">
Ready in 60 seconds.
</h2> <p class="mx-auto mt-3 max-w-xl text-muted-foreground">
Sign up free. Send your first GST invoice today. ₹99 for the next 3
        months — no credit card needed.
</p> <div class="mt-7 flex flex-wrap justify-center gap-3"> <a href="/signin" class="inline-flex items-center gap-2 rounded-lg bg-primary px-5 py-3 text-sm font-semibold text-primary-foreground shadow-sm transition-all hover:opacity-95">
Sign up for free <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </a> <a href="/contact" class="inline-flex items-center gap-2 rounded-lg border border-border bg-white px-5 py-3 text-sm font-semibold text-ink shadow-xs transition-all hover:bg-secondary">
Book a demo
</a> </div> </div> </div> </section> <footer class="border-t border-border bg-background"> <div class="mx-auto max-w-7xl px-4 py-16 sm:px-6 lg:px-8"> <div class="grid gap-12 md:grid-cols-4"> <div class="md:col-span-2"> <a href="/" class="flex items-center gap-2"> <div class="relative h-8 w-8"> <div class="absolute inset-0 rounded-[10px] bg-gradient-primary"></div> <svg viewBox="0 0 24 24" fill="none" class="relative h-full w-full p-1.5 text-white" aria-hidden="true"> <path d="M5 7h11M5 12h14M5 17h8" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"></path> </svg> </div> <span class="font-display text-xl font-bold text-ink">21bill</span> </a> <p class="mt-4 max-w-sm text-sm text-muted-foreground">
India's API-first, AI-first GST billing platform. Built for modern
          businesses, developers, and growing teams.
</p> </div> <div> <h4 class="mb-4 text-xs font-semibold uppercase tracking-wider text-muted-foreground">
Product
</h4> <ul class="space-y-2.5 text-sm"> <li> <a href="/" class="text-ink/80 hover:text-primary">Features</a> </li><li> <a href="/pricing" class="text-ink/80 hover:text-primary">Pricing</a> </li><li> <a href="/signin" class="text-ink/80 hover:text-primary">Sign in</a> </li> </ul> </div> <div> <h4 class="mb-4 text-xs font-semibold uppercase tracking-wider text-muted-foreground">
Company
</h4> <ul class="space-y-2.5 text-sm"> <li> <a href="/contact" class="text-ink/80 hover:text-primary">Contact</a> </li><li> <a href="/" class="text-ink/80 hover:text-primary">Privacy</a> </li><li> <a href="/" class="text-ink/80 hover:text-primary">Terms</a> </li> </ul> </div> </div> <div class="mt-12 flex flex-col items-center justify-between gap-3 border-t border-border pt-6 text-xs text-muted-foreground sm:flex-row"> <p>© 2026 21bill.com — Made in India 🇮🇳</p> <p>support@21bill.com</p> </div> </div> </footer> </div>  </body></html>