/*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-red-500 text-white", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto p-8 md:p-16", __source: { fileName: "", lineNumber: 3, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-18", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center md:items-start", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://randomuser.me/api/portraits/men/11.jpg", alt: "Portrait of a man", className: "rounded-full w-64 h-64 object-cover border-4 border-gray-200", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-center md:justify-start", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl md:text-6xl font-bold mb-4", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "Your Name"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl mb-6", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Full-Stack Developer | Key Skills: React.js, Next.js, Node.js, Express.js, MongoDB"), /*#__PURE__*/ React.createElement("p", { className: "text-lg md:text-xl mb-6", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "I am a passionate and dedicated full-stack developer who loves to create and innovate. With years of experience and a variety of highly developed skills, I am reliably effective at realizing project goals and exceeding client expectations."), /*#__PURE__*/ React.createElement("div", { className: "flex social-links mt-8", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "m-2 text-2xl hover:text-blue-500", "aria-label": "LinkedIn", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin-in", __source: { fileName: "", lineNumber: 17, columnNumber: 90 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "m-2 text-2xl hover:text-blue-500", "aria-label": "Twitter", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter", __source: { fileName: "", lineNumber: 18, columnNumber: 89 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "m-2 text-2xl hover:text-blue-500", "aria-label": "Facebook", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f", __source: { fileName: "", lineNumber: 19, columnNumber: 90 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "m-2 text-2xl hover:text-blue-500", "aria-label": "Instagram", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram", __source: { fileName: "", lineNumber: 20, columnNumber: 91 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex justify-center md:justify-start", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-600 text-white font-bold py-3 px-6 rounded mt-4", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Know more about me"))))));