{
  "$schema": "https://www.cooki-ui.design/schema/registry-item.json",
  "name": "light-pillar-beacon",
  "type": "registry:ui",
  "title": "Volumetric Light Pillar Beacon",
  "description": "Cinematic vertical atmospheric light column with ascending stardust motes and soft radial ground emitter.",
  "category": "effects",
  "dependencies": [
    "framer-motion"
  ],
  "files": [
    {
      "path": "registry/effects/light-pillar-beacon/light-pillar-beacon.tsx",
      "type": "registry:ui",
      "target": "components/ui/light-pillar-beacon.tsx",
      "content": "import React from 'react';\nimport { motion } from 'framer-motion';\n\nexport const LightPillarBeacon: React.FC = () => {\n  return (\n    <div className=\"relative w-full h-64 rounded-2xl bg-zinc-950 border border-white/10 flex flex-col items-center justify-end overflow-hidden p-4 select-none\">\n      {/* Light Pillar Beam */}\n      <div\n        className=\"absolute bottom-0 w-32 h-full opacity-60 pointer-events-none\"\n        style={{\n          background: 'linear-gradient(to top, rgba(99, 102, 241, 0.8) 0%, rgba(56, 189, 248, 0.4) 40%, transparent 100%)',\n          filter: 'blur(20px)',\n        }}\n      />\n\n      {/* Floating Ascending Motes */}\n      {Array.from({ length: 8 }).map((_, i) => (\n        <motion.div\n          key={i}\n          animate={{\n            y: [-20, -180],\n            opacity: [0, 1, 0],\n            x: [(i % 2 === 0 ? -15 : 15), (i % 2 === 0 ? 15 : -15)],\n          }}\n          transition={{\n            duration: 2.5 + i * 0.3,\n            repeat: Infinity,\n            delay: i * 0.4,\n            ease: 'easeOut',\n          }}\n          className=\"absolute bottom-6 w-1.5 h-1.5 rounded-full bg-cyan-300 shadow-[0_0_8px_#38bdf8]\"\n        />\n      ))}\n\n      {/* Base Pedestal Emitter */}\n      <div className=\"relative z-10 w-28 h-5 rounded-full bg-gradient-to-r from-indigo-500 via-cyan-400 to-indigo-500 shadow-[0_0_24px_rgba(99,102,241,0.9)] flex items-center justify-center\">\n        <div className=\"w-16 h-1 rounded-full bg-white shadow\" />\n      </div>\n\n      <span className=\"relative z-10 text-[10px] font-mono text-zinc-400 mt-3 tracking-widest uppercase\">\n        VOLUMETRIC FLUX BEACON\n      </span>\n    </div>\n  );\n};\n"
    }
  ]
}