# Simple Links

> A compact footer with a single row of essential links and a copyright line. Keeps the bottom of a small store clean, tidy, and quick to scan for shoppers.

A shadcn/ui block from the [@shadcn-ui-blocks](https://www.shadcn-ui-blocks.com) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-footers-simple-links).

- Page, with a live preview: https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-footers-simple-links
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/shadcn-ui-blocks/ecommerce-ecommerce-footers-simple-links-light-c5e071c92408ea23.png
- Registry item: https://www.shadcn-ui-blocks.com/r/ecommerce-ecommerce-footers-simple-links.json
- Listed: 2026-10-13, source last changed 2026-10-13

## Install

```bash
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/ecommerce-ecommerce-footers-simple-links.json
```

Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on.

## Files

### `components/blocks/ecommerce/ecommerce-footers/simple-links.tsx`

```tsx
export default function EcommerceFooterSimpleLinks() {
  return (
    <footer className="bg-background border-t">
      <div className="px-4 py-8 md:py-12">
        <div className="container mx-auto flex flex-col items-center justify-between gap-4 sm:flex-row sm:gap-6">
          {/* Brand/Logo */}
          <div className="flex items-center">
            <a
              href="#"
              className="text-foreground hover:text-foreground/80 text-xl font-bold transition-colors"
            >
              StoreName
            </a>
          </div>

          {/* Navigation Links */}
          <nav className="flex flex-wrap items-center justify-center gap-6 sm:gap-8">
            <a
              href="#"
              className="text-muted-foreground hover:text-foreground text-sm font-medium transition-colors"
            >
              Shop
            </a>
            <a
              href="#"
              className="text-muted-foreground hover:text-foreground text-sm font-medium transition-colors"
            >
              About
            </a>
            <a
              href="#"
              className="text-muted-foreground hover:text-foreground text-sm font-medium transition-colors"
            >
              FAQ
            </a>
            <a
              href="#"
              className="text-muted-foreground hover:text-foreground text-sm font-medium transition-colors"
            >
              Contact
            </a>
          </nav>
        </div>
      </div>
    </footer>
  );
}
```