@@ -406,54 +406,90 @@ export default function Landing(): JSX.Element {
406406 </ div >
407407 </ section >
408408
409- { /* Pricing teaser */ }
409+ { /* Pricing */ }
410410 < section id = "pricing" className = "mx-auto max-w-7xl px-4 py-20" >
411411 < div className = "rounded-2xl border border-white/10 bg-[#0f1217] p-8" >
412- < div className = "grid gap-10 md:grid-cols-2" >
413- < div >
414- < h2 className = "text-2xl font-semibold" > Fair, Transparent Pricing</ h2 >
415- < p className = "mt-3 text-white/70" >
416- Free (for developers) plus paid plans for teams and enterprise with full security & support .
417- </ p >
418- < ul className = "mt-6 space-y-2 text-sm text-white/80" >
412+ < div className = "text-center" >
413+ < h2 className = "text-2xl font-semibold" > Simple, Scalable Pricing</ h2 >
414+ < p className = "mt-3 text-white/70" >
415+ Choose the plan that matches your team size and scale with confidence.
416+ </ p >
417+ </ div >
418+ < div className = "mt-10 grid gap-6 md:grid-cols-3" >
419+ < div className = "flex h-full flex-col rounded-xl border border-white/10 bg-[#0f1217] p-6" >
420+ < div className = "text-sm text-white/60" > Starter Pack</ div >
421+ < div className = "mt-2 text-3xl font-semibold" > $20 USD</ div >
422+ < div className = "mt-1 text-sm text-white/70" > 7-day free trial</ div >
423+ < ul className = "mt-4 space-y-2 text-sm text-white/80" >
419424 < li className = "flex items-center gap-2" >
420- < CheckIcon className = "h-4 w-4" /> Unlimited public flows
425+ < CheckIcon className = "h-4 w-4" /> Shared database
421426 </ li >
422427 < li className = "flex items-center gap-2" >
423- < CheckIcon className = "h-4 w-4" /> Team seats & organization tenancies
428+ < CheckIcon className = "h-4 w-4" /> Standard rate limits
424429 </ li >
425430 < li className = "flex items-center gap-2" >
426- < CheckIcon className = "h-4 w-4" /> Enterprise support & SLA
431+ < CheckIcon className = "h-4 w-4" /> Core visual builder features
432+ </ li >
433+ < li className = "flex items-center gap-2" >
434+ < CheckIcon className = "h-4 w-4" /> Community support
427435 </ li >
428436 </ ul >
437+ < a
438+ href = "#signup"
439+ className = "mt-6 inline-block rounded-lg bg-white px-4 py-2 text-sm font-semibold text-neutral-900"
440+ >
441+ Start Free Trial
442+ </ a >
429443 </ div >
430- < div className = "grid gap-4 md:grid-cols-2" >
431- < div className = "rounded-xl border border-white/10 bg-[#0f1217] p-6" >
432- < div className = "text-sm text-white/60" > Starter</ div >
433- < div className = "mt-2 text-3xl font-semibold" > Free</ div >
434- < p className = "mt-2 text-sm text-white/70" >
435- For personal projects, hobbyists. All core features except enterprise.
436- </ p >
437- < a
438- href = "#signup"
439- className = "mt-4 inline-block rounded-lg bg-white px-4 py-2 text-sm font-semibold text-neutral-900"
440- >
441- Get Started Free
442- </ a >
443- </ div >
444- < div className = "rounded-xl border border-white/10 bg-[#0f1217] p-6" >
445- < div className = "text-sm text-white/60" > Enterprise</ div >
446- < div className = "mt-2 text-3xl font-semibold" > Contact Us</ div >
447- < p className = "mt-2 text-sm text-white/70" >
448- Includes SSO, data isolation, custom deployment, dedicated support & SLAs .
449- </ p >
450- < a
451- href = "#contact"
452- className = "mt-4 inline-block rounded-lg border border-white/15 px-4 py-2 text-sm"
453- >
454- Contact Sales
455- </ a >
456- </ div >
444+ < div className = "flex h-full flex-col rounded-xl border border-white/10 bg-[#0f1217] p-6" >
445+ < div className = "text-sm text-white/60" > Pro Pack</ div >
446+ < div className = "mt-2 text-3xl font-semibold" > $50 USD</ div >
447+ < div className = "mt-1 text-sm text-white/70" > No trial period</ div >
448+ < ul className = "mt-4 space-y-2 text-sm text-white/80" >
449+ < li className = "flex items-center gap-2" >
450+ < CheckIcon className = "h-4 w-4" /> Separate database
451+ </ li >
452+ < li className = "flex items-center gap-2" >
453+ < CheckIcon className = "h-4 w-4" /> Highly enabled rate limits
454+ </ li >
455+ < li className = "flex items-center gap-2" >
456+ < CheckIcon className = "h-4 w-4" /> Team collaboration tools
457+ </ li >
458+ < li className = "flex items-center gap-2" >
459+ < CheckIcon className = "h-4 w-4" /> Priority email support
460+ </ li >
461+ </ ul >
462+ < a
463+ href = "#signup"
464+ className = "mt-6 inline-block rounded-lg border border-white/15 px-4 py-2 text-sm"
465+ >
466+ Upgrade to Pro
467+ </ a >
468+ </ div >
469+ < div className = "flex h-full flex-col rounded-xl border border-white/10 bg-[#0f1217] p-6" >
470+ < div className = "text-sm text-white/60" > Enterprise Pack</ div >
471+ < div className = "mt-2 text-3xl font-semibold" > Talk to sales</ div >
472+ < div className = "mt-1 text-sm text-white/70" > Custom pricing</ div >
473+ < ul className = "mt-4 space-y-2 text-sm text-white/80" >
474+ < li className = "flex items-center gap-2" >
475+ < CheckIcon className = "h-4 w-4" /> Dedicated environments
476+ </ li >
477+ < li className = "flex items-center gap-2" >
478+ < CheckIcon className = "h-4 w-4" /> Custom security & compliance
479+ </ li >
480+ < li className = "flex items-center gap-2" >
481+ < CheckIcon className = "h-4 w-4" /> SSO and role-based access
482+ </ li >
483+ < li className = "flex items-center gap-2" >
484+ < CheckIcon className = "h-4 w-4" /> Premium SLA & support
485+ </ li >
486+ </ ul >
487+ < a
488+ href = "#contact"
489+ className = "mt-6 inline-block rounded-lg border border-white/15 px-4 py-2 text-sm"
490+ >
491+ Contact Sales
492+ </ a >
457493 </ div >
458494 </ div >
459495 </ div >
0 commit comments