{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "logo-cloud-flipflow",
  "type": "registry:block",
  "title": "Logo Cloud Flipflow",
  "description": "A logo-cloud for AI startups with flipflow animation.",
  "author": "Ahdeetai <https://aditya.is-cool.dev>",
  "registryDependencies": ["@scrollxui/flipflow"],
  "dependencies": [],
  "files": [
    {
      "type": "registry:component",
      "path": "registry/blocks/logo-cloud/logo-cloud-flipflow.tsx",
      "content": "'use client';\n\nimport { motion } from 'motion/react';\nimport { FlipFlow } from '@/components/ui/flipflow';\nimport { cn } from '@/lib/utils';\n\ninterface CardData {\n  name: string;\n}\n\ninterface LogoCloudFlipFlowProps {\n  title?: string;\n  description?: string;\n  data?: CardData[];\n  className?: string;\n}\n\nconst defaultData: CardData[] = [\n  { name: 'Phoenix' },\n  { name: 'Oslo' },\n  { name: 'Theo' },\n  { name: 'Kansas' },\n  { name: 'Cairo' },\n];\n\nexport default function LogoCloudFlipFlow({\n  title = 'Built with technologies trusted by',\n  description = \"ScrollX UI aligns with the ecosystem powering the world's most ambitious products.\",\n  data = defaultData,\n  className,\n}: LogoCloudFlipFlowProps) {\n  const words = title.split(' ');\n\n  return (\n    <section className={cn('relative w-full overflow-hidden py-24', className)}>\n      <div className='mx-auto max-w-6xl px-6'>\n        <h1 className='relative z-10 mx-auto max-w-4xl text-center text-3xl font-bold tracking-tight text-zinc-800 md:text-5xl lg:text-6xl dark:text-zinc-100'>\n          {words.map((word, index) => (\n            <motion.span\n              key={`${word}-${index}`}\n              initial={{ opacity: 0, filter: 'blur(6px)', y: 12 }}\n              whileInView={{ opacity: 1, filter: 'blur(0px)', y: 0 }}\n              viewport={{ once: true }}\n              transition={{\n                duration: 0.4,\n                delay: index * 0.08,\n                ease: 'easeInOut',\n              }}\n              className='mr-2 inline-block'\n            >\n              {word}\n            </motion.span>\n          ))}\n        </h1>\n\n        <motion.p\n          initial={{ opacity: 0 }}\n          whileInView={{ opacity: 1 }}\n          viewport={{ once: true }}\n          transition={{ duration: 0.5, delay: 0.4 }}\n          className='relative z-10 mx-auto mt-6 max-w-2xl text-center text-base text-zinc-500 dark:text-zinc-400 md:text-lg'\n        >\n          {description}\n        </motion.p>\n\n        <motion.div\n          initial={{ opacity: 0, y: 20 }}\n          whileInView={{ opacity: 1, y: 0 }}\n          viewport={{ once: true }}\n          transition={{ duration: 0.5, delay: 0.5 }}\n          className='relative mt-14'\n        >\n          <FlipFlow data={data} />\n        </motion.div>\n      </div>\n    </section>\n  );\n}\n"
    }
  ]
}