Timeline Data - Copy this React, Tailwind Component to your project

import-Image-from-"next/image";-import-React-from-"react";-import-{-Timeline-}-from-"@/app/components/ui/timeline";-import-{-HoverBorderGradientButton-}-from-"@/app/components/atom/button";-import-{-inventoryDashboard,-iot2,-robotics1,-robotics2-}-from-"@/app/images";-import-logo-from-"@/app/images/vsay-logo.png";-export-function-ProductDetails()-{-const-data-=-[-{-title:-"Inventory-Management-System",-content:-(-<div>-<p-className="text-neutral-800-dark:text-neutral-200-text-lg-md:text-base-font-normal-mb-8">-Our-Inventory-Management-System-helps-businesses-streamline-stock-management,-reduce-inefficiencies,-and-ensure-product-availability.-Designed-for-various-industries,-our-system-ensures-real-time-stock-tracking-and-seamless-order-management.-</p>-<p-className="text-neutral-800-dark:text-neutral-200-text-lg-md:text-base-font-normal-mb-8">-Key-features-include-automated-stock-updates,-low-stock-alerts,-detailed-reporting,-and-integration-with-your-existing-systems.-Whether-managing-a-small-warehouse-or-a-large-supply-chain,-our-tools-enhance-operational-efficiency-and-drive-better-decision-making.-</p>-<div-className="grid-grid-cols-2-gap-4">-<Image-src={inventoryDashboard}-alt="Inventory-Dashboard"-width={500}-height={600}-className="rounded-lg-object-cover-h-20-md:h-44-lg:h-60-w-full-shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]"-/>-{/*-Add-more-images-or-elements-as-needed-*/}-</div>-<HoverBorderGradientButton-text="Explore-More!"-url="https://inventory.vsay.live/"-logo={logo.src}-/>-</div>-),-},-//-Other-data-sections-here-];-return-(-<div-className="w-full">-<Timeline-data={data}-/>-</div>-);-}-generate-a-better-code-for-the-above-code