function MainComponent() { const galleryItemStyle = 'flex flex-col justify-center items-center m-2 w-full md:w-[220px] h-[220px] bg-white rounded-xl shadow-lg transform scale-100 hover:scale-105 transition-transform duration-300 ease-in-out'; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#2c3e50] py-2", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#ecf0f1] font-bold text-lg font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "Architectural 3D Showcase"))), /*#__PURE__*/ React.createElement("main", { className: "px-2 py-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: galleryItemStyle, __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cube text-5xl text-gray-700", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-800 font-medium mt-3 font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "Single Block")), /*#__PURE__*/ React.createElement("div", { className: galleryItemStyle, __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cubes text-5xl text-gray-700", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-800 font-medium mt-3 font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "Multiple Blocks")), /*#__PURE__*/ React.createElement("div", { className: galleryItemStyle, __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shapes text-5xl text-gray-700", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-800 font-medium mt-3 font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "Geometric Shapes")), /*#__PURE__*/ React.createElement("div", { className: galleryItemStyle, __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-drafting-compass text-5xl text-gray-700", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-800 font-medium mt-3 font-roboto", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, "Compass Drafts")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#2c3e50] p-2", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#ecf0f1] text-xs font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "© 2023 Architectural 3D Showcase App"))))); }