{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "footer1",
  "title": "Footer Exemple 1",
  "description": "",
  "dependencies": [
    "framer-motion",
    "lucide-react"
  ],
  "files": [
    {
      "path": "registry/default/blocks/Footer/footer1.tsx",
      "content": "\"use client\";\n\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport {\n    FaXTwitter,    // X\n    FaInstagram,   // Instagram\n    FaLinkedin,    // LinkedIn\n    FaGithub,      // GitHub\n    FaYoutube,     // YouTube\n    FaThreads,     // Threads\n    FaWhatsapp     // WhatsApp\n} from \"react-icons/fa6\";\n\nconst FOOTER_PRODUCT = [\n    { label: \"Blocks\",     href: \"/blocks\" },\n    { label: \"Templates\",  href: \"/templates\" },\n    { label: \"Pricing\",    href: \"/pricing\" },\n    { label: \"Docs\",       href: \"/docs\" },\n    { label: \"Changelog\",  href: \"/changelog\" },\n];\n\nconst FOOTER_MORE  = [\n    { label: \"FAQ\", href: \"/#faq\" },\n    { label: \"Login\", href: \"/login\" }\n];\n\nconst FOOTER_LEGAL = [\n    { label: \"License\", href: \"/license\" },\n    { label: \"Privacy\", href: \"/privacy\" },\n    { label: \"Terms\",   href: \"/terms\" },\n    { label: \"Contact\", href: \"mailto:anelka.bag@gmail.com\" },\n];\n\nconst SOCIAL_LINKS = [\n    {\n        label: \"X\",\n        href: \"https://x.com/anelkabag\",\n        Icon: FaXTwitter,\n    },\n    {\n        label: \"Instagram\",\n        href: \"https://instagram.com/anelka.bag\",\n        Icon: FaInstagram,\n    },\n    {\n        label: \"LinkedIn\",\n        href: \"https://linkedin.com/in/anelkabag\",\n        Icon: FaLinkedin,\n    },\n    {\n        label: \"GitHub\",\n        href: \"https://github.com/anelkabag\",\n        Icon: FaGithub,\n    },\n    {\n        label: \"YouTube\",\n        href: \"https://youtube.com/@anelkabag\",\n        Icon: FaYoutube,\n    },\n    {\n        label: \"Threads\",\n        href: \"https://www.threads.com/@anelka.bag\",\n        Icon: FaThreads,\n    },\n    {\n        label: \"WhatsApp\",\n        href: \"https://whatsapp.com/channel/0029Vb7dYvr3mFYBKj9Dew25\",\n        Icon: FaWhatsapp,\n    },\n];\n\nexport function Footer1() {\n    return (\n        <footer className=\"border-t border-gray-100 mt-24 py-16 px-6\">\n            <div className=\"max-w-7xl mx-auto px-6 pt-10s\">\n                <div className=\"grid grid-cols-2 md:grid-cols-4 gap-10 mb-14\">\n                    <div className=\"col-span-2 md:col-span-1\">\n                        <div className=\"flex items-center gap-2 mb-3\">\n                            <Image src=\"/logo.png\" alt=\"BagUI\" width={16} height={16} />\n                            <span className=\"text-black font-semibold text-sm\">Bag\\Ui</span>\n                        </div>\n                        <p className=\"text-gray-400 text-xs leading-relaxed max-w-[180px]\">\n                            Spend less time building UI from scratch. Ship faster with Bag/UI.\n                        </p>\n                    </div>\n                    <div>\n                        <p className=\"text-gray-400 text-xs font-semibold uppercase tracking-widest mb-4\">Product</p>\n                        <ul className=\"space-y-2.5\">\n                            {FOOTER_PRODUCT.map((l) => (\n                                <li key={l.label}>\n                                    <Link href={l.href} className=\"text-gray-500 hover:text-black text-sm transition-colors\">\n                                        {l.label}\n                                    </Link>\n                                </li>\n                            ))}\n                        </ul>\n                    </div>\n                    <div>\n                        <p className=\"text-gray-400 text-xs font-semibold uppercase tracking-widest mb-4\">More</p>\n                        <ul className=\"space-y-2.5\">\n                            {FOOTER_MORE.map((l) => (\n                                <li key={l.label}>\n                                    <Link href={l.href} className=\"text-gray-500 hover:text-black text-sm transition-colors\">\n                                        {l.label}\n                                    </Link>\n                                </li>\n                            ))}\n                        </ul>\n                    </div>\n                    <div>\n                        <p className=\"text-gray-400 text-xs font-semibold uppercase tracking-widest mb-4\">Legal</p>\n                        <ul className=\"space-y-2.5\">\n                            {FOOTER_LEGAL.map((l) => (\n                                <li key={l.label}>\n                                    <Link href={l.href} className=\"text-gray-500 hover:text-black text-sm transition-colors\">\n                                        {l.label}\n                                    </Link>\n                                </li>\n                            ))}\n                        </ul>\n                    </div>\n                </div>\n                <div className=\"flex flex-col md:flex-row items-start md:items-center justify-between gap-6 pt-8 border-t border-gray-100\">\n                    <p className=\"text-gray-400 text-xs\">\n                        © {new Date().getFullYear()} Bag/UI - is not officially affiliated with shadcn/ui or Tailwind CSS. Built by{\" \"}\n                        <a\n                            href=\"https://www.anelka.life/\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            className=\"text-[13px] text-gray-400 hover:text-black transition-colors underline underline-offset-4\"\n                        >\n                            Anelka Bag\n                        </a>\n                    </p>\n                    <div className=\"flex items-center gap-2 flex-wrap\">\n                        {SOCIAL_LINKS.map(({ label, href, Icon }) => (\n                            <a\n                                key={label}\n                                href={href}\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                title={label}\n                                className=\"w-9 h-9 flex items-center justify-center text-gray-400 hover:text-black  transition-all duration-200\"\n                            >\n                                <Icon size={18} />\n                            </a>\n                        ))}\n                    </div>\n                </div>\n            </div>\n        </footer>\n    );\n}",
      "type": "registry:block",
      "target": "components/Footer1.tsx"
    }
  ],
  "type": "registry:block"
}