+ )
+ }
+
+ // If signed in, redirect to admin dashboard
+ if (isSignedIn) {
+ return
+ }
+
+ // If not signed in, show landing page
+ return
+}
diff --git a/client-new/src/components/auth/ProtectedRoute.tsx b/client-new/src/components/auth/ProtectedRoute.tsx
new file mode 100644
index 0000000..ea4b35f
--- /dev/null
+++ b/client-new/src/components/auth/ProtectedRoute.tsx
@@ -0,0 +1,28 @@
+import { useAuth } from '@clerk/clerk-react'
+import { Navigate } from 'react-router-dom'
+import { ReactNode } from 'react'
+
+interface ProtectedRouteProps {
+ children: ReactNode
+}
+
+export default function ProtectedRoute({ children }: ProtectedRouteProps) {
+ const { isSignedIn, isLoaded } = useAuth()
+
+ // Wait for auth to load
+ if (!isLoaded) {
+ return (
+
+
+
+ )
+ }
+
+ // If not signed in, redirect to sign-in page
+ if (!isSignedIn) {
+ return
+ }
+
+ // If signed in, render the protected content
+ return <>{children}
+}
diff --git a/client-new/src/components/layout/Layout.tsx b/client-new/src/components/layout/Layout.tsx
new file mode 100644
index 0000000..013fac7
--- /dev/null
+++ b/client-new/src/components/layout/Layout.tsx
@@ -0,0 +1,13 @@
+import { Outlet } from 'react-router-dom'
+import Navbar from './Navbar'
+
+export default function Layout() {
+ return (
+