function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto bg-[#F0F0F0] p-4 md:p-8", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#333] text-white p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl md:text-3xl", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "吉川美南駅周辺のお店"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mr-6", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#restaurants", className: "text-white hover:text-[#FFD700]", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, "レストラン")), /*#__PURE__*/ React.createElement("li", { className: "mr-6", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#cafes", className: "text-white hover:text-[#FFD700]", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "カフェ")), /*#__PURE__*/ React.createElement("li", { className: "mr-6", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#shops", className: "text-white hover:text-[#FFD700]", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "ショップ")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#map", className: "text-white hover:text-[#FFD700]", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, "地図"))))), /*#__PURE__*/ React.createElement("main", { __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "restaurants", className: "mt-8", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "レストラン"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("section", { id: "cafes", className: "mt-8", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "カフェ"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("section", { id: "shops", className: "mt-8 mb-8", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "ショップ"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("section", { id: "map", className: "mt-8 mb-8", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "地図"), /*#__PURE__*/ React.createElement("div", { className: "w-full aspect-video", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { className: "w-full h-full", src: "https://www.google.com/maps/embed/v1/view?zoom=16¢er=35.8894875%2C139.7917064&key=YOUR_API_KEY", allowFullScreen: true, title: "吉川美南駅周辺の地図", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#333] text-white text-center p-4", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, "© 2023 吉川美南駅周辺のお店")); }