function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center py-4 px-6 bg-white fixed top-0 left-0 w-full z-50 shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "クリニックサイトロゴ"), /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { className: "hidden md:flex gap-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "ホーム"), /*#__PURE__*/ React.createElement("a", { href: "#about", className: "text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "わたしたちについて"), /*#__PURE__*/ React.createElement("a", { href: "#service", className: "text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "診療内容"), /*#__PURE__*/ React.createElement("a", { href: "#access", className: "text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "アクセス"))), /*#__PURE__*/ React.createElement("div", { className: "mt-[70px] min-h-screen bg-blue-100 flex items-center justify-center animate-fade-in", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl text-center text-gray-800", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "医療の現場をテクノロジーで変革する")), /*#__PURE__*/ React.createElement("div", { id: "about", className: "py-12 px-4 md:px-6 animate-fade-in", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "わたしたちについて"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "仮の適当な内容")), /*#__PURE__*/ React.createElement("div", { id: "service", className: "py-12 px-4 md:px-6 bg-gray-100 animate-fade-in", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "診療内容"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "仮の適当な内容")), /*#__PURE__*/ React.createElement("div", { id: "access", className: "py-12 px-4 md:px-6 animate-fade-in", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "アクセス"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "仮の適当な住所"), /*#__PURE__*/ React.createElement("iframe", { src: "URLをここに入れる", frameBorder: "0", style: { border: 0, width: '100%', height: '400px' }, allowFullScreen: "", "aria-hidden": "false", tabIndex: "0", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("footer", { className: "py-4 bg-gray-800 text-white text-center", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "© 2023 クリニック. All rights reserved.")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in { animation: fadeIn 2s ease-out forwards; } `)); }