function DailyMealsDisplay({ title, plans }) { return /*#__PURE__*/ React.createElement("div", { className: "p-4", style: { background: 'linear-gradient(to bottom, #fffff0, #f0fff0)' }, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-crimson-text text-[#000000] mb-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-around", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, plans.map((plan)=>/*#__PURE__*/ React.createElement("div", { key: plan.name, className: "max-w-[300px] m-4 border-2 border-[#000000] p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: plan.imgSrc, alt: plan.imgAlt, className: "w-full h-[200px] object-cover mb-4 border-4 border-[#ffd700]", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-crimson-text text-[#000000] mb-2", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, plan.name), /*#__PURE__*/ React.createElement("button", { className: "py-2 px-4 text-[#ffd700] border-2 border-transparent text-[#000000] mr-2", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, plan.orderText), /*#__PURE__*/ React.createElement("button", { className: "py-2 px-4 text-[#ffd700] border-2 border-transparent text-[#000000]", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, plan.specifyTimeText))))); } function DailyMealsDisplayStory() { const plans = [ { name: 'Daily', imgSrc: '/images/daily-plan.jpg', imgAlt: 'Delicious daily meal', orderText: 'Order', specifyTimeText: 'Specify Time' }, { name: 'Healthy', imgSrc: '/images/healthy-plan.jpg', imgAlt: 'Delicious healthy meal', orderText: 'Order', specifyTimeText: 'Specify Time' }, { name: 'Family', imgSrc: '/images/family-plan.jpg', imgAlt: 'Delicious family meal', orderText: 'Order', specifyTimeText: 'Specify Time' } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(DailyMealsDisplay, { title: "Deliver daily delicious meals", plans: plans, __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this })); } function MainComponent() { const plans = [ { name: '日替わりプラン', imgSrc: '/images/daily-plan.jpg', imgAlt: 'Delicious daily meal', orderText: '注文', specifyTimeText: '指定時間' }, { name: 'ヘルシープラン', imgSrc: '/images/healthy-plan.jpg', imgAlt: 'Delicious healthy meal', orderText: '注文', specifyTimeText: '指定時間' }, { name: 'ファミリープラン', imgSrc: '/images/family-plan.jpg', imgAlt: 'Delicious family meal', orderText: '注文', specifyTimeText: '指定時間' } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-crimson-text text-[#000000] mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, "食品配達ページ"), /*#__PURE__*/ React.createElement(DailyMealsDisplay, { title: "毎日美味しい食べ物を届く", plans: plans, __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this })); }