Compact directory footer

A multi-column sitemap and directory footer block organizing product navigation, brand identity, and legal links. Useful in modern web apps and SaaS landing pages to provide clean structured bottom navigation.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Compact directory footer to your project and fits it to your theme.

"use client";

import React from "react";
import CompactDirectoryFooter from "@/components/ui/compact-directory-footer";

export default function Demo() {
  return (
    <div className="w-full bg-background min-h-[460px] flex items-center justify-center p-4 sm:p-6">
      <CompactDirectoryFooter />
    </div>
  );
}