function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-[#1e1e1e] p-6 min-h-screen text-[#ffffff]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 left-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex flex-col space-y-2 text-[#ff5722]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "font-bold cursor-pointer", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("li", { className: "font-bold cursor-pointer", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Gallery"), /*#__PURE__*/ React.createElement("li", { className: "font-bold cursor-pointer", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Contact"))), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-4 font-crimson-text text-[#e91e63]", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, "3D Artist Portfolio"), /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-6 font-roboto text-[#ff9800]", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, "Welcome to my colorful and immersive 3D art world!"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/sample-art1.jpg", alt: "3D Art Sample 1", className: "w-full h-[300px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/sample-art2.jpg", alt: "3D Art Sample 2", className: "w-full h-[300px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/sample-art3.jpg", alt: "3D Art Sample 3", className: "w-full h-[300px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/sample-art10.jpg", alt: "3D Art Sample 10", className: "w-full h-[300px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/sample-art11.jpg", alt: "3D Art Sample 11", className: "w-full h-[300px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/sample-art4.jpg", alt: "3D Art Sample 4", className: "w-full h-[300px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/sample-art5.jpg", alt: "3D Art Sample 5", className: "w-full h-[300px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/sample-art6.jpg", alt: "3D Art Sample 6", className: "w-full h-[300px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/sample-art12.jpg", alt: "3D Art Sample 12", className: "w-full h-[300px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/sample-art13.jpg", alt: "3D Art Sample 13", className: "w-full h-[300px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/sample-art7.jpg", alt: "3D Art Sample 7", className: "w-full h-[300px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/sample-art8.jpg", alt: "3D Art Sample 8", className: "w-full h-[300px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/sample-art9.jpg", alt: "3D Art Sample 9", className: "w-full h-[300px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/sample-art14.jpg", alt: "3D Art Sample 14", className: "w-full h-[300px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/sample-art15.jpg", alt: "3D Art Sample 15", className: "w-full h-[300px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#ff5722] text-white py-3 rounded font-roboto hover:bg-[#e64a19] transition-colors mt-6", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, "Contact Me")); }