Glassmorphism Pricing Section

Glassmorphism pricing section with three frosted-glass plans, a monthly / yearly switch whose prices count to their new value, and a featured plan lit in the accent. Plans rise into place, tilt toward the pointer and report the chosen plan and cycle through onPlanSelect. Pixel-type title, plum silk backdrop.

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

"use client"

import GlassPricingCards from "@/components/ui/glass-pricing-cards"

export default function Demo() {
  return <GlassPricingCards onPlanSelect={(plan, yearly) => console.log(plan.name, yearly ? "yearly" : "monthly")} />
}