function MainComponent() { const user = { name: "John Doe", email: "john.doe@example.com", phone: "+1234567890", bio: "Web developer and designer with a passion for building beautiful and functional user experiences.", linkedin: "https://www.linkedin.com/in/johndoe/", github: "https://github.com/johndoe", profileImage: "/images/person.png" }; const socialMediaLinks = /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: user.linkedin, className: "mr-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin text-[#0a66c2] text-2xl", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: user.github, __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-github text-[#171515] text-2xl", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }))); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#F3F4F6] font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full py-5 bg-[#1F2937]", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "container mx-auto flex justify-between items-center px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white text-xl font-bold", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "John Doe"), socialMediaLinks)), /*#__PURE__*/ React.createElement("main", { className: "w-full flex-1 px-4 sm:px-6 lg:px-20 text-center", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto flex flex-col md:flex-row bg-white shadow rounded-lg overflow-hidden mt-10 mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:flex-shrink-0", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: user.profileImage, alt: "Profile picture of John Doe", className: "w-full h-[350px] object-cover md:w-96 md:h-full", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "uppercase tracking-wide text-sm text-indigo-600 font-semibold", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "WEB DEVELOPER"), /*#__PURE__*/ React.createElement("h1", { className: "block mt-1 text-lg leading-tight font-medium text-black", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, user.name), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-gray-500", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, user.bio), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-gray-600 mr-3", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, user.email)), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone text-gray-600 mr-3", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, user.phone)), socialMediaLinks))), /*#__PURE__*/ React.createElement("footer", { className: "w-full h-12 flex justify-center items-center bg-[#1F2937] text-white mt-8", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "© ", new Date().getFullYear(), " John Doe"))); }