/*#__PURE__*/ React.createElement("div", { className: "min-h-screen w-full flex flex-col items-center justify-center bg-[#f0f4f8] p-4 space-y-8", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md w-full bg-white shadow-xl rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "h-48 w-full object-cover", src: "/profile-cover.jpg", alt: "Modern design cover background", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("img", { className: "h-24 w-24 object-cover absolute left-1/2 transform -translate-x-1/2 -translate-y-1/2 border-4 border-white rounded-full", src: "/profile-picture.jpg", alt: "Profile picture of Jerad Hill", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this })), /*#__PURE__*/ React.createElement("main", { className: "flex-grow flex flex-col items-center px-4 pb-6 pt-12", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-1 text-center text-[#333333] font-inter", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, "@jeradhill"), /*#__PURE__*/ React.createElement("h3", { className: "text-md mb-4 text-center text-[#666666] font-inter", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, "Creative Photographer & Designer"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 items-center justify-center mb-6", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com/jeradhill", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-xl text-[#1DA1F2]", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://facebook.com/jeradhill", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook text-xl text-[#3B5998]", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com/jeradhill", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-xl text-[#E1306C]", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center space-y-2 w-full px-6", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", target: "_blank", className: "w-full", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#1a73e8] hover:bg-opacity-90 text-white font-bold py-3 rounded-md font-inter transition-colors duration-200", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Portfolio")), /*#__PURE__*/ React.createElement("a", { href: "#", target: "_blank", className: "w-full", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#1a73e8] hover:bg-opacity-90 text-white font-bold py-3 rounded-md font-inter transition-colors duration-200", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Projects")), /*#__PURE__*/ React.createElement("a", { href: "#", target: "_blank", className: "w-full", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#1a73e8] hover:bg-opacity-90 text-white font-bold py-3 rounded-md font-inter transition-colors duration-200", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Contact Me")), /*#__PURE__*/ React.createElement("a", { href: "#", target: "_blank", className: "w-full", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#1a73e8] hover:bg-opacity-90 text-white font-bold py-3 rounded-md font-inter transition-colors duration-200", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Blog"))))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-6 bg-white shadow-xl rounded-lg", __source: { fileName: "", lineNumber: 46, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-4 font-semibold text-[#333333] font-inter", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, "Goals & Progress"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5 dark:bg-gray-700", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600 h-2.5 rounded-full", style: { width: '45%' }, __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-[#555]", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "Goal 1 - 45% Complete"), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5 dark:bg-gray-700", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-green-600 h-2.5 rounded-full", style: { width: '75%' }, __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-[#555]", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "Goal 2 - 75% Complete"), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5 dark:bg-gray-700", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-red-600 h-2.5 rounded-full", style: { width: '30%' }, __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-[#555]", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, "Goal 3 - 30% Complete"))));