import * as React from "react"; import { ResourceLibraryAiRecommendationCommandSeven } from "@/registry/resource-library-ai-recommendation-command-seven/resource-library-ai-recommendation-command-seven"; 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 categories = [ { id: "gtm", label: "Go-to-market" }, { id: "product", label: "Product launch" }, { id: "enablement", label: "Sales enablement" }, { id: "success", label: "Customer success" }, ]; const recommendations = [ { id: "ai-spotlight-1", title: "AI-generated launch playbook", description: "Auto-curated sequence blending messaging frameworks with adoption campaigns.", personaLabel: "Product marketing", formatLabel: "Playbook", durationLabel: "Approx. 45 min", actionLabel: "Open playbook", actionHref: "#open-ai-playbook", }, { id: "ai-spotlight-2", title: "Command-triggered nurture series", description: "AI built nurture stream aligned to current ICP intent signals.", personaLabel: "Lifecycle marketing", formatLabel: "Sequence", actionLabel: "Launch sequence", actionHref: "#launch-sequence", }, { id: "ai-spotlight-3", title: "Competitive enablement micro-course", description: "Guided set of 3 micro lessons tuned to competitor chatter in pipeline.", personaLabel: "Sales enablement", formatLabel: "Lesson", durationLabel: "3 lessons", actionLabel: "Start course", actionHref: "#start-course", }, ]; const trending = [ { id: "trend-1", title: "Pipeline acceleration templates", category: "Playbook", description: "Top downloaded deck package for pipeline velocity initiatives.", signalBadge: "Surging", viewCountLabel: "415 views this week", actionLabel: "View", actionHref: "#view-pipeline", }, { id: "trend-2", title: "Executive-ready KPI tracker", category: "Template", description: "Notion workspace for executive syncs, tuned for GTM updates.", signalBadge: "AI pick", viewCountLabel: "Shared 52 times", actionLabel: "Open", actionHref: "#open-kpi", }, { id: "trend-3", title: "Launch metric instrumentation guide", category: "Guide", description: "Detailed instructions for setting up product instrumentation.", actionLabel: "Read", actionHref: "#read-guide", }, ]; const playlists = [ { id: "playlist-gtm", title: "GTM velocity sprint", description: "Short playlist to align marketing, sales, and success on the next 30 days.", confidenceLabel: "87% confidence", items: [ { id: "p1", title: "Velocity stand-up deck", durationLabel: "12 slides" }, { id: "p2", title: "AI-crafted nurture variant", durationLabel: "6 emails", }, { id: "p3", title: "Pipeline sync agenda", durationLabel: "45 min" }, ], }, { id: "playlist-launch", title: "Launch readiness remix", description: "Assets prioritized from your most recent launch retrospectives.", confidenceLabel: "92% confidence", items: [ { id: "p4", title: "Launch retrofit checklist", durationLabel: "18 tasks", }, { id: "p5", title: "Persona messaging board", durationLabel: "5 boards" }, { id: "p6", title: "Risk mitigation quick brief", durationLabel: "2 min read", }, ], }, ]; const commandActions = [ { id: "persona-playlist", label: "Build playlist for product marketing persona", description: "Generates content sequence tuned to product marketing goals.", keywords: ["product marketing", "playlist"], }, { id: "compare-assets", label: "Compare latest pitch decks", description: "Diffs tone, sections, and proof between top decks.", keywords: ["compare", "deck"], }, { id: "summarize-activity", label: "Summarize engagement activity", description: "Highlights most engaged teams and their preferred formats.", keywords: ["summary", "engagement"], }, ]; const intelligence = { headline: "AI spotted increased interest from enterprise product marketing personas", description: "Recommended resources blend launch frameworks, adoption metrics, and competitor narratives to accelerate large deal cycles.", bulletPoints: [ "6 enterprise accounts consumed launch playbooks in the past 48 hours.", "Enablement playlists with adoption metrics are converting 2.4× better for your GTM pod.", "Competitor momentum brief is trending; consider sharing the comparison deck in upcoming syncs.", ], }; export function ResourceLibraryAiRecommendationCommandSevenDemo() { const [category, setCategory] = React.useState(categories[0]?.id ?? "gtm"); const [lastCommand, setLastCommand] = React.useState(null); return (

console.log("Re-roll recommendations")} onRerollPlaylists={() => console.log("Re-roll playlists")} />

Active category: {category}

Last command: {lastCommand ?? "None"}

); } export default ResourceLibraryAiRecommendationCommandSevenDemo;

Simple