function MainComponent() { const [currentPage, setCurrentPage] = React.useState('home'); const renderPage = ()=>{ switch(currentPage){ case 'home': return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, "デジタルマーケティングの未来を創造する"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mb-8", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, "SNSマーケティングと映像制作のプロフェッショナル集団"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-6 rounded-full text-lg transition duration-300", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "サービスを見る")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl w-full px-4", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 17 }, __self: this }, "お客様の声"), /*#__PURE__*/ React.createElement("p", { className: "italic", __source: { fileName: "", lineNumber: 19, columnNumber: 17 }, __self: this }, '"SNS運用が劇的に改善し、ブランド認知度が大幅に向上しました。" - A社マーケティング部長')), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this }, "実績ハイライト"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside", __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 24, columnNumber: 19 }, __self: this }, "顧客のSNSフォロワー数平均300%増加"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 25, columnNumber: 19 }, __self: this }, "制作動画の総再生回数5000万回達成"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 26, columnNumber: 19 }, __self: this }, "マーケティングROI平均150%向上"))))); case 'services': return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-12 text-center", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "サービス"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl w-full", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 transition duration-300 hover:shadow-xl", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this }, "SNS運用代行"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }, "戦略的なSNS運用で、あなたのブランドの存在感を最大化します。"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside", __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 41, columnNumber: 19 }, __self: this }, "コンテンツ企画と制作"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 42, columnNumber: 19 }, __self: this }, "投稿スケジュール管理"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 43, columnNumber: 19 }, __self: this }, "エンゲージメント分析"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 transition duration-300 hover:shadow-xl", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, "マーケティングコンサルティング"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, "データ駆動型のアプローチで、効果的なマーケティング戦略を構築します。"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside", __source: { fileName: "", lineNumber: 49, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 50, columnNumber: 19 }, __self: this }, "市場分析とターゲティング"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 51, columnNumber: 19 }, __self: this }, "KPI設定とパフォーマンス追跡"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 52, columnNumber: 19 }, __self: this }, "競合分析と差別化戦略"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 transition duration-300 hover:shadow-xl", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }, "動画制作"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, "印象的な映像で、あなたのメッセージを強力に伝えます。"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside", __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 59, columnNumber: 19 }, __self: this }, "企業PR動画"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 60, columnNumber: 19 }, __self: this }, "商品紹介動画"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 61, columnNumber: 19 }, __self: this }, "SNS用ショート動画"))))); case 'about': return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-12 text-center", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, "会社概要"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8 mb-8 w-full max-w-3xl", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-semibold mb-6 text-center", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, "私たちのストーリー"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 74, columnNumber: 17 }, __self: this }, "ミッション"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }, "デジタル時代において、ブランドと顧客を結ぶ革新的な架け橋となり、ビジネスの成長を加速させること。")), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 78, columnNumber: 17 }, __self: this }, "ビジョン"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }, "2027年までに、日本のソーシャルメディアマーケティングおよび映像制作業界における先駆者として認知されること。")), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, "会社の歴史"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 83, columnNumber: 17 }, __self: this }, "2024年設立。急成長するデジタルマーケティング市場において、革新的なサービスと卓越した顧客体験を提供し続けています。")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 86, columnNumber: 17 }, __self: this }, "成長計画"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }, "2027年までに売上300百万円を目指し、着実に成長を遂げています。社員教育への投資、最新技術の導入、戦略的なパートナーシップの構築を通じて、この目標の達成に向けて邁進しています。")))); case 'contact': return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-12 text-center", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, "お問い合わせ"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 w-full max-w-4xl", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "name", __source: { fileName: "", lineNumber: 99, columnNumber: 19 }, __self: this }, "お名前"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "name", name: "name", type: "text", placeholder: "山田太郎", __source: { fileName: "", lineNumber: 102, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 104, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "email", __source: { fileName: "", lineNumber: 105, columnNumber: 19 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "email", name: "email", type: "email", placeholder: "example@example.com", __source: { fileName: "", lineNumber: 108, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "message", __source: { fileName: "", lineNumber: 111, columnNumber: 19 }, __self: this }, "お問い合わせ内容"), /*#__PURE__*/ React.createElement("textarea", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "message", name: "message", rows: "4", placeholder: "お問い合わせ内容をご記入ください", __source: { fileName: "", lineNumber: 114, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline transition duration-300", type: "button", __source: { fileName: "", lineNumber: 117, columnNumber: 19 }, __self: this }, "送信"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 122, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }, "連絡先情報"), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 124, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 124, columnNumber: 37 }, __self: this }, "住所："), " 〒123-4567 東京都渋谷区○○1-2-3"), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 125, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 125, columnNumber: 37 }, __self: this }, "電話："), " 03-1234-5678"), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 126, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 126, columnNumber: 37 }, __self: this }, "メール："), " info@example.com"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 127, columnNumber: 37 }, __self: this }, "営業時間："), " 平日 9:00 - 18:00"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 128, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 129, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-2xl", __source: { fileName: "", lineNumber: 129, columnNumber: 77 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 130, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook text-2xl", __source: { fileName: "", lineNumber: 130, columnNumber: 77 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 131, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin text-2xl", __source: { fileName: "", lineNumber: 131, columnNumber: 77 }, __self: this })))))); default: return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 138, columnNumber: 16 }, __self: this }, "ページが見つかりません"); } }; return /*#__PURE__*/ React.createElement("div", { className: "font-sans", __source: { fileName: "", lineNumber: 143, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-md p-4 fixed top-0 w-full z-10", __source: { fileName: "", lineNumber: 144, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex justify-center space-x-8", __source: { fileName: "", lineNumber: 145, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 146, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-gray-800 hover:text-blue-600 font-semibold", onClick: ()=>setCurrentPage('home'), __source: { fileName: "", lineNumber: 146, columnNumber: 15 }, __self: this }, "ホーム")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-gray-800 hover:text-blue-600 font-semibold", onClick: ()=>setCurrentPage('services'), __source: { fileName: "", lineNumber: 147, columnNumber: 15 }, __self: this }, "サービス")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-gray-800 hover:text-blue-600 font-semibold", onClick: ()=>setCurrentPage('about'), __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this }, "会社概要")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 149, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-gray-800 hover:text-blue-600 font-semibold", onClick: ()=>setCurrentPage('contact'), __source: { fileName: "", lineNumber: 149, columnNumber: 15 }, __self: this }, "お問い合わせ")))), /*#__PURE__*/ React.createElement("div", { className: "pt-16", __source: { fileName: "", lineNumber: 152, columnNumber: 7 }, __self: this }, renderPage()), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-800 text-white text-center p-8 mt-12", __source: { fileName: "", lineNumber: 155, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 156, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 157, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 158, columnNumber: 13 }, __self: this }, "会社情報"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 159, columnNumber: 13 }, __self: this }, "SNSマーケティングと映像制作のエキスパート")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 161, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 162, columnNumber: 13 }, __self: this }, "お問い合わせ"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 163, columnNumber: 13 }, __self: this }, "info@example.com"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 164, columnNumber: 13 }, __self: this }, "03-1234-5678")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 166, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 167, columnNumber: 13 }, __self: this }, "フォローする"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4", __source: { fileName: "", lineNumber: 168, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-blue-400", __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-2xl", __source: { fileName: "", lineNumber: 169, columnNumber: 59 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-blue-400", __source: { fileName: "", lineNumber: 170, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook text-2xl", __source: { fileName: "", lineNumber: 170, columnNumber: 59 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-blue-400", __source: { fileName: "", lineNumber: 171, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-2xl", __source: { fileName: "", lineNumber: 171, columnNumber: 59 }, __self: this }))))), /*#__PURE__*/ React.createElement("p", { className: "mt-8", __source: { fileName: "", lineNumber: 175, columnNumber: 9 }, __self: this }, "© 2024 SNSマーケティングと映像制作会社. All rights reserved."))); }