{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glassmorphism-hero-block-baseui",
  "type": "registry:block",
  "title": "Glassmorphism Hero",
  "description": "Modern hero section with glassmorphism effects, animated background orbs, and CTA buttons (Base UI)",
  "registryDependencies": [
    "button"
  ],
  "dependencies": [
    "framer-motion",
    "react"
  ],
  "files": [
    {
      "path": "@uitripled/react-baseui/src/components/sections/glassmorphism-hero-block-baseui.tsx",
      "content": "\"use client\";\n\nimport { Button } from \"@base-ui/react/button\";\nimport { ArrowRight, Sparkles } from \"lucide-react\";\n\nexport function GlassmorphismHeroBlockBaseui() {\n  return (\n    <section className=\"relative flex min-h-screen items-center justify-center overflow-hidden px-6 py-32\">\n      {/* Animated background gradient orbs */}\n      <div className=\"absolute inset-0 -z-10\">\n        <div className=\"absolute left-1/4 top-1/4 h-[600px] w-[600px] animate-pulse rounded-full bg-foreground/[0.03] blur-3xl\" />\n        <div\n          className=\"absolute bottom-1/4 right-1/4 h-[600px] w-[600px] animate-pulse rounded-full bg-foreground/[0.03] blur-3xl\"\n          style={{ animationDelay: \"1s\" }}\n        />\n      </div>\n\n      <div className=\"mx-auto max-w-7xl space-y-10 text-center\">\n        <div className=\"inline-flex items-center gap-2 rounded-full border border-border/50 bg-background/50 px-4 py-1.5 text-sm font-medium text-foreground/70 backdrop-blur-xl transition-all duration-300 hover:border-border\">\n          <Sparkles className=\"h-3.5 w-3.5\" />\n          <span>Introducing our new platform</span>\n        </div>\n\n        <h1 className=\"text-6xl font-bold leading-[0.9] tracking-tight md:text-8xl lg:text-9xl\">\n          <span className=\"block\">Build amazing</span>\n          <span className=\"mt-4 block\">products</span>\n        </h1>\n\n        <p className=\"mx-auto max-w-2xl text-lg leading-relaxed text-muted-foreground md:text-xl\">\n          The complete platform for building modern applications. Fast, secure,\n          and scalable by default.\n        </p>\n\n        <div className=\"flex flex-col justify-center gap-4 pt-8 sm:flex-row\">\n          <Button className=\"group inline-flex h-12 items-center justify-center rounded-full bg-primary px-8 text-base font-medium text-primary-foreground ring-offset-background transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\">\n            Get Started\n            <ArrowRight className=\"ml-2 h-4 w-4 transition-transform group-hover:translate-x-1\" />\n          </Button>\n          <Button className=\"inline-flex h-12 items-center justify-center rounded-full border border-input bg-background px-8 text-base font-medium ring-offset-background transition-colors hover:bg-foreground/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\">\n            View Demo\n          </Button>\n        </div>\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:block",
      "target": "components/uitripled/glassmorphism-hero-block-baseui.tsx"
    }
  ]
}