function MainComponent() { const menuItems = [ { name: 'Appetizers', items: [ { name: 'Nachos', image: '/images/nachos.jpg' }, { name: 'Spring Rolls', image: '/images/spring-rolls.jpg' }, { name: 'Garlic Bread', image: '/images/garlic-bread.jpg' } ] }, { name: 'Main Dishes', items: [ { name: 'Grilled Salmon', image: '/images/grilled-salmon.jpg' }, { name: 'Chicken Alfredo', image: '/images/chicken-alfredo.jpg' }, { name: 'Beef Lasagna', image: '/images/beef-lasagna.jpg' } ] }, { name: 'Desserts', items: [ { name: 'Cheesecake', image: '/images/cheesecake.jpg' }, { name: 'Tiramisu', image: '/images/tiramisu.jpg' }, { name: 'Chocolate Mousse', image: '/images/chocolate-mousse.jpg' } ] }, { name: 'Beverages', items: [ { name: 'Coffee', image: '/images/coffee.jpg' }, { name: 'Tea', image: '/images/tea.jpg' }, { name: 'Soda', image: '/images/soda.jpg' } ] } ]; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-sm mx-auto bg-white rounded-lg shadow-md overflow-hidden", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center font-semibold text-xl text-[#121212] mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Menu"), menuItems.map((section, index)=>/*#__PURE__*/ React.createElement("div", { key: index, __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-lg text-[#121212] my-2", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, section.name), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, section.items.map((item, itemIndex)=>/*#__PURE__*/ React.createElement("div", { key: itemIndex, className: "flex items-center", __source: { fileName: "", lineNumber: 34, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: item.image, alt: `${item.name} dish`, className: "h-[100px] w-[100px] object-cover rounded mr-2", __source: { fileName: "", lineNumber: 35, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#121212]", __source: { fileName: "", lineNumber: 40, columnNumber: 21 }, __self: this }, item.name))))))))); }