{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "feed-timeline-with-images",
  "type": "registry:component",
  "title": "Feed Timeline With Images",
  "description": "Feed Timeline With Images",
  "files": [
    {
      "path": "registry/ui-basic/FeedTimelineWithImages.tsx",
      "content": "import React from \"react\";\r\n\r\nexport default function FeedTimelineWithImages() {\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{/*<!-- Component: Alternative changelog feed with images --> */}\r\n\t\t\t<ul\r\n\t\t\t\taria-label=\"Alternative changelog feed with images\"\r\n\t\t\t\trole=\"feed\"\r\n\t\t\t\tclassName=\"relative flex flex-col gap-12 py-12 pl-6 before:absolute before:left-6 before:top-0 before:h-full before:-translate-x-1/2 before:border before:border-dashed before:border-slate-200 after:absolute after:bottom-6 after:left-6 after:top-6 after:-translate-x-1/2 after:border after:border-slate-200 lg:pl-0 lg:before:left-34 lg:after:left-34\"\r\n\t\t\t>\r\n\t\t\t\t<li\r\n\t\t\t\t\trole=\"article\"\r\n\t\t\t\t\tclassName=\"relative pl-6 before:absolute before:left-0 before:top-2 before:z-10 before:h-2 before:w-2 before:-translate-x-1/2 before:rounded-full before:bg-emerald-500 before:ring-2 before:ring-white lg:flex lg:gap-12 lg:pl-0 lg:before:left-34\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<h4 className=\"hidden text-lg font-medium leading-7 text-slate-500 lg:block lg:w-28 lg:text-right\">\r\n\t\t\t\t\t\t2023-07-15\r\n\t\t\t\t\t</h4>\r\n\t\t\t\t\t<div className=\"flex flex-1 flex-col gap-4\">\r\n\t\t\t\t\t\t<h3 className=\"text-lg font-medium leading-7 text-emerald-500\">\r\n\t\t\t\t\t\t\tv2.1.0: UI Overhaul{\" \"}\r\n\t\t\t\t\t\t\t<span className=\"font-normal text-slate-500 lg:hidden\">\r\n\t\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t\t- 2023-07-15\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t<div className=\"overflow-hidden rounded border border-slate-100 bg-slate-50\">\r\n\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\tsrc=\"https://Tailwindmix.b-cdn.net/feeds/changelog_feed-variation-image-01.png\"\r\n\t\t\t\t\t\t\t\talt=\"Changelog image\"\r\n\t\t\t\t\t\t\t\twidth=\"1000\"\r\n\t\t\t\t\t\t\t\theight=\"500\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<p className=\"text-slate-500\">\r\n\t\t\t\t\t\t\tThis release brings a fresh, modern design to our\r\n\t\t\t\t\t\t\tcomponents, improving aesthetics and usability. New\r\n\t\t\t\t\t\t\tanimations and interactions make the experience more\r\n\t\t\t\t\t\t\tengaging.\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t<ul className=\"list-disc pl-5 text-slate-500 marker:text-emerald-500\">\r\n\t\t\t\t\t\t\t<li>Revamped layout for greater flexibility</li>\r\n\t\t\t\t\t\t\t<li>New animations for interactive elements</li>\r\n\t\t\t\t\t\t\t<li>Updated color schemes for better contrast</li>\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</li>\r\n\t\t\t\t<li\r\n\t\t\t\t\trole=\"article\"\r\n\t\t\t\t\tclassName=\"relative pl-6 before:absolute before:left-0 before:top-2 before:z-10 before:h-2 before:w-2 before:-translate-x-1/2 before:rounded-full before:bg-emerald-500 before:ring-2 before:ring-white lg:flex lg:gap-12 lg:pl-0 lg:before:left-34\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<h4 className=\"hidden text-lg font-medium leading-7 text-slate-500 lg:block lg:w-28 lg:text-right\">\r\n\t\t\t\t\t\t2023-06-01\r\n\t\t\t\t\t</h4>\r\n\t\t\t\t\t<div className=\"flex flex-1 flex-col gap-4\">\r\n\t\t\t\t\t\t<h3 className=\"text-lg font-medium leading-7 text-emerald-500\">\r\n\t\t\t\t\t\t\tv2.0.2: Minor Updates{\" \"}\r\n\t\t\t\t\t\t\t<span className=\"font-normal text-slate-500 lg:hidden\">\r\n\t\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t\t- 2023-06-01\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t<p className=\"text-slate-500\">\r\n\t\t\t\t\t\t\tThis minor update addresses small UI tweaks and bug fixes\r\n\t\t\t\t\t\t\tto improve the user experience.\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t<ul className=\"list-disc pl-5 text-slate-500 marker:text-emerald-500\">\r\n\t\t\t\t\t\t\t<li>Fixed alignment issues on mobile</li>\r\n\t\t\t\t\t\t\t<li>Improved font rendering for better readability</li>\r\n\t\t\t\t\t\t\t<li>Enhanced button styles for accessibility</li>\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</li>\r\n\t\t\t\t<li\r\n\t\t\t\t\trole=\"article\"\r\n\t\t\t\t\tclassName=\"relative pl-6 before:absolute before:left-0 before:top-2 before:z-10 before:h-2 before:w-2 before:-translate-x-1/2 before:rounded-full before:bg-emerald-500 before:ring-2 before:ring-white lg:flex lg:gap-12 lg:pl-0 lg:before:left-34\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<h4 className=\"hidden text-lg font-medium leading-7 text-slate-500 lg:block lg:w-28 lg:text-right\">\r\n\t\t\t\t\t\t2023-06-25\r\n\t\t\t\t\t</h4>\r\n\t\t\t\t\t<div className=\"flex flex-1 flex-col gap-4\">\r\n\t\t\t\t\t\t<h3 className=\"text-lg font-medium leading-7 text-emerald-500\">\r\n\t\t\t\t\t\t\tv2.0.5: Performance Enhancements{\" \"}\r\n\t\t\t\t\t\t\t<span className=\"font-normal text-slate-500 lg:hidden\">\r\n\t\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t\t- 2023-06-25\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t<div className=\"overflow-hidden rounded border border-slate-100 bg-slate-50\">\r\n\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\tsrc=\"https://Tailwindmix.b-cdn.net/feeds/changelog_feed-variation-image-02.png\"\r\n\t\t\t\t\t\t\t\talt=\"Changelog image\"\r\n\t\t\t\t\t\t\t\twidth=\"1000\"\r\n\t\t\t\t\t\t\t\theight=\"500\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<p className=\"text-slate-500\">\r\n\t\t\t\t\t\t\tWe've streamlined our codebase and optimized loading times,\r\n\t\t\t\t\t\t\tensuring smoother performance across devices. This update\r\n\t\t\t\t\t\t\talso brings several minor bug fixes.\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t<ul className=\"list-disc pl-5 text-slate-500 marker:text-emerald-500\">\r\n\t\t\t\t\t\t\t<li>Reduced load time by 25%</li>\r\n\t\t\t\t\t\t\t<li>Improved rendering speed for mobile devices</li>\r\n\t\t\t\t\t\t\t<li>Fixed minor UI bugs</li>\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</li>\r\n\t\t\t</ul>\r\n\t\t\t{/*<!-- End Alternative changelog feed with images --> */}\r\n\t\t</>\r\n\t);\r\n}\r\n",
      "type": "registry:ui"
    }
  ]
}