diff --git a/apps/web/modules/onboarding/getting-started/onboarding-view.tsx b/apps/web/modules/onboarding/getting-started/onboarding-view.tsx
index d9e49c1c27..4a908efa8e 100644
--- a/apps/web/modules/onboarding/getting-started/onboarding-view.tsx
+++ b/apps/web/modules/onboarding/getting-started/onboarding-view.tsx
@@ -8,11 +8,11 @@ import classNames from "@calcom/ui/classNames";
import { Badge } from "@calcom/ui/components/badge";
import { Button } from "@calcom/ui/components/button";
import { type IconName } from "@calcom/ui/components/icon";
-import { Logo } from "@calcom/ui/components/logo";
import { RadioAreaGroup } from "@calcom/ui/components/radio";
import { OnboardingContinuationPrompt } from "../components/onboarding-continuation-prompt";
import { PlanIcon } from "../components/plan-icon";
+import { OnboardingLayout } from "../personal/_components/OnboardingLayout";
import { useOnboardingStore, type PlanType } from "../store/onboarding-store";
type OnboardingViewProps = {
@@ -77,28 +77,10 @@ export const OnboardingView = ({ userName, userEmail }: OnboardingViewProps) =>
});
return (
-
+ <>
- {/* Header */}
-
-
-
- {/* Progress dots - centered */}
-
-
-
-
-
- {/* Main content */}
-
-
+
+
{/* Card */}
@@ -173,7 +155,7 @@ export const OnboardingView = ({ userName, userEmail }: OnboardingViewProps) =>
-
-
+
+ >
);
};
diff --git a/apps/web/modules/onboarding/personal/_components/OnboardingLayout.tsx b/apps/web/modules/onboarding/personal/_components/OnboardingLayout.tsx
index 23fa842640..659e09e8ee 100644
--- a/apps/web/modules/onboarding/personal/_components/OnboardingLayout.tsx
+++ b/apps/web/modules/onboarding/personal/_components/OnboardingLayout.tsx
@@ -1,5 +1,10 @@
+"use client";
+
+import { signOut } from "next-auth/react";
import type { ReactNode } from "react";
+import { useLocale } from "@calcom/lib/hooks/useLocale";
+import { Button } from "@calcom/ui/components/button";
import { Logo } from "@calcom/ui/components/logo";
type OnboardingLayoutProps = {
@@ -9,6 +14,12 @@ type OnboardingLayoutProps = {
};
export const OnboardingLayout = ({ userEmail, currentStep, children }: OnboardingLayoutProps) => {
+ const { t } = useLocale();
+
+ const handleSignOut = () => {
+ signOut({ callbackUrl: "/auth/logout" });
+ };
+
return (
{/* Header */}
@@ -33,9 +44,16 @@ export const OnboardingLayout = ({ userEmail, currentStep, children }: Onboardin
{/* Main content */}
-
+
+
+ {/* Footer with signout button */}
+
+
+
);
};