import { ArrowRightIcon, BookOpenIcon, SparklesIcon } from "lucide-react"; import { ProductCardLaunchSpotlightOne } from "@/registry/product-card-launch-spotlight-one/product-card-launch-spotlight-one"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; const bullets = [ { id: "value-fast-rollouts", title: "Launch experiences sync with banner states", description: "Flip a single flag to update the navbar announcement, hero badge, and rollout checklist across every viewport.", icon: , }, { id: "value-adoption", title: "Documented handoffs keep docs within reach", description: "Hover previews surface the most-viewed docs and sandbox links so new customers can self-onboard without friction.", icon: , }, { id: "value-proof", title: "Trusted by product-led revenue teams", description: "Live logos showcase design partners and sync with your global trust rail to reinforce credibility.", icon: , }, ]; export function ProductCardLaunchSpotlightOneDemo() { return (

, }} secondaryAction={{ label: "View documentation", href: "#", }} trustedBy={[ { name: "Linear", logo: Li, description: "Linear orchestrates quarterly launches using the shared announcement context for campaign parity.", }, { name: "Vercel", logo: Ve, description: "Vercel syncs docs rollouts within the hover previews to keep developer success on track.", }, { name: "Grafbase", logo: Gr, description: "Grafbase pairs the badge state with their navbar banner to keep launch context consistent across surfaces.", }, ]} />

); } export default ProductCardLaunchSpotlightOneDemo;

Simple