diff --git a/apps/dashboard/src/components/auth/mobile-message.tsx b/apps/dashboard/src/components/auth/mobile-message.tsx
deleted file mode 100644
index 14c9d3d0b74..00000000000
--- a/apps/dashboard/src/components/auth/mobile-message.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Smartphone } from 'lucide-react';
-import { useEffect } from 'react';
-import { post } from '@/api/api.client';
-import { showErrorToast } from '../primitives/sonner-helpers';
-
-const MOBILE_WIDTH_THRESHOLD = 768;
-const ONE_HOUR_MS = 60 * 60 * 1000;
-const MOBILE_SETUP_STORAGE_KEY = 'mobileSetupEmailSentAt';
-
-export function MobileMessage() {
-  useEffect(() => {
-    const notifyMobileSetup = async () => {
-      try {
-        const isMobile = window.innerWidth < MOBILE_WIDTH_THRESHOLD;
-        const lastSentAt = localStorage.getItem(MOBILE_SETUP_STORAGE_KEY);
-
-        const now = Date.now();
-        const shouldSendEmail = !lastSentAt || now - parseInt(lastSentAt) > ONE_HOUR_MS;
-
-        if (isMobile && shouldSendEmail) {
-          localStorage.setItem(MOBILE_SETUP_STORAGE_KEY, now.toString());
-
-          await post('/support/mobile-setup', {});
-        }
-      } catch (e) {
-        showErrorToast('Failed to send mobile setup email, please visit this page from Desktop.');
-      }
-    };
-
-    notifyMobileSetup();
-  }, []);
-
-  return (
-    <div className="flex min-h-[400px] flex-col items-center justify-center space-y-6 px-4 text-center">
-      <div className="rounded-full bg-gray-100 p-4 dark:bg-gray-800">
-        <Smartphone className="h-8 w-8 text-gray-500" />
-      </div>
-      <div className="space-y-3">
-        <h1 className="text-xl font-semibold">Desktop Setup Required</h1>
-        <div className="space-y-2">
-          <p className="text-sm font-medium text-gray-950">👋 Hey, You're Almost There!</p>
-          <p className="text-sm font-medium text-gray-950">
-            We see you signed up from your mobile—nice move! But to complete the Novu setup, you'll need to switch over
-            to your laptop and fire up your favorite IDE.
-          </p>
-          <p className="text-sm text-gray-500">
-            Integrating Novu into your stack means writing some actual code, setting up workflows, configuring Inbox ,
-            and composing your first email.
-          </p>
-          <p className="text-primary text-sm font-medium">
-            Check your inbox! We've sent you the setup instructions to get started.
-          </p>
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/apps/dashboard/src/components/auth/questionnaire-form.tsx b/apps/dashboard/src/components/auth/questionnaire-form.tsx
deleted file mode 100644
index 8007b50df0f..00000000000
--- a/apps/dashboard/src/components/auth/questionnaire-form.tsx
+++ /dev/null
@@ -1,276 +0,0 @@
-import { useOrganization, useUser } from '@clerk/clerk-react';
-import {
-  CompanySizeEnum,
-  JobTitleEnum,
-  jobTitleToLabelMapper,
-  NewDashboardOptInStatusEnum,
-  OrganizationTypeEnum,
-} from '@novu/shared';
-import { useMutation } from '@tanstack/react-query';
-import { AnimatePresence, motion } from 'motion/react';
-import React from 'react';
-import { Controller, useForm } from 'react-hook-form';
-import { useNavigate } from 'react-router-dom';
-import { updateClerkOrgMetadata } from '@/api/organization';
-import { identifyUser } from '@/api/telemetry';
-import { StepIndicator } from '@/components/auth/shared';
-import { Button } from '@/components/primitives/button';
-import { CardDescription, CardTitle } from '@/components/primitives/card';
-import { Form, FormRoot } from '@/components/primitives/form/form';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/primitives/select';
-import { useEnvironment, useFetchEnvironments } from '@/context/environment/hooks';
-import { useSegment } from '@/context/segment/hooks';
-import { useTelemetry } from '@/hooks/use-telemetry';
-import { ROUTES } from '@/utils/routes';
-import { TelemetryEvent } from '@/utils/telemetry';
-
-interface QuestionnaireFormData {
-  jobTitle: JobTitleEnum;
-  organizationType: OrganizationTypeEnum;
-  companySize?: CompanySizeEnum;
-}
-
-interface SubmitQuestionnaireData {
-  jobTitle: JobTitleEnum;
-  organizationType: OrganizationTypeEnum;
-  companySize?: CompanySizeEnum | string;
-  pageUri: string;
-  pageName: string;
-}
-
-export function QuestionnaireForm() {
-  const { organization } = useOrganization();
-  useFetchEnvironments({ organizationId: organization?.id });
-
-  const form = useForm<QuestionnaireFormData>();
-  const { control, watch, handleSubmit } = form;
-  const submitQuestionnaireMutation = useSubmitQuestionnaire();
-  const { user } = useUser();
-  const selectedJobTitle = watch('jobTitle');
-  const selectedOrgType = watch('organizationType');
-  const companySize = watch('companySize');
-
-  const shouldShowCompanySize =
-    (selectedOrgType === OrganizationTypeEnum.COMPANY || selectedOrgType === OrganizationTypeEnum.AGENCY) &&
-    !!selectedJobTitle;
-
-  const isFormValid = React.useMemo(() => {
-    if (!selectedJobTitle || !selectedOrgType) return false;
-    if (shouldShowCompanySize && !companySize) return false;
-
-    return true;
-  }, [selectedJobTitle, selectedOrgType, shouldShowCompanySize, companySize]);
-
-  const onSubmit = async (data: QuestionnaireFormData) => {
-    submitQuestionnaireMutation.mutate({
-      ...data,
-      companySize: data.companySize || '1',
-      pageUri: window.location.href,
-      pageName: 'Create Organization Form',
-    });
-
-    // TODO: Make this more robust for all new sign-ups
-    if (!user?.unsafeMetadata?.newDashboardOptInStatus) {
-      await user?.update({
-        unsafeMetadata: {
-          newDashboardOptInStatus: NewDashboardOptInStatusEnum.OPTED_IN,
-        },
-      });
-      // TODO: Reload shouldn't be necessary as user.update already returns the updated user
-      await user?.reload();
-    }
-  };
-
-  return (
-    <>
-      <div className="w-full max-w-[564px] px-4 pt-10 md:px-0 md:pt-[80px]">
-        <div className="flex flex-col items-center gap-8">
-          <div className="flex w-full max-w-[350px] flex-col gap-1">
-            <div className="flex w-full items-center gap-1.5">
-              <div className="flex flex-1 flex-col gap-1">
-                <StepIndicator step={2} />
-                <CardTitle className="text-foreground-900 text-lg font-medium">
-                  Help us personalize your experience
-                </CardTitle>
-              </div>
-            </div>
-            <CardDescription className="text-foreground-400 text-xs">
-              This helps us set up Novu to match your goals and plan features and improvements.
-            </CardDescription>
-          </div>
-
-          <Form {...form}>
-            <FormRoot onSubmit={handleSubmit(onSubmit)} className="flex w-full max-w-[350px] flex-col gap-8">
-              <div className="flex flex-col gap-7">
-                <div className="flex flex-col gap-[4px]">
-                  <label className="text-foreground-600 text-xs font-medium">Job title</label>
-                  <Controller
-                    name="jobTitle"
-                    control={control}
-                    render={({ field }) => (
-                      <Select value={field.value} onValueChange={field.onChange}>
-                        <SelectTrigger
-                          className={`shadow-regular-shadow-x-small h-[32px] w-full border border-[#E1E4EA] ${field.value ? 'text-[#0E121B]' : 'text-[#99A0AE]'}`}
-                        >
-                          <SelectValue placeholder="What's your nature of work" />
-                        </SelectTrigger>
-                        <SelectContent>
-                          {Object.entries(jobTitleToLabelMapper).map(([value, label], index) => (
-                            <SelectItem key={index} value={value}>
-                              {label}
-                            </SelectItem>
-                          ))}
-                        </SelectContent>
-                      </Select>
-                    )}
-                  />
-                </div>
-
-                <AnimatePresence mode="sync">
-                  {selectedJobTitle && (
-                    <motion.div
-                      initial={{ opacity: 0, y: 4 }}
-                      animate={{ opacity: 1, y: 0 }}
-                      exit={{ opacity: 0, y: 4 }}
-                      transition={{ duration: 0.2, ease: 'easeOut' }}
-                      className="flex flex-col gap-[4px]"
-                    >
-                      <label className="text-xs font-medium text-[#525866]">Organization type</label>
-                      <div className="flex flex-wrap gap-[8px]">
-                        <Controller
-                          name="organizationType"
-                          control={control}
-                          render={({ field }) => (
-                            <>
-                              {Object.values(OrganizationTypeEnum).map((type, index) => (
-                                <Button
-                                  variant="secondary"
-                                  key={index}
-                                  mode="outline"
-                                  size="xs"
-                                  type="button"
-                                  className={`h-[28px] rounded-full px-3 py-1 text-sm ${
-                                    field.value === type ? 'border-[#E1E4EA] bg-[#F2F5F8]' : 'border-[#E1E4EA]'
-                                  }`}
-                                  onClick={() => field.onChange(type)}
-                                >
-                                  {type}
-                                </Button>
-                              ))}
-                            </>
-                          )}
-                        />
-                      </div>
-                    </motion.div>
-                  )}
-
-                  {shouldShowCompanySize && (
-                    <motion.div
-                      initial={{ opacity: 0, y: 4 }}
-                      animate={{ opacity: 1, y: 0 }}
-                      exit={{ opacity: 0, y: 4 }}
-                      transition={{ duration: 0.2, ease: 'easeOut' }}
-                      className="flex flex-col gap-[4px]"
-                    >
-                      <label className="text-xs font-medium text-[#525866]">Company size</label>
-                      <div className="flex flex-wrap gap-[8px]">
-                        <Controller
-                          name="companySize"
-                          control={control}
-                          render={({ field }) => (
-                            <>
-                              {Object.values(CompanySizeEnum).map((size, index) => (
-                                <Button
-                                  variant="secondary"
-                                  key={index}
-                                  mode="outline"
-                                  size="xs"
-                                  type="button"
-                                  className={`h-[28px] rounded-full px-3 py-1 text-sm ${
-                                    field.value === size ? 'border-[#E1E4EA] bg-[#F2F5F8]' : 'border-[#E1E4EA]'
-                                  }`}
-                                  onClick={() => field.onChange(size)}
-                                >
-                                  {size}
-                                </Button>
-                              ))}
-                            </>
-                          )}
-                        />
-                      </div>
-                    </motion.div>
-                  )}
-                </AnimatePresence>
-              </div>
-
-              <AnimatePresence>
-                {isFormValid && (
-                  <motion.div
-                    initial={{ opacity: 0, y: 4 }}
-                    animate={{ opacity: 1, y: 0 }}
-                    exit={{ opacity: 0, y: 4 }}
-                    transition={{ duration: 0.2, ease: 'easeOut' }}
-                    className="flex flex-col gap-3"
-                  >
-                    <Button
-                      type="submit"
-                      isLoading={submitQuestionnaireMutation.isPending}
-                      disabled={submitQuestionnaireMutation.isPending}
-                    >
-                      Continue
-                    </Button>
-                  </motion.div>
-                )}
-              </AnimatePresence>
-            </FormRoot>
-          </Form>
-        </div>
-      </div>
-
-      <div className="hidden w-full max-w-[564px] flex-1 md:block">
-        <img src="/images/auth/ui-org.svg" alt="create-org-illustration" />
-      </div>
-    </>
-  );
-}
-
-function useSubmitQuestionnaire() {
-  const segment = useSegment();
-  const track = useTelemetry();
-  const navigate = useNavigate();
-  const { currentEnvironment } = useEnvironment();
-
-  return useMutation({
-    mutationFn: async (data: SubmitQuestionnaireData) => {
-      await updateClerkOrgMetadata({
-        environment: currentEnvironment!,
-        data: {
-          companySize: data.companySize,
-          jobTitle: data.jobTitle,
-          organizationType: data.organizationType,
-        },
-      });
-
-      const anonymousId = await segment.getAnonymousId();
-
-      await identifyUser({
-        pageUri: data.pageUri,
-        pageName: data.pageName,
-        jobTitle: data.jobTitle,
-        companySize: data.companySize,
-        organizationType: data.organizationType,
-        anonymousId,
-      });
-
-      track(TelemetryEvent.CREATE_ORGANIZATION_FORM_SUBMITTED, {
-        location: 'web',
-        jobTitle: data.jobTitle,
-        companySize: data.companySize,
-        organizationType: data.organizationType,
-      });
-    },
-    onSuccess: () => {
-      navigate(ROUTES.INBOX_USECASE);
-    },
-  });
-}
diff --git a/apps/dashboard/src/components/auth/shared.tsx b/apps/dashboard/src/components/auth/shared.tsx
deleted file mode 100644
index 18a98b636c7..00000000000
--- a/apps/dashboard/src/components/auth/shared.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { RiArrowLeftSLine } from 'react-icons/ri';
-import { useNavigate } from 'react-router-dom';
-import { cn } from '../../utils/ui';
-
-interface StepIndicatorProps {
-  step: number;
-  className?: string;
-  hideBackButton?: boolean;
-}
-
-export function StepIndicator({ step, className, hideBackButton }: StepIndicatorProps) {
-  const navigate = useNavigate();
-
-  function handleGoBack() {
-    navigate(-1);
-  }
-
-  return (
-    <div className={cn('text-foreground-600 inline-flex items-center gap-0.5', className)}>
-      {!hideBackButton && (
-        <button
-          onClick={handleGoBack}
-          className="transition-colors hover:text-gray-700"
-          type="button"
-          aria-label="Go back to previous step"
-        >
-          <RiArrowLeftSLine className="h-4 w-4" />
-        </button>
-      )}
-      <span className="font-label-x-small text-xs">{step}/3</span>
-    </div>
-  );
-}
diff --git a/apps/dashboard/src/components/auth/usecase-selector.tsx b/apps/dashboard/src/components/auth/usecase-selector.tsx
deleted file mode 100644
index 83479c664bc..00000000000
--- a/apps/dashboard/src/components/auth/usecase-selector.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { ChannelTypeEnum } from '@novu/shared';
-import { Card, CardContent } from '../primitives/card';
-import { StepIndicator } from './shared';
-import { Usecase } from './usecases-list.utils';
-
-interface UsecaseSelectOnboardingProps {
-  onHover: (id: ChannelTypeEnum | null) => void;
-  onClick: (id: ChannelTypeEnum) => void;
-  selectedUseCases: ChannelTypeEnum[];
-  channelOptions: Usecase[];
-}
-
-export function UsecaseSelectOnboarding({
-  onHover,
-  onClick,
-  selectedUseCases,
-  channelOptions,
-}: UsecaseSelectOnboardingProps) {
-  return (
-    <div className="flex w-full flex-col items-center justify-center gap-8">
-      <div className="flex w-full flex-col items-start gap-1">
-        <div>
-          <StepIndicator step={3} />
-        </div>
-
-        <div className="flex flex-col gap-1">
-          <h2 className="text-lg font-medium text-[#232529]">How do you plan to use Novu?</h2>
-          <p className="text-xs text-[#717784]">
-            You can route notifications across channels intelligently with Novu's powerful workflows, among the channels
-            below.
-          </p>
-        </div>
-      </div>
-
-      <div className="flex w-full flex-col gap-3" role="listbox" aria-label="Select use cases">
-        {channelOptions.map((option, index) => {
-          const isSelected = selectedUseCases.includes(option.id);
-
-          return (
-            <div
-              key={index}
-              role="option"
-              aria-selected={isSelected}
-              tabIndex={0}
-              onKeyDown={(e) => {
-                if (e.key === 'Enter' || e.key === ' ') {
-                  e.preventDefault();
-                  onClick(option.id);
-                }
-              }}
-              onFocus={() => onHover(option.id)}
-              onBlur={() => onHover(null)}
-            >
-              <Card
-                className={`rounded-xl ${isSelected ? 'shadow-sm' : ''} shadow-xs transition-all duration-300 hover:shadow-sm`}
-                onMouseEnter={() => onHover(option.id)}
-                onMouseLeave={() => onHover(null)}
-                onClick={() => onClick(option.id)}
-              >
-                <CardContent
-                  className={`rounded-[11px] p-[2.5px] hover:cursor-pointer ${
-                    isSelected
-                      ? 'bg-linear-to-tr from-[hsla(310,100%,45%,1)] to-[hsla(20,100%,65%,1)]'
-                      : 'border-transparent'
-                  }`}
-                >
-                  <div className="flex items-start gap-3.5 rounded-[9px] bg-[#ffffff] p-4">
-                    <div
-                      className={`flex h-10 w-10 items-center justify-center opacity-40`}
-                      style={{ color: `hsl(var(--${option.color}))` }}
-                    >
-                      <option.icon className={`h-8 w-8 fill-${option.color} stroke-${option.color}`} />
-                    </div>
-                    <div className="flex flex-col gap-1">
-                      <h3 className="text-sm font-medium text-[#232529]">{option.title}</h3>
-                      <p className="text-xs text-[#717784]">{option.description}</p>
-                    </div>
-                  </div>
-                </CardContent>
-              </Card>
-            </div>
-          );
-        })}
-      </div>
-    </div>
-  );
-}
diff --git a/apps/dashboard/src/components/auth/usecases-list.utils.tsx b/apps/dashboard/src/components/auth/usecases-list.utils.tsx
deleted file mode 100644
index fdccb0e7029..00000000000
--- a/apps/dashboard/src/components/auth/usecases-list.utils.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { ChannelTypeEnum, StepTypeEnum } from '@novu/shared';
-import { IconType } from 'react-icons/lib';
-import { STEP_TYPE_TO_COLOR } from '../../utils/color';
-import { STEP_TYPE_TO_ICON } from '../icons/utils';
-
-export interface Usecase {
-  icon: IconType;
-  title: string;
-  color: string;
-  id: ChannelTypeEnum;
-  description: string;
-  image: string;
-}
-
-export const getChannelOptions = () => [
-  {
-    icon: STEP_TYPE_TO_ICON[StepTypeEnum.IN_APP],
-    title: 'Inbox',
-    color: STEP_TYPE_TO_COLOR[StepTypeEnum.IN_APP],
-    id: ChannelTypeEnum.IN_APP,
-    description: 'Embed real-time <Inbox/> in your product',
-    image: 'in_app-preview-v3.webp',
-  },
-  {
-    icon: STEP_TYPE_TO_ICON[StepTypeEnum.EMAIL],
-    title: 'E-Mail',
-    color: STEP_TYPE_TO_COLOR[StepTypeEnum.EMAIL],
-    id: ChannelTypeEnum.EMAIL,
-    description: 'Sends Emails to your users',
-    image: 'email-preview.webp',
-  },
-  {
-    icon: STEP_TYPE_TO_ICON[StepTypeEnum.SMS],
-    title: 'SMS',
-    color: STEP_TYPE_TO_COLOR[StepTypeEnum.SMS],
-    id: ChannelTypeEnum.SMS,
-    description: 'Sends SMS messages to your users',
-    image: 'sms-preview.webp',
-  },
-  {
-    icon: STEP_TYPE_TO_ICON[StepTypeEnum.PUSH],
-    title: 'Push',
-    color: STEP_TYPE_TO_COLOR[StepTypeEnum.PUSH],
-    id: ChannelTypeEnum.PUSH,
-    description: 'Send push notifications to your users',
-    image: 'push-preview.webp',
-  },
-  {
-    icon: STEP_TYPE_TO_ICON[StepTypeEnum.CHAT],
-    title: 'Chat',
-    color: STEP_TYPE_TO_COLOR[StepTypeEnum.CHAT],
-    id: ChannelTypeEnum.CHAT,
-    description: 'Send Slack and other chat notifications',
-    image: 'chat-preview.webp',
-  },
-];