function MainComponent() { const [language, setLanguage] = React.useState('en'); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen overflow-x-hidden", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#E5E5E5] p-4 text-center relative", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "absolute right-4 top-4 px-3 py-1 border rounded-md", onClick: ()=>setLanguage((lang)=>lang === 'en' ? 'jp' : 'en'), __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, language === 'en' ? '日本語' : 'English'), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, language === 'en' ? 'YAMAGUCHI laboratory' : '山口研究所'), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, language === 'en' ? 'A brief introduction to the laboratory.' : '研究所の簡単な紹介。')), /*#__PURE__*/ React.createElement("main", { className: "flex-1", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "research", className: "p-4", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, language === 'en' ? 'Research' : '研究')), /*#__PURE__*/ React.createElement("section", { id: "members", className: "p-4", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, language === 'en' ? 'Members' : 'メンバー')), /*#__PURE__*/ React.createElement("section", { id: "facilities", className: "p-4", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, language === 'en' ? 'Facilities & Equipment' : '施設と設備')), /*#__PURE__*/ React.createElement("section", { id: "admission", className: "p-4", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, language === 'en' ? 'Admission & Participation' : '入学・参加')), /*#__PURE__*/ React.createElement("section", { id: "news", className: "p-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, language === 'en' ? 'News & Events' : 'ニュース・イベント')), /*#__PURE__*/ React.createElement("section", { id: "contact", className: "p-4", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, language === 'en' ? 'Contact & Access' : '連絡先・アクセス')), /*#__PURE__*/ React.createElement("section", { id: "gallery", className: "p-4", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, language === 'en' ? 'Photo Gallery & Media' : 'フォトギャラリー＆メディア')), /*#__PURE__*/ React.createElement("section", { id: "faq", className: "p-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, language === 'en' ? 'Q&A / FAQ' : 'Q&A / よくある質問')), /*#__PURE__*/ React.createElement("section", { id: "links", className: "p-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, language === 'en' ? 'Links' : 'リンク'))), /*#__PURE__*/ React.createElement("nav", { className: "bg-[#D3D3D3] p-4 flex justify-around items-center overflow-x-auto", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#research", className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-search", "aria-hidden": "true", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, language === 'en' ? 'Research' : '研究')), /*#__PURE__*/ React.createElement("a", { href: "#members", className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-users", "aria-hidden": "true", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, language === 'en' ? 'Members' : 'メンバー')), /*#__PURE__*/ React.createElement("a", { href: "#facilities", className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-building", "aria-hidden": "true", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, language === 'en' ? 'Facilities' : '施設')), /*#__PURE__*/ React.createElement("a", { href: "#admission", className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-graduation-cap", "aria-hidden": "true", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, language === 'en' ? 'Admission' : '入学')), /*#__PURE__*/ React.createElement("a", { href: "#news", className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-newspaper-o", "aria-hidden": "true", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, language === 'en' ? 'News' : 'ニュース')), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-envelope", "aria-hidden": "true", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, language === 'en' ? 'Contact' : '連絡先')), /*#__PURE__*/ React.createElement("a", { href: "#gallery", className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-photo", "aria-hidden": "true", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, language === 'en' ? 'Gallery' : 'ギャラリー')), /*#__PURE__*/ React.createElement("a", { href: "#faq", className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-question-circle", "aria-hidden": "true", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, language === 'en' ? 'FAQ' : 'FAQ')), /*#__PURE__*/ React.createElement("a", { href: "#links", className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-link", "aria-hidden": "true", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, language === 'en' ? 'Links' : 'リンク'))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#C4C4C4] p-4 text-center", __source: { fileName: "", lineNumber: 80, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, language === 'en' ? 'Lab address, telephone number, and email address. Access map and instructions for visitors.' : '研究室の住所、電話番号、メールアドレス。訪問者のためのアクセスマップと指示。'))); }