Retro-hero-one.json

{
  "name": "b_SYgl6ww",
  "type": "registry:block",
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "components/retro-hero.tsx",
      "type": "registry:block",
      "content": "'use client'\n\nimport Image from \"next/image\"\nimport Link from \"next/link\"\n\nexport function RetroHeroComponent() {\n  return (\n    \u003Csection className=\"bg-amber-100 overflow-hidden\"\u003E\n      \u003Cdiv className=\"container mx-auto px-4 py-12 md:py-24\"\u003E\n        \u003Cdiv className=\"flex flex-col md:flex-row items-center\"\u003E\n          \u003Cdiv className=\"w-full md:w-1/2 mb-8 md:mb-0\"\u003E\n            \u003Ch1 className=\"text-4xl md:text-6xl font-bold mb-4 text-orange-800 font-serif leading-tight\"\u003E\n              Timeless Stories\n            \u003C/h1\u003E\n            \u003Cp className=\"text-lg md:text-xl mb-6 text-orange-900 font-mono\"\u003E\n              Dive into classic literature and rediscover the joy of reading\n            \u003C/p\u003E\n            \u003Cdiv className=\"space-x-4\"\u003E\n              \u003CLink\n                href=\"#\"\n                className=\"inline-block px-6 py-3 bg-orange-600 text-white font-bold rounded-full hover:bg-orange-700 transition duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-1\"\n              \u003E\n                Explore Books\n              \u003C/Link\u003E\n              \u003CLink\n                href=\"#\"\n                className=\"inline-block px-6 py-3 bg-yellow-500 text-orange-900 font-bold rounded-full hover:bg-yellow-600 transition duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-1\"\n              \u003E\n                Join Book Club\n              \u003C/Link\u003E\n            \u003C/div\u003E\n          \u003C/div\u003E\n          \u003Cdiv className=\"w-full md:w-1/2\"\u003E\n            \u003Cdiv className=\"relative h-80 md:h-[500px] rounded-lg overflow-hidden shadow-2xl transform -rotate-2 hover:rotate-0 transition duration-300\"\u003E\n              \u003CImage\n                src=\"https://images.pexels.com/photos/18148932/pexels-photo-18148932/free-photo-of-woman-reading-book-on-a-bench.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2\"\n                alt=\"Woman reading book on a bench\"\n                layout=\"fill\"\n                objectFit=\"cover\"\n                className=\"rounded-lg\"\n              /\u003E\n              \u003Cdiv className=\"absolute inset-0 bg-orange-900 opacity-20\"\u003E\u003C/div\u003E\n            \u003C/div\u003E\n          \u003C/div\u003E\n        \u003C/div\u003E\n      \u003C/div\u003E\n    \u003C/section\u003E\n  )\n}"
    }
  ],
  "tailwind": {

  },
  "cssVars": {

  },
  "meta": {
    "importSpecifier": "RetroHeroComponent",
    "moduleSpecifier": "@/components/retro-hero"
  }
}