function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-r from-[#6EE7B7] via-[#3B82F6] to-[#9333EA] flex flex-col items-center justify-center text-white", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home fa-3x", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { className: "my-5", __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 }, "Home"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Contact"))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md overflow-hidden rounded-lg", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex snap-x space-x-1 snap-mandatory overflow-auto", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "snap-center shrink-0 w-full max-w-md h-[400px] flex items-center justify-center bg-[#FDE68A]", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Slide 1"), /*#__PURE__*/ React.createElement("div", { className: "snap-center shrink-0 w-full max-w-md h-[400px] flex items-center justify-center bg-[#FCA5A5]", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Slide 2"), /*#__PURE__*/ React.createElement("div", { className: "snap-center shrink-0 w-full max-w-md h-[400px] flex items-center justify-center bg-[#A5B4FC]", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Slide 3")))); }