import * as React from "react"; import { CheckCircle2, Rocket, ShieldCheck, Sparkles, TrendingUp, UserCheck, } from "lucide-react"; import { CtaProductLedHeroStackOne } from "@/registry/cta-product-led-hero-stack-one/cta-product-led-hero-stack-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"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; type ComponentProps = React.ComponentPropsWithoutRef< typeof CtaProductLedHeroStackOne >; type HeroValuePoint = ComponentProps["valuePoints"][number]; type HeroTrustBadge = NonNullable[number]; const valuePoints: HeroValuePoint[] = [ { id: "guided", title: "Guided onboarding flows", description: "Pre-built templates and orchestration connect product tours with activation goals.", icon: , }, { id: "insights", title: "Trial health insights", description: "Highlight drop-off friction and recommend actions based on persona behavior.", icon: , }, { id: "handoff", title: "Sales-ready handoffs", description: "One-click briefs summarize engagement so AE outreach lands with perfect context.", icon: , }, ]; const trustBadges: HeroTrustBadge[] = [ { id: "teams", label: "2,400+ product teams", icon: , }, { id: "compliance", label: "SOC2 & GDPR ready", icon: , }, { id: "uptime", label: "99.99% uptime", icon: , }, ]; export function CtaProductLedHeroStackOneDemo() { return ( , }} secondaryCta={{ label: "Talk to sales", href: "#", tooltip: "Average response time: 2 hours", icon: , }} valuePoints={valuePoints} trustBadges={trustBadges} assurance={{ headline: "7-day guided setup", description: "Work with our solutions engineers to configure scoring, flows, and in-app experiments without slowing your launch.", points: [ "Dedicated onboarding specialist", "Persona-based journey templates", "Analytics instrumentation included", ], cta: { label: "See onboarding checklist", href: "#", }, }} stickyCta={{ label: "Start free trial", description: "Full access for 14 days, cancel anytime", href: "#", }} backgroundImageUrl="https://images.unsplash.com/photo-1523475472560-d2df97ec485c?auto=format&fit=crop&w=2200&q=80" /> ); } export default CtaProductLedHeroStackOneDemo;

Simple