function PortfolioHeader() { return /*#__PURE__*/ React.createElement(FullScreenLayoutComponent, { name: "Hi, I'm Xinqing", subtitle: "I'm a sustainability and biodiversity expert, dedicated to helping companies protect and restore nature.", description: "Passionate about language learning, I host a Mandarin teaching podcast, and am co-developing a language learning webapp.", imageUrl: "https://ucarecdn.com/06311e79-2a93-48d6-a5b7-ba63f68dd0bc/-/format/auto/", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function PortfolioHeaderStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PortfolioHeader, { __source: { fileName: "", lineNumber: 14, columnNumber: 10 }, __self: this })); } function FullScreenLayoutComponent({ name, subtitle, description, imageUrl }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap items-center justify-between bg-[#f0f0f0] h-screen p-10", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md text-left", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-dancing-script font-bold mb-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, name), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, subtitle), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-crimson-text", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, description)), /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: "Portrait", className: "w-[250px] h-[400px] rounded-[60px]", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this })); } function FullScreenLayoutComponentStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FullScreenLayoutComponent, { name: "Xinqing", subtitle: "Software Engineer", description: "Xinqing is a highly skilled software engineer with 10 years of experience in web development.", imageUrl: "relative/path/to/xinqing.jpg", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "max-w-screen-xl mx-auto p-5", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PortfolioHeader, { __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4 mt-10", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.yaya.press", target: "_blank", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/0698dbc3-831a-4c9a-a526-37d4f3f94516/-/format/auto/", alt: "Rectangular gallery image 1", className: "w-full h-auto transition-transform hover:scale-110", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this })))); }