function MainComponent({ trainers }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#121212] min-h-screen text-white", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center py-10", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Wefoot"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mt-4 font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "これまでにない「サッカーIQ特化型のオンラインサッカースクール」")), /*#__PURE__*/ React.createElement("section", { className: "py-10 px-5 md:px-20", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-10", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-center", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "サッカーIQを高めろ！"), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-lg font-roboto", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Choose Wefoot to elevate your soccer intelligence. Our unique programs are designed to enhance your understanding of the game.")), /*#__PURE__*/ React.createElement("img", { src: "images/soccer-training.jpg", alt: "Soccer training session", className: "w-full h-auto rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("section", { className: "py-10 px-5 md:px-20 bg-[#010101]", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-roboto text-center", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "トレーナー陣"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-10 mt-10", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, trainers.map((trainer, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "text-center", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: trainer.image, alt: `Trainer ${index + 1}`, className: "w-[200px] h-[200px] object-cover rounded-full mx-auto shadow-lg", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto mt-4", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, trainer.name))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#000000] py-10 text-center", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "© 2023 Wefoot. All rights reserved."))); } function StoryComponent() { const trainers = [ { image: "images/trainer1.jpg", name: "Trainer One" }, { image: "images/trainer2.jpg", name: "Trainer Two" }, { image: "images/trainer3.jpg", name: "Trainer Three" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { trainers: trainers, __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this })); }