/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "py-4 px-6 bg-gray-900", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white text-4xl font-roboto font-bold", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Music Artist"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Music")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white font-roboto", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, "Events")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Contact")))))), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col flex-1 justify-center items-center", __source: { fileName: "", lineNumber: 26, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl p-8", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-roboto font-bold mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, "Welcome to Music Artist"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto text-gray-700 mb-6", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam rutrum orci sed ipsum vulputate, id pretium mi pulvinar. Aliquam erat volutpat. Nam id erat ac lorem pellentesque faucibus id quis ex. Sed viverra nisl magna, sed molestie lacus consectetur nec. Sed gravida tincidunt urna, non consequat mauris interdum vitae."), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "px-4 py-2 bg-gray-900 text-white rounded font-roboto hover:bg-gray-800", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "Listen Now"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "px-4 py-2 bg-gray-300 text-gray-900 rounded font-roboto hover:bg-gray-200", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "Watch Video")))));