<.dm_page_footer id="page-footer-single-default">
  <:section title="Product">
    <a href="#" class="hover:underline">Features</a>
    <a href="#" class="hover:underline">Pricing</a>
    <a href="#" class="hover:underline">Changelog</a>
  </:section>
  <:section title="Resources">
    <a href="#" class="hover:underline">Documentation</a>
    <a href="#" class="hover:underline">Guides</a>
    <a href="#" class="hover:underline">API Reference</a>
  </:section>
  <:copyright title="Duskmoon UI">
    <p class="text-sm opacity-70">MIT License</p>
  </:copyright>
</.dm_page_footer>

<.dm_page_footer id="page-footer-single-minimal">
  <:copyright>
    <p class="text-sm opacity-70">2024 Duskmoon UI. All rights reserved.</p>
  </:copyright>
</.dm_page_footer>

<.dm_page_footer id="page-footer-single-with-class" class="bg-surface-container">
  <:section title="Company" title_class="text-primary">
    <a href="#" class="hover:underline">About</a>
    <a href="#" class="hover:underline">Blog</a>
  </:section>
  <:section title="Legal" title_class="text-primary">
    <a href="#" class="hover:underline">Privacy</a>
    <a href="#" class="hover:underline">Terms</a>
  </:section>
  <:copyright title="Built with Phoenix">
    <p class="text-xs opacity-60">Powered by Elixir</p>
  </:copyright>
</.dm_page_footer>

<.dm_page_footer id="page-footer-single-with-label" label="Site footer navigation">
  <:section title="Help">
    <a href="#" class="hover:underline">FAQ</a>
    <a href="#" class="hover:underline">Support</a>
  </:section>
  <:copyright>
    <p class="text-sm opacity-70">Inspect element to see aria-label on footer</p>
  </:copyright>
</.dm_page_footer>

<.dm_page_footer id="page-footer-single-multi-section">
  <:section title="Product" body_class="gap-1">
    <a href="#" class="hover:underline text-sm">Features</a>
    <a href="#" class="hover:underline text-sm">Pricing</a>
    <a href="#" class="hover:underline text-sm">Integrations</a>
    <a href="#" class="hover:underline text-sm">Enterprise</a>
  </:section>
  <:section title="Developers" body_class="gap-1">
    <a href="#" class="hover:underline text-sm">Documentation</a>
    <a href="#" class="hover:underline text-sm">API Reference</a>
    <a href="#" class="hover:underline text-sm">SDKs</a>
  </:section>
  <:section title="Company" body_class="gap-1">
    <a href="#" class="hover:underline text-sm">About</a>
    <a href="#" class="hover:underline text-sm">Blog</a>
    <a href="#" class="hover:underline text-sm">Careers</a>
  </:section>
  <:copyright title="Duskmoon UI" title_class="text-lg font-bold">
    <p class="text-xs opacity-60">2026 All rights reserved. MIT License.</p>
  </:copyright>
</.dm_page_footer>