function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#07070E] min-h-screen flex justify-center items-center text-center font-inter", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6 w-[650px]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#5E5E6C] uppercase text-sm tracking-widest", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "A NEW WAY TO THINK ABOUT FINANCE"), /*#__PURE__*/ React.createElement("h1", { className: "text-6xl font-bold", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-gradient-to-b text-transparent bg-clip-text from-[#5F5F6C] to-[#9E9EA5] font-normal text-[59px]", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Join the waitlist for the"), /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "bg-clip-text text-transparent bg-gradient-to-r from-[#ff6f61] via-[#ff9671] to-[#845ec2] animate-gradient font-normal", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Design System!")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative bg-[#181818] p-4 rounded-lg flex items-center", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-[#666666] absolute left-4", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your name", className: "bg-transparent border-none w-full pl-10 focus:outline-none text-[#e0e0e0]", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative bg-[#181818] p-4 rounded-lg flex items-center", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-[#666666] absolute left-4", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Your email", className: "bg-transparent border-none w-full pl-10 focus:outline-none text-[#e0e0e0]", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-[#232323] text-[#ffffff] py-4 rounded-lg w-full flex items-center justify-center space-x-2", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Join the waitlist"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-[#555555]", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "AlignUI is coming to Figma soon. ", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 32, columnNumber: 44 }, __self: this }), "Designed by ", /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 33, columnNumber: 23 }, __self: this }, "@ersadwork"), " to give you back your time. ", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 33, columnNumber: 99 }, __self: this }), "Forms by ", /*#__PURE__*/ React.createElement("span", { className: "font-medium text-[#3883d8]", __source: { fileName: "", lineNumber: 34, columnNumber: 20 }, __self: this }, "formcarry"), "."))); } /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 41, columnNumber: 1 }, __self: this }, ` @keyframes gradientAnimation { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .animate-gradient { background-size: 200% 200%; animation: gradientAnimation 5s ease infinite; } `);

Join the waitlist for theDesign System!

Join the waitlist for the
Design System!