function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-noto-sans text-base", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white py-4 px-6 flex items-center justify-between shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "logo.png", alt: "技術記事投稿プラットフォームのロゴ", className: "h-8 w-auto mr-4", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-2xl font-bold uppercase text-[#1E88E5]", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Tech Blog")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "記事を検索", className: "border border-gray-300 rounded-l px-4 py-2 w-64 focus:outline-none focus:ring-2 focus:ring-[#1E88E5]", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#1E88E5] text-white rounded-r px-4 py-2", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "検索")), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-[#1E88E5]", __source: { fileName: "", lineNumber: 15, columnNumber: 17 }, __self: this }, "ホーム")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-[#1E88E5]", __source: { fileName: "", lineNumber: 16, columnNumber: 17 }, __self: this }, "カテゴリ")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-[#1E88E5]", __source: { fileName: "", lineNumber: 17, columnNumber: 17 }, __self: this }, "タグ")))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "user-icon.png", alt: "ユーザーアイコン", className: "h-8 w-8 rounded-full mr-2", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "ユーザー名"))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto mt-8 px-4 flex", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-2/3 pr-8", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl font-bold uppercase mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "注目の記事"), /*#__PURE__*/ React.createElement("article", { className: "bg-white shadow-md rounded-lg p-6 mb-8", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "article-thumbnail.jpg", alt: "記事のサムネイル画像。記事の内容を視覚的に表現したもの。", className: "w-full h-48 object-cover mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-lg font-bold", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "記事タイトル"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-600 text-sm", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "2023/04/01")), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "記事の要約文。記事の内容を簡潔にまとめたもの。"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "author-avatar.jpg", alt: "投稿者のアバター。投稿者の顔写真やアイコン。", className: "h-8 w-8 rounded-full mr-2", __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }, "投稿者名")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600 mr-4", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart text-[#1E88E5] mr-1", __source: { fileName: "", lineNumber: 43, columnNumber: 19 }, __self: this }), "100"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-600 mr-4", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comment text-[#1E88E5] mr-1", __source: { fileName: "", lineNumber: 47, columnNumber: 19 }, __self: this }), "20"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 50, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye text-[#1E88E5] mr-1", __source: { fileName: "", lineNumber: 51, columnNumber: 19 }, __self: this }), "1000")))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-8", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#1E88E5] text-white rounded px-4 py-2", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "もっと見る"))), /*#__PURE__*/ React.createElement("aside", { className: "w-1/3", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-6 mb-8", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl font-bold uppercase mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "カテゴリ"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#1E88E5] hover:underline", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, "フロントエンド")), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#1E88E5] hover:underline", __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }, "バックエンド")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-6 mb-8", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl font-bold uppercase mb-4", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, "人気のタグ"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "bg-gray-200 text-gray-700 rounded-full px-3 py-1 mb-2 mr-2 hover:bg-[#1E88E5] hover:text-white", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, "React"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "bg-gray-200 text-gray-700 rounded-full px-3 py-1 mb-2 mr-2 hover:bg-[#1E88E5] hover:text-white", __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, "Node.js"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-6", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl font-bold uppercase mb-4", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, "ランキング"), /*#__PURE__*/ React.createElement("ol", { className: "list-decimal list-inside", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#1E88E5] hover:underline", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, "人気の記事タイトル1")), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#1E88E5] hover:underline", __source: { fileName: "", lineNumber: 94, columnNumber: 17 }, __self: this }, "人気の記事タイトル2")))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-100 py-8 px-6 mt-8", __source: { fileName: "", lineNumber: 102, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between", __source: { fileName: "", lineNumber: 103, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-lg font-bold uppercase mb-4", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, "サイトマップ"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-[#1E88E5]", __source: { fileName: "", lineNumber: 108, columnNumber: 17 }, __self: this }, "ホーム")), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-[#1E88E5]", __source: { fileName: "", lineNumber: 111, columnNumber: 17 }, __self: this }, "カテゴリ一覧")), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-[#1E88E5]", __source: { fileName: "", lineNumber: 114, columnNumber: 17 }, __self: this }, "タグ一覧")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-lg font-bold uppercase mb-4", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, "お問い合わせ"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-[#1E88E5]", __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, "お問い合わせフォーム")), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-[#1E88E5]", __source: { fileName: "", lineNumber: 125, columnNumber: 17 }, __self: this }, "利用規約")), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-[#1E88E5]", __source: { fileName: "", lineNumber: 128, columnNumber: 17 }, __self: this }, "プライバシーポリシー"))))))); }