function MainComponent() { const cardContent = [ { title: "Our Cats", description: "Meet our lovely feline friends!", image: "cats.jpg", alt: "Various cats lounging" }, { title: "Menu", description: "Delicious drinks and snacks to enjoy.", image: "menu.jpg", alt: "Various drinks and snacks" }, { title: "Visit Us", description: "Find out how to get here.", image: "location.jpg", alt: "Map showing our location" } ]; return /*#__PURE__*/ React.createElement("div", { className: "font-crimson-text bg-[#fff5e1] min-h-screen p-6", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center py-10", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold text-[#3b3b3b]", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "ようこそ猫カフェ"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mt-4 text-[#3b3b3b]", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "細やかながら多彩な情報にあふれた場所")), /*#__PURE__*/ React.createElement("main", { className: "max-w-[1200px] mx-auto grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, cardContent.map((card, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white shadow-md rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: card.image, alt: card.alt, className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#3b3b3b]", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, card.title), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-[#3b3b3b]", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, card.description))))), /*#__PURE__*/ React.createElement("footer", { className: "text-center py-6 text-[#3b3b3b]", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "© 2023 猫カフェ. すべての権利を保有します。")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, ` header { animation: fadeIn 2s ease-in-out; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } `)); }