{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "footers",
  "type": "registry:component",
  "title": "Footers",
  "author": "Toby Belhome",
  "description": "Create polished, functional Tailwind CSS footer sections that organize links, contact info, and calls-to-action elegantly. These layouts provide clear navigation, brand reinforcement, and subtle visual hierarchy. Ideal for websites, SaaS platforms, and marketing sites seeking a modern, responsive, and user-friendly footer experience.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "separator"
  ],
  "files": [
    {
      "path": "examples/blocks/marketing/footers/01/page.tsx",
      "content": "import { Dumbbell, SendIcon } from \"lucide-react\";\nimport Link from \"next/link\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput\n} from \"@/components/ui/input-group\";\nimport { Separator } from \"@/components/ui/separator\";\n\nconst Logo = () => {\n  return (\n    <Link href=\"#\" className=\"flex items-center space-x-2\">\n      <img src=\"/logo.svg\" className=\"size-8 dark:invert\" alt=\"bundui logo\" />\n      <span className=\"text-2xl font-bold\">Bundui</span>\n    </Link>\n  );\n};\n\nexport default function FooterSection() {\n  return (\n    <footer className=\"py-12\">\n      <div className=\"container mx-auto space-y-6 px-4\">\n        <div className=\"grid gap-8 md:grid-cols-4\">\n          <div className=\"space-y-4\">\n            <Logo />\n            <p className=\"text-muted-foreground text-sm\">\n              Transform your body, transform your life. Join the FitCore family today.\n            </p>\n          </div>\n          <div className=\"space-y-4\">\n            <h3 className=\"text-lg font-semibold\">Programs</h3>\n            <ul className=\"[&_li_a]:text-muted-foreground [&_li_a]:hover:text-foreground space-y-2 [&_li_a]:block [&_li_a]:text-sm [&_li_a]:transition-colors [&_li_a]:hover:underline\">\n              <li>\n                <Link href=\"/programs\">Strength Training</Link>\n              </li>\n              <li>\n                <Link href=\"/programs\">HIIT Classes</Link>\n              </li>\n              <li>\n                <Link href=\"/programs\">Yoga & Wellness</Link>\n              </li>\n              <li>\n                <Link href=\"/programs\">Personal Training</Link>\n              </li>\n            </ul>\n          </div>\n          <div className=\"space-y-4\">\n            <h3 className=\"text-lg font-semibold\">Company</h3>\n            <ul className=\"[&_li_a]:text-muted-foreground [&_li_a]:hover:text-foreground space-y-2 [&_li_a]:block [&_li_a]:text-sm [&_li_a]:transition-colors [&_li_a]:hover:underline\">\n              <li>\n                <Link href=\"/about\">About Us</Link>\n              </li>\n              <li>\n                <Link href=\"/trainers\">Our Trainers</Link>\n              </li>\n              <li>\n                <Link href=\"/membership\">Membership</Link>\n              </li>\n              <li>\n                <Link href=\"/contact\">Contact</Link>\n              </li>\n            </ul>\n          </div>\n          <div className=\"space-y-4\">\n            <h3 className=\"text-lg font-semibold\">Newsletter</h3>\n            <p className=\"text-muted-foreground text-sm\">\n              Stay updated with fitness tips and offers.\n            </p>\n            <div className=\"flex space-x-2\">\n              <InputGroup>\n                <InputGroupInput type=\"email\" placeholder=\"Your email\" />\n                <InputGroupAddon align=\"inline-end\">\n                  <InputGroupButton variant=\"secondary\">\n                    <span className=\"hidden lg:inline\">Subscribe</span>\n                    <SendIcon className=\"inline lg:hidden\" />\n                  </InputGroupButton>\n                </InputGroupAddon>\n              </InputGroup>\n            </div>\n          </div>\n        </div>\n        <Separator className=\"lg:mt-10\" />\n        <div className=\"text-muted-foreground text-center\">\n          <div className=\"text-xs\">\n            &copy; {new Date().getFullYear()} Bundui. All rights reserved.\n          </div>\n        </div>\n      </div>\n    </footer>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/footers.tsx"
    }
  ],
  "meta": {
    "isPro": true
  }
}