function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F0F8FF] flex flex-col items-center justify-center p-4 space-y-8", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-serif mb-4 text-[#3E3E3E]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "おしゃれなレシピサイト"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-light mb-6 text-[#575757]", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, "手軽に美味しいレシピを見つけよう"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl flex flex-wrap justify-center gap-6", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg overflow-hidden shadow-lg", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-96 h-56 object-cover", src: "./images/featured-recipe.jpg", alt: "特集レシピの写真", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-serif text-xl mb-2 text-[#3E3E3E]", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "特集レシピ"), /*#__PURE__*/ React.createElement("p", { className: "text-base font-light mb-4 text-[#575757]", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "季節ごとの特選レシピをお楽しみください"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "inline-block bg-[#00B4D8] text-white text-sm font-semibold py-2 px-4 rounded hover:bg-[#0077B6] transition-colors", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "レシピを見る"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg overflow-hidden shadow-lg", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-96 h-56 object-cover", src: "./images/new-recipes.jpg", alt: "新着レシピの写真", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-serif text-xl mb-2 text-[#3E3E3E]", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "新着レシピ"), /*#__PURE__*/ React.createElement("p", { className: "text-base font-light mb-4 text-[#575757]", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "新鮮でユニークなレシピを毎日更新"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "inline-block bg-[#00B4D8] text-white text-sm font-semibold py-2 px-4 rounded hover:bg-[#0077B6] transition-colors", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "レシピを見る")))), /*#__PURE__*/ React.createElement("a", { href: "#", className: "inline-block bg-transparent border-2 border-[#00B4D8] text-[#00B4D8] text-sm font-semibold py-2 px-4 rounded hover:bg-[#00B4D8] hover:text-white transition-colors", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, "もっと見る")); }