{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "footer23",
  "title": "Social Media Showcase Footer",
  "description": "Centered footer with prominent heading, large circular social media icon buttons, and minimal navigation. Perfect for creators and influencers driving social engagement.",
  "dependencies": [
    "clsx",
    "tailwind-merge",
    "lucide-react"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/footer23/footer23.tsx",
      "content": "\"use client\";\n\nimport {\n  Facebook,\n  Github,\n  Instagram,\n  Linkedin,\n  Twitter,\n  Youtube,\n} from \"lucide-react\";\nimport Link from \"next/link\";\nimport { cn } from \"@/lib/utils\";\n\ninterface SocialLink {\n  icon:\n    | \"twitter\"\n    | \"github\"\n    | \"linkedin\"\n    | \"facebook\"\n    | \"instagram\"\n    | \"youtube\";\n  href?: string;\n  label?: string;\n}\n\ninterface NavLink {\n  label: string;\n  href?: string;\n}\n\ninterface Footer23Props {\n  logo?: {\n    text?: string;\n    href?: string;\n  };\n  heading?: string;\n  description?: string;\n  socialLinks?: SocialLink[];\n  links?: NavLink[];\n  copyright?: string;\n  className?: string;\n}\n\nconst socialIcons = {\n  twitter: Twitter,\n  github: Github,\n  linkedin: Linkedin,\n  facebook: Facebook,\n  instagram: Instagram,\n  youtube: Youtube,\n};\n\nexport const footer23Demo: Footer23Props = {\n  logo: {\n    text: \"Beste Inc.\",\n    href: \"https://beste.co\",\n  },\n  heading: \"Follow us on social media\",\n  description: \"Stay connected and get the latest updates\",\n  socialLinks: [\n    { icon: \"twitter\", href: \"https://beste.co\", label: \"Twitter\" },\n    { icon: \"facebook\", href: \"https://beste.co\", label: \"Facebook\" },\n    { icon: \"instagram\", href: \"https://beste.co\", label: \"Instagram\" },\n    { icon: \"linkedin\", href: \"https://beste.co\", label: \"LinkedIn\" },\n    { icon: \"youtube\", href: \"https://beste.co\", label: \"YouTube\" },\n    { icon: \"github\", href: \"https://beste.co\", label: \"GitHub\" },\n  ],\n  links: [\n    { label: \"About\", href: \"https://beste.co\" },\n    { label: \"Contact\", href: \"https://beste.co\" },\n    { label: \"Privacy\", href: \"https://beste.co\" },\n    { label: \"Terms\", href: \"https://beste.co\" },\n  ],\n  copyright: \"© 2026 Beste Inc. All rights reserved.\",\n};\n\nexport function Footer23({\n  logo,\n  heading,\n  description,\n  socialLinks = [],\n  links = [],\n  copyright,\n  className,\n}: Footer23Props) {\n  return (\n    <footer className={cn(\"py-16 md:py-24\", className)}>\n      <div className=\"mx-auto max-w-6xl px-4 md:px-6\">\n        <div className=\"flex flex-col items-center text-center\">\n          {logo?.text && (\n            <Link\n              href={logo.href ?? \"#\"}\n              className=\"text-xl font-bold tracking-tight\"\n            >\n              {logo.text}\n            </Link>\n          )}\n          {heading && (\n            <h2 className=\"mt-8 text-xl font-semibold md:text-2xl\">\n              {heading}\n            </h2>\n          )}\n          {description && (\n            <p className=\"mt-2 text-muted-foreground\">{description}</p>\n          )}\n          {socialLinks.length > 0 && (\n            <div className=\"mt-8 flex flex-wrap justify-center gap-3\">\n              {socialLinks.map((social, index) => {\n                const Icon = socialIcons[social.icon];\n                return (\n                  <Link\n                    key={index}\n                    href={social.href ?? \"#\"}\n                    className=\"flex size-12 items-center justify-center rounded-full border bg-card text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n                    aria-label={social.label}\n                  >\n                    <Icon className=\"size-5\" />\n                  </Link>\n                );\n              })}\n            </div>\n          )}\n          {links.length > 0 && (\n            <nav className=\"mt-12 flex flex-wrap justify-center gap-4 md:gap-6\">\n              {links.map((link, index) => (\n                <Link\n                  key={index}\n                  href={link.href ?? \"#\"}\n                  className=\"text-sm text-muted-foreground transition-colors hover:text-foreground\"\n                >\n                  {link.label}\n                </Link>\n              ))}\n            </nav>\n          )}\n          {copyright && (\n            <p className=\"mt-8 text-sm text-muted-foreground\">{copyright}</p>\n          )}\n        </div>\n      </div>\n    </footer>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/beste/block/footer23.tsx"
    }
  ],
  "type": "registry:block"
}