function PianoGentleman({ src, alt, className }) { return /*#__PURE__*/ React.createElement("img", { src: src, alt: alt, className: `mx-auto rounded-lg ${className}`, __source: { fileName: "", lineNumber: 2, columnNumber: 10 }, __self: this }); } function PianoGentlemanStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PianoGentleman, { src: "relative/path/to/happy-playing-piano.jpg", alt: "紳士がピアノを楽しそうに弾いています", className: "w-[600px]", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this })); } function MainComponent() { const pages = [ { href: "/about", label: "私たちについて" }, { href: "/lessons", label: "レッスン情報" }, { href: "/why-60s-piano", label: "なぜ60代からピアノ" }, { href: "/beginner-tips", label: "60代初心者のためのヒント" }, { href: "/piano-benefits", label: "ピアノの利点" } ]; const articles = [ { href: "/starting-out", label: "最初の一歩" }, { href: "/piano-brands", label: "おすすめのピアノブランド" }, { href: "/practice-rooms", label: "練習室の使い方" }, { href: "/music-theory", label: "音楽理論基礎" }, { href: "/piano-for-health", label: "健康のためのピアノ" }, { href: "/elderly-success", label: "成功した60代の物語" }, { href: "/online-lessons", label: "オンラインレッスン" }, { href: "/community", label: "コミュニティ参加" }, { href: "/events", label: "イベント情報" }, { href: "/accessories", label: "ピアノアクセサリー" }, { href: "/advanced-tips", label: "上級者向けヒント" }, { href: "/faq", label: "よくある質問" }, { href: "/policy", label: "プライバシーポリシー" }, { href: "/terms", label: "利用規約" }, { href: "/sitemap", label: "サイトマップ" }, { href: "/privacy", label: "個人情報保護方針" }, { href: "/support", label: "サポート" }, { href: "/newsletter", label: "ニュースレター" }, { href: "/blog", label: "ブログ" }, { href: "/beginning-piano-60s", label: "60代からピアノを始める方法" }, { href: "/daily-practice-60s", label: "60代の毎日の練習" }, { href: "/recommended-songs-60s", label: "60代におすすめの曲" }, { href: "/piano-techniques-60s", label: "60代のピアノテクニック" } ]; return /*#__PURE__*/ React.createElement("div", { className: "font-crimson-text bg-[#F5F5F7]", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#F0F0F0] text-[#121212] p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, "60代から始めるピアノ - 初心者ガイド")), /*#__PURE__*/ React.createElement("main", { className: "p-4 space-y-8", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "text-center", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(PianoGentleman, { src: "relative/path/to/happy-playing-piano.jpg", alt: "紳士がピアノを楽しそうに弾いています", className: "w-[600px]", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { className: "bg-gray-200 p-4", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex justify-center space-x-4", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, pages.map((page)=>/*#__PURE__*/ React.createElement("li", { key: page.href, __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: page.href, className: "text-[#007AFF]", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, page.label))))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, articles.map((article)=>/*#__PURE__*/ React.createElement("li", { key: article.href, __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: article.href, className: "text-[#007AFF]", __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }, article.label)))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-800 text-white p-4 text-center", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, "© 2023 60代のピアノ初心者のためのサイト"))); }