Footer

Product

• Features
• Pricing

Company

• About
• Blog

---
import { Footer } from "@/components/ui/footer"
---

<Footer>
  <div class="flex w-full justify-between gap-4">
    <div>
      <p class="text-sm font-semibold">Product</p>
      <ul class="text-muted-foreground space-y-1 text-sm">
        <li><a href="#">Features</a></li>
        <li><a href="#">Pricing</a></li>
      </ul>
    </div>
    <div>
      <p class="text-sm font-semibold">Company</p>
      <ul class="text-muted-foreground space-y-1 text-sm">
        <li><a href="#">About</a></li>
        <li><a href="#">Blog</a></li>
      </ul>
    </div>
  </div>
</Footer>

Installation

To install the footer component, run the following command:

pnpm dlx shadcn@latest add @fulldev-ui/footer

Usage

import { Footer } from "@/components/ui/footer"

<Footer>Footer content</Footer>