50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T2063,'use client'; import { ArrowRight, Building2, FileText, TrendingUp } from 'lucide-react'; import { cn } from '@/lib/utils'; import { REVEAL_KEYFRAMES, revealClass, revealDelay, useReveal } from './reveal'; import type { Plan } from './types'; export type GradientTiersVariant = 'Tinted' | 'Plain'; export interface GradientTierNote { price?: string; priceNote?: string; footnote?: string; } export interface GradientTiersProps { plans: Plan[]; eyebrow?: string; heading?: string; subheading?: string; notes?: GradientTierNote[]; variant?: GradientTiersVariant; className?: string; } const PALETTE = [ { icon: FileText, wash: 'from-[#e8efff] dark:from-[#1a2338]', iconColor: 'text-[#4a7dfc] dark:text-[#8fadff]', label: 'text-[#8a8580] dark:text-[#98938d]', }, { icon: TrendingUp, wash: 'from-[#f3f7d4] dark:from-[#272b10]', iconColor: 'text-[#7f931c] dark:text-[#bdd14b]', label: 'text-[#7f931c] dark:text-[#bdd14b]', }, { icon: Building2, wash: 'from-[#f5ecfe] dark:from-[#2a1c3c]', iconColor: 'text-[#a34df0] dark:text-[#c894f7]', label: 'text-[#4a7dfc] dark:text-[#8fadff]', }, ]; export function GradientTiers({ plans, eyebrow, heading, subheading, notes = [], variant = 'Tinted', className, }: GradientTiersProps) { const { ref, shown } = useReveal(); return (