function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-sans", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-gray-800 text-white p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "WSOE"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 p-2 rounded", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Donate")), /*#__PURE__*/ React.createElement("nav", { className: "bg-gray-700 text-white p-2 flex justify-around", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "Blog"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Schedule"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "Sports"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Giveaways")), /*#__PURE__*/ React.createElement("section", { className: "p-6", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative bg-gray-300 h-[300px] flex items-center justify-center", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Welcome Back!"), /*#__PURE__*/ React.createElement("button", { className: "absolute bottom-4 left-4 p-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "How to get involved!")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mt-4", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-200 p-4 w-[200px] text-center", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/hopscotch.jpg", alt: "Hopscotch event", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-200 p-4 w-[200px] text-center", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/around_town.jpg", alt: "Around the Town event", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { className: "p-6", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "Reviews"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-200 h-[100px]", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/review1.jpg", alt: "Review 1", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-200 h-[100px]", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/review2.jpg", alt: "Review 2", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-200 h-[100px]", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/review3.jpg", alt: "Review 3", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { className: "p-6", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "Spotify Playlists"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-200 h-[100px]", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/playlist1.jpg", alt: "Spotify Playlist 1", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-200 h-[100px]", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/playlist2.jpg", alt: "Spotify Playlist 2", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-200 h-[100px]", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/playlist3.jpg", alt: "Spotify Playlist 3", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { className: "p-6", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "DJ of the Week"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-200 h-[200px] p-4", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/dj_of_the_week.jpg", alt: "DJ of the Week", className: "w-full h-[100px] object-cover mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "Name: "), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "Show: "), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "Tune in @ 6pm!"))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-800 text-white p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-facebook", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fa fa-twitter", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fa fa-instagram", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, "#WSOE893FM"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "@wsoe893")))); }