function MainComponent() { const pizzaImg = "/images/pizza.jpg"; const rollsImg = "/images/rolls.jpg"; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-green-100", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-green-900 text-white p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-semibold font-roboto text-center", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Just Delicious")), /*#__PURE__*/ React.createElement("div", { className: "text-green-900 text-center my-10", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-2xl mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "Menu")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center items-center gap-6 pb-8", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-[300px] md:w-[340px] p-4 bg-green-200 shadow-md", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: pizzaImg, alt: "Tasty pizza", className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-xl mt-2 mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Pizzas"), /*#__PURE__*/ React.createElement("button", { className: "w-full py-2 bg-green-500 text-white font-roboto rounded hover:bg-green-600 transition duration-300", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "Order Now")), /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-[300px] md:w-[340px] p-4 bg-green-200 shadow-md", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: rollsImg, alt: "Fresh rolls", className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-xl mt-2 mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Rolls"), /*#__PURE__*/ React.createElement("button", { className: "w-full py-2 bg-green-500 text-white font-roboto rounded hover:bg-green-600 transition duration-300", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Order Now")))); }