{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"portfolio-portfolio-awards-and-recognition-badge-or-icon-grid","type":"registry:block","title":"Badge Or Icon Grid","files":[{"path":"components/blocks/portfolio/portfolio-awards-and-recognition/badge-or-icon-grid.tsx","content":"export default function AwardsAndRecognitionBadgeGrid() {\n  const awards = [\n    {\n      name: 'Webby Award 2023',\n      category: 'Excellence in Interactive Design',\n      logo: 'https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=2264&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',\n      link: '#',\n    },\n    {\n      name: 'CSS Design Award',\n      category: 'Website of the Month',\n      logo: 'https://images.unsplash.com/photo-1569012871812-f38ee64cd54c?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',\n      link: '#',\n    },\n    {\n      name: 'Adobe Design Achievement',\n      category: 'Digital Experience Design',\n      logo: 'https://images.unsplash.com/photo-1621839673705-6617adf9e890?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',\n      link: '#',\n    },\n    {\n      name: 'FWA Award',\n      category: 'Innovative Digital Experience',\n      logo: 'https://images.unsplash.com/photo-1567427361984-0cbe7396fc6c?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',\n      link: '#',\n    },\n    {\n      name: 'UX Design Award',\n      category: 'Best Navigation Experience',\n      logo: 'https://images.unsplash.com/photo-1567427361984-0cbe7396fc6c?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',\n      link: '#',\n    },\n    {\n      name: 'Google Certified Partner',\n      category: 'Analytics Professional',\n      logo: 'https://images.unsplash.com/photo-1563986768711-b3bde3dc821e?q=80&w=1918&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',\n      link: '#',\n    },\n    {\n      name: 'HubSpot Certification',\n      category: 'Inbound Marketing Expert',\n      logo: 'https://images.unsplash.com/photo-1558403194-611308249627?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',\n      link: '#',\n    },\n    {\n      name: 'Shopify Partner',\n      category: 'E-commerce Specialist',\n      logo: 'https://images.unsplash.com/photo-1600880292089-90a7e086ee0c?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',\n      link: '#',\n    },\n  ];\n\n  return (\n    <section className=\"py-16 md:py-24\">\n      <div className=\"container mx-auto px-4 md:px-6 2xl:max-w-[1400px]\">\n        {/* Header */}\n        <div className=\"mb-16 text-center\">\n          <h2 className=\"mb-4 text-3xl font-bold tracking-tight sm:text-4xl md:text-5xl\">\n            Awards & Achievements\n          </h2>\n          <p className=\"text-muted-foreground mx-auto max-w-3xl text-lg\">\n            Recognition from industry leaders and professional certifications\n            that validate my expertise.\n          </p>\n        </div>\n\n        {/* Badges Grid */}\n        <div className=\"grid gap-6 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4\">\n          {awards.map((award, index) => (\n            <a key={index} href={award.link} className=\"group flex\">\n              <div className=\"bg-card flex grow flex-col items-center rounded-lg border p-6 text-center shadow-sm transition-all hover:shadow-md\">\n                <div className=\"border-background relative mb-4 h-20 w-20 overflow-hidden rounded-full border-4\">\n                  <img\n                    src={award.logo}\n                    alt={award.name}\n                    className=\"object-cover transition-transform group-hover:scale-105\"\n                  />\n                </div>\n                <h3 className=\"mb-1 text-lg font-semibold\">{award.name}</h3>\n                <p className=\"text-muted-foreground text-sm\">\n                  {award.category}\n                </p>\n              </div>\n            </a>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n","type":"registry:component","target":"components/blocks/portfolio/portfolio-awards-and-recognition/badge-or-icon-grid.tsx"}],"description":"A responsive grid of award badges or icons with short captions. Displays many certifications and honors at a glance on a portfolio about page."}