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),
         ),
       ],
     );