SaaS starter

import { AuthProvider, useAuth } from "./auth";
import { useHashRoute } from "./router";
import { Layout } from "./components/Layout";
import { Landing } from "./pages/Landing";
import { Pricing } from "./pages/Pricing";
import { SignIn, SignUp } from "./pages/Auth";
import { Dashboard } from "./pages/Dashboard";
import { Settings } from "./pages/Settings";

function Routes() {
  const path = useHashRoute("/");
  const { user } = useAuth();
  if (path.startsWith("/app")) {
    if (!user) return <SignIn redirectTo={path} />;
    if (path === "/app/settings") return <Settings />;
    return <Dashboard />;
  }
  switch (path) {
    case "/pricing":
      return <Pricing />;
    case "/signin":
      return <SignIn redirectTo="/app" />;
    case "/signup":
      return <SignUp />;
    default:
      return <Landing />;
  }
}

export default function App() {
  return (
    <AuthProvider>
      <Layout>
        <Routes />
      </Layout>
    </AuthProvider>
  );
}