import * as React from "react"; import { CalendarClock, ExternalLink, PlayCircle, Send, Share2, } from "lucide-react"; import { EventListFilterableSaasDirectoryOne } from "@/registry/event-list-filterable-saas-directory-one/event-list-filterable-saas-directory-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 EventListFilterableSaasDirectoryOne >; type DirectoryEvent = ComponentProps["events"][number]; type EventFilterGroup = ComponentProps["filterGroups"][number]; type EventFilterPreset = NonNullable[number]; type PartnerLogo = NonNullable[number]; const presets: EventFilterPreset[] = [ { id: "virtual", label: "Virtual-first programs", description: "See the on-demand friendly webinars and remote-first roundtables.", }, { id: "hybrid", label: "Hybrid summit experiences", description: "Blend of in-person and virtual access for distributed teams.", }, ]; const filterGroups: EventFilterGroup[] = [ { id: "track", label: "Tracks", options: [ { id: "product", label: "Product strategy", count: 8, active: true }, { id: "revops", label: "Revenue operations", count: 5 }, { id: "customer", label: "Customer success", count: 6 }, { id: "marketing", label: "Marketing", count: 7 }, { id: "platform", label: "Platform", count: 4 }, ], helpText: "Filter by go-to-market track to get a stacked program tailored to your priorities.", }, ]; const featuredLogos: PartnerLogo[] = [ { id: "stripe", name: "Stripe" }, { id: "zapier", name: "Zapier" }, { id: "segment", name: "Segment" }, { id: "primer", name: "Primer" }, { id: "loom", name: "Loom" }, ]; const events: DirectoryEvent[] = [ { id: "platform-summit", title: "Platform Visibility Summit: Untangling Multi-product Ops", track: "product", format: "virtual", startDate: "2025-05-14T16:00:00.000Z", timeLabel: "May 14 • 9:00am PT", location: "Virtual broadcast", summary: "Blueprints for building resilient platform visibility across multi-product roadmaps with live benchmarking clinic.", tags: ["Roadmaps", "Analytics"], heroImage: "https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1200&q=80", badges: [ { id: "live", label: "Live session", tone: "info" }, { id: "track", label: "Product" }, ], speakers: [ { id: "jayden", name: "Jayden Brooks", title: "VP Product Architecture, Alloy", }, { id: "maria", name: "María Qin", title: "Head of Platform Strategy, Nextbase", }, ], seatsRemaining: "268 seats remaining", customerLogos: ["Amplitude", "Gong", "Ramp"], actions: [ { id: "register", label: "Register now", icon: , }, { id: "calendar", label: "Add to calendar", icon: , variant: "outline", }, ], }, { id: "revops-blueprint", title: "RevOps Clinic: Diagnosing GTM Data Debt in 30 Minutes", track: "revops", format: "hybrid", startDate: "2025-05-22T19:00:00.000Z", timeLabel: "May 22 • Hybrid: SF & Live Stream", location: "San Francisco, CA + Broadcast", summary: "Live tear-downs of revenue operations dashboards, instrumentation templates, and automation playbooks.", tags: ["Automation", "Playbooks"], heroImage: "https://images.unsplash.com/photo-1531297484001-80022131f5a1?auto=format&fit=crop&w=1200&q=80", badges: [{ id: "workshop", label: "Hands-on workshop", tone: "warning" }], speakers: [ { id: "natalia", name: "Natalia Patel", title: "Principal RevOps Architect, Paragon", }, { id: "amir", name: "Amir Darzi", title: "Director of Revenue Intelligence, Nextbase", }, ], seatsRemaining: "Hybrid: 40 on-site, 500 virtual", actions: [ { id: "reserve", label: "Reserve onsite seat", icon: , }, { id: "stream", label: "Join virtual stream", icon: , variant: "outline", }, ], }, { id: "customer-advocacy", title: "Customer Advocacy Lab: Rolling Out Tiered Success Milestones", track: "customer", format: "virtual", startDate: "2025-05-28T17:00:00.000Z", timeLabel: "May 28 • 10:00am PT", location: "Virtual workshop", summary: "Unlock modular playbooks for scaling customer advocacy motions with integrated sentiment telemetry.", tags: ["Lifecycle", "Advocacy"], badges: [{ id: "series", label: "Series", tone: "info" }], speakers: [ { id: "riley", name: "Riley Fernández", title: "Head of CS Programs, Northwind", }, ], seatsRemaining: "Filling fast", actions: [ { id: "register", label: "Secure seat", icon: , }, { id: "share", label: "Share with teammate", icon: , variant: "outline", }, ], }, ]; export type FilterPayload = Parameters< NonNullable >[0]; export function EventListFilterableSaasDirectoryOneDemo() { const [visibleEvents] = React.useState(events); const [activePreset, setActivePreset] = React.useState(null); const handleFilterChange = React.useCallback((payload: FilterPayload) => { setActivePreset(payload.presetId); }, []); return ( window.alert("Loading more events…")} onFilterChange={handleFilterChange} /> ); } export default EventListFilterableSaasDirectoryOneDemo;

Simple