import { ReactNode, ComponentType } from 'react';
/**
 * ModernLanding — the shared, product-agnostic modern landing page for
 * logged-out `app.<product>.com` shells, matching the vibecontrols gold
 * standard (dark-on-canvas hero, gradient headline, accent glow, animated
 * feature grid, CTA band).
 *
 * It is fully SELF-CONTAINED: it ships its own scoped CSS (`<style>` keyed to
 * the fe-libs `--color-*` design tokens) so it renders identically on every
 * shell WITHOUT depending on the per-shell `vc-*` utility classes, and the
 * per-product brand accent (`--color-action-primary-bg`) auto-applies. Product
 * name comes from `useAppShell()`; all copy/features are passed as props so
 * each shell keeps its own messaging. No raw colors.
 */
type IconType = ComponentType<{
    className?: string;
}>;
export interface ModernLandingFeature {
    icon?: IconType;
    title: string;
    description: string;
}
export interface ModernLandingProps {
    /** Small pill above the headline (e.g. "Early access"). */
    eyebrow?: string;
    /** First headline line, rendered in the primary text color. */
    headlineLead?: string;
    /** Second headline line, rendered with the brand gradient. */
    headlineAccent: string;
    /** Supporting paragraph under the headline. */
    subheadline?: string;
    /** Short check-list shown under the hero CTAs. */
    highlights?: string[];
    /** Feature cards. */
    features?: ModernLandingFeature[];
    featuresTitle?: string;
    featuresSubtitle?: string;
    primaryCtaLabel?: string;
    secondaryCtaLabel?: string;
    onPrimaryCta?: () => void;
    onSecondaryCta?: () => void;
    /** Closing CTA band copy. */
    closingTitle?: string;
    closingSubtitle?: string;
    /** Product footer (each shell passes its own). */
    footer?: ReactNode;
}
export declare function ModernLanding({ eyebrow, headlineLead, headlineAccent, subheadline, highlights, features, featuresTitle, featuresSubtitle, primaryCtaLabel, secondaryCtaLabel, onPrimaryCta, onSecondaryCta, closingTitle, closingSubtitle, footer, }: ModernLandingProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=modern-landing.d.ts.map