import { BlobCard, type BlobCardProps, } from "@/components/unlumen-ui/blob-card"; import { Button } from "@/components/ui/button"; import Link from "next/link"; import { LayoutGridIcon as Blocks, CodeSimpleIcon as Code2, HeadphonesIcon as Headphones, Infinity01Icon as InfinityIcon, Refresh03Icon as RefreshCw, } from "hugeicons-react"; type BlobCardDemoProps = Pick; export default function BlobCardDemo({ headerHeight = 224, }: BlobCardDemoProps) { const PRODUCT_ID = process.env.POLAR_PRODUCT_ID ?? "2958d6bb-2b8e-44c3-9404-d42ead77f8fd"; const FEATURES = [ { label: "All premium components", icon: Blocks }, { label: "Future premium releases included", icon: RefreshCw }, { label: "Full source code and customization", icon: Code2 }, { label: "Lifetime access. Pay once, own forever.", icon: InfinityIcon }, { label: "Direct support from the maker", icon: Headphones }, ]; return (

Pro{" "} {" "} [ Early Supporter Price ]{" "}

$99

$149 One-time payment Lifetime access

} >

{f.label}

Pay once. Own forever.

); }