MarketingShell constructor

MarketingShell({
  1. Object? nav,
  2. Object? hero,
  3. Object? child,
  4. List<Object?> children = const [],
  5. Object? footer,
  6. Object maxWidth = 1180,
  7. String? className,
  8. Map<String, Object?> props = const {},
  9. Map<String, Object?> style = const {},
  10. DartStyle? dartStyle,
})

Creates a marketing shell with centered page content.

Implementation

MarketingShell({
  Object? nav,
  Object? hero,
  Object? child,
  List<Object?> children = const [],
  Object? footer,
  Object maxWidth = 1180,
  String? className,
  Map<String, Object?> props = const {},
  Map<String, Object?> style = const {},
  DartStyle? dartStyle,
}) : super(
        'div',
        props: mergeComponentProps(
          props,
          className: className,
          dartStyle: DartStyle(
            minHeight: '100vh',
            background: ThemeToken.color(
              'marketingBackground',
              fallback: '#ffffff',
            ).toCss(),
            color: ThemeToken.color(
              'marketingText',
              fallback: '#101828',
            ).toCss(),
          ).merge(dartStyle),
          style: style,
        ),
        children: [
          PageShell(
            nav: nav,
            header: hero,
            footer: footer,
            maxWidth: maxWidth,
            padding: 24,
            contentDartStyle: const DartStyle(gap: 40),
            children: normalizeChildren(child, children),
          ),
        ],
      );