function PortfolioHeader({ logoSrc, text, subtitle, imageSrc }) { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center w-full", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-start", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: logoSrc, alt: "Casey's logo", className: "h-[50px]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-yeseva-one text-[42px] text-[#121212] mt-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, text), /*#__PURE__*/ React.createElement("p", { className: "font-open-sans mt-2 text-[16px] text-[#121212]", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, subtitle)), /*#__PURE__*/ React.createElement("img", { src: imageSrc, alt: "Casey's portrait", className: "w-[400px] h-[400px] rounded-full", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this })); } function PortfolioHeaderStory() { return /*#__PURE__*/ React.createElement("div", { className: "max-w-screen-md mx-auto p-5", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PortfolioHeader, { logoSrc: "https://ucarecdn.com/6fe87b22-ae2b-42f9-ab29-5063f91100a6/ck_script.png", text: "Hi, I'm Casey 👋", subtitle: "I'm a product driven designer with a passion for AI and long walks on the beach.", imageSrc: "https://ucarecdn.com/dc3a15df-c639-442a-97ac-b8ea857c457e/pexelsviniciuswiesehofer1130626.jpg", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "max-w-screen-md mx-auto p-5", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PortfolioHeader, { logoSrc: "https://ucarecdn.com/6fe87b22-ae2b-42f9-ab29-5063f91100a6/ck_script.png", text: "Hi, I'm Casey 👋", subtitle: "I'm a product driven designer with a passion for AI and long walks on the beach.", imageSrc: "https://ucarecdn.com/dc3a15df-c639-442a-97ac-b8ea857c457e/pexelsviniciuswiesehofer1130626.jpg", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4 mt-10", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://dribbble.com/following", target: "_blank", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/bc893a86-3976-46cb-83b7-51c4abca7d44/pexelsformat1029757.jpg", alt: "Image of a man with a hat on", className: "w-full aspect-square transition-transform hover:scale-110", __source: { fileName: "", lineNumber: 11, columnNumber: 66 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://dribbble.com/following", target: "_blank", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/06a417e7-de7a-4a02-8c22-a6a30d9189ee/pexelspicjumbocom196645.jpg", alt: "Image of a road in the fall", className: "w-full aspect-square transition-transform hover:scale-110", __source: { fileName: "", lineNumber: 16, columnNumber: 66 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://dribbble.com/following", target: "_blank", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/569a44bf-87de-4ef9-8d47-2a44b02332b1/pexelsmattfernandes2807495.jpg", alt: "Image of a white car", className: "w-full aspect-square transition-transform hover:scale-110", __source: { fileName: "", lineNumber: 21, columnNumber: 66 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://dribbble.com/following", target: "_blank", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/503c1ccb-fd65-4eb6-8300-3abec01cb179/pexelsjonathanborba3052727.jpg", alt: "Image of a person on a bike", className: "w-full aspect-square transition-transform hover:scale-110", __source: { fileName: "", lineNumber: 26, columnNumber: 66 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://dribbble.com/following", target: "_blank", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/ab70d144-30bc-42db-a25a-c6ed61c87c6f/pexelsmetadizayn1058100.jpg", alt: "Image of a man with a beard", className: "w-full aspect-square transition-transform hover:scale-110", __source: { fileName: "", lineNumber: 31, columnNumber: 66 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://dribbble.com/following", target: "_blank", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/f319d54b-961b-4093-9962-71458255e7d6/pexelslindaellershein1749900.jpg", alt: "Image of a woman with a hat on", className: "w-full aspect-square transition-transform hover:scale-110", __source: { fileName: "", lineNumber: 36, columnNumber: 66 }, __self: this })))); }