diff --git a/app/components/layout/page-footer.tsx b/app/components/layout/page-footer.tsx
index 0cb3d45f..0338b834 100644
--- a/app/components/layout/page-footer.tsx
+++ b/app/components/layout/page-footer.tsx
@@ -1,11 +1,14 @@
+import { useOptionalUser } from '#app/utils/user'
 import Logo from '../logo'
 import { ThemeSwitch } from '../theme-switch'
 
 const PageFooter = () => {
+	const user = useOptionalUser()
+
 	return (
 		<div className="container flex justify-between pb-5">
 			<Logo />
-			<ThemeSwitch />
+			{user ? <ThemeSwitch /> : '🔺'}
 		</div>
 	)
 }
diff --git a/app/components/layout/page-header.tsx b/app/components/layout/page-header.tsx
index ed07791e..24fa3f85 100644
--- a/app/components/layout/page-header.tsx
+++ b/app/components/layout/page-header.tsx
@@ -1,6 +1,7 @@
 import { Link } from '@remix-run/react'
 import { useOptionalUser } from '#app/utils/user'
 import Logo from '../logo'
+import { ThemeSwitch } from '../theme-switch'
 import { Button } from '../ui/button'
 import { UserDropdown } from '../user-dropdown'
 
@@ -12,13 +13,7 @@ const PageHeader = () => {
 			<nav className="flex flex-wrap items-center justify-between gap-4 sm:flex-nowrap md:gap-8">
 				<Logo />
 				<div className="flex items-center gap-10">
-					{user ? (
-						<UserDropdown />
-					) : (
-						<Button asChild variant="default" size="lg">
-							<Link to="/">Coming Soon</Link>
-						</Button>
-					)}
+					{user ? <UserDropdown /> : <ThemeSwitch />}
 				</div>
 			</nav>
 		</header>
diff --git a/app/routes/_marketing+/index.tsx b/app/routes/_marketing+/index.tsx
index a505d70b..a964ce3b 100644
--- a/app/routes/_marketing+/index.tsx
+++ b/app/routes/_marketing+/index.tsx
@@ -42,7 +42,6 @@ export async function loader({ params, request }: LoaderFunctionArgs) {
 export default function Index() {
 	const data = useLoaderData<typeof loader>()
 	const { user } = data
-	console.log(user)
 
 	return (
 		<MarketingMainLayout>