function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0f2f5] w-full p-4 md:p-8", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[800px] mx-auto bg-white shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#5865F2] p-4 md:p-8 text-white font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl md:text-4xl", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Profile"), /*#__PURE__*/ React.createElement("a", { href: "/link", className: "text-white mt-2 inline-block", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-link", __source: { fileName: "", lineNumber: 7, columnNumber: 68 }, __self: this }), " Visit Website")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center p-4 md:p-8", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-24 h-24 md:w-48 md:h-48 bg-gray-200 rounded-full overflow-hidden", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/profile-picture.jpg", alt: "Profile picture", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-4 md:mt-0 md:ml-8", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl md:text-3xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "User Name"), /*#__PURE__*/ React.createElement("p", { className: "text-[#5865f2] font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "user@example.com"), /*#__PURE__*/ React.createElement("button", { className: "mt-4 bg-[#5865F2] text-white py-2 px-4 rounded hover:bg-[#4753c8] transition-colors", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "Edit Profile"))))); }