function Component({ catchphrases, buttonText, image }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center justify-between bg-gray-100 p-8 font-noto-sans", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:w-1/2 mb-8 md:mb-0 text-left order-2 md:order-1", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, catchphrases.map((catchphrase, index)=>/*#__PURE__*/ React.createElement("h1", { key: index, className: `text-3xl font-bold mb-4 ${index === 0 ? 'text-4xl text-blue-600' : 'text-2xl text-gray-600'}`, __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, catchphrase)), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-600 text-white font-bold py-3 px-6 rounded-lg shadow-md transform hover:-translate-y-1 transition duration-300", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, buttonText)), /*#__PURE__*/ React.createElement("div", { className: "md:w-1/2 order-1 md:order-2 mb-8 md:mb-0", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image.src, alt: image.alt, className: "w-full max-w-[500px] h-auto object-cover rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }))); } function ComponentStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Component, { catchphrases: [ "Webサイト解析・最適化をスマートに", "NexusCrawlerなら、時間と労力を大幅に削減できます" ], buttonText: "無料で試してみる", image: { src: "/integrations/stable-diffusion/?prompt=isometric+website+analysis+and+optimization+tool+interface%2C+flat+design%2C+blue+and+gray+colors", alt: "フラットデザインのWebサイト解析・最適化ツールのアイソメトリックなインターフェース" }, __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this })); } function Component2({ name, price, features, buttonText, descriptions, featured }) { const featureItems = features.map((feature, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `text-green-500 text-xl ${feature.includes('✘') ? 'text-red-500' : ''}`, __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, feature.slice(0, 1)), /*#__PURE__*/ React.createElement("span", { className: "font-noto-sans-jp text-gray-600", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, feature.slice(1)))); return /*#__PURE__*/ React.createElement("div", { className: `w-full max-w-sm mx-auto bg-white rounded-lg shadow-md overflow-hidden border-2 ${featured ? "border-indigo-500" : "border-gray-300"}`, __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-6 py-8", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center text-blue-500", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: `w-16 h-16 ${featured ? "text-indigo-500" : ""}`, fill: "currentColor", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("path", { fillRule: "evenodd", d: "M4 2a2 2 0 012-2h8a2 2 0 012 2v4H4V2zm1 5h10v11H5V7z", clipRule: "evenodd", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-center text-gray-700 my-4 font-noto-sans-jp", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, name), /*#__PURE__*/ React.createElement("h2", { className: "text-center text-5xl text-gray-900 font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, price), /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-500 my-4 font-noto-sans-jp", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, descriptions)), /*#__PURE__*/ React.createElement("ul", { className: "flex-1 px-6 pb-8 space-y-1 font-noto-sans-jp", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, featureItems), /*#__PURE__*/ React.createElement("button", { className: `text-white w-full bg-[#1a56db] py-2 rounded-b-md font-noto-sans-jp ${featured ? "bg-indigo-600 hover:bg-indigo-700" : "bg-blue-700 hover:bg-blue-800"} `, __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, buttonText)); } function Component2Story() { return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 font-noto-sans-jp py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 65, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl leading-9 font-bold text-gray-900 sm:text-4xl sm:leading-10", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "料金プラン"), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-base leading-6 text-gray-500", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, "基本機能は無料でご利用いただけます。さらなる機能をご利用の際はプランのアップグレードをご検討ください。")), /*#__PURE__*/ React.createElement("div", { className: "mt-10 space-y-4 sm:space-y-0 sm:grid sm:grid-cols-1 sm:gap-6 lg:max-w-4xl lg:mx-auto xl:max-w-none xl:mx-0 xl:grid-cols-2", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Component2, { name: "無料プラン", price: "月額無料", descriptions: "月100件のクロールでスタート", features: [ "✓ クロール対象ページ数：月100件", "✓ レポーティング：月１回", "✓ サポート：メール", "✓ データ保存期間：3ヶ月" ], buttonText: "無料で始める", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(Component2, { name: "ベーシックプラン", price: "月額900円", descriptions: "無制限のクロールと充実の機能", features: [ "✓ クロール対象ページ数：無制限", "✓ レポーティング：週１回", "✓ サポート：メール・チャット", "✓ データ保存期間：12ヶ月", "✓ 全ての分析機能" ], buttonText: "プランに申し込む", featured: true, __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }))); } function NexusCrawlerHeaderComponent({ isLoggedIn }) { const [isMenuOpen, setIsMenuOpen] = React.useState(false); const toggleMenu = ()=>{ setIsMenuOpen(!isMenuOpen); }; return /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-md", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-6 flex items-center justify-between", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "logo.png", alt: "NexusCrawler logo", className: "w-[150px] mr-8", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { className: `${isMenuOpen ? 'block' : 'hidden'} md:flex space-x-8 font-medium`, __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-800 hover:text-blue-500", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "サービス紹介"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-800 hover:text-blue-500", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "料金"))), /*#__PURE__*/ React.createElement("div", { className: "md:flex items-center hidden", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, isLoggedIn ? /*#__PURE__*/ React.createElement("span", { className: "text-gray-600 font-medium", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Welcome back!") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-800 hover:text-blue-500 mr-6", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "新規登録"))), /*#__PURE__*/ React.createElement("button", { className: "md:hidden text-gray-500 hover:text-gray-600 focus:outline-none", onClick: toggleMenu, __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMenuOpen ? 'fa-times' : 'fa-bars'} text-2xl`, __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("nav", { className: `${isMenuOpen ? 'block' : 'hidden'} md:hidden bg-white shadow-md`, __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "block px-4 py-2 text-gray-800 hover:bg-gray-100", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "サービス紹介"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "block px-4 py-2 text-gray-800 hover:bg-gray-100", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "料金"), !isLoggedIn && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "#", className: "block px-4 py-2 text-gray-800 hover:bg-gray-100", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "block px-4 py-2 text-gray-800 hover:bg-gray-100", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "新規登録")))); } function NexusCrawlerHeaderComponentStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 51, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, "Logged Out"), /*#__PURE__*/ React.createElement(NexusCrawlerHeaderComponent, { isLoggedIn: false, __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "mt-8", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, "Logged In"), /*#__PURE__*/ React.createElement(NexusCrawlerHeaderComponent, { isLoggedIn: true, __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this })); } function Component2({ image }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center justify-center py-12 px-4 md:px-8 max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:w-1/2 md:pr-8 mb-8 md:mb-0", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl md:text-4xl font-bold mb-4 font-noto-sans", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "サービスの特徴"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2 font-noto-sans", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "1. Webスクレイピングによるサイト分析、評価"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-noto-sans", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Webサイトのデータを自動的に収集・分析し、サイトの現状を評価します。")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2 font-noto-sans", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "2. Webサイトの定期監視、レポーティング"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-noto-sans", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "定期的にサイトを監視し、問題点や改善点をレポートします。")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2 font-noto-sans", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "3. AIによるサイトの最適化提案"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-noto-sans", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, "AIを活用して、サイトのパフォーマンス向上のための具体的な提案を行います。")))), /*#__PURE__*/ React.createElement("div", { className: "md:w-1/2", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image, alt: "AIによるWebサイト分析のイメージ", className: "w-full h-auto rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }))); } function Component2Story() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Component2, { image: "/integrations/stable-diffusion/?prompt=An+AI+analyzing+a+website+and+providing+optimization+suggestions%2C+digital+art", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this })); } function Component2({ company, year, privacyPolicyUrl, termsOfUseUrl }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1A] text-white py-10", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-center text-sm mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "© ", year, " ", company, ". All rights reserved."), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: privacyPolicyUrl, className: "font-roboto text-sm hover:text-[#AAAAAA]", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Privacy Policy"), /*#__PURE__*/ React.createElement("a", { href: termsOfUseUrl, className: "font-roboto text-sm hover:text-[#AAAAAA]", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Terms of Use")))); } function Component2Story() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Component2, { company: "NexusCrawler", year: "2023", privacyPolicyUrl: "/privacy", termsOfUseUrl: "/terms", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NexusCrawlerHeaderComponent, { isLoggedIn: false, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("hr", { __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Component, { catchphrases: [ "Webサイト解析・最適化をスマートに", "NexusCrawlerなら、時間と労力を大幅に削減できます" ], buttonText: "無料で試してみる", image: { src: "/integrations/stable-diffusion/?prompt=isometric+website+analysis+and+optimization+tool+interface%2C+flat+design%2C+blue+and+gray+colors", alt: "フラットデザインのWebサイト解析・最適化ツールのアイソメトリックなインターフェース" }, __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("hr", { __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Component2, { name: "無料プラン", price: "月額無料", descriptions: "月100件のクロールでスタート", features: [ "✓ クロール対象ページ数：月100件", "✓ レポーティング：月１回", "✓ サポート：メール", "✓ データ保存期間：3ヶ月" ], buttonText: "無料で始める", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("hr", { __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Component2, { name: "ベーシックプラン", price: "月額900円", descriptions: "無制限のクロールと充実の機能", features: [ "✓ クロール対象ページ数：無制限", "✓ レポーティング：週１回", "✓ サポート：メール・チャット", "✓ データ保存期間：12ヶ月", "✓ 全ての分析機能" ], buttonText: "プランに申し込む", featured: true, __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("hr", { __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Component2, { image: "/integrations/stable-diffusion/?prompt=An+AI+analyzing+a+website+and+providing+optimization+suggestions%2C+digital+art", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("hr", { __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Component2, { company: "NexusCrawler", year: "2023", privacyPolicyUrl: "/privacy", termsOfUseUrl: "/terms", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this })); }