function MainComponent() { return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("link", { href: "https://fonts.googleapis.com/css2?family=Simonetta&family=Raleway:wght@300;600;700&display=swap", rel: "stylesheet", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { href: "https://fonts.cdnfonts.com/css/europa-grotesk-nr-2-sh", rel: "stylesheet", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row w-full h-screen bg-white overflow-hidden", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "order-2 md:order-1 w-full md:w-1/2 bg-white md:bg-[#FAFAFA] flex items-start md:items-center justify-center relative h-[35vh] md:h-full", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed md:absolute top-0 left-0 p-4 pl-8 md:p-6 md:pl-16 z-10", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-simonetta text-4xl", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Q")), /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/0cf79c8a-b7f9-4b49-b352-d40e3afd3a6c/-/format/auto/", alt: "Qosta Club features diagram", className: "max-w-[85%] md:max-w-[110%] h-auto relative z-10 -mt-32 md:mt-0", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "order-1 md:order-2 w-full md:w-1/2 bg-white relative flex flex-col items-center justify-center h-[60vh] md:h-full", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-[0.5rem] md:top-4 right-0 p-4 pr-8 md:p-6 md:pr-16", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-raleway font-semibold text-xl text-gray-800 whitespace-nowrap", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Qosta Club")), /*#__PURE__*/ React.createElement("div", { className: "text-center max-w-[500px] -mt-8 md:mt-0", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-europa-grotesk-nr-2-sh font-normal text-4xl md:text-5xl mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-800", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "Domina"), " los ", /*#__PURE__*/ React.createElement("span", { style: { color: '#427c5f' }, __source: { fileName: "", lineNumber: 23, columnNumber: 65 }, __self: this }, "Mercados")), /*#__PURE__*/ React.createElement("p", { className: "font-light text-sm text-gray-600 tracking-tight leading-normal mb-8", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Descubre cómo dominar el trading y gestionar riesgos de manera profesional mientras construyes un camino hacia la rentabilidad."), /*#__PURE__*/ React.createElement("a", { href: "https://linktw.in/dIoaqI", target: "_blank", rel: "noopener noreferrer", className: "flex items-center justify-between w-[220px] bg-[#427c5f] hover:bg-[#386b51] text-white px-6 py-3 rounded-xl font-raleway font-semibold transition-colors mx-auto text-sm", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "Entra Ahora"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-5 w-[1.5px] bg-gray-400", __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("svg", { className: "w-4 h-4 text-white", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("line", { x1: "5", y1: "19", x2: "19", y2: "5", __source: { fileName: "", lineNumber: 46, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("polyline", { points: "19 15 19 5 9 5", __source: { fileName: "", lineNumber: 47, columnNumber: 19 }, __self: this })))))))); }

Domina los Mercados