{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"footer-01","type":"registry:component","title":"Footer 01","description":"A clean, centered footer design with company branding, newsletter signup, social media links, and navigation. Features responsive design with customizable social links, newsletter integration, and proper accessibility support. Perfect for modern landing pages and marketing sites with professional presentation.","dependencies":["lucide-react"],"registryDependencies":["button","input","separator"],"files":[{"path":"src/registry/blocks/marketing/layout/footers/footer-01.tsx","content":"\"use client\";\n\nimport { Facebook, Instagram, Linkedin, Twitter } from \"lucide-react\";\nimport { Button } from \"@/registry/ui/button\";\nimport { Input } from \"@/registry/ui/input\";\nimport { Separator } from \"@/registry/ui/separator\";\n\nexport function Footer01() {\n  return (\n    <footer className=\"bg-background border-t\">\n      <div className=\"container mx-auto px-4 py-12\">\n        <div className=\"grid grid-cols-1 md:grid-cols-4 gap-8\">\n          {/* Company Info */}\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center space-x-2\">\n              <div className=\"w-8 h-8 bg-gradient-to-r from-blue-600 to-purple-600 rounded-lg flex items-center justify-center\">\n                <span className=\"text-white font-bold text-sm\">A</span>\n              </div>\n              <span className=\"text-xl font-bold text-foreground\">Acme</span>\n            </div>\n            <p className=\"text-muted-foreground text-sm\">\n              Building the future of digital experiences with innovative\n              solutions that empower businesses to grow.\n            </p>\n            <div className=\"flex space-x-4\">\n              <Button variant=\"ghost\" size=\"icon\" className=\"hover:bg-accent\">\n                <Facebook className=\"h-4 w-4\" />\n              </Button>\n              <Button variant=\"ghost\" size=\"icon\" className=\"hover:bg-accent\">\n                <Twitter className=\"h-4 w-4\" />\n              </Button>\n              <Button variant=\"ghost\" size=\"icon\" className=\"hover:bg-accent\">\n                <Instagram className=\"h-4 w-4\" />\n              </Button>\n              <Button variant=\"ghost\" size=\"icon\" className=\"hover:bg-accent\">\n                <Linkedin className=\"h-4 w-4\" />\n              </Button>\n            </div>\n          </div>\n\n          {/* Product Links */}\n          <div className=\"space-y-4\">\n            <h3 className=\"font-semibold text-foreground\">Product</h3>\n            <ul className=\"space-y-2\">\n              <li>\n                <a\n                  href=\"#\"\n                  className=\"text-muted-foreground hover:text-foreground transition-colors text-sm\"\n                >\n                  Features\n                </a>\n              </li>\n              <li>\n                <a\n                  href=\"#\"\n                  className=\"text-muted-foreground hover:text-foreground transition-colors text-sm\"\n                >\n                  Integrations\n                </a>\n              </li>\n              <li>\n                <a\n                  href=\"#\"\n                  className=\"text-muted-foreground hover:text-foreground transition-colors text-sm\"\n                >\n                  Pricing\n                </a>\n              </li>\n              <li>\n                <a\n                  href=\"#\"\n                  className=\"text-muted-foreground hover:text-foreground transition-colors text-sm\"\n                >\n                  Changelog\n                </a>\n              </li>\n              <li>\n                <a\n                  href=\"#\"\n                  className=\"text-muted-foreground hover:text-foreground transition-colors text-sm\"\n                >\n                  Documentation\n                </a>\n              </li>\n            </ul>\n          </div>\n\n          {/* Company Links */}\n          <div className=\"space-y-4\">\n            <h3 className=\"font-semibold text-foreground\">Company</h3>\n            <ul className=\"space-y-2\">\n              <li>\n                <a\n                  href=\"#\"\n                  className=\"text-muted-foreground hover:text-foreground transition-colors text-sm\"\n                >\n                  About Us\n                </a>\n              </li>\n              <li>\n                <a\n                  href=\"#\"\n                  className=\"text-muted-foreground hover:text-foreground transition-colors text-sm\"\n                >\n                  Blog\n                </a>\n              </li>\n              <li>\n                <a\n                  href=\"#\"\n                  className=\"text-muted-foreground hover:text-foreground transition-colors text-sm\"\n                >\n                  Careers\n                </a>\n              </li>\n              <li>\n                <a\n                  href=\"#\"\n                  className=\"text-muted-foreground hover:text-foreground transition-colors text-sm\"\n                >\n                  Press\n                </a>\n              </li>\n              <li>\n                <a\n                  href=\"#\"\n                  className=\"text-muted-foreground hover:text-foreground transition-colors text-sm\"\n                >\n                  Partners\n                </a>\n              </li>\n            </ul>\n          </div>\n\n          {/* Newsletter */}\n          <div className=\"space-y-4\">\n            <h3 className=\"font-semibold text-foreground\">Stay Updated</h3>\n            <p className=\"text-muted-foreground text-sm\">\n              Subscribe to our newsletter for the latest updates and features.\n            </p>\n            <div className=\"flex space-x-2\">\n              <Input\n                type=\"email\"\n                placeholder=\"Enter your email\"\n                className=\"flex-1\"\n              />\n              <Button size=\"sm\">Subscribe</Button>\n            </div>\n          </div>\n        </div>\n\n        <Separator className=\"my-8\" />\n\n        <div className=\"flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0\">\n          <div className=\"text-muted-foreground text-sm\">\n            © 2024 Acme Inc. All rights reserved.\n          </div>\n          <div className=\"flex space-x-6\">\n            <a\n              href=\"#\"\n              className=\"text-muted-foreground hover:text-foreground transition-colors text-sm\"\n            >\n              Privacy Policy\n            </a>\n            <a\n              href=\"#\"\n              className=\"text-muted-foreground hover:text-foreground transition-colors text-sm\"\n            >\n              Terms of Service\n            </a>\n            <a\n              href=\"#\"\n              className=\"text-muted-foreground hover:text-foreground transition-colors text-sm\"\n            >\n              Cookie Policy\n            </a>\n          </div>\n        </div>\n      </div>\n    </footer>\n  );\n}\n","type":"registry:component"},{"path":"src/registry/lib/utils.ts","content":"import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","type":"registry:lib"}]}