function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#FDF6E4] font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#FDF6E4] py-4 shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center px-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#264653] font-merriweather text-2xl", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "ママサポート"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#264653] hover:text-[#F4A261] transition-colors duration-200", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "家"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#264653] hover:text-[#F4A261] transition-colors duration-200", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "記事"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#264653] hover:text-[#F4A261] transition-colors duration-200", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "Forum"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#264653] hover:text-[#F4A261] transition-colors duration-200", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "専門家の助言"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#264653] hover:text-[#F4A261] transition-colors duration-200", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "プロフィール")))), /*#__PURE__*/ React.createElement("main", { className: "px-6 py-8", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-merriweather text-[#264653] text-3xl mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "Featured Articles"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("article", { className: "bg-white p-4 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-merriweather text-xl text-[#264653]", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "Article Title"), /*#__PURE__*/ React.createElement("p", { className: "text-[#264653] mt-2", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "Summary of the article...")))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-merriweather text-[#264653] text-3xl mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Latest Forum Posts"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-merriweather text-xl text-[#264653]", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Post Title"), /*#__PURE__*/ React.createElement("p", { className: "text-[#264653] mt-2", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Summary of the post..."))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-merriweather text-[#264653] text-3xl mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Expert Advice"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-merriweather text-xl text-[#264653]", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Question"), /*#__PURE__*/ React.createElement("p", { className: "text-[#264653] mt-2", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Expert's answer..."))))); }