/*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 py-6 flex flex-col justify-center sm:py-12", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative py-3 sm:max-w-xl sm:mx-auto", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-cyan-400 to-light-blue-500 shadow-lg transform -skew-y-6 sm:skew-y-0 sm:-rotate-6 sm:rounded-3xl", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative px-4 py-10 bg-white shadow-lg sm:rounded-3xl sm:p-20", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/portfolio-image.jpg", alt: "Web designer portfolio cover image", className: "h-7 sm:h-8", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-900 pb-8", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }), " Web Designer Portfolio"), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-base", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-1xl font-semibold text-gray-900 pb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-briefcase", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }), " Projects"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-bold text-blue-700", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, "1. Website design for XYZ company"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-bold text-blue-700", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "2. Mobile app interface design for ABC startup"), /*#__PURE__*/ React.createElement("h3", { className: "text-1xl font-semibold text-gray-900 pb-4 mt-6", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-award", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }), " Awards"), /*#__PURE__*/ React.createElement("p", { className: "font-bold text-gray-700", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "1. Best Design award 2021"), /*#__PURE__*/ React.createElement("p", { className: "font-bold text-gray-700", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "2. Creative Designer award 2020")))))));