function MainComponent() { const camisetasImages = [ { src: 'images/shirt1.png', alt: 'Camiseta personalizada con diseño' }, { src: 'images/shirt2.png', alt: 'Diseño de camiseta a medida' } ]; const vasosImages = [ { src: 'images/tumbler1.png', alt: 'Vaso personalizado con diseño único' }, { src: 'images/tumbler2.png', alt: 'Vaso personalizable con arte' } ]; const articulosRandomImages = [ { src: 'images/item1.png', alt: 'Artículo personalizado con logo único' }, { src: 'images/item2.png', alt: 'Producto de marca con logo creativo' } ]; const logosEmpresaImages = [ { src: 'images/company1.png', alt: 'Logo de empresa pequeña en mercancía' }, { src: 'images/company2.png', alt: 'Logo corporativo en artículo personalizado' } ]; const renderImageList = (images)=>images.map((image, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "w-full sm:w-1/2 md:w-1/3 lg:w-1/4 p-2", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image.src, alt: image.alt, className: "w-full h-auto shadow-lg", __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this }))); return /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-3xl sm:text-4xl lg:text-5xl text-center my-8 text-[#121212] font-crimson-text", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Alma's Creativa"), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-2xl sm:text-3xl mb-4 text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, "Camisetas Personalizadas"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-2", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, renderImageList(camisetasImages))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-2xl sm:text-3xl mb-4 mt-8 text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this }, "Vasos de Moda"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-2", __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }, renderImageList(vasosImages))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-2xl sm:text-3xl mb-4 mt-8 text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }, "Creaciones Variadas"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-2", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }, renderImageList(articulosRandomImages))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-2xl sm:text-3xl mb-4 mt-8 text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 44, columnNumber: 17 }, __self: this }, "Logos para Empresas"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-2", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, renderImageList(logosEmpresaImages)))); }