function MainComponent() { const properties = [ { title: '物件1', description: '説明1', image: 'images/property1.jpg', details: '詳細1' }, { title: '物件2', description: '説明2', image: 'images/property2.jpg', details: '詳細2' }, { title: '物件3', description: '説明3', image: 'images/property3.jpg', details: '詳細3' } ]; const [selectedProperty, setSelectedProperty] = React.useState(null); return /*#__PURE__*/ React.createElement("div", { className: "font-sans flex flex-col items-center w-full min-h-screen bg-white", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full bg-gray-900 text-white py-4 px-6 flex justify-between items-center", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-xl", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "不動産会社HP"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#about", className: "hover:text-gray-400", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#services", className: "hover:text-gray-400", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, "Services")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "hover:text-gray-400", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "Contact"))))), selectedProperty ? /*#__PURE__*/ React.createElement("div", { className: "w-full py-16 px-6 text-center", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-gray-300 p-2 mb-4", onClick: ()=>setSelectedProperty(null), __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "戻る"), /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-2xl mb-8", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, selectedProperty.title), /*#__PURE__*/ React.createElement("img", { src: selectedProperty.image, alt: `${selectedProperty.title}の画像`, className: "w-full h-[400px] object-cover mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, selectedProperty.description), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, selectedProperty.details)) : /*#__PURE__*/ React.createElement("div", { className: "w-full bg-white py-16 px-6 text-center", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-2xl mb-8", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "物件一覧"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, properties.map((property, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-gray-200 m-4 p-6 w-[300px] h-[400px] text-left cursor-pointer", onClick: ()=>setSelectedProperty(property), __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: property.image, alt: `物件${index + 1}の画像`, className: "w-full h-[200px] object-cover mb-4", __source: { fileName: "", lineNumber: 71, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-xl mb-2", __source: { fileName: "", lineNumber: 76, columnNumber: 17 }, __self: this }, property.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 77, columnNumber: 17 }, __self: this }, property.description)))))); }