function ExamSeasonImage({ banners }) { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "slider", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, banners.map((banner, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: banner.src, alt: banner.alt, className: "object-cover w-full", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }))))); } function ExamSeasonImageStory() { const banners = [ { src: "/img/banner1.png", alt: "期間限定 10,000円OFF" }, { src: "/img/banner2.png", alt: "期間限定送料無料" }, { src: "/img/banner3.png", alt: "期間限定全品半額" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ExamSeasonImage, { banners: banners, __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "stylesheet", href: "https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.min.css", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "stylesheet", href: "https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.css", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("script", { src: "https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.min.js", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("script", { src: "https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("script", { dangerouslySetInnerHTML: { __html: ` $(document).ready(function(){ $('.slider').slick({ autoplay: true, dots: true, fade: true, }); }); ` }, __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this })); } function PortfolioSite({ navItems, title }) { return /*#__PURE__*/ React.createElement("header", { className: "bg-[#e0f7fa] py-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl font-bold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, navItems.map((item, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: item.href, className: "text-lg", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, item.label)))))); } function PortfolioSiteStory() { const navItems = [ { href: "#editing-advising", label: "添削・アドバイス" }, { href: "#clarifying-vague", label: "あいまいな文の具体化" }, { href: "#text-editing", label: "文章添削" }, { href: "#example-creation", label: "例文作成" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PortfolioSite, { title: "受験サポートサイト", navItems: navItems, __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this })); } function NewComponent({ navItems, banners }) { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "mt-4 w-full text-center bg-[#007bff] text-white py-2 rounded", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("section", { id: "editing-advising", className: "py-8 bg-[#f1f3f5]", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "添削・アドバイス"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "受験勉強のナビゲーションをサポートします。"))), /*#__PURE__*/ React.createElement("section", { id: "clarifying-vague", className: "py-8", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "あいまいな文の具体化"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "不明確な文を具体的で分かりやすく修正します。"))), /*#__PURE__*/ React.createElement("section", { id: "text-editing", className: "py-8 bg-[#f1f3f5]", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "文章添削"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "あなたの文章を全体的に見直し、完璧に仕上げます。"))), /*#__PURE__*/ React.createElement("section", { id: "example-creation", className: "py-8", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "例文作成"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "独自の例文を作成し、学習をサポートします。"))), /*#__PURE__*/ React.createElement("section", { id: "contact", className: "py-8 bg-[#f1f3f5]", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "お問い合わせ"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg mb-2", htmlFor: "name", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "名前"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-[#ced4da] rounded", type: "text", id: "name", name: "name", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg mb-2", htmlFor: "email", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, "メール"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-[#ced4da] rounded", type: "email", id: "email", name: "email", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg mb-2", htmlFor: "message", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, "メッセージ"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border border-[#ced4da] rounded", id: "message", name: "message", rows: "4", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#007bff] text-white rounded", type: "submit", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "送信"))))); } function NewComponentStory() { const navItems = [ { href: "#editing-advising", label: "添削・アドバイス" }, { href: "#clarifying-vague", label: "あいまいな文の具体化" }, { href: "#text-editing", label: "文章添削" }, { href: "#example-creation", label: "例文作成" }, { href: "#contact", label: "お問い合わせ" } ]; const banners = [ { src: "/images/exam-season-1.jpg", alt: "受験シーズンの風景1" }, { src: "/images/exam-season-2.jpg", alt: "受験シーズンの風景2" }, { src: "/images/exam-season-3.jpg", alt: "受験シーズンの風景3" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 72, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NewComponent, { navItems: navItems, banners: banners, __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this })); } function NewComponent2() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212] bg-[#f0f0f0] w-full h-screen flex items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Main Component"), /*#__PURE__*/ React.createElement("p", { className: "text-xl", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "This is the main component."))); } function NewComponent2Story() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NewComponent2, { __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this })); } function MainComponent() { const navItems = [ { href: "#editing-advising", label: "添削・アドバイス" }, { href: "#clarifying-vague", label: "あいまいな文の具体化" }, { href: "#text-editing", label: "文章添削" }, { href: "#example-creation", label: "例文作成" }, { href: "#contact", label: "お問い合わせ" } ]; const banners = [ { src: "/images/exam-season-1.jpg", alt: "受験シーズンの風景1" }, { src: "/images/exam-season-2.jpg", alt: "受験シーズンの風景2" }, { src: "/images/exam-season-3.jpg", alt: "受験シーズンの風景3" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PortfolioSite, { title: "受験サポートサイト", navItems: navItems, __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ExamSeasonImage, { banners: banners, __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-center py-8", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#007bff] text-white rounded", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(NewComponent2, { __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("link", { rel: "stylesheet", href: "https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.min.css", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "stylesheet", href: "https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.css", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("script", { src: "https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.min.js", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("script", { src: "https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, ` .slider { width: 100%; } .slider li { list-style: none; } `), /*#__PURE__*/ React.createElement("script", { dangerouslySetInnerHTML: { __html: `$(document).ready(function(){ $('.slider').slick({ autoplay: true, dots: true, fade: true, }); });` }, __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this })); }