function BananaBruleeDisplay({ title, mainImage, mainDescription, items }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center mt-10", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#A93727] text-7xl", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "🍌"), /*#__PURE__*/ React.createElement("h1", { className: "text-[#A93727] text-7xl", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("h1", { className: "text-[#A93727] text-7xl", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "🍌")), /*#__PURE__*/ React.createElement("img", { src: mainImage.src, alt: mainImage.alt, className: "w-[200px] mt-5", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mt-5", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, mainDescription.map((text, index)=>/*#__PURE__*/ React.createElement("p", { key: index, className: "text-[#A93727] text-3xl", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, text))), items.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex flex-row items-center mt-5", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: item.image.src, alt: item.image.alt, className: "w-[200px]", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-5", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#A93727] text-5xl", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, item.title), /*#__PURE__*/ React.createElement("h3", { className: "text-[#A93727] text-4xl mt-2", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, item.subtitle))))); } function BananaBruleeDisplayStory() { const mainImage = { src: "images/drink.png", alt: "Banana Brûlée Drink" }; const mainDescription = [ "くじけない！", "最後まで食べたくなる。", "Turn it around and take a sip!" ]; const items = [ { image: { src: "images/smoothie.png", alt: "Banana Smoothie" }, title: "BANANA", subtitle: "Smoothie" }, { image: { src: "images/cremebrulee.png", alt: "Banana Crème Brûlée" }, title: "BANANA", subtitle: "Crème Brûlée" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(BananaBruleeDisplay, { title: "BANANA BRÛLÉE", mainImage: mainImage, mainDescription: mainDescription, items: items, __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this })); } function MainComponent() { const data = [ { title: "BANANA BRÛLÉE", mainImage: { src: "images/drink1.png", alt: "Banana Brûlée Drink with topping" }, mainDescription: [ "甘くておいしい！", "食後まで欲しくなる最高の一杯。" ], items: [ { image: { src: "images/dessert1.png", alt: "Dessert with banana" }, title: "BANANA", subtitle: "Crème Brûlée" }, { image: { src: "images/drink2.png", alt: "Banana Drink" }, title: "BANANA", subtitle: "Brûlée Drink" } ] }, { title: "待っている人々と一緒に", mainImage: { src: "images/menu.png", alt: "Various drink menu" }, mainDescription: [ "늘 기다리고 있다.", "당신과 함께 해줄 거예요." ], items: [] }, { title: "Sweet", mainImage: { src: "images/sweet1.png", alt: "Sweet drink menu" }, mainDescription: [ "소중한 순간들을 달콤하게 만들어줄 최고의 음료." ], items: [] }, { title: "FOOD", mainImage: { src: "images/food.png", alt: "Delicious food items" }, mainDescription: [ "최고의 재료로 만들어진 식사." ], items: [ { image: { src: "images/food1.png", alt: "Blueberry Muffin" }, title: "Blueberry", subtitle: "Muffin" }, { image: { src: "images/food2.png", alt: "Cream Roll" }, title: "Cream", subtitle: "Roll" } ] }, { title: "GOODS", mainImage: { src: "images/goods.png", alt: "Various merchandise" }, mainDescription: [ "스타벅스에서만 구매 가능." ], items: [ { image: { src: "images/good1.png", alt: "Starbucks Cup 1" }, title: "Starbucks", subtitle: "Cup" }, { image: { src: "images/good2.png", alt: "Starbucks Bag 1" }, title: "Starbucks", subtitle: "Bag" } ] } ]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 69, columnNumber: 5 }, __self: this }, data.map((section, index)=>/*#__PURE__*/ React.createElement(BananaBruleeDisplay, { key: index, title: section.title, mainImage: section.mainImage, mainDescription: section.mainDescription, items: section.items, __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }))); }