function MainComponent() { const [isOpen, setIsOpen] = React.useState(false); const toggleMenu = ()=>{ setIsOpen(!isOpen); }; const handleMenuClick = (e, id)=>{ e.preventDefault(); document.getElementById(id).scrollIntoView({ behavior: 'smooth' }); setIsOpen(false); }; const eventImages = [ "/your-image-path/event1.jpg", "/your-image-path/event2.jpg", "/your-image-path/event3.jpg", "/your-image-path/event4.jpg" ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#010101] text-[#ffffff] flex items-center justify-between p-4", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-2xl", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "AI知県会"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "block lg:hidden", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: toggleMenu, className: "focus:outline-none", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars text-2xl", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("ul", { className: `${isOpen ? 'block' : 'hidden'} lg:flex space-x-4 font-roboto text-lg`, __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#first-view", onClick: (e)=>handleMenuClick(e, 'first-view'), __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "ホーム")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#about", onClick: (e)=>handleMenuClick(e, 'about'), __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, "AI知県会とは")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#events", onClick: (e)=>handleMenuClick(e, 'events'), __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, "イベント情報")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#admins", onClick: (e)=>handleMenuClick(e, 'admins'), __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, "管理人"))))), /*#__PURE__*/ React.createElement("section", { id: "first-view", className: "relative w-full", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/ed7bceb7-d084-4c3b-950d-8e456058958c/-/format/auto/", className: "w-full h-auto", alt: "First view banner about AI", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("section", { id: "about", className: "p-4 md:p-8 lg:p-12 bg-white", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-3xl mb-4", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "AI知県会とは"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, "AI知県会は、愛知県のAIに興味をもっている人が集まるコミュニティです。")), /*#__PURE__*/ React.createElement("section", { id: "events", className: "p-4 md:p-8 lg:p-12 bg-[#f8f8f8]", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-3xl mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, "イベント情報"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, eventImages.map((src, index)=>/*#__PURE__*/ React.createElement("img", { key: index, src: src, className: "w-full h-auto aspect-video", alt: `Event announcement ${index + 1}`, __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { id: "admins", className: "p-4 md:p-8 lg:p-12 bg-white", __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-3xl mb-4", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, "管理人"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/your-image-path/admin.jpg", className: "w-[100px] h-[100px] rounded-full", alt: "Admin icon", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg ml-4", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, "管理人: John Doe"))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#010101] text-[#ffffff] p-4 text-center font-roboto", __source: { fileName: "", lineNumber: 82, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, "© 2023 AI知県会. All rights reserved."))); }