@salesmind-ai/design-system 0.2.0 → 0.3.0

package/dist/index-B64suAAc.d.cts

@@ -1,1498 +0,0 @@
-import * as React$1 from 'react';
-import React__default, { HTMLAttributes } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HTMLMotionProps } from 'framer-motion';
-
-interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
-    title?: React__default.ReactNode;
-    subtitle?: React__default.ReactNode;
-    eyebrow?: React__default.ReactNode;
-    align?: 'left' | 'center' | 'right';
-}
-declare const SectionHeader: React__default.ForwardRefExoticComponent<SectionHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
-interface SectionShellProps extends HTMLAttributes<HTMLDivElement> {
-    background?: 'default' | 'muted' | 'brand' | 'transparent';
-    padding?: 'none' | 'sm' | 'md' | 'lg';
-    containerSize?: 'sm' | 'md' | 'lg' | 'xl' | 'fluid';
-    containerFluid?: boolean;
-}
-declare const SectionShell: React__default.ForwardRefExoticComponent<SectionShellProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface HeroSectionProps extends Omit<SectionShellProps, 'title'> {
-    variant?: 'left' | 'center' | 'split';
-    title: React__default.ReactNode;
-    subtitle?: React__default.ReactNode;
-    eyebrow?: React__default.ReactNode;
-    primaryCta?: React__default.ReactNode;
-    secondaryCta?: React__default.ReactNode;
-    /** Main visual (Image, Video, or Component) */
-    media?: React__default.ReactNode;
-    /** Adds a browser-like header bar to the media container */
-    mediaBrowserFrame?: boolean;
-    /** Optional floating elements (e.g. SocialProof cards) over the media */
-    floatingElement?: React__default.ReactNode;
-    floatingPosition?: 'top-right' | 'bottom-left';
-    /** Background Visuals */
-    withGrid?: boolean;
-    withGlow?: boolean;
-    align?: 'left' | 'center';
-}
-declare const HeroSection: React__default.ForwardRefExoticComponent<HeroSectionProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface FeatureItem {
-    title: React__default.ReactNode;
-    description: React__default.ReactNode;
-    icon?: React__default.ReactNode;
-    media?: React__default.ReactNode;
-    step?: string | number;
-    cta?: React__default.ReactNode;
-}
-interface FeatureSectionProps extends Omit<SectionShellProps, 'title'> {
-    variant?: 'grid' | 'zigzag';
-    columns?: 2 | 3 | 4;
-    features: FeatureItem[];
-    title?: React__default.ReactNode;
-    subtitle?: React__default.ReactNode;
-    eyebrow?: React__default.ReactNode;
-    alignHeader?: 'left' | 'center' | 'right';
-}
-declare const FeatureSection: React__default.ForwardRefExoticComponent<FeatureSectionProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface CTASectionProps extends Omit<SectionShellProps, 'title'> {
-    variant?: 'center' | 'split' | 'boxed';
-    title: React__default.ReactNode;
-    description?: React__default.ReactNode;
-    primaryCta?: React__default.ReactNode;
-    secondaryCta?: React__default.ReactNode;
-    actions?: React__default.ReactNode;
-}
-declare const CTASection: React__default.ForwardRefExoticComponent<CTASectionProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface StatItem {
-    label: string;
-    value: string | number;
-    suffix?: string;
-    prefix?: string;
-}
-interface StatsSectionProps extends Omit<SectionShellProps, 'title'> {
-    stats: StatItem[];
-    title?: React__default.ReactNode;
-    subtitle?: React__default.ReactNode;
-    eyebrow?: React__default.ReactNode;
-}
-declare const StatsSection: React__default.ForwardRefExoticComponent<StatsSectionProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface SocialProofCarouselProps extends SectionShellProps {
-    children: React.ReactNode;
-}
-declare const SocialProofCarousel: React$1.ForwardRefExoticComponent<SocialProofCarouselProps & React$1.RefAttributes<HTMLDivElement>>;
-
-type Platform = 'trustpilot' | 'g2' | 'google' | 'chrome-web-store';
-interface PlatformBadgeProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Review platform */
-    platform: Platform;
-    /** Display mode */
-    variant?: 'icon-only' | 'icon-label' | 'full';
-    /** Platform rating (used in 'full' variant) */
-    rating?: number;
-    /** Number of reviews (used in 'full' variant) */
-    count?: number;
-    /** Size variant */
-    size?: 'sm' | 'md';
-}
-/**
- * Review platform badge with recognizable brand icon, optional label,
- * and optional rating display.
- *
- * @example
- * ```tsx
- * <PlatformBadge platform="trustpilot" variant="icon-only" />
- * <PlatformBadge platform="g2" variant="icon-label" />
- * <PlatformBadge platform="google" variant="full" rating={4.9} count={42} />
- * ```
- */
-declare const PlatformBadge: React__default.ForwardRefExoticComponent<PlatformBadgeProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface Author {
-    name: string;
-    role?: string;
-    company?: string;
-    avatar?: string;
-    handle?: string;
-}
-interface Media {
-    src: string;
-    type: 'image' | 'video';
-    alt?: string;
-}
-interface CardMetric {
-    value: string;
-    label: string;
-    prefix?: string;
-    suffix?: string;
-}
-interface SocialProofCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {
-    /** Card visual variant — determines layout and visual identity */
-    variant?: 'simple' | 'social' | 'video' | 'case-study' | 'rating-only';
-    /** Quote or text content */
-    content?: React.ReactNode;
-    /** Author info */
-    author: Author;
-    /** Media (thumbnail image for video/case-study variants) */
-    media?: Media;
-    /** Source icon (e.g., Twitter logo) — legacy, prefer `platform` */
-    sourceIcon?: React.ReactNode;
-    /** Review platform for automatic badge display */
-    platform?: Platform;
-    /** Star rating value (0-5) */
-    starRating?: number;
-    /** Date string */
-    date?: string;
-    /** Text badges */
-    badges?: string[];
-    /** CTA text override */
-    ctaText?: string;
-    /** If set, renders as a clickable card */
-    href?: string;
-    onClick?: () => void;
-    /** Staggered entrance animation delay (ms) */
-    animationDelay?: number;
-    /** Case study: headline */
-    headline?: string;
-    /** Case study: company logo node */
-    logo?: React.ReactNode;
-    /** Case study: industry label */
-    industry?: string;
-    /** Case study: key metrics */
-    metrics?: CardMetric[];
-}
-declare const SocialProofCard: React$1.ForwardRefExoticComponent<SocialProofCardProps & React$1.RefAttributes<HTMLDivElement | HTMLAnchorElement>>;
-
-interface SocialProofFeaturedProps extends Omit<SectionShellProps, 'title'> {
-    /** Quote text */
-    quote: string;
-    /** Author info */
-    author: Author;
-    /** Media element (video component, image, or VideoLightbox) */
-    media?: React.ReactNode;
-    /** Quick image src for media slot */
-    mediaSrc?: string;
-    /** Layout orientation */
-    orientation?: 'horizontal' | 'vertical';
-    /** Visual variant */
-    featuredVariant?: 'standard' | 'cinematic' | 'spotlight';
-    /** Star rating */
-    starRating?: number;
-    /** Review platform */
-    platform?: Platform;
-    /** Company logo node */
-    logo?: React.ReactNode;
-}
-declare const SocialProofFeatured: React$1.ForwardRefExoticComponent<SocialProofFeaturedProps & React$1.RefAttributes<HTMLDivElement>>;
-
-interface LogoItem {
-    id: string | number;
-    alt: string;
-    src?: string;
-    logo?: React.ReactNode;
-    href?: string;
-    badge?: string;
-}
-interface SocialProofLogosProps extends Omit<SectionShellProps, 'title'> {
-    title?: React.ReactNode;
-    logos: LogoItem[];
-    variant?: 'grid' | 'marquee';
-    speed?: number;
-}
-declare const SocialProofLogos: React$1.ForwardRefExoticComponent<SocialProofLogosProps & React$1.RefAttributes<HTMLDivElement>>;
-
-interface SocialProofGridProps extends Omit<SectionShellProps, 'title'> {
-    /** Number of columns at desktop breakpoint */
-    columns?: 2 | 3 | 4;
-    /** Use CSS column-based masonry instead of CSS Grid */
-    masonry?: boolean;
-    /** Enable staggered entrance animation on children */
-    staggered?: boolean;
-}
-/**
- * Wrap each child in a grid item. Use `span={2}` data attribute or
- * the `ds-social-grid__item--span-2` class on children to span 2 columns.
- *
- * @example
- * ```tsx
- * <SocialProofGrid columns={3} staggered>
- *   <SocialProofCard variant="simple" ... />
- *   <div className="ds-social-grid__item--span-2">
- *     <SocialProofCard variant="case-study" ... />
- *   </div>
- * </SocialProofGrid>
- * ```
- */
-declare const SocialProofGrid: React__default.ForwardRefExoticComponent<SocialProofGridProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface VerticalVideoGridProps {
-    /** Array of YouTube Shorts URLs (e.g. https://www.youtube.com/shorts/xxxxx) */
-    urls: string[];
-    /** Optional class name */
-    className?: string;
-}
-/**
- * Grid component optimized for displaying vertical 9:16 videos (YouTube Shorts, TikToks, Reels)
- */
-declare function VerticalVideoGrid({ urls, className }: VerticalVideoGridProps): react_jsx_runtime.JSX.Element | null;
-
-declare const SocialProof: {
-    Card: React$1.ForwardRefExoticComponent<SocialProofCardProps & React$1.RefAttributes<HTMLDivElement | HTMLAnchorElement>>;
-    Grid: React$1.ForwardRefExoticComponent<SocialProofGridProps & React$1.RefAttributes<HTMLDivElement>>;
-    Logos: React$1.ForwardRefExoticComponent<SocialProofLogosProps & React$1.RefAttributes<HTMLDivElement>>;
-    Featured: React$1.ForwardRefExoticComponent<SocialProofFeaturedProps & React$1.RefAttributes<HTMLDivElement>>;
-    Carousel: React$1.ForwardRefExoticComponent<SocialProofCarouselProps & React$1.RefAttributes<HTMLDivElement>>;
-    VerticalGrid: typeof VerticalVideoGrid;
-};
-
-interface AnnouncementBarProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** The badge text, e.g., "New Feature" or "Update" */
-    badge?: React__default.ReactNode;
-    /** The main message text */
-    message: React__default.ReactNode;
-    /** The link destination. If provided, the entire bar becomes clickable */
-    href?: string;
-    /** The visual variant */
-    variant?: 'brand' | 'success' | 'warning' | 'info' | 'dark' | 'glass';
-    /** Whether the bar can be dismissed */
-    dismissible?: boolean;
-    /** Callback when dismissed */
-    onDismiss?: () => void;
-    /** Whether to show the right arrow */
-    showArrow?: boolean;
-}
-/**
- * Top-level announcement banner used to draw attention to new features,
- * webinars, or important updates.
- */
-declare const AnnouncementBar: React__default.ForwardRefExoticComponent<AnnouncementBarProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface StickyActionBarProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** The main message or value prop to display */
-    message: React__default.ReactNode;
-    /** Primary call to action button */
-    primaryAction: React__default.ReactNode;
-    /** Optional secondary action */
-    secondaryAction?: React__default.ReactNode;
-    /** Threshold in pixels before showing the bar (default: 300) */
-    showThreshold?: number;
-    /** Position variant */
-    position?: 'top' | 'bottom';
-    /** Visual theme */
-    variant?: 'glass' | 'solid' | 'brand';
-}
-/**
- * A floating action bar that appears after scrolling past a threshold,
- * keeping primary CTAs accessible on long pages.
- */
-declare const StickyActionBar: React__default.ForwardRefExoticComponent<StickyActionBarProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface PricingToggleProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    /** Current billing period */
-    value: 'monthly' | 'annual';
-    /** Change handler */
-    onChange: (period: 'monthly' | 'annual') => void;
-    /** Monthly label (default: "Monthly") */
-    monthlyLabel?: string;
-    /** Annual label (default: "Annual") */
-    annualLabel?: string;
-    /** Savings badge text (e.g., "Save 20%") */
-    savingsBadge?: string;
-}
-/**
- * Billing period toggle for pricing sections.
- *
- * @example
- * ```tsx
- * const [period, setPeriod] = useState<'monthly' | 'annual'>('annual');
- *
- * <PricingToggle
- *   value={period}
- *   onChange={setPeriod}
- *   savingsBadge="Save 20%"
- * />
- * ```
- */
-declare const PricingToggle: React__default.ForwardRefExoticComponent<PricingToggleProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface BookingEmbedProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** The Go High Level widget URL or other booking URL */
-    url: string;
-    /** Aspect ratio of the embed container (default: 16/9) */
-    aspectRatio?: string;
-    /** Title for the iframe accessibility */
-    title?: string;
-    /** Whether to lazy load the iframe */
-    lazyLoad?: boolean;
-}
-/**
- * A responsive container for embedding booking widgets (like Go High Level or Calendly).
- * Includes loading states and analytics tracking.
- */
-declare const BookingEmbed: React__default.ForwardRefExoticComponent<BookingEmbedProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface AgitationPoint {
-    /** The problem state (old way) */
-    problem: React__default.ReactNode;
-    /** The solution state (new way) */
-    solution: React__default.ReactNode;
-}
-interface ProblemAgitationProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Section title */
-    title: string;
-    /** Section description */
-    description?: React__default.ReactNode;
-    /** The points to compare */
-    points: AgitationPoint[];
-    /** Label for the old way column */
-    oldWayLabel?: string;
-    /** Label for the new way column */
-    newWayLabel?: string;
-}
-/**
- * A "Before & After" or "Old Way vs New Way" comparison block,
- * frequently used in marketing to agitate a problem before presenting
- * the product as the solution.
- */
-declare const ProblemAgitation: React__default.ForwardRefExoticComponent<ProblemAgitationProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface TimelineStep {
-    /** The step number or icon */
-    indicator: React__default.ReactNode;
-    /** Step title */
-    title: React__default.ReactNode;
-    /** Step description */
-    description: React__default.ReactNode;
-}
-interface ProcessTimelineProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** The steps to display in the timeline */
-    steps: TimelineStep[];
-    /** Whether to animate the line drawing on scroll */
-    animated?: boolean;
-}
-/**
- * A vertical timeline component used to explain "How it works" or
- * onboarding processes.
- */
-declare const ProcessTimeline: React__default.ForwardRefExoticComponent<ProcessTimelineProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface PricingFeature {
-    /** Feature label text */
-    text: string;
-    /** Whether this feature is included in the tier */
-    included?: boolean;
-    /** Optional tooltip or emphasis text */
-    detail?: string;
-}
-interface PricingCardProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Tier label (e.g. "Operator Mode", "Founder Mode") */
-    tier: string;
-    /** Short tagline under the tier name */
-    tagline?: string;
-    /** Price display string (e.g. "$1,499", "$999") */
-    price: string;
-    /** Price suffix (e.g. "/month", "one-time") */
-    priceSuffix?: string;
-    /** Previous/anchor price for strikethrough display */
-    anchorPrice?: string;
-    /** Badge text (e.g. "Most Popular", "Best Value") */
-    badge?: string;
-    /** Whether this card is visually highlighted as the recommended option */
-    highlighted?: boolean;
-    /** List of features included in this tier */
-    features?: PricingFeature[];
-    /** Primary CTA button content */
-    cta?: React__default.ReactNode;
-    /** Optional secondary action below CTA */
-    secondaryCta?: React__default.ReactNode;
-    /** Footer note text (e.g. "3-month minimum") */
-    footerNote?: string;
-}
-declare const PricingCard: React__default.ForwardRefExoticComponent<PricingCardProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface PricingSectionProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** The headline/title of the pricing section */
-    title: string;
-    /** Optional subtitle or description */
-    description?: React__default.ReactNode;
-    /** Pricing plans to display */
-    plans: PricingCardProps[];
-    /** Optional toggle control for billing periods (e.g. Monthly/Yearly) */
-    toggle?: React__default.ReactNode;
-}
-/**
- * Standardized pricing section layout that renders a grid of PricingCards.
- * Handles responsive wrapping and visual hierarchy automatically.
- */
-declare const PricingSection: React__default.ForwardRefExoticComponent<PricingSectionProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface LeadCaptureFormProps extends React__default.FormHTMLAttributes<HTMLFormElement> {
-    /** Text on the submit button */
-    buttonText?: string;
-    /** Label for the email input */
-    emailLabel?: string;
-    /** Placeholder for the email input */
-    emailPlaceholder?: string;
-    /** Optional subtext below the form (e.g. "We respect your privacy") */
-    disclaimer?: React__default.ReactNode;
-    /** Function called when form is successfully submitted */
-    onSubmitSuccess?: (email: string) => void | Promise<void>;
-    /** Direction variant */
-    layout?: 'horizontal' | 'vertical';
-    /** Current loading state */
-    isLoading?: boolean;
-}
-/**
- * A highly optimized email capture form for newsletters, waitlists,
- * and lead magnets.
- */
-declare const LeadCaptureForm: React__default.ForwardRefExoticComponent<LeadCaptureFormProps & React__default.RefAttributes<HTMLFormElement>>;
-
-interface ArticleCardProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
-    /** Target URL */
-    href: string;
-    /** Article title */
-    title: string;
-    /** Short excerpt or description */
-    excerpt: string;
-    /** Image URL for the thumbnail */
-    imageUrl?: string;
-    /** Image alt text */
-    imageAlt?: string;
-    /** Category or tag label */
-    category?: string;
-    /** Publication date */
-    date?: string;
-    /** Reading time in minutes */
-    readingTime?: number;
-    /** Author name */
-    author?: string;
-    /** Variant for different grid layouts */
-    variant?: 'vertical' | 'horizontal' | 'featured';
-}
-/**
- * Standardized card for blog posts, resources, and case studies.
- * Acts as a block-level link.
- */
-declare const ArticleCard: React__default.ForwardRefExoticComponent<ArticleCardProps & React__default.RefAttributes<HTMLAnchorElement>>;
-
-interface ArticleLayoutProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** The main content of the article */
-    children: React__default.ReactNode;
-    /** Article title */
-    title: string;
-    /** Author name */
-    author?: React__default.ReactNode;
-    /** Publish date */
-    date?: React__default.ReactNode;
-    /** Main hero image */
-    heroImage?: string;
-    /** Sidebar content (like TOC or related articles) */
-    sidebar?: React__default.ReactNode;
-}
-/**
- * Standardized layout for long-form content (blog posts, resources, case studies).
- * Handles responsive wrapping, prose width constraints, and sidebar positioning.
- */
-declare const ArticleLayout: React__default.ForwardRefExoticComponent<ArticleLayoutProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/** A single metric shown on the card */
-interface CaseStudyMetric {
-    /** Metric value (e.g., "312%") */
-    value: string;
-    /** Metric label (e.g., "increase in meetings") */
-    label: string;
-    /** Value prefix (e.g., "+") */
-    prefix?: string;
-    /** Value suffix (e.g., "%") */
-    suffix?: string;
-}
-interface CaseStudyCardProps extends React__default.HTMLAttributes<HTMLElement> {
-    /** Company name */
-    company: string;
-    /** Company logo */
-    logo?: React__default.ReactNode;
-    /** Industry tag */
-    industry?: string;
-    /** One-line outcome summary */
-    headline: string;
-    /** Key metrics achieved */
-    metrics?: CaseStudyMetric[];
-    /** Link to full case study */
-    href: string;
-    /** Optional cover image */
-    coverImage?: string;
-    /** Optional quote excerpt */
-    quote?: string;
-}
-/**
- * Case study preview card with company info and key metrics.
- *
- * @example
- * ```tsx
- * <CaseStudyCard
- *   company="Acme Corp"
- *   industry="SaaS"
- *   headline="312% increase in qualified meetings in 90 days"
- *   metrics={[
- *     { value: '312', suffix: '%', label: 'More meetings' },
- *     { value: '45', suffix: '%', label: 'Lower cost per lead' },
- *   ]}
- *   href="/case-studies/acme-corp"
- * />
- * ```
- */
-declare const CaseStudyCard: React__default.ForwardRefExoticComponent<CaseStudyCardProps & React__default.RefAttributes<HTMLElement>>;
-
-interface MetricCounterProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** The target number to count up to */
-    value: number;
-    /** Optional prefix (e.g. "$", "+") */
-    prefix?: string;
-    /** Optional suffix (e.g. "%", "M") */
-    suffix?: string;
-    /** Duration of the animation in milliseconds (default: 1500) */
-    duration?: number;
-    /** Number of decimal places to show (default: 0) */
-    decimals?: number;
-    /** A label to display below the number */
-    label?: React__default.ReactNode;
-}
-/**
- * An animated counter for displaying key metrics and social proof.
- * Uses requestAnimationFrame for smooth counting and IntersectionObserver
- * to trigger only when visible. Respects prefers-reduced-motion.
- */
-declare const MetricCounter: React__default.ForwardRefExoticComponent<MetricCounterProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface BrowserFrameProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Frame type */
-    variant?: 'browser' | 'app' | 'mobile' | 'minimal';
-    /** Content to frame (image, video, or React element) */
-    children: React__default.ReactNode;
-    /** Optional URL bar text */
-    url?: string;
-    /** Show traffic light dots (default: true for browser/app) */
-    showControls?: boolean;
-    /** Optional glow effect behind frame */
-    withGlow?: boolean;
-    /** Aspect ratio */
-    aspectRatio?: '16/9' | '4/3' | '3/2' | 'auto';
-}
-/**
- * Device mockup frame for product screenshots.
- *
- * @example
- * ```tsx
- * <BrowserFrame variant="browser" url="app.sales-mind.ai" withGlow>
- *   <img src="/screenshot.png" alt="SalesMind dashboard" />
- * </BrowserFrame>
- * ```
- */
-declare const BrowserFrame: React__default.ForwardRefExoticComponent<BrowserFrameProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface VideoEmbedProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Video source URL (YouTube, Vimeo, Loom, or direct) */
-    src: string;
-    /** Poster image shown before play */
-    poster?: string;
-    /** Video title for accessibility */
-    title: string;
-    /** Aspect ratio */
-    aspectRatio?: '16/9' | '4/3' | '1/1';
-    /** Auto-play when visible (muted, respects prefers-reduced-motion) */
-    autoPlay?: boolean;
-    /** Wrap embed inside a BrowserFrame */
-    withFrame?: boolean;
-    /** Analytics event on play */
-    onPlay?: () => void;
-}
-/**
- * Responsive video embed with poster + play button overlay.
- * Supports autoPlay via IntersectionObserver (muted, reduced-motion aware)
- * and optional BrowserFrame wrapping for product screenshots.
- *
- * @example
- * ```tsx
- * <VideoEmbed
- *   src="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
- *   poster="/thumbnails/demo.jpg"
- *   title="Product demo video"
- * />
- *
- * <VideoEmbed
- *   src="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
- *   title="Product demo"
- *   autoPlay
- *   withFrame
- * />
- * ```
- */
-declare const VideoEmbed: React__default.ForwardRefExoticComponent<VideoEmbedProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface ExitIntentOverlayProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Content to display in overlay */
-    children: React__default.ReactNode;
-    /** Whether exit intent detection is active (default: true) */
-    enabled?: boolean;
-    /** Delay before activation in ms (prevents trigger on initial load) */
-    activationDelay?: number;
-    /** Pages where overlay should NOT show */
-    excludePaths?: string[];
-    /** Storage key for suppression after dismiss/convert */
-    storageKey?: string;
-    /** Suppression duration after dismiss in ms (default: 7 days) */
-    suppressionDuration?: number;
-    /** Callback on show */
-    onShow?: () => void;
-    /** Callback on dismiss */
-    onDismiss?: () => void;
-}
-/**
- * Exit-intent triggered overlay.
- *
- * @example
- * ```tsx
- * <ExitIntentOverlay storageKey="exit-homepage">
- *   <LeadCaptureForm
- *     variant="card"
- *     title="Before you go..."
- *     description="Get our AI prospecting playbook — free."
- *     submitLabel="Send Me the Playbook"
- *     onSubmit={handleSubmit}
- *   />
- * </ExitIntentOverlay>
- * ```
- */
-declare const ExitIntentOverlay: React__default.ForwardRefExoticComponent<ExitIntentOverlayProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/** Item in the before or after column */
-interface BeforeAfterItem {
-    /** Item text */
-    text: string;
-    /** Sentiment affects visual treatment */
-    sentiment?: 'negative' | 'positive' | 'neutral';
-}
-/** One side of the comparison */
-interface BeforeAfterSide {
-    /** Column label (e.g., "Before SalesMind", "After SalesMind") */
-    label: string;
-    /** List of items */
-    items: BeforeAfterItem[];
-    /** Optional media */
-    media?: React__default.ReactNode;
-}
-interface BeforeAfterBlockProps extends Omit<SectionShellProps, 'title'> {
-    /** Section eyebrow */
-    eyebrow?: React__default.ReactNode;
-    /** Section title */
-    title?: React__default.ReactNode;
-    /** Before state */
-    before: BeforeAfterSide;
-    /** After state */
-    after: BeforeAfterSide;
-    /** Layout variant */
-    variant?: 'split' | 'slider' | 'stacked';
-}
-/**
- * Transformation visualization: before vs. after comparison.
- *
- * @example
- * ```tsx
- * <BeforeAfterBlock
- *   title="The SalesMind Transformation"
- *   before={{
- *     label: 'Without SalesMind',
- *     items: [
- *       { text: 'Manual prospecting 40hrs/week', sentiment: 'negative' },
- *       { text: 'Unpredictable pipeline', sentiment: 'negative' },
- *     ],
- *   }}
- *   after={{
- *     label: 'With SalesMind',
- *     items: [
- *       { text: 'AI handles outreach 24/7', sentiment: 'positive' },
- *       { text: 'Predictable qualified meetings', sentiment: 'positive' },
- *     ],
- *   }}
- *   variant="split"
- * />
- * ```
- */
-declare const BeforeAfterBlock: React__default.ForwardRefExoticComponent<BeforeAfterBlockProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/** A single comparison dimension */
-interface CompetitorDiffItem {
-    /** The dimension being compared (e.g., "Approach") */
-    dimension: string;
-    /** How the competitor/category handles it */
-    them: string;
-    /** How we handle it */
-    us: string;
-}
-interface CompetitorDiffProps extends Omit<SectionShellProps, 'title'> {
-    /** Section eyebrow */
-    eyebrow?: React__default.ReactNode;
-    /** Section title */
-    title: React__default.ReactNode;
-    /** Section subtitle */
-    subtitle?: React__default.ReactNode;
-    /** Comparison items */
-    items: CompetitorDiffItem[];
-    /** Competitor/category label (e.g., "Traditional SDR tools") */
-    competitorLabel?: string;
-    /** Our label (e.g., "SalesMind AI") */
-    ourLabel?: string;
-    /** Layout variant */
-    variant?: 'table' | 'cards' | 'narrative';
-    /** Optional CTA */
-    cta?: {
-        label: string;
-        href: string;
-    };
-}
-/**
- * Competitive differentiation block.
- *
- * @example
- * ```tsx
- * <CompetitorDiff
- *   eyebrow="Why SalesMind"
- *   title="Not Another LinkedIn Tool"
- *   items={[
- *     { dimension: 'Approach', them: 'Spray-and-pray sequences', us: 'AI-personalized at scale' },
- *     { dimension: 'Setup', them: 'Weeks of configuration', us: 'Live in 48 hours' },
- *   ]}
- *   variant="table"
- * />
- * ```
- */
-declare const CompetitorDiff: React__default.ForwardRefExoticComponent<CompetitorDiffProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/** Content for a single stakeholder tab */
-interface StakeholderContent {
-    /** Tab headline */
-    headline: string;
-    /** Tab description */
-    description: string;
-    /** Feature list */
-    features?: Array<{
-        title: string;
-        description: string;
-        icon?: React__default.ReactNode;
-    }>;
-    /** Testimonial (render as ReactNode for flexibility) */
-    testimonial?: React__default.ReactNode;
-    /** CTA */
-    cta: {
-        label: string;
-        href: string;
-    };
-}
-/** A single stakeholder definition */
-interface StakeholderDefinition {
-    /** Tab label */
-    label: string;
-    /** Tab icon */
-    icon?: React__default.ReactNode;
-    /** Content for this stakeholder */
-    content: StakeholderContent;
-}
-interface StakeholderTabsProps extends Omit<SectionShellProps, 'title'> {
-    /** Section eyebrow */
-    eyebrow?: React__default.ReactNode;
-    /** Section title */
-    title?: React__default.ReactNode;
-    /** Stakeholder definitions */
-    stakeholders: StakeholderDefinition[];
-    /** Default active tab index */
-    defaultIndex?: number;
-}
-/**
- * Persona-specific content switcher using DS Tabs.
- *
- * @example
- * ```tsx
- * <StakeholderTabs
- *   eyebrow="Built For You"
- *   title="Whether You Run Outreach or We Do"
- *   stakeholders={[
- *     {
- *       label: 'Founders',
- *       content: { headline: '...', description: '...', cta: { label: 'Book Strategy Call', href: '/demo' } },
- *     },
- *     {
- *       label: 'Sales Leaders',
- *       content: { headline: '...', description: '...', cta: { label: 'Book Demo', href: '/demo' } },
- *     },
- *   ]}
- * />
- * ```
- */
-declare const StakeholderTabs: React__default.ForwardRefExoticComponent<StakeholderTabsProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/** A single integration entry */
-interface IntegrationEntry {
-    /** Integration name */
-    name: string;
-    /** Logo (React element or img) */
-    logo: React__default.ReactNode;
-    /** Short description */
-    description?: string;
-    /** Category for filtering */
-    category: string;
-    /** Link to docs/details */
-    href?: string;
-    /** Optional badge (e.g., "New", "Popular") */
-    badge?: string;
-}
-interface IntegrationShowcaseProps extends Omit<SectionShellProps, 'title'> {
-    /** Section eyebrow */
-    eyebrow?: React__default.ReactNode;
-    /** Section title */
-    title: React__default.ReactNode;
-    /** Section subtitle */
-    subtitle?: React__default.ReactNode;
-    /** Integration entries */
-    integrations: IntegrationEntry[];
-    /** Category labels for filtering */
-    categories?: string[];
-    /** Layout variant */
-    variant?: 'grid' | 'list' | 'compact';
-    /** Enable category filtering (default: true if categories provided) */
-    filterable?: boolean;
-}
-/**
- * Integration grid with category filtering.
- *
- * @example
- * ```tsx
- * <IntegrationShowcase
- *   eyebrow="Integrations"
- *   title="Works With Your Stack"
- *   integrations={[
- *     { name: 'Salesforce', logo: <SalesforceLogo />, category: 'CRM' },
- *     { name: 'HubSpot', logo: <HubSpotLogo />, category: 'CRM' },
- *     { name: 'Slack', logo: <SlackLogo />, category: 'Communication' },
- *   ]}
- *   categories={['All', 'CRM', 'Communication']}
- *   filterable
- * />
- * ```
- */
-declare const IntegrationShowcase: React__default.ForwardRefExoticComponent<IntegrationShowcaseProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/** A certification or compliance badge */
-interface SecurityCertification {
-    /** Certification name (e.g., "SOC 2 Type II") */
-    name: string;
-    /** Icon or badge image */
-    icon: React__default.ReactNode;
-    /** Description (shown in detailed variant) */
-    description?: string;
-    /** Link to details/documentation */
-    href?: string;
-}
-interface SecurityBlockProps extends Omit<SectionShellProps, 'title'> {
-    /** Section eyebrow */
-    eyebrow?: React__default.ReactNode;
-    /** Section title */
-    title: React__default.ReactNode;
-    /** Section subtitle */
-    subtitle?: React__default.ReactNode;
-    /** Certifications/badges */
-    certifications?: SecurityCertification[];
-    /** Security feature descriptions */
-    features?: Array<{
-        title: string;
-        description: string;
-        icon?: React__default.ReactNode;
-    }>;
-    /** Layout variant */
-    variant?: 'badges' | 'detailed' | 'compact';
-}
-/**
- * Security and compliance trust display.
- *
- * @example
- * ```tsx
- * <SecurityBlock
- *   eyebrow="Enterprise Security"
- *   title="Your Data, Our Priority"
- *   certifications={[
- *     { name: 'SOC 2 Type II', icon: <ShieldIcon />, description: 'Annual audit...' },
- *     { name: 'GDPR Compliant', icon: <EUIcon /> },
- *   ]}
- *   features={[
- *     { title: 'End-to-end encryption', description: '256-bit AES at rest, TLS 1.3 in transit' },
- *   ]}
- *   variant="detailed"
- * />
- * ```
- */
-declare const SecurityBlock: React__default.ForwardRefExoticComponent<SecurityBlockProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/** Social/external link */
-interface AuthorLink {
-    /** Link label (e.g., "Twitter", "LinkedIn") */
-    label: string;
-    /** Link URL */
-    href: string;
-    /** Optional icon */
-    icon?: React__default.ReactNode;
-}
-interface AuthorBioProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Author name */
-    name: string;
-    /** Author role or title */
-    role?: string;
-    /** Avatar image URL */
-    avatar?: string;
-    /** Biography text */
-    bio?: string;
-    /** External links */
-    links?: AuthorLink[];
-    /** Layout variant */
-    variant?: 'inline' | 'card' | 'compact' | 'longform';
-}
-/**
- * Author biography card.
- *
- * @example
- * ```tsx
- * <AuthorBio
- *   name="Alex Chen"
- *   role="Head of Growth at SalesMind AI"
- *   avatar="/team/alex.jpg"
- *   bio="Alex has 10+ years of experience in B2B growth..."
- *   links={[{ label: 'LinkedIn', href: 'https://linkedin.com/in/alexchen' }]}
- *   variant="card"
- * />
- * ```
- */
-declare const AuthorBio: React__default.ForwardRefExoticComponent<AuthorBioProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/** A TOC item mapping to a heading */
-interface TOCItem {
-    /** Heading element ID */
-    id: string;
-    /** Heading text */
-    title: string;
-    /** Heading level (2 = h2, 3 = h3, etc.) */
-    level: number;
-}
-interface TableOfContentsProps extends React__default.HTMLAttributes<HTMLElement> {
-    /** TOC items (typically extracted from article headings) */
-    items: TOCItem[];
-    /** Currently active heading ID (controlled) */
-    activeId?: string;
-    /** Position variant */
-    position?: 'sidebar' | 'inline' | 'floating';
-    /** Label text */
-    label?: string;
-    /** Callback when an item is clicked */
-    onItemClick?: (id: string) => void;
-}
-/**
- * Sticky table of contents with active heading tracking.
- *
- * @example
- * ```tsx
- * <TableOfContents
- *   items={[
- *     { id: 'intro', title: 'Introduction', level: 2 },
- *     { id: 'setup', title: 'Getting Started', level: 2 },
- *     { id: 'config', title: 'Configuration', level: 3 },
- *   ]}
- *   position="sidebar"
- * />
- * ```
- */
-declare const TableOfContents: React__default.ForwardRefExoticComponent<TableOfContentsProps & React__default.RefAttributes<HTMLElement>>;
-
-interface RelatedContentProps extends Omit<SectionShellProps, 'title'> {
-    /** Section eyebrow */
-    eyebrow?: React__default.ReactNode;
-    /** Section title */
-    title?: React__default.ReactNode;
-    /** Related article items (uses ArticleCard props) */
-    items: ArticleCardProps[];
-    /** Max items to display */
-    maxVisible?: number;
-}
-/**
- * Related articles section using ArticleCard grid.
- *
- * @example
- * ```tsx
- * <RelatedContent
- *   title="Related Articles"
- *   items={[
- *     { title: 'AI Outreach Guide', href: '/blog/ai-outreach', ... },
- *     { title: 'Pipeline Automation', href: '/blog/pipeline', ... },
- *   ]}
- *   background="muted"
- * />
- * ```
- */
-declare const RelatedContent: React__default.ForwardRefExoticComponent<RelatedContentProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface CaseStudySectionProps extends Omit<SectionShellProps, 'title'> {
-    /** Section eyebrow */
-    eyebrow?: React__default.ReactNode;
-    /** Section title */
-    title: React__default.ReactNode;
-    /** Section subtitle */
-    subtitle?: React__default.ReactNode;
-    /** Case study items */
-    caseStudies: CaseStudyCardProps[];
-    /** Enable industry filtering */
-    filterable?: boolean;
-    /** Filter labels (derived from caseStudies.industry if not provided) */
-    filters?: string[];
-    /** Max visible items */
-    maxVisible?: number;
-    /** "See all" link */
-    seeAllHref?: string;
-}
-/**
- * Case study showcase section with optional filtering.
- *
- * @example
- * ```tsx
- * <CaseStudySection
- *   eyebrow="Customer Stories"
- *   title="How Teams Win With SalesMind"
- *   caseStudies={caseStudies}
- *   filterable
- *   seeAllHref="/case-studies"
- * />
- * ```
- */
-declare const CaseStudySection: React__default.ForwardRefExoticComponent<CaseStudySectionProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/** Attribution for the manifesto */
-interface ManifestoAttribution {
-    /** Name */
-    name: string;
-    /** Role */
-    role: string;
-    /** Avatar URL */
-    avatar?: string;
-}
-interface ManifestoBlockProps extends Omit<SectionShellProps, 'children'> {
-    /** The manifesto statement (plain text or ReactNode) */
-    statement: React__default.ReactNode;
-    /** Attribution (e.g., founder) */
-    attribution?: ManifestoAttribution;
-    /** Visual variant */
-    variant?: 'centered' | 'editorial' | 'quote';
-}
-/**
- * Bold brand philosophy statement.
- *
- * @example
- * ```tsx
- * <ManifestoBlock
- *   statement="We believe pipeline shouldn't be a prayer. It should be infrastructure."
- *   attribution={{ name: 'Julien', role: 'Founder & CEO' }}
- *   variant="quote"
- *   padding="lg"
- * />
- * ```
- */
-declare const ManifestoBlock: React__default.ForwardRefExoticComponent<ManifestoBlockProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/** Status of a compliance certification */
-type ComplianceStatus = 'certified' | 'in-progress' | 'planned';
-/** A single compliance item */
-interface ComplianceItem {
-    /** Certification name */
-    name: string;
-    /** Current status */
-    status: ComplianceStatus;
-    /** Icon */
-    icon?: React__default.ReactNode;
-    /** Description */
-    description?: string;
-    /** Link to documentation or certificate */
-    documentHref?: string;
-}
-interface ComplianceGridProps extends Omit<SectionShellProps, 'title'> {
-    /** Section eyebrow */
-    eyebrow?: React__default.ReactNode;
-    /** Section title */
-    title: React__default.ReactNode;
-    /** Section subtitle */
-    subtitle?: React__default.ReactNode;
-    /** Compliance items */
-    items: ComplianceItem[];
-}
-/**
- * Compliance certifications grid with status badges.
- *
- * @example
- * ```tsx
- * <ComplianceGrid
- *   eyebrow="Compliance"
- *   title="Enterprise-Grade Security"
- *   items={[
- *     { name: 'SOC 2 Type II', status: 'certified', icon: <ShieldIcon /> },
- *     { name: 'ISO 27001', status: 'in-progress', icon: <LockIcon /> },
- *     { name: 'HIPAA', status: 'planned', icon: <HospitalIcon /> },
- *   ]}
- * />
- * ```
- */
-declare const ComplianceGrid: React__default.ForwardRefExoticComponent<ComplianceGridProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/** Node type determines visual treatment */
-type ArchitectureNodeType = 'source' | 'process' | 'destination' | 'integration';
-/** A node in the architecture diagram */
-interface ArchitectureNode {
-    /** Unique identifier */
-    id: string;
-    /** Display label */
-    label: string;
-    /** Optional icon */
-    icon?: React__default.ReactNode;
-    /** Node type affects styling */
-    type: ArchitectureNodeType;
-    /** Tooltip description */
-    description?: string;
-}
-/** A connection between two nodes */
-interface ArchitectureConnection {
-    /** Source node ID */
-    from: string;
-    /** Destination node ID */
-    to: string;
-    /** Connection label */
-    label?: string;
-    /** Show animated dashes */
-    animated?: boolean;
-}
-interface ArchitectureDiagramProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Nodes in the diagram */
-    nodes: ArchitectureNode[];
-    /** Connections between nodes */
-    connections: ArchitectureConnection[];
-    /** Flow direction */
-    direction?: 'horizontal' | 'vertical';
-}
-/**
- * System architecture visualization with nodes and connections.
- *
- * @example
- * ```tsx
- * <ArchitectureDiagram
- *   nodes={[
- *     { id: 'linkedin', label: 'LinkedIn', type: 'source' },
- *     { id: 'ai', label: 'SalesMind AI', type: 'process' },
- *     { id: 'crm', label: 'CRM', type: 'destination' },
- *   ]}
- *   connections={[
- *     { from: 'linkedin', to: 'ai', animated: true },
- *     { from: 'ai', to: 'crm', animated: true },
- *   ]}
- *   direction="horizontal"
- * />
- * ```
- */
-declare const ArchitectureDiagram: React__default.ForwardRefExoticComponent<ArchitectureDiagramProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface SegmentSwitchProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Active segment key */
-    segment?: string;
-    /** Map of segment keys to content */
-    segments: Record<string, React__default.ReactNode>;
-    /** Fallback content when no segment matches */
-    fallback?: React__default.ReactNode;
-    /** Segment source for auto-detection */
-    source?: 'utm' | 'cookie' | 'manual';
-    /** UTM parameter name (default: "utm_segment") */
-    utmParam?: string;
-    /** Cookie name (default: "ds_segment") */
-    cookieName?: string;
-}
-/**
- * Segment-based content renderer.
- *
- * @example
- * ```tsx
- * <SegmentSwitch
- *   segment="founder"
- *   segments={{
- *     founder: <FounderContent />,
- *     operator: <OperatorContent />,
- *   }}
- *   fallback={<DefaultContent />}
- * />
- * ```
- */
-declare const SegmentSwitch: React__default.ForwardRefExoticComponent<SegmentSwitchProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/** What triggers a stage change */
-type IntentTriggerType = 'scroll' | 'time' | 'pages';
-/** A single CTA stage */
-interface IntentStage {
-    /** What triggers this stage */
-    trigger: {
-        type: IntentTriggerType;
-        threshold: number;
-    };
-    /** CTA label */
-    label: string;
-    /** CTA link */
-    href: string;
-    /** Button variant (escalates with intent) */
-    variant?: 'outline' | 'primary';
-}
-interface IntentCTAProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** CTA stages ordered by escalation */
-    stages: IntentStage[];
-    /** Default CTA (shown before any stage triggers) */
-    defaultCta: {
-        label: string;
-        href: string;
-        variant?: 'outline' | 'primary';
-    };
-    /** External page count for 'pages' trigger type (tracked by consuming app) */
-    pageCount?: number;
-}
-/**
- * Adaptive CTA that escalates with demonstrated visitor intent.
- *
- * @example
- * ```tsx
- * <IntentCTA
- *   defaultCta={{ label: 'Learn More', href: '/about', variant: 'outline' }}
- *   stages={[
- *     { trigger: { type: 'scroll', threshold: 50 }, label: 'See Pricing', href: '/pricing', variant: 'outline' },
- *     { trigger: { type: 'time', threshold: 30 }, label: 'Book a Demo', href: '/demo', variant: 'primary' },
- *     { trigger: { type: 'scroll', threshold: 80 }, label: 'Start Free Trial', href: '/signup', variant: 'primary' },
- *   ]}
- * />
- * ```
- */
-declare const IntentCTA: React__default.ForwardRefExoticComponent<IntentCTAProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/** Calculator input definition */
-interface ValueAnchorInput {
-    /** Input name (form key) */
-    name: string;
-    /** Display label */
-    label: string;
-    /** Input type */
-    type: 'number' | 'slider';
-    /** Default value */
-    defaultValue: number;
-    /** Min for slider */
-    min?: number;
-    /** Max for slider */
-    max?: number;
-    /** Step for slider */
-    step?: number;
-    /** Display prefix (e.g., "$") */
-    prefix?: string;
-    /** Display suffix (e.g., "%") */
-    suffix?: string;
-}
-/** Calculator output */
-interface ValueAnchorOutput {
-    /** Primary metric (large display) */
-    primaryMetric: {
-        value: number;
-        label: string;
-        prefix?: string;
-        suffix?: string;
-    };
-    /** Supporting metrics */
-    secondaryMetrics: Array<{
-        value: number;
-        label: string;
-        prefix?: string;
-        suffix?: string;
-    }>;
-    /** Optional cost comparison */
-    costComparison?: {
-        without: {
-            value: number;
-            label: string;
-        };
-        with: {
-            value: number;
-            label: string;
-        };
-        savings: {
-            value: number;
-            label: string;
-        };
-    };
-}
-interface ValueAnchorProps extends Omit<SectionShellProps, 'title'> {
-    /** Section eyebrow */
-    eyebrow?: React__default.ReactNode;
-    /** Section title */
-    title: React__default.ReactNode;
-    /** Section subtitle */
-    subtitle?: React__default.ReactNode;
-    /** Calculator inputs */
-    inputs: ValueAnchorInput[];
-    /** Calculation function */
-    calculate: (values: Record<string, number>) => ValueAnchorOutput;
-    /** CTA shown after calculation */
-    cta?: {
-        label: string;
-        href: string;
-    };
-}
-/**
- * Pipeline value calculator — anchors on outcome value before showing cost.
- *
- * @example
- * ```tsx
- * <ValueAnchor
- *   title="See Your Pipeline Potential"
- *   inputs={[
- *     { name: 'meetings', label: 'Monthly meetings', type: 'slider', defaultValue: 10, min: 5, max: 50 },
- *     { name: 'dealSize', label: 'Avg deal size', type: 'number', defaultValue: 5000, prefix: '$' },
- *   ]}
- *   calculate={(v) => ({
- *     primaryMetric: { value: v.meetings * 12 * v.dealSize * 0.2, label: 'Annual Pipeline Value', prefix: '$' },
- *     secondaryMetrics: [...],
- *   })}
- * />
- * ```
- */
-declare const ValueAnchor: React__default.ForwardRefExoticComponent<ValueAnchorProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface ComparisonColumn {
-    /** Column heading (e.g. "Hiring SDRs", "SalesMind") */
-    label: string;
-    /** Whether this column is highlighted as the recommended option */
-    highlighted?: boolean;
-    /** Optional badge above the column header */
-    badge?: string;
-}
-interface ComparisonRow {
-    /** Row label (the thing being compared) */
-    label: string;
-    /** Values for each column, in the same order as columns */
-    values: (string | React__default.ReactNode)[];
-    /** Optional category divider — if true, renders as a category header */
-    isCategory?: boolean;
-}
-interface ComparisonTableProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Column definitions */
-    columns: ComparisonColumn[];
-    /** Row data */
-    rows: ComparisonRow[];
-    /** Optional table caption for accessibility */
-    caption?: string;
-}
-declare const ComparisonTable: React__default.ForwardRefExoticComponent<ComparisonTableProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface GuaranteeHighlightProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** The guarantee statement (e.g. "10+ qualified meetings per month") */
-    guarantee: string;
-    /** Supporting detail or condition text */
-    detail?: string;
-    /** Optional fine print (e.g. "Guarantee activates after onboarding alignment") */
-    finePrint?: string;
-    /** Visual variant */
-    variant?: 'default' | 'brand' | 'minimal';
-    /** Optional icon — pass a React node (e.g. an SVG) */
-    icon?: React__default.ReactNode;
-}
-declare const GuaranteeHighlight: React__default.ForwardRefExoticComponent<GuaranteeHighlightProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface ROIComparisonItem {
-    /** Label (e.g. "Hiring 3 SDRs") */
-    label: string;
-    /** Monthly cost string */
-    monthlyCost: string;
-    /** Annual cost string */
-    annualCost: string;
-    /** Whether this item is the "winner" (highlighted) */
-    isRecommended?: boolean;
-    /** Additional context text */
-    context?: string;
-}
-interface ROICalculatorProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Section eyebrow text */
-    eyebrow?: string;
-    /** Section title */
-    title?: string;
-    /** Comparison items to display */
-    items: ROIComparisonItem[];
-    /** Optional summary text below the comparison */
-    summary?: React__default.ReactNode;
-    /** Optional savings callout (e.g. "Save $120,000/year") */
-    savingsCallout?: string;
-}
-declare const ROICalculator: React__default.ForwardRefExoticComponent<ROICalculatorProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface ICPFilterItem {
-    /** Description text */
-    text: string;
-}
-interface ICPFilterProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Items describing who this IS for */
-    qualifiedItems: ICPFilterItem[];
-    /** Items describing who this is NOT for */
-    disqualifiedItems: ICPFilterItem[];
-    /** Heading for the qualified column */
-    qualifiedHeading?: string;
-    /** Heading for the disqualified column */
-    disqualifiedHeading?: string;
-    /** Layout variant */
-    variant?: 'columns' | 'stacked';
-}
-declare const ICPFilter: React__default.ForwardRefExoticComponent<ICPFilterProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface ObjectionItem {
-    /** The objection/question (e.g. "Is this just LinkedIn automation?") */
-    question: string;
-    /** The strategic answer/reframe */
-    answer: string;
-    /** Optional tag/category (e.g. "Safety", "Quality", "Process") */
-    tag?: string;
-}
-interface ObjectionFAQProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** List of objection items */
-    items: ObjectionItem[];
-    /** Section title */
-    title?: string;
-    /** Section subtitle */
-    subtitle?: string;
-    /** Whether multiple items can be open simultaneously */
-    allowMultiple?: boolean;
-    /** Initial open item index */
-    defaultOpenIndex?: number;
-}
-declare const ObjectionFAQ: React__default.ForwardRefExoticComponent<ObjectionFAQProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface MotionContainerProps extends HTMLMotionProps<'div'> {
-    children: React__default.ReactNode;
-    viewportMargin?: string;
-    once?: boolean;
-    stagger?: boolean;
-    delay?: number;
-}
-declare const MotionContainer: ({ children, viewportMargin, once, stagger, delay, className, ...props }: MotionContainerProps) => react_jsx_runtime.JSX.Element;
-
-interface MotionTextProps extends HTMLMotionProps<'div'> {
-    text: string;
-    type?: 'word' | 'char';
-    highlightWords?: string[];
-    className?: string;
-}
-declare const MotionText: ({ text, type, highlightWords, className, ...props }: MotionTextProps) => react_jsx_runtime.JSX.Element;
-
-export { ICPFilter as $, type AgitationPoint as A, BeforeAfterBlock as B, CTASection as C, type CaseStudyMetric as D, CaseStudySection as E, type CaseStudySectionProps as F, type ComparisonColumn as G, type ComparisonRow as H, ComparisonTable as I, type ComparisonTableProps as J, CompetitorDiff as K, type CompetitorDiffItem as L, type CompetitorDiffProps as M, ComplianceGrid as N, type ComplianceGridProps as O, type ComplianceItem as P, type ComplianceStatus as Q, ExitIntentOverlay as R, type SectionShellProps as S, type ExitIntentOverlayProps as T, type FeatureItem as U, FeatureSection as V, type FeatureSectionProps as W, GuaranteeHighlight as X, type GuaranteeHighlightProps as Y, HeroSection as Z, type HeroSectionProps as _, AnnouncementBar as a, type StakeholderContent as a$, type ICPFilterItem as a0, type ICPFilterProps as a1, type IntegrationEntry as a2, IntegrationShowcase as a3, type IntegrationShowcaseProps as a4, IntentCTA as a5, type IntentCTAProps as a6, type IntentStage as a7, type IntentTriggerType as a8, LeadCaptureForm as a9, type ProblemAgitationProps as aA, ProcessTimeline as aB, type ProcessTimelineProps as aC, ROICalculator as aD, type ROICalculatorProps as aE, type ROIComparisonItem as aF, RelatedContent as aG, type RelatedContentProps as aH, SectionHeader as aI, type SectionHeaderProps as aJ, SectionShell as aK, SecurityBlock as aL, type SecurityBlockProps as aM, type SecurityCertification as aN, SegmentSwitch as aO, type SegmentSwitchProps as aP, SocialProof as aQ, SocialProofCard as aR, type SocialProofCardProps as aS, SocialProofCarousel as aT, type SocialProofCarouselProps as aU, SocialProofFeatured as aV, type SocialProofFeaturedProps as aW, SocialProofGrid as aX, type SocialProofGridProps as aY, SocialProofLogos as aZ, type SocialProofLogosProps as a_, type LeadCaptureFormProps as aa, type LogoItem as ab, type ManifestoAttribution as ac, ManifestoBlock as ad, type ManifestoBlockProps as ae, type Media as af, MetricCounter as ag, type MetricCounterProps as ah, MotionContainer as ai, type MotionContainerProps as aj, MotionText as ak, type MotionTextProps as al, ObjectionFAQ as am, type ObjectionFAQProps as an, type ObjectionItem as ao, type Platform as ap, PlatformBadge as aq, type PlatformBadgeProps as ar, PricingCard as as, type PricingCardProps as at, type PricingFeature as au, PricingSection as av, type PricingSectionProps as aw, PricingToggle as ax, type PricingToggleProps as ay, ProblemAgitation as az, type AnnouncementBarProps as b, type StakeholderDefinition as b0, StakeholderTabs as b1, type StakeholderTabsProps as b2, type StatItem as b3, StatsSection as b4, type StatsSectionProps as b5, StickyActionBar as b6, type StickyActionBarProps as b7, type TOCItem as b8, TableOfContents as b9, type TableOfContentsProps as ba, type TimelineStep as bb, ValueAnchor as bc, type ValueAnchorInput as bd, type ValueAnchorOutput as be, type ValueAnchorProps as bf, VerticalVideoGrid as bg, type VerticalVideoGridProps as bh, VideoEmbed as bi, type VideoEmbedProps as bj, type ArchitectureConnection as c, ArchitectureDiagram as d, type ArchitectureDiagramProps as e, type ArchitectureNode as f, type ArchitectureNodeType as g, ArticleCard as h, type ArticleCardProps as i, ArticleLayout as j, type ArticleLayoutProps as k, type Author as l, AuthorBio as m, type AuthorBioProps as n, type AuthorLink as o, type BeforeAfterBlockProps as p, type BeforeAfterItem as q, type BeforeAfterSide as r, BookingEmbed as s, type BookingEmbedProps as t, BrowserFrame as u, type BrowserFrameProps as v, type CTASectionProps as w, type CardMetric as x, CaseStudyCard as y, type CaseStudyCardProps as z };