function MainComponent() { const portfolioImages = [ "https://images.unsplash.com/photo-1568605114967-8130f3a3698b", "https://images.unsplash.com/photo-1506784983877-45594efa4cbe", "https://images.unsplash.com/photo-1532339142463-fd0a8979791a", "https://images.unsplash.com/photo-1526948128573-703ee1aeb6fa", "https://images.unsplash.com/photo-1542744173-8e7e53415bb0", "https://images.unsplash.com/photo-1526304640581-d334cdbbf45e", "https://images.unsplash.com/photo-1519125323398-675f0ddb6308", "https://images.unsplash.com/photo-1473172707857-f9e276582ab6", "https://images.unsplash.com/photo-1585076641399-5c06d1b3365f", "https://images.unsplash.com/photo-1573496528161-6d7e1b281c33", "https://images.unsplash.com/photo-1555066931-e436bf264398", "https://images.unsplash.com/photo-1534447677768-be436bb09401", "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c", "https://images.unsplash.com/photo-1593642532973-d31b6557fa68", "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2", "https://images.unsplash.com/photo-1588436706487-9d55d73a39e3", "https://images.unsplash.com/photo-1527689368864-3a821dbccc34", "https://images.unsplash.com/photo-1581291518857-4e27b48ff24e", "https://images.unsplash.com/photo-1517486808906-6ca8b3f04846", "https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9" ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0f0f0] min-h-screen", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "py-6 px-4 bg-[#ffffff]", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold text-[#333]", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "naoya hashimoto portforio"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#about", className: "text-[#333] hover:text-[#666]", __source: { fileName: "", lineNumber: 32, columnNumber: 19 }, __self: this }, "about")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#news", className: "text-[#333] hover:text-[#666]", __source: { fileName: "", lineNumber: 33, columnNumber: 19 }, __self: this }, "news")))))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto px-4 pt-4", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-full sm:w-1/3 md:w-1/4 lg:w-1/6 float-left", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "text-[#333] space-y-1", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "all"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, "identity"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, "graphic"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, "editorial"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, "poster"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, "package"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "other")))), /*#__PURE__*/ React.createElement("section", { className: "w-full sm:w-2/3 md:w-3/4 lg:w-5/6 float-right", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 pb-8", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, portfolioImages.map((image, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white shadow-lg p-1", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image, alt: `Portfolio item ${index + 1}`, className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#333] py-6", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 text-white text-center", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, "© naoya hashimoto . All rights reserved."))); }