Pricing Section with Monthly/Yearly Toggle

Pricing section with a monthly/yearly toggle: plan cards whose prices count to the discounted amount, a highlighted bracketed plan, yearly savings and plan selection. Light/dark, zero dependencies.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Pricing Section with Monthly/Yearly Toggle to your project and fits it to your theme.

"use client"

import InkOrbitPricing from "@/components/ui/ink-orbit-pricing"

export default function Demo() {
  return (
    <div className="w-full">
      <InkOrbitPricing theme="dark" />
    </div>
  )
}