diff --git a/src/App.tsx b/src/App.tsx
index 5d19d04..85ab4e6 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -12,6 +12,7 @@ import PrivacyPolicy from "@/pages/PrivacyPolicy.tsx";
 import Footer from "@/components/Footer.tsx";
 import SpeakerInfo from "@/components/SpeakerInfo.tsx";
 import {AppProvider} from "@/context/AppContext.tsx";
+import TicketsPage from "@/pages/TicketsPage.tsx";
 
 const queryClient = new QueryClient();
 
@@ -31,6 +32,7 @@ const App = () => {
                 <Route path="/code-of-conduct" element={<CodeOfConduct />}/>
                 <Route path="/privacy-policy" element={<PrivacyPolicy/>}/>
                 <Route path="/speaker/:speakerId" element={<SpeakerInfo/>}/>
+                  <Route path="/boletos" element={<TicketsPage />} />
               </Routes>
             </main>
             <Footer />
diff --git a/src/pages/Loading.tsx b/src/pages/Loading.tsx
index 63bf16e..4120306 100644
--- a/src/pages/Loading.tsx
+++ b/src/pages/Loading.tsx
@@ -2,7 +2,7 @@ import React, {useEffect, useState} from "react";
 import posadevLogo from "@/img/posadev-logo.png";
 import CaneCandy from "@/components/ui/caneCandy.tsx";
 
-const Loading =({ count = 3, size = 14, gap = 8 })=> {
+const Loading =({ count = 3, size = 14, text = null })=> {
     const [visibleCount, setVisibleCount] = useState(1);
 
     useEffect(() => {
@@ -28,6 +28,7 @@ const Loading =({ count = 3, size = 14, gap = 8 })=> {
                     alt="Logo de Posadev"
                     className="h-32 md:h-48 w-auto animate-fade-in mb-4"
                 />
+                {text && <h1 className="text-center text-white text-3xl font-bold md:text-5xl candy-text" style={{ animation: "colorShift 0.2s infinite alternate"}}>{text}</h1>}
                 <h1 className="hidden text-white text-3xl font-bold md:text-5xl candy-text" style={{ animation: "colorShift 1.2s infinite alternate"}}>Cargando</h1>
             </div>
             <div style={{ display: "flex", alignItems: "flex-end" }}>
diff --git a/src/pages/TicketsPage.tsx b/src/pages/TicketsPage.tsx
new file mode 100644
index 0000000..076f992
--- /dev/null
+++ b/src/pages/TicketsPage.tsx
@@ -0,0 +1,12 @@
+import {useEffect} from "react";
+import Loading from "@/pages/Loading.tsx";
+
+const TicketsPage = () => {
+    useEffect(() => {
+        window.location.href = "https://boletos.posadev.org/event/5/posadev";
+    }, []);
+
+  return (<Loading text="Redirigiendo a boletos"></Loading>)
+}
+
+export default TicketsPage;
\ No newline at end of file