function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "relative min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute w-full h-full bg-cover bg-center", style: { backgroundImage: "url('/images/bar-interior-or-night-view.jpg')" }, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center px-4 py-2 text-white", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Sunset Bar"), /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#home", className: "hover:underline", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#menu", className: "hover:underline", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Menu"), /*#__PURE__*/ React.createElement("a", { href: "#events", className: "hover:underline", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "Events"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "hover:underline", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Contact"))), /*#__PURE__*/ React.createElement("div", { className: "text-center p-20", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white text-4xl font-bold mb-4", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Welcome to Sunset Bar - Where every evening is an experience."))), /*#__PURE__*/ React.createElement("div", { id: "menu", className: "bg-white py-10", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto px-4", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-2xl mb-4", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Our Menu"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-2", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 px-2 mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-xl", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "Drinks"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/drink-item.jpg", alt: "Refreshing cocktail", className: "w-full h-auto", __source: { fileName: "", lineNumber: 26, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "font-semibold", __source: { fileName: "", lineNumber: 27, columnNumber: 19 }, __self: this }, "Sunset Cocktail"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 28, columnNumber: 19 }, __self: this }, "$8")))), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 px-2 mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-xl", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "Foods"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/food-item.jpg", alt: "Gourmet burger", className: "w-full h-auto", __source: { fileName: "", lineNumber: 36, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "font-semibold", __source: { fileName: "", lineNumber: 37, columnNumber: 19 }, __self: this }, "Gourmet Burger"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 38, columnNumber: 19 }, __self: this }, "$12"))))))), /*#__PURE__*/ React.createElement("div", { id: "events", className: "bg-grey-100 py-10", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto px-4", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-2xl mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Upcoming Events"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border p-4", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/event-image.jpg", alt: "Live music performance", className: "w-full h-auto mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "Live Music Fridays"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "Sep 25, 8:00 PM"))))), /*#__PURE__*/ React.createElement("div", { id: "contact", className: "bg-white py-10", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto px-4", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-2xl mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "123 Bar Street, City, Country"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "+123 456 7890"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "Open Hours: Mon-Fri 5:00 PM - 1:00 AM"), /*#__PURE__*/ React.createElement("form", { className: "mt-8 space-y-4", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your Name", className: "block w-full p-2 border", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Your Email", className: "block w-full p-2 border", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Your Message", className: "block w-full p-2 border", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-black text-white", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "Submit")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-grey-200 py-4 text-center", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-x-2", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://facebook.com", className: "fa fa-facebook", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com", className: "fa fa-instagram", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com", className: "fa fa-twitter", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this })))); }