diff --git a/frontend/src/components/hosted/CheckoutSuccessPage.tsx b/frontend/src/components/hosted/CheckoutSuccessPage.tsx
new file mode 100644
index 0000000..106ffe9
--- /dev/null
+++ b/frontend/src/components/hosted/CheckoutSuccessPage.tsx
@@ -0,0 +1,20 @@
+import React, { useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+
+const CheckoutSuccessPage: React.FC = () => {
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    // Redirect to home page after a short delay
+    const redirectTimer = setTimeout(() => {
+      navigate("/");
+    }, 200);
+
+    // Clean up the timer if the component unmounts
+    return () => clearTimeout(redirectTimer);
+  }, [navigate]);
+
+  return <div></div>;
+};
+
+export default CheckoutSuccessPage;
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index 3e51f97..f09063c 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -8,6 +8,7 @@ import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 import { CLERK_PUBLISHABLE_KEY } from "./config.ts";
 import "./index.css";
 import PricingPage from "./components/hosted/PricingPage.tsx";
+import CheckoutSuccessPage from "./components/hosted/CheckoutSuccessPage.tsx";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
@@ -23,6 +24,7 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
           <Route path="/" element={<AppContainer />} />
           <Route path="/evals" element={<EvalsPage />} />
           <Route path="/pricing" element={<PricingPage />} />
+          <Route path="/checkout/success" element={<CheckoutSuccessPage />} />
         </Routes>
       </Router>
       <Toaster