{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"marketing-hero-sections-centred-with-image","type":"registry:block","title":"Centred With Image","files":[{"path":"components/blocks/marketing/hero-sections/centred-with-image.tsx","content":"export default function HeroSectionCentredWithImage() {\n  return (\n    <>\n      {/* Hero */}\n      <div className=\"relative overflow-hidden py-24 lg:py-32\">\n        <div className=\"container mx-auto px-4 md:px-6 2xl:max-w-[1400px]\">\n          <div className=\"mx-auto max-w-2xl text-center\">\n            <h1 className=\"scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl\">\n              Nano-Frontiers: Reshaping Tech\n            </h1>\n            <p className=\"text-muted-foreground mt-3 text-xl\">\n              Nano-computing breaks barriers, unlocking new tech horizons.\n            </p>\n          </div>\n          <div className=\"relative mx-auto mt-10 max-w-5xl\">\n            <img\n              src=\"https://placehold.co/1024x480/jpeg\"\n              className=\"rounded-xl\"\n              alt=\"Image Description\"\n              width={1024}\n              height={480}\n            />\n            <div className=\"from-primary-foreground via-primary-foreground to-background absolute -start-20 bottom-12 -z-[1] h-48 w-48 rounded-lg bg-gradient-to-b p-px\">\n              <div className=\"bg-background/10 h-48 w-48 rounded-lg\" />\n            </div>\n            <div className=\"from-primary-foreground via-primary-foreground to-background absolute -end-20 -top-12 -z-[1] h-48 w-48 rounded-full bg-gradient-to-t p-px\">\n              <div className=\"bg-background/10 h-48 w-48 rounded-full\" />\n            </div>\n          </div>\n        </div>\n      </div>\n      {/* End Hero */}\n    </>\n  );\n}\n","type":"registry:component","target":"components/blocks/marketing/hero-sections/centred-with-image.tsx"}],"description":"A centered hero with a headline, subtext, and CTA above a wide product image. A balanced, classic opener for marketing and SaaS landing pages."}