function MainComponent() { const galleryItems = [ { src: "/uploads/model_beach_boat.jpg", alt: "Swimsuit model posing on the beach by a blue boat", type: "Picture", price: "25.00" }, { src: "/uploads/model_selfie_mirror.jpg", alt: "Swimsuit model taking a mirror selfie", type: "Picture", price: "22.00" }, { src: "/uploads/model_boat_sunglasses.jpg", alt: "Swimsuit model lounging on a boat wearing sunglasses", type: "Picture", price: "27.00" }, { src: "/uploads/model_thoughtful_pose.jpg", alt: "Swimsuit model in a thoughtful pose under a tree", type: "Picture", price: "30.00" }, { src: "/uploads/model_ocean_night.jpg", alt: "Swimsuit model standing in the ocean at night", type: "Picture", price: "35.00" }, { src: "/uploads/model_sitting_beach.jpg", alt: "Swimsuit model sitting on the beach by a blue boat", type: "Picture", price: "28.00" } ]; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#fff0f1] flex flex-col items-center", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full py-5 px-4 bg-[#fae8e9] shadow-md flex justify-between items-center", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Swimsuit Model Exclusive"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-xl font-roboto text-[#121212] p-2 hover:underline", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-xl font-roboto text-[#121212] p-2 hover:underline", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "Gallery"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-xl font-roboto text-[#121212] p-2 hover:underline", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Purchase"))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow container mx-auto p-8", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/uploads/model_main_beach.jpg", alt: "Main image of the swimsuit model on a tropical beach", className: "w-full max-w-lg rounded shadow-lg", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-8 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, galleryItems.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white rounded shadow p-4 flex flex-col items-center", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: item.src, alt: item.alt, className: "w-full max-w-xs h-auto rounded mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-lg font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 29, columnNumber: 19 }, __self: this }, "$ ", item.price), /*#__PURE__*/ React.createElement("button", { className: "mt-2 px-4 py-2 bg-[#ed6a5e] rounded text-white font-roboto text-lg hover:bg-[#e45750] transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 30, columnNumber: 19 }, __self: this }, "Buy ", item.type)))))), /*#__PURE__*/ React.createElement("footer", { className: "w-full py-4 bg-[#fae8e9] shadow-inner flex justify-center", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "© 2023 Swimsuit Model Exclusive")))); }