Footer(
  style: [
    Footer.horizontal.at(Breakpoint.sm),
    BgUtil.neutral, TextUtil.neutralContent, Spacing.p10,
  ],
  classes: 'rounded',
  [
    FooterNav(
      title: 'Services',
      [ Link([text('Branding')], href: '#', style: [Link.hover]), /* ... */ ],
    ),
    // ... more FooterNav components
  ],
)

Footer(
  style: [/*...*/],
  classes: 'rounded',
  [
    FooterAside([
      _acmeLogo(),
      p([text('ACME Industries Ltd.'), br(), text('Providing reliable tech since 1992')]),
    ]),
    // ... FooterNav components
  ],
)

Footer(
  style: [/*...*/],
  [
    // ... FooterNav components
    form([
      FooterTitle([text('Newsletter')]),
      Fieldset(
        style: [Size.w80],
        [
          label([text('Enter your email address')], classes: 'label'),
          Join([
            Input(placeholder: 'username@site.com', style: [Input.bordered]),
            Button([text('Subscribe')], style: [Button.primary]),
          ]),
        ],
      ),
    ]),
  ],
)

Footer(
  style: [/*...*/],
  [
    FooterAside([/* ... */]),
    FooterNav(
      title: 'Social',
      [
        div(
          classes: 'grid grid-flow-col gap-4',
          [ _twitterIcon(), _youtubeIcon(), _facebookIcon() ],
        )
      ],
    ),
  ],
)

Footer(
  style: [Footer.center, Spacing.p4],
  classes: 'bg-base-300 text-base-content rounded',
  [
    FooterAside([
      p([text('Copyright © ${DateTime.now().year} - All right reserved by ACME Industries Ltd')]),
    ]),
  ],
)

Footer(
  style: [Spacing.p4],
  classes: 'bg-neutral text-neutral-content items-center rounded',
  [
    FooterAside(
      classes: '${[Alignment.itemsCenter].toClasses()} grid-flow-col',
      [ /* ... */ ],
    ),
    FooterNav(
      classes: 'grid-flow-col gap-4 md:place-self-center md:justify-self-end',
      [ /* ... social icons */ ],
    ),
  ],
)

Footer(
  style: [/*...*/],
  classes: 'rounded',
  [
    FooterNav(title: 'Services', [/*...*/]),
    FooterNav(title: 'Company', [/*...*/]),
    FooterNav(
      title: 'Social',
      [
        div(
          classes: 'grid grid-flow-col gap-4',
          [ _twitterIcon(), _youtubeIcon(), _facebookIcon() ],
        )
      ],
    ),
  ],
)

Footer(
  style: [Footer.horizontal.at(Breakpoint.sm), /*...*/],
  // Use `classes` for grid utilities not yet in `deepyr`
  classes: 'rounded grid-rows-2',
  [
    // ... six FooterNav components
  ],
)

Footer(
  // Corrected styles to match the specification
  style: [Footer.horizontal, Footer.center, BgUtil.primary, TextUtil.primaryContent, Spacing.p10],
  classes: 'rounded',
  [
    FooterAside(
      style: [Alignment.itemsCenter],
      [
        _acmeLogo(size: 50),
        p(
          classes: [FontUtil.bold].toClasses(),
          [text('ACME Industries Ltd.'), br(), text('Providing reliable tech since 1992')],
        ),
        p([text('Copyright © ${DateTime.now().year} - All right reserved')]),
      ],
    ),
    FooterNav(
      [
        div(
          classes: 'grid grid-flow-col gap-4',
          [_twitterIcon(), _youtubeIcon(), _facebookIcon()],
        )
      ],
    ),
  ],
)

Footer(
  style: [Footer.horizontal, Footer.center, BgUtil.base200, TextUtil.baseContent, Spacing.p10],
  classes: 'rounded',
  [
    FooterNav(
      classes: 'grid grid-flow-col gap-4',
      [ /* ... Links ... */ ],
    ),
    FooterNav(
      [
        div(
          classes: 'grid grid-flow-col gap-4',
          [ _twitterIcon(), _youtubeIcon(), _facebookIcon() ],
        )
      ],
    ),
    FooterAside([
      p([text('Copyright © ${DateTime.now().year} - All right reserved')]),
    ]),
  ],
)

div([
  Footer(
    style: [Footer.horizontal.at(Breakpoint.sm), BgUtil.base200, TextUtil.baseContent, Spacing.p10],
    [ /* ... main footer content ... */ ],
  ),
  Footer(
    style: [Spacing.px10, Spacing.py4, BorderUtil.border, BorderUtil.base300],
    classes: 'bg-base-200 text-base-content',
    [
      FooterAside(
        classes: '${[Alignment.itemsCenter].toClasses()} grid-flow-col',
        [ /* ... aside content ... */ ],
      ),
      FooterNav(
        classes: 'md:place-self-center md:justify-self-end',
        [ /* ... social icons ... */ ],
      ),
    ],
  ),
])