import * as React from "react"; import { ArrowUpRightIcon, FileTextIcon, PlayIcon, PresentationIcon, } from "lucide-react"; import { ResourceLibraryHighIntentHeroFiltersOne } from "@/registry/resource-library-high-intent-hero-filters-one/resource-library-high-intent-hero-filters-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"; type ComponentProps = React.ComponentPropsWithoutRef< typeof ResourceLibraryHighIntentHeroFiltersOne >; type FeaturedHeroAsset = NonNullable; type ResourceCardItem = NonNullable[number]; const categories = [ { id: "awareness", label: "Awareness", description: "Growth loops and category education assets.", }, { id: "consideration", label: "Consideration", description: "Competitive comparisons and expert analyst reports.", }, { id: "decision", label: "Decision", description: "ROI workshops, calculators, and late-funnel packs.", }, ]; const formats = [ { id: "reports", label: "Reports", icon: , description: "Deep dive research papers and benchmark data.", }, { id: "videos", label: "Videos", icon: , description: "Webinars, workshops, and walkthroughs.", }, { id: "decks", label: "Decks", icon: , description: "Executive pitch decks and stakeholder enablement.", }, ]; const kpis = [ { id: "downloads", label: "downloads this quarter", value: "412", }, { id: "accounts", label: "accounts influenced", value: "86", }, { id: "meetings", label: "meetings booked", value: "31", }, ]; const featuredAsset: FeaturedHeroAsset = { id: "revops-playbook", eyebrow: "Featured report", title: "2025 RevOps Benchmark Playbook", description: "Cut onboarding time in half with our proven discovery framework, pipeline dashboards, and stakeholder runbooks.", badges: [ { id: "funnel", label: "Mid-funnel" }, { id: "format", label: "Enterprise PDF", variant: "secondary" }, ], primaryAction: { label: "Download report", href: "#download", icon: , }, secondaryAction: { label: "Preview slides", href: "#preview", }, backgroundImage: { src: "https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?auto=format&fit=crop&w=900&q=80", alt: "Laptop displaying analytics dashboard", }, }; const resources: ResourceCardItem[] = [ { id: "roi-model", title: "Revenue impact ROI model", description: "Editable spreadsheet with assumptions, ramp curve, and peer benchmarks.", thumbnail: { src: "https://images.unsplash.com/photo-1545239351-1141bd82e8a6?auto=format&fit=crop&w=600&q=80", alt: "ROI model spreadsheet", }, tags: [ { id: "revops", label: "RevOps" }, { id: "excel", label: "Spreadsheet", variant: "secondary" }, ], categoryId: "decision", formatId: "reports", stageLabel: "Decision stage", downloadCountLabel: "124 downloads this month", isPremium: true, primaryAction: { label: "Download model", href: "#roi-model", }, secondaryAction: { label: "Preview", href: "#roi-preview", }, }, { id: "nurture-series", title: "Lifecycle nurture swipe file", description: "12-week email sequence mapping MQL to SQL conversion milestones.", thumbnail: { src: "https://images.unsplash.com/photo-1522542550221-31fd19575a2d?auto=format&fit=crop&w=600&q=80", alt: "Inbox with email campaign", }, tags: [{ id: "copy", label: "Copy template", variant: "outline" }], categoryId: "consideration", formatId: "decks", stageLabel: "Consideration", downloadCountLabel: "318 teams saved", primaryAction: { label: "Save to workspace", href: "#save-nurture", }, secondaryAction: { label: "Preview", href: "#preview-nurture", }, }, { id: "field-guide", title: "Field marketer activation guide", description: "Playbook for regional teams with budget guardrails and regional offer templates.", tags: [ { id: "playbook", label: "Playbook" }, { id: "field", label: "Field marketing", variant: "secondary" }, ], categoryId: "awareness", formatId: "reports", primaryAction: { label: "Download", href: "#field-guide", }, secondaryAction: { label: "Preview", href: "#field-preview", }, }, { id: "webinar-series", title: "Revenue operations webinar series", description: "On-demand workshops covering handoffs with marketing, sales, and CS.", thumbnail: { src: "https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=600&q=80", alt: "Team on a video call", }, tags: [ { id: "video", label: "Video" }, { id: "series", label: "3-part series", variant: "secondary" }, ], categoryId: "consideration", formatId: "videos", stageLabel: "Late stage", primaryAction: { label: "Watch now", href: "#watch-series", }, secondaryAction: { label: "Download slides", href: "#slides", }, }, { id: "case-study", title: "Pipeline acceleration case study pack", description: "Validated win stories with segment filter and sales-ready proof points.", categoryId: "decision", formatId: "decks", primaryAction: { label: "Download pack", href: "#case-study", }, }, { id: "intent-dashboard", title: "Intent-based routing dashboard", description: "Looker templates, SLA charts, and MQA triggers to align GTM teams.", categoryId: "awareness", formatId: "videos", primaryAction: { label: "View bundle", href: "#intent-dashboard", }, secondaryAction: { label: "Preview", href: "#intent-preview", }, }, ]; const leadForm = { title: "Unlock the premium toolkit", description: "Get instant access to enterprise decks, ROI calculators, and co-branded assets trusted by growth leaders.", chips: [ { id: "downloads", label: "400+ downloads" }, { id: "teams", label: "Used by 300 GTM teams" }, ], privacyNotice: "We'll email the asset and share quarterly trends. Opt out anytime.", primaryActionLabel: "Send me the toolkit", secondaryLink: { label: "View privacy policy", href: "#privacy", }, emailField: { id: "demo-email", label: "Work email", placeholder: "you@company.com", type: "email", autoComplete: "email", required: true, description: "We'll validate for business domains only.", }, companyField: { id: "demo-company", label: "Company", placeholder: "Company name", autoComplete: "organization", required: true, }, consentField: { id: "consent", label: "I agree to receive revenue insights.", description: "Monthly newsletter with benchmark updates and invite-only events.", }, }; export function ResourceLibraryHighIntentHeroFiltersOneDemo() { const [activeCategory, setActiveCategory] = React.useState("consideration"); const [activeFormat, setActiveFormat] = React.useState( "reports", ); return (

{ setActiveCategory(categoryId); setActiveFormat(formatId ?? null); }} />

); } export default ResourceLibraryHighIntentHeroFiltersOneDemo;

Simple