function MainComponent() { const [products, setProducts] = React.useState([ { id: 1, name: "Leather Sneakers", price: "250", image: "/images/sneakers.jpg" }, { id: 2, name: "Elegant Boots", price: "300", image: "/images/boots.jpg" }, { id: 3, name: "Casual Shoes", price: "150", image: "/images/casual-shoes.jpg" } ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8f9fa] py-5 px-2 md:px-10", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-10", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-3xl text-[#121212]", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "HenderScheme Fashion Line"), /*#__PURE__*/ React.createElement("p", { className: "text-md mt-2 text-[#666]", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "Exclusive Online Collection")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, products.map((product)=>/*#__PURE__*/ React.createElement("div", { key: product.id, className: "bg-white shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: product.image, alt: `${product.name}`, className: "w-full h-60 object-cover", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-xl text-[#121212]", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, product.name), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#666]", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, "$ ", product.price)))))); }