function MainComponent() { const restaurants = [ { name: 'Pizza Place', description: 'Italian, Pizza', image: '/pizza-place.jpg' }, { name: 'Sushi World', description: 'Japanese, Sushi', image: '/sushi-world.jpg' }, { name: 'Burger Town', description: 'American, Fast Food', image: '/burger-town.jpg' } ]; const restaurantList = restaurants.map((restaurant, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-4 mb-4 bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: restaurant.image, alt: `Image of ${restaurant.name}`, className: "w-full h-48 object-cover rounded-t-lg", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#121212]", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, restaurant.name), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#737373]", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, restaurant.description), /*#__PURE__*/ React.createElement("button", { className: "mt-3 py-2 px-4 bg-gren-500 text-white text-sm rounded-lg", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Order Now")))); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#010101] p-4 text-white", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Uber Eats"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "mx-2 text-sm bg-[#373737] py-2 px-3 rounded-md", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("button", { className: "mx-2 text-sm bg-[#25D366] py-2 px-3 rounded-md", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Sign Up")))), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "search", placeholder: "Search for food, coffee, etc...", className: "w-full p-3 bg-gray-100 rounded-full focus:outline-none", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, restaurantList)); }