diff --git a/packages/shared/src/components/Feed.tsx b/packages/shared/src/components/Feed.tsx
index 00da33cb945..a8347bc1af6 100644
--- a/packages/shared/src/components/Feed.tsx
+++ b/packages/shared/src/components/Feed.tsx
@@ -106,7 +106,6 @@ export interface FeedProps<T>
   isHorizontal?: boolean;
   feedContainerRef?: React.Ref<HTMLDivElement>;
   disableListFrame?: boolean;
-  disableBriefCard?: boolean;
 }
 
 interface RankVariables {
@@ -210,7 +209,6 @@ export default function Feed<T>({
   isHorizontal = false,
   feedContainerRef,
   disableListFrame = false,
-  disableBriefCard = false,
 }: FeedProps<T>): ReactElement {
   const origin = Origin.Feed;
   const { logEvent } = useLogContext();
@@ -258,8 +256,7 @@ export default function Feed<T>({
     hasNoBriefAction &&
     !hasDismissedBriefCard &&
     !showProfileCompletionCard &&
-    !isProfileCompletionCardLoading &&
-    !disableBriefCard;
+    !isProfileCompletionCardLoading;
   const { value: briefCardFeatureValue } = useConditionalFeature({
     feature: briefCardFeedFeature,
     shouldEvaluate: shouldEvaluateBriefCard,
diff --git a/packages/shared/src/components/MainFeedLayout.tsx b/packages/shared/src/components/MainFeedLayout.tsx
index 7a6f0e02c2c..4ece9472027 100644
--- a/packages/shared/src/components/MainFeedLayout.tsx
+++ b/packages/shared/src/components/MainFeedLayout.tsx
@@ -183,8 +183,6 @@ export interface MainFeedLayoutProps
   navChildren?: ReactNode;
   isFinder?: boolean;
   onNavTabClick?: (tab: string) => void;
-  hideFeedActionButtons?: boolean;
-  disableBriefCard?: boolean;
 }
 
 const getQueryBasedOnLogin = (
@@ -224,8 +222,6 @@ export default function MainFeedLayout({
   navChildren,
   isFinder,
   onNavTabClick,
-  hideFeedActionButtons,
-  disableBriefCard,
 }: MainFeedLayoutProps): ReactElement {
   useScrollRestoration();
   const { sortingEnabled, loadedSettings } = useContext(SettingsContext);
@@ -519,7 +515,7 @@ export default function MainFeedLayout({
           feedName: SharedFeedPage.Custom,
         },
         emptyScreen: propsByFeed[feedName]?.emptyScreen || <FeedEmptyScreen />,
-        actionButtons: feedWithActions && !hideFeedActionButtons && (
+        actionButtons: feedWithActions && (
           <SearchControlHeader
             algoState={[selectedAlgo, handleSelectedAlgoChange]}
             feedName={feedName}
@@ -599,7 +595,7 @@ export default function MainFeedLayout({
       query: config.query,
       variables,
       emptyScreen: propsByFeed[feedName]?.emptyScreen || <FeedEmptyScreen />,
-      actionButtons: feedWithActions && !hideFeedActionButtons && (
+      actionButtons: feedWithActions && (
         <SearchControlHeader
           algoState={[selectedAlgo, handleSelectedAlgoChange]}
           feedName={feedName}
@@ -636,7 +632,6 @@ export default function MainFeedLayout({
     isLaptop,
     loadedAlgo,
     tokenRefreshed,
-    hideFeedActionButtons,
   ]);
 
   useEffect(() => {
@@ -740,7 +735,6 @@ export default function MainFeedLayout({
           <Feed
             {...feedProps}
             shortcuts={shortcuts}
-            disableBriefCard={disableBriefCard}
             className={classNames(
               shouldUseListFeedLayout && !isFinder && 'laptop:px-6',
             )}
diff --git a/packages/shared/src/components/auth/AuthOptionsInner.tsx b/packages/shared/src/components/auth/AuthOptionsInner.tsx
index d8e88188139..6c18a2f66fe 100644
--- a/packages/shared/src/components/auth/AuthOptionsInner.tsx
+++ b/packages/shared/src/components/auth/AuthOptionsInner.tsx
@@ -60,8 +60,6 @@ import {
   DATE_SINCE_ACTIONS_REQUIRED,
   onboardingCompletedActions,
 } from '../../hooks/auth';
-import { useConditionalFeature } from '../../hooks/useConditionalFeature';
-import { featureOnboardingV2 } from '../../lib/featureManagement';
 
 const AuthDefault = dynamic(
   () => import(/* webpackChunkName: "authDefault" */ './AuthDefault'),
@@ -139,7 +137,6 @@ function AuthOptionsInner({
   compact,
   autoTriggerProvider,
   socialProviderScopes,
-  acceptedMarketing,
 }: AuthOptionsProps): ReactElement {
   const { displayToast } = useToastNotification();
   const { syncSettings } = useSettingsContext();
@@ -153,12 +150,6 @@ function AuthOptionsInner({
   const router = useRouter();
   const isOnboardingOrFunnel =
     !!router?.pathname?.startsWith('/onboarding') || isFunnel;
-  const { value: isOnboardingV2 } = useConditionalFeature({
-    feature: featureOnboardingV2,
-    shouldEvaluate: trigger === AuthTriggers.Onboarding,
-  });
-  const shouldAutoCompleteOnboarding =
-    trigger === AuthTriggers.Onboarding && isOnboardingV2;
   const [activeDisplay, setActiveDisplay] = useState(() =>
     storage.getItem(SIGNIN_METHOD_KEY) && !forceDefaultDisplay
       ? AuthDisplay.SignBack
@@ -355,8 +346,6 @@ function AuthOptionsInner({
       }
     } else if (trigger === AuthTriggers.RecruiterSelfServe) {
       await autoCompleteProfile(user.email, user.name, false);
-    } else if (shouldAutoCompleteOnboarding) {
-      await autoCompleteProfile(user.email, user.name, acceptedMarketing);
     } else {
       onSetActiveDisplay(AuthDisplay.SocialRegistration);
     }
@@ -465,16 +454,10 @@ function AuthOptionsInner({
       return;
     }
 
-    if (
-      trigger === AuthTriggers.RecruiterSelfServe ||
-      shouldAutoCompleteOnboarding
-    ) {
+    if (trigger === AuthTriggers.RecruiterSelfServe) {
       setIsSocialAuthLoading(false);
       const loggedUser = boot.user as LoggedUser;
-      const marketing = shouldAutoCompleteOnboarding
-        ? acceptedMarketing
-        : false;
-      await autoCompleteProfile(loggedUser.email, loggedUser.name, marketing);
+      await autoCompleteProfile(loggedUser.email, loggedUser.name, false);
       return;
     }
 
@@ -699,7 +682,6 @@ function AuthOptionsInner({
             hints={hint}
             isLoading={isProfileUpdateLoading}
             onUpdateHints={onUpdateHint}
-            trigger={trigger}
             simplified={simplified}
             {...(user?.isPlus && {
               title: 'Complete your profile',
diff --git a/packages/shared/src/components/auth/OnboardingRegistrationForm.tsx b/packages/shared/src/components/auth/OnboardingRegistrationForm.tsx
index ce4b4d7ab9f..2a7cad999f8 100644
--- a/packages/shared/src/components/auth/OnboardingRegistrationForm.tsx
+++ b/packages/shared/src/components/auth/OnboardingRegistrationForm.tsx
@@ -5,7 +5,7 @@ import { providerMap } from './common';
 import OrDivider from './OrDivider';
 import { useLogContext } from '../../contexts/LogContext';
 import type { AuthTriggersType } from '../../lib/auth';
-import { AuthEventNames, AuthTriggers } from '../../lib/auth';
+import { AuthEventNames } from '../../lib/auth';
 import type { ButtonProps } from '../buttons/Button';
 import { Button, ButtonSize, ButtonVariant } from '../buttons/Button';
 import { isIOSNative } from '../../lib/func';
@@ -13,8 +13,6 @@ import { isIOSNative } from '../../lib/func';
 import { MemberAlready } from '../onboarding/MemberAlready';
 import SignupDisclaimer from './SignupDisclaimer';
 import { FunnelTargetId } from '../../features/onboarding/types/funnelEvents';
-import { useConditionalFeature } from '../../hooks/useConditionalFeature';
-import { featureOnboardingV2 } from '../../lib/featureManagement';
 
 interface ClassName {
   onboardingSignup?: string;
@@ -112,10 +110,6 @@ export const OnboardingRegistrationForm = ({
   compact,
 }: OnboardingRegistrationFormProps): ReactElement => {
   const { logEvent } = useLogContext();
-  const { value: isOnboardingV2 } = useConditionalFeature({
-    feature: featureOnboardingV2,
-    shouldEvaluate: trigger === AuthTriggers.Onboarding,
-  });
 
   const trackOpenSignup = () => {
     logEvent({
@@ -169,9 +163,8 @@ export const OnboardingRegistrationForm = ({
           <MemberAlready
             onLogin={() => onExistingEmail?.('')}
             className={{
-              container: isOnboardingV2
-                ? 'mx-auto mt-6 w-full justify-center border-t border-border-subtlest-tertiary pt-6 text-center text-text-secondary typo-callout'
-                : 'mx-auto mt-6 text-center text-text-secondary typo-callout',
+              container:
+                'mx-auto mt-6 text-center text-text-secondary typo-callout',
               login: '!text-inherit',
             }}
           />
diff --git a/packages/shared/src/components/auth/RegistrationForm.tsx b/packages/shared/src/components/auth/RegistrationForm.tsx
index 05d2200466a..b0375e32bbb 100644
--- a/packages/shared/src/components/auth/RegistrationForm.tsx
+++ b/packages/shared/src/components/auth/RegistrationForm.tsx
@@ -10,8 +10,6 @@ import type {
   RegistrationParameters,
 } from '../../lib/auth';
 import { AuthEventNames, AuthTriggers } from '../../lib/auth';
-import { useConditionalFeature } from '../../hooks/useConditionalFeature';
-import { featureOnboardingV2 } from '../../lib/featureManagement';
 import { formToJson } from '../../lib/form';
 import { Button, ButtonVariant, ButtonSize } from '../buttons/Button';
 import { PasswordField } from '../fields/PasswordField';
@@ -85,11 +83,7 @@ const RegistrationForm = ({
   const [isSubmitted, setIsSubmitted] = useState<boolean>(false);
   const [name, setName] = useState('');
   const isRecruiterOnboarding = trigger === AuthTriggers.RecruiterSelfServe;
-  const { value: isOnboardingV2 } = useConditionalFeature({
-    feature: featureOnboardingV2,
-    shouldEvaluate: trigger === AuthTriggers.Onboarding,
-  });
-  const hideExperienceLevel = isRecruiterOnboarding || isOnboardingV2;
+  const hideExperienceLevel = isRecruiterOnboarding;
   const {
     username,
     setUsername,
@@ -433,11 +427,9 @@ const RegistrationForm = ({
               saveHintSpace
             />
           )}
-          {!isOnboardingV2 && (
-            <Checkbox name="optOutMarketing">
-              I don&apos;t want to receive updates and promotions via email
-            </Checkbox>
-          )}
+          <Checkbox name="optOutMarketing">
+            I don&apos;t want to receive updates and promotions via email
+          </Checkbox>
           <ConditionalWrapper
             condition={simplified ?? false}
             wrapper={(component) => (
diff --git a/packages/shared/src/components/auth/SocialRegistrationForm.tsx b/packages/shared/src/components/auth/SocialRegistrationForm.tsx
index 041befb3f52..1d299fd8119 100644
--- a/packages/shared/src/components/auth/SocialRegistrationForm.tsx
+++ b/packages/shared/src/components/auth/SocialRegistrationForm.tsx
@@ -1,13 +1,8 @@
 import classNames from 'classnames';
 import type { MutableRefObject, ReactElement } from 'react';
 import React, { useContext, useEffect, useState } from 'react';
-import type {
-  AuthTriggersType,
-  SocialRegistrationParameters,
-} from '../../lib/auth';
-import { AuthEventNames, AuthTriggers } from '../../lib/auth';
-import { useConditionalFeature } from '../../hooks/useConditionalFeature';
-import { featureOnboardingV2 } from '../../lib/featureManagement';
+import type { SocialRegistrationParameters } from '../../lib/auth';
+import { AuthEventNames } from '../../lib/auth';
 import { formToJson } from '../../lib/form';
 import { Button, ButtonVariant } from '../buttons/Button';
 import ImageInput from '../fields/ImageInput';
@@ -37,7 +32,6 @@ export interface SocialRegistrationFormProps extends AuthFormProps {
   provider?: string;
   formRef?: MutableRefObject<HTMLFormElement>;
   title?: string;
-  trigger: AuthTriggersType;
   hints?: ProfileFormHint;
   onUpdateHints?: (errors: ProfileFormHint) => void;
   onSignup?: (params: SocialRegistrationParameters) => void;
@@ -59,15 +53,9 @@ export const SocialRegistrationForm = ({
   onSignup,
   isLoading,
   simplified,
-  trigger,
 }: SocialRegistrationFormProps): ReactElement => {
   const { logEvent } = useLogContext();
   const { user } = useContext(AuthContext);
-  const { value: isOnboardingV2 } = useConditionalFeature({
-    feature: featureOnboardingV2,
-    shouldEvaluate: trigger === AuthTriggers.Onboarding,
-  });
-  const hideExperienceLevel = isOnboardingV2;
   const [nameHint, setNameHint] = useState<string>(null);
   const [usernameHint, setUsernameHint] = useState<string>(null);
   const [experienceLevelHint, setExperienceLevelHint] = useState<string>(null);
@@ -126,7 +114,7 @@ export const SocialRegistrationForm = ({
       return;
     }
 
-    if (!hideExperienceLevel && !values.experienceLevel?.length) {
+    if (!values.experienceLevel?.length) {
       logError('Experience level not provided');
       setExperienceLevelHint('Please select your experience level');
       return;
@@ -237,20 +225,18 @@ export const SocialRegistrationForm = ({
           }
           rightIcon={isLoadingUsername ? <Loader /> : null}
         />
-        {!hideExperienceLevel && (
-          <ExperienceLevelDropdown
-            className={{ container: 'w-full' }}
-            name="experienceLevel"
-            onChange={() => {
-              if (experienceLevelHint) {
-                setExperienceLevelHint(null);
-              }
-            }}
-            valid={experienceLevelHint === null}
-            hint={experienceLevelHint}
-            saveHintSpace
-          />
-        )}
+        <ExperienceLevelDropdown
+          className={{ container: 'w-full' }}
+          name="experienceLevel"
+          onChange={() => {
+            if (experienceLevelHint) {
+              setExperienceLevelHint(null);
+            }
+          }}
+          valid={experienceLevelHint === null}
+          hint={experienceLevelHint}
+          saveHintSpace
+        />
         <Checkbox name="optOutMarketing" className="font-normal">
           I don’t want to receive updates and promotions via email
         </Checkbox>
diff --git a/packages/shared/src/components/auth/common.tsx b/packages/shared/src/components/auth/common.tsx
index 61de4a738de..c29c527d399 100644
--- a/packages/shared/src/components/auth/common.tsx
+++ b/packages/shared/src/components/auth/common.tsx
@@ -128,5 +128,4 @@ export interface AuthOptionsProps {
   compact?: boolean;
   autoTriggerProvider?: string;
   socialProviderScopes?: string[];
-  acceptedMarketing?: boolean;
 }
diff --git a/packages/shared/src/components/onboarding/EditTag.tsx b/packages/shared/src/components/onboarding/EditTag.tsx
index ed779eebb37..313089b398b 100644
--- a/packages/shared/src/components/onboarding/EditTag.tsx
+++ b/packages/shared/src/components/onboarding/EditTag.tsx
@@ -72,7 +72,7 @@ export const EditTag = ({
   }, [isMobile, showPersonas]);
 
   // When the persona feature is on, override any caller-supplied headline
-  // (Freyja funnel JSON or OnboardingV2 modal) with the persona-tuned copy.
+  // (Freyja funnel JSON) with the persona-tuned copy.
   // TODO: drop this override once Freyja's persona-experiment variant ships
   // the new headline directly.
   const resolvedHeadline = showPersonas
diff --git a/packages/shared/src/lib/featureManagement.ts b/packages/shared/src/lib/featureManagement.ts
index 430d88188ca..403b59cad6e 100644
--- a/packages/shared/src/lib/featureManagement.ts
+++ b/packages/shared/src/lib/featureManagement.ts
@@ -170,8 +170,6 @@ export const sharedPostPreviewFeature = new Feature(
   false,
 );
 
-export const featureOnboardingV2 = new Feature('onboarding_v2', false);
-
 export const featureOnboardingTagRecommender = new Feature(
   'onboarding_tag_recommender',
   false,
@@ -203,4 +201,4 @@ export const featureCompanionDemoWidget = new Feature(
   false,
 );
 
-export const featureFeedTagChips = new Feature('feed_tag_chips', false);
+export const featureFeedTagChips = new Feature('feed_tag_chips', true);
diff --git a/packages/shared/src/lib/log.ts b/packages/shared/src/lib/log.ts
index 2630ca958fd..6aea0ad8fe2 100644
--- a/packages/shared/src/lib/log.ts
+++ b/packages/shared/src/lib/log.ts
@@ -84,8 +84,6 @@ export enum Origin {
   HotTakeList = 'hot take list',
   HotAndCold = 'hot and cold',
   Leaderboard = 'leaderboard',
-  // Onboarding v2
-  OnboardingModal = 'onboarding modal',
   // Auth
   BetterAuthEmailLogin = 'betterauth email login',
   BetterAuthEmailLoginBoot = 'betterauth email login boot',
@@ -559,16 +557,7 @@ export enum TargetType {
   BriefCard = 'brief card',
   HighlightsCard = 'highlights card',
   AdvertiseHereCta = 'advertise here cta',
-  // Onboarding v2
-  SignupChooser = 'signup chooser',
-  SignupPrompt = 'signup prompt',
-  ProfileImport = 'profile import',
-  ExperienceLevel = 'experience level',
   ExtensionPromo = 'extension promo',
-  TagsFallback = 'tags fallback',
-  MarketingOptOut = 'marketing opt out',
-  OnboardingComplete = 'onboarding complete',
-  MobileAppDownload = 'mobile app download',
   CustomizeNewTab = 'customize new tab',
 }
 
@@ -632,23 +621,9 @@ export enum TargetId {
   AskPage = 'ask page',
   AskUpsellSearch = 'ask upsell search',
   HackathonPage = 'hackathon page',
-  // Onboarding v2
-  GitHub = 'github',
-  Google = 'google',
-  AI = 'ai',
-  Install = 'install',
-  Dismiss = 'dismiss',
-  InstallExtension = 'install extension',
-  MobileApp = 'mobile app',
-  EnableNotifications = 'enable notifications',
-  GoToFeed = 'go to feed',
-  OptOut = 'opt_out',
-  OptIn = 'opt_in',
   ReaderHeader = 'reader header',
   ReaderInstallPrompt = 'reader install prompt',
   ReaderPermissionPrompt = 'reader permission prompt',
-  IOS = 'ios',
-  Android = 'android',
 }
 
 export enum NotificationChannel {
diff --git a/packages/webapp/components/onboarding/OnboardingChooserGrid.tsx b/packages/webapp/components/onboarding/OnboardingChooserGrid.tsx
deleted file mode 100644
index c085f42e2e2..00000000000
--- a/packages/webapp/components/onboarding/OnboardingChooserGrid.tsx
+++ /dev/null
@@ -1,378 +0,0 @@
-import type { ReactElement } from 'react';
-import React from 'react';
-import classNames from 'classnames';
-import { GitHubIcon } from '@dailydotdev/shared/src/components/icons/GitHub';
-import { GoogleIcon } from '@dailydotdev/shared/src/components/icons/Google';
-import { MagicIcon } from '@dailydotdev/shared/src/components/icons/Magic';
-import { TerminalIcon } from '@dailydotdev/shared/src/components/icons/Terminal';
-import { NewTabIcon } from '@dailydotdev/shared/src/components/icons/NewTab';
-import { IconSize } from '@dailydotdev/shared/src/components/Icon';
-import { useLogContext } from '@dailydotdev/shared/src/contexts/LogContext';
-import {
-  LogEvent,
-  TargetType,
-  TargetId,
-} from '@dailydotdev/shared/src/lib/log';
-
-const PARTICLES = [
-  {
-    px: '-6rem',
-    py: '-3.5rem',
-    dur: '3.0s',
-    delay: '0s',
-    color: 'bg-accent-cheese-default',
-  },
-  {
-    px: '5.5rem',
-    py: '-4rem',
-    dur: '3.4s',
-    delay: '0.5s',
-    color: 'bg-accent-water-default',
-  },
-  {
-    px: '-5rem',
-    py: '3.5rem',
-    dur: '3.2s',
-    delay: '1.0s',
-    color: 'bg-accent-cabbage-default',
-  },
-  {
-    px: '6rem',
-    py: '3rem',
-    dur: '3.6s',
-    delay: '1.5s',
-    color: 'bg-accent-onion-default',
-  },
-  {
-    px: '0.5rem',
-    py: '-5rem',
-    dur: '2.8s',
-    delay: '0.7s',
-    color: 'bg-accent-cheese-default',
-  },
-  {
-    px: '-6.5rem',
-    py: '0.5rem',
-    dur: '3.1s',
-    delay: '1.2s',
-    color: 'bg-accent-water-default',
-  },
-];
-
-const STEPS = [
-  { text: 'We spot your stack from GitHub', icon: 'stack' },
-  { text: 'AI matches your skills to topics', icon: 'ai' },
-  { text: 'Your feed is ready in seconds', icon: 'feed' },
-] as const;
-
-type Props = {
-  aiPrompt: string;
-  onAiPromptChange: (value: string) => void;
-  canStartAiFlow: boolean;
-  onGithubClick: () => void;
-  onGoogleClick: () => void;
-  onAiSubmit: () => void;
-  origin: string;
-  isImporting?: boolean;
-};
-
-export function OnboardingChooserGrid({
-  aiPrompt,
-  onAiPromptChange,
-  canStartAiFlow,
-  onGithubClick,
-  onGoogleClick,
-  onAiSubmit,
-  origin,
-  isImporting,
-}: Props): ReactElement {
-  const { logEvent } = useLogContext();
-  return (
-    <div className="relative z-1 grid gap-4 tablet:grid-cols-2 tablet:items-stretch tablet:gap-5">
-      {/* ── Path A: GitHub ── */}
-      <div className="onb-glass flex h-full min-h-[24rem] flex-1 flex-col items-center overflow-hidden rounded-16 border border-white/[0.06] p-6 transition-all duration-700 ease-out tablet:min-h-[26rem] tablet:self-stretch">
-        {/* Animated orb */}
-        <div
-          className="relative -mx-6 -mt-6 mb-0 flex h-24 items-center justify-center tablet:h-32"
-          style={{ width: 'calc(100% + 3rem)' }}
-        >
-          <div
-            className="pointer-events-none absolute inset-0"
-            style={{
-              background:
-                'radial-gradient(ellipse at 50% 0%, var(--theme-accent-cabbage-default) 0%, transparent 65%)',
-              opacity: 0.22,
-            }}
-          />
-          <div className="ghub-orb-glow bg-accent-cabbage-default/15 pointer-events-none absolute h-24 w-52 rounded-full blur-3xl tablet:h-32" />
-          <svg
-            className="ghub-ring pointer-events-none absolute"
-            style={{ width: '11rem', height: '11rem' }}
-            viewBox="0 0 176 176"
-          >
-            <circle
-              cx="88"
-              cy="88"
-              r="84"
-              fill="none"
-              stroke="var(--theme-accent-cabbage-default)"
-              strokeWidth="1.5"
-              strokeDasharray="6 10"
-              opacity="0.18"
-            />
-          </svg>
-          <svg
-            className="ghub-ring-reverse pointer-events-none absolute h-24 w-24"
-            viewBox="0 0 96 96"
-          >
-            <circle
-              cx="48"
-              cy="48"
-              r="44"
-              fill="none"
-              stroke="var(--theme-accent-cabbage-default)"
-              strokeWidth="1.5"
-              strokeDasharray="4 6"
-              opacity="0.35"
-            />
-          </svg>
-          <svg
-            className="onb-ring-slow pointer-events-none absolute h-16 w-16"
-            viewBox="0 0 64 64"
-          >
-            <circle
-              cx="32"
-              cy="32"
-              r="28"
-              fill="none"
-              stroke="var(--theme-accent-cabbage-default)"
-              strokeWidth="1"
-              strokeDasharray="3 5"
-              opacity="0.3"
-            />
-          </svg>
-          {PARTICLES.map((p) => (
-            <span
-              key={`ghub-${p.delay}`}
-              className={classNames(
-                'ghub-particle pointer-events-none absolute h-2 w-2 rounded-full',
-                p.color,
-              )}
-              style={
-                {
-                  '--px': p.px,
-                  '--py': p.py,
-                  '--dur': p.dur,
-                  '--delay': p.delay,
-                  animationDelay: p.delay,
-                } as React.CSSProperties
-              }
-            />
-          ))}
-          <div className="relative flex h-14 w-14 items-center justify-center rounded-full bg-surface-float">
-            <GitHubIcon
-              secondary
-              className="h-[26px] w-[26px] text-text-primary"
-            />
-          </div>
-        </div>
-
-        <h4 className="mb-1.5 break-words text-center font-bold text-text-primary typo-title3">
-          One-click setup
-        </h4>
-        <p className="mb-5 text-center text-text-tertiary typo-callout">
-          Connect GitHub and let our AI do the rest.
-        </p>
-
-        <div className="flex w-full flex-col items-center gap-1 tablet:mb-5 tablet:gap-3">
-          {STEPS.map(({ text, icon }) => (
-            <div
-              key={text}
-              className="flex w-full max-w-[15.5rem] items-center gap-2"
-            >
-              <span
-                className={classNames(
-                  'flex h-6 w-6 shrink-0 items-center justify-center rounded-full',
-                  icon === 'stack' &&
-                    'bg-accent-avocado-default/20 text-accent-avocado-default',
-                  icon === 'ai' &&
-                    'bg-accent-cheese-default/20 text-accent-cheese-default',
-                  icon === 'feed' &&
-                    'bg-accent-water-default/20 text-accent-water-default',
-                )}
-              >
-                {icon === 'stack' && (
-                  <TerminalIcon size={IconSize.Size16} secondary />
-                )}
-                {icon === 'ai' && (
-                  <MagicIcon size={IconSize.Size16} secondary />
-                )}
-                {icon === 'feed' && (
-                  <NewTabIcon size={IconSize.Size16} secondary />
-                )}
-              </span>
-              <span className="text-left text-text-primary typo-callout">
-                {text}
-              </span>
-            </div>
-          ))}
-        </div>
-
-        <div className="bg-border-subtlest-tertiary/30 mb-5 hidden h-px w-full tablet:flex" />
-
-        <div className="relative mt-auto w-full pt-4">
-          <div className="onb-btn-glow pointer-events-none absolute -inset-2 rounded-16 bg-white/[0.04] blur-lg" />
-          <button
-            type="button"
-            disabled={isImporting}
-            onClick={() => {
-              logEvent({
-                event_name: LogEvent.Click,
-                target_type: TargetType.SignupChooser,
-                target_id: TargetId.GitHub,
-                extra: JSON.stringify({ origin }),
-              });
-              onGithubClick();
-            }}
-            className={classNames(
-              'onb-btn-shine focus-visible:ring-white/20 group relative flex w-full items-center justify-center gap-2.5 overflow-hidden rounded-14 bg-white px-5 py-3.5 font-bold text-black transition-all duration-300 typo-callout hover:-translate-y-1 hover:shadow-[0_8px_30px_rgba(255,255,255,0.12)] focus-visible:outline-none focus-visible:ring-2',
-              isImporting && 'opacity-60 cursor-not-allowed',
-            )}
-          >
-            <GitHubIcon secondary size={IconSize.XSmall} />
-            Continue with GitHub
-            <svg
-              width="14"
-              height="14"
-              viewBox="0 0 24 24"
-              fill="none"
-              className="text-black/30 transition-transform duration-300 group-hover:translate-x-0.5"
-            >
-              <path
-                d="M5 12h14M12 5l7 7-7 7"
-                stroke="currentColor"
-                strokeWidth="2"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-              />
-            </svg>
-          </button>
-        </div>
-        <p className="mt-2.5 text-text-quaternary typo-caption2">
-          Read-only access &middot; Public repos only
-        </p>
-      </div>
-
-      {/* ── Path B: AI ── */}
-      <div className="onb-glass flex h-full min-h-[24rem] flex-1 flex-col items-center overflow-hidden rounded-16 border border-white/[0.06] p-6 transition-all duration-700 ease-out tablet:min-h-[26rem] tablet:self-stretch">
-        <div
-          className="relative -mx-6 -mt-6 mb-0 flex h-24 items-center justify-center tablet:h-32"
-          style={{ width: 'calc(100% + 3rem)' }}
-        >
-          <div
-            className="pointer-events-none absolute inset-0"
-            style={{
-              background:
-                'radial-gradient(ellipse at 50% 0%, var(--theme-accent-onion-default) 0%, transparent 65%)',
-              opacity: 0.22,
-            }}
-          />
-          <div className="relative flex h-14 w-14 items-center justify-center rounded-full bg-surface-float">
-            <MagicIcon secondary size={IconSize.Small} className="text-white" />
-          </div>
-        </div>
-
-        <button
-          type="button"
-          disabled={isImporting}
-          onClick={() => {
-            logEvent({
-              event_name: LogEvent.Click,
-              target_type: TargetType.SignupChooser,
-              target_id: TargetId.Google,
-              extra: JSON.stringify({ origin }),
-            });
-            onGoogleClick();
-          }}
-          className={classNames(
-            'onb-btn-shine focus-visible:ring-white/20 group relative mb-4 flex w-full items-center justify-center gap-2.5 overflow-hidden rounded-14 bg-white px-5 py-3.5 font-bold text-black transition-all duration-300 typo-callout hover:-translate-y-1 hover:shadow-[0_8px_30px_rgba(255,255,255,0.12)] focus-visible:outline-none focus-visible:ring-2',
-            isImporting && 'opacity-60 cursor-not-allowed',
-          )}
-        >
-          <GoogleIcon secondary size={IconSize.XSmall} />
-          Continue with Google
-        </button>
-
-        <div className="mb-4 flex w-full items-center gap-3 text-text-quaternary typo-caption2">
-          <span className="bg-border-subtlest-tertiary/30 h-px flex-1" />
-          or describe your stack
-          <span className="bg-border-subtlest-tertiary/30 h-px flex-1" />
-        </div>
-
-        <h4 className="mb-1.5 break-words text-center font-bold text-text-primary typo-title3">
-          Tell our AI about yourself
-        </h4>
-        <p className="mb-5 text-center text-text-tertiary typo-callout">
-          Describe your stack and let AI build your feed.
-        </p>
-
-        <div className="onb-textarea-glow mb-3 w-full rounded-12 border border-white/[0.06] bg-white/[0.02] transition-all duration-300 focus-within:border-white/[0.18] focus-within:bg-white/[0.08] focus-within:shadow-[0_0_0_1px_rgba(255,255,255,0.14),0_12px_28px_rgba(0,0,0,0.3)] hover:border-white/[0.06] hover:bg-white/[0.02] hover:shadow-none">
-          <textarea
-            value={aiPrompt}
-            onChange={(e) => onAiPromptChange(e.target.value)}
-            onKeyDown={(e) => {
-              if (e.key !== 'Enter' || e.shiftKey) {
-                return;
-              }
-              e.preventDefault();
-              if (aiPrompt.trim()) {
-                logEvent({
-                  event_name: LogEvent.Click,
-                  target_type: TargetType.SignupChooser,
-                  target_id: TargetId.AI,
-                });
-                onAiSubmit();
-              }
-            }}
-            rows={4}
-            placeholder="I'm a frontend engineer working with React and TypeScript. Interested in system design, AI tooling..."
-            className="min-h-[6.25rem] w-full resize-none bg-transparent px-3.5 pb-2 pt-3 text-text-primary transition-colors duration-200 typo-callout placeholder:text-text-quaternary focus:outline-none focus:placeholder:text-text-disabled"
-          />
-        </div>
-
-        <div className="relative mt-auto w-full pt-4">
-          <div className="onb-btn-glow pointer-events-none absolute -inset-2 rounded-16 bg-white/[0.04] blur-lg" />
-          <button
-            type="button"
-            disabled={!canStartAiFlow || isImporting}
-            onClick={() => {
-              logEvent({
-                event_name: LogEvent.Click,
-                target_type: TargetType.SignupChooser,
-                target_id: TargetId.AI,
-                extra: JSON.stringify({ origin }),
-              });
-              onAiSubmit();
-            }}
-            className={classNames(
-              'focus-visible:ring-white/20 group relative flex w-full items-center justify-center gap-2.5 overflow-hidden rounded-14 px-5 py-3.5 font-bold transition-all duration-300 typo-callout focus-visible:outline-none focus-visible:ring-2',
-              canStartAiFlow && !isImporting
-                ? 'bg-white text-black hover:-translate-y-1 hover:shadow-[0_8px_30px_rgba(255,255,255,0.12)]'
-                : 'cursor-not-allowed bg-white/[0.08] text-text-disabled',
-            )}
-          >
-            <MagicIcon
-              secondary
-              size={IconSize.Size16}
-              className="transition-transform duration-300 group-hover:translate-x-0.5"
-            />
-            Generate my feed with AI
-          </button>
-        </div>
-        <p className="mt-2.5 text-text-quaternary typo-caption2">
-          Describe your stack &middot; AI does the rest
-        </p>
-      </div>
-    </div>
-  );
-}
diff --git a/packages/webapp/components/onboarding/OnboardingV2.tsx b/packages/webapp/components/onboarding/OnboardingV2.tsx
deleted file mode 100644
index 868817c0b7e..00000000000
--- a/packages/webapp/components/onboarding/OnboardingV2.tsx
+++ /dev/null
@@ -1,2260 +0,0 @@
-import type { ReactElement } from 'react';
-import React, {
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
-import { useMutation } from '@tanstack/react-query';
-import classNames from 'classnames';
-import MainFeedLayout from '@dailydotdev/shared/src/components/MainFeedLayout';
-import { FeedLayoutProvider } from '@dailydotdev/shared/src/contexts/FeedContext';
-import { SearchProvider } from '@dailydotdev/shared/src/contexts/search/SearchContext';
-import { ActiveFeedNameContext } from '@dailydotdev/shared/src/contexts/ActiveFeedNameContext';
-import { SharedFeedPage } from '@dailydotdev/shared/src/components/utilities/common';
-import {
-  ThemeMode,
-  useSettingsContext,
-} from '@dailydotdev/shared/src/contexts/SettingsContext';
-import { useAuthContext } from '@dailydotdev/shared/src/contexts/AuthContext';
-import {
-  appStoreUrl,
-  downloadBrowserExtension,
-  playStoreUrl,
-  webappUrl,
-} from '@dailydotdev/shared/src/lib/constants';
-import { UserExperienceLevel } from '@dailydotdev/shared/src/lib/user';
-import { AuthTriggers } from '@dailydotdev/shared/src/lib/auth';
-import { useLogContext } from '@dailydotdev/shared/src/contexts/LogContext';
-import {
-  LogEvent,
-  TargetType,
-  TargetId,
-  Origin,
-  NotificationPromptSource,
-} from '@dailydotdev/shared/src/lib/log';
-import { FunnelEventName } from '@dailydotdev/shared/src/features/onboarding/types/funnelEvents';
-import { isIOSNative, isIOS } from '@dailydotdev/shared/src/lib/func';
-import { AppleIcon } from '@dailydotdev/shared/src/components/icons/Apple';
-import { AndroidIcon } from '@dailydotdev/shared/src/components/icons/Android';
-import { MiniCloseIcon } from '@dailydotdev/shared/src/components/icons/MiniClose';
-import { PhoneIcon } from '@dailydotdev/shared/src/components/icons/Phone';
-import { ArrowIcon } from '@dailydotdev/shared/src/components/icons/Arrow';
-import { EditTag } from '@dailydotdev/shared/src/components/onboarding/EditTag';
-import { REQUIRED_TAGS_THRESHOLD } from '@dailydotdev/shared/src/components/onboarding/common';
-import useFeedSettings from '@dailydotdev/shared/src/hooks/useFeedSettings';
-import {
-  useViewSize,
-  ViewSize,
-  useActions,
-} from '@dailydotdev/shared/src/hooks';
-
-import { ChromeIcon } from '@dailydotdev/shared/src/components/icons/Browser/Chrome';
-import { MagicIcon } from '@dailydotdev/shared/src/components/icons/Magic';
-import { VIcon } from '@dailydotdev/shared/src/components/icons/V';
-import { StarIcon } from '@dailydotdev/shared/src/components/icons/Star';
-import { IconSize } from '@dailydotdev/shared/src/components/Icon';
-import Logo, { LogoPosition } from '@dailydotdev/shared/src/components/Logo';
-import AuthOptions from '@dailydotdev/shared/src/components/auth/AuthOptions';
-import type { AuthProps } from '@dailydotdev/shared/src/components/auth/common';
-import {
-  AFTER_AUTH_PARAM,
-  AuthDisplay,
-} from '@dailydotdev/shared/src/components/auth/common';
-import { useRouter } from 'next/router';
-import {
-  requestGitHubProfileTags,
-  requestOnboardingProfileTags,
-} from '@dailydotdev/shared/src/graphql/onboardingProfileTags';
-import usePersistentContext from '@dailydotdev/shared/src/hooks/usePersistentContext';
-import { ActionType } from '@dailydotdev/shared/src/graphql/actions';
-import { useOnboardingActions } from '@dailydotdev/shared/src/hooks/auth';
-
-import { UPDATE_USER_PROFILE_MUTATION } from '@dailydotdev/shared/src/graphql/users';
-import { gqlClient } from '@dailydotdev/shared/src/graphql/common';
-import { redirectToApp } from '@dailydotdev/shared/src/features/onboarding/lib/utils';
-import { usePushNotificationMutation } from '@dailydotdev/shared/src/hooks/notifications/usePushNotificationMutation';
-import { GitHubIcon } from '@dailydotdev/shared/src/components/icons/GitHub';
-import { FooterLinks } from '@dailydotdev/shared/src/components/footer/FooterLinks';
-import { Checkbox } from '@dailydotdev/shared/src/components/fields/Checkbox';
-import { OnboardingV2Styles } from './OnboardingV2Styles';
-import { useOnboardingAnimations } from './useOnboardingAnimations';
-import { OnboardingChooserGrid } from './OnboardingChooserGrid';
-
-export type OnboardingStep =
-  | 'hero'
-  | 'prompt'
-  | 'chooser'
-  | 'auth'
-  | 'importing'
-  | 'tags'
-  | 'extension'
-  | 'complete';
-
-type ImportPhase =
-  | 'idle'
-  | 'running'
-  | 'awaitingSeniority'
-  | 'confirmingSeniority'
-  | 'finishing'
-  | 'complete';
-type ImportFlowSource = 'github' | 'ai';
-type ImportBodyPhase = 'checklist' | 'seniority' | 'default';
-
-const AI_IMPORT_STEPS = [
-  { label: 'Analyzing your profile', threshold: 12 },
-  { label: 'Matching interests', threshold: 28 },
-  { label: 'Mapping your stack', threshold: 48 },
-  { label: 'Inferring seniority', threshold: 78 },
-  { label: 'Building your feed', threshold: 95 },
-];
-
-const EXPERIENCE_LEVEL_OPTIONS = Object.entries(UserExperienceLevel).map(
-  ([value, label]) => ({
-    value: value as keyof typeof UserExperienceLevel,
-    label,
-  }),
-);
-
-const getExperienceLevelOptionParts = (
-  label: string,
-): { title: string; meta: string | null } => {
-  const match = label.match(/^(.*?)(?:\s*\(([^)]+)\))?$/);
-  if (!match) {
-    return { title: label, meta: null };
-  }
-
-  return {
-    title: match[1].trim(),
-    meta: match[2]?.trim() ?? null,
-  };
-};
-
-const ONBOARDING_AI_PROMPT_KEY = 'onboarding:ai_prompt';
-const ONBOARDING_SIGNUP_CONTEXT_KEY = 'onboarding:signup_context';
-const ONBOARDING_EXTENSION_SEEN_KEY = 'onboarding:extension_seen';
-
-const GITHUB_IMPORT_STEPS = [
-  { label: 'Connecting account', threshold: 12 },
-  { label: 'Scanning repositories', threshold: 28 },
-  { label: 'Matching interests', threshold: 48 },
-  { label: 'Inferring seniority', threshold: 78 },
-  { label: 'Building your feed', threshold: 95 },
-];
-
-const IMPORT_ANIMATION_MS = 4000;
-const FINISHING_ANIMATION_MS = 1500;
-
-export const OnboardingV2 = (): ReactElement => {
-  const router = useRouter();
-  const { isLoggedIn, isAuthReady, isAndroidApp, user, loginState } =
-    useAuthContext();
-  const [isAuthenticating, setIsAuthenticating] = useState(
-    !!loginState?.isLogin,
-  );
-  const { applyThemeMode } = useSettingsContext();
-  const { logEvent } = useLogContext();
-  const { completeAction } = useActions();
-  const { isOnboardingComplete, isOnboardingActionsReady } =
-    useOnboardingActions();
-  const [step, setStep] = useState<OnboardingStep>('hero');
-  const { onEnablePush } = usePushNotificationMutation();
-  const { feedSettings } = useFeedSettings();
-  const isLaptop = useViewSize(ViewSize.Laptop);
-  const isNativeApp = isIOSNative() || !!isAndroidApp;
-  const mobileStoreUrl = useMemo(() => {
-    if (isIOS()) {
-      return appStoreUrl;
-    }
-    if (
-      typeof navigator !== 'undefined' &&
-      /android/i.test(navigator.userAgent)
-    ) {
-      return playStoreUrl;
-    }
-    return null;
-  }, []);
-  const showExtensionCta = isLaptop && !isNativeApp;
-  const showMobileAppCta = !isNativeApp;
-  const [showMobileAppPopup, setShowMobileAppPopup] = useState(false);
-  const {
-    mounted,
-    heroRef,
-    confettiParticles,
-    isEdgeBrowser,
-    extensionImages,
-  } = useOnboardingAnimations(step);
-  const [aiPrompt, setAiPrompt, isAiPromptFetched] =
-    usePersistentContext<string>(ONBOARDING_AI_PROMPT_KEY, '', undefined, '');
-  const [extensionSeen, setExtensionSeen, isExtensionSeenFetched] =
-    usePersistentContext<boolean>(ONBOARDING_EXTENSION_SEEN_KEY, false);
-  const shouldShowExtension = showExtensionCta && !extensionSeen;
-  const [authDisplay, setAuthDisplay] = useState(AuthDisplay.OnboardingSignup);
-  const [isLoginFlow, setIsLoginFlow] = useState(false);
-  const [acceptedMarketing, setAcceptedMarketing] = useState(true);
-  const [importFlowSource, setImportFlowSource] =
-    useState<ImportFlowSource>('github');
-  const [importPhase, setImportPhase] = useState<ImportPhase>('idle');
-  const [importProgress, setImportProgress] = useState(0);
-  const [selectedExperienceLevel, setSelectedExperienceLevel] = useState<
-    keyof typeof UserExperienceLevel | null
-  >(null);
-  const [importBodyHeight, setImportBodyHeight] = useState<number | null>(null);
-  const [importExiting, setImportExiting] = useState(false);
-  const [signupContext, setSignupContext, isSignupContextFetched] =
-    usePersistentContext<'github' | 'ai' | null>(
-      ONBOARDING_SIGNUP_CONTEXT_KEY,
-      null,
-      ['github', 'ai'],
-    );
-  const pageRef = useRef<HTMLDivElement>(null);
-  const importTimersRef = useRef<ReturnType<typeof setTimeout>[]>([]);
-  const importBodyContentRef = useRef<HTMLDivElement>(null);
-  const authFormRef = useRef<HTMLFormElement>(
-    null,
-  ) as React.MutableRefObject<HTMLFormElement>;
-
-  const showPersonalizedFeed = step === 'complete' && isLoggedIn;
-  const activeFeedName = showPersonalizedFeed
-    ? SharedFeedPage.MyFeed
-    : SharedFeedPage.Popular;
-  const activeFeedNameValue = useMemo(
-    () => ({ feedName: activeFeedName }),
-    [activeFeedName],
-  );
-
-  const clearImportTimers = useCallback(() => {
-    importTimersRef.current.forEach(clearTimeout);
-    importTimersRef.current = [];
-  }, []);
-
-  const trackTimer = useCallback((fn: () => void, delay: number) => {
-    const id = setTimeout(fn, delay);
-    importTimersRef.current.push(id);
-    return id;
-  }, []);
-
-  const { mutateAsync: mutateGithubTags, isPending: isGithubTagsPending } =
-    useMutation({
-      mutationFn: requestGitHubProfileTags,
-    });
-  const { mutateAsync: mutateAiTags, isPending: isAiTagsPending } = useMutation(
-    {
-      mutationFn: (prompt: string) => requestOnboardingProfileTags(prompt),
-    },
-  );
-
-  const isImporting = isGithubTagsPending || isAiTagsPending;
-
-  const startImportFlow = useCallback(
-    async (source: ImportFlowSource) => {
-      logEvent({
-        event_name: LogEvent.Impression,
-        target_type: TargetType.ProfileImport,
-        target_id: source === 'github' ? TargetId.GitHub : TargetId.AI,
-      });
-      clearImportTimers();
-
-      setImportFlowSource(source);
-      setSelectedExperienceLevel(null);
-      setImportProgress(0);
-      setImportPhase('running');
-      setStep('importing');
-
-      const apiPromise =
-        source === 'github' ? mutateGithubTags() : mutateAiTags(aiPrompt);
-
-      // Step progress through thresholds that complete during import
-      const steps = source === 'github' ? GITHUB_IMPORT_STEPS : AI_IMPORT_STEPS;
-      const preSteps = steps.filter((s) => s.threshold < 65);
-      const stepDelay = IMPORT_ANIMATION_MS / (preSteps.length + 1);
-      preSteps.forEach((s, i) => {
-        trackTimer(() => setImportProgress(s.threshold), stepDelay * (i + 1));
-      });
-
-      // Wait for both API response AND minimum animation time
-      const [apiResult] = await Promise.allSettled([
-        apiPromise,
-        new Promise((r) => setTimeout(r, IMPORT_ANIMATION_MS)),
-      ]);
-
-      if (apiResult.status === 'fulfilled') {
-        setAiPrompt('');
-        setSignupContext(null);
-      }
-
-      const hasNoTags =
-        apiResult.status !== 'fulfilled' || !apiResult.value?.length;
-
-      if (hasNoTags) {
-        logEvent({
-          event_name: LogEvent.Impression,
-          target_type: TargetType.TagsFallback,
-          extra: JSON.stringify({ source }),
-        });
-        setAiPrompt('');
-        setSignupContext(null);
-        router.replace({
-          pathname: `${webappUrl}onboarding`,
-          query: { ...router.query, step: 'tags' },
-        });
-        setStep('tags');
-        return;
-      }
-
-      setImportProgress(68);
-      setImportPhase('awaitingSeniority');
-    },
-    [
-      logEvent,
-      clearImportTimers,
-      aiPrompt,
-      trackTimer,
-      setAiPrompt,
-      setSignupContext,
-      router,
-      mutateGithubTags,
-      mutateAiTags,
-    ],
-  );
-
-  const startImportFlowGithub = useCallback(() => {
-    startImportFlow('github');
-  }, [startImportFlow]);
-
-  const [autoTriggerProvider, setAutoTriggerProvider] = useState<
-    string | undefined
-  >();
-
-  const initiateGithubAuth = useCallback(() => {
-    setSignupContext('github');
-    setAutoTriggerProvider('github');
-    setAuthDisplay(AuthDisplay.OnboardingSignup);
-    setStep('auth');
-  }, [setSignupContext]);
-
-  const initiateGoogleAuth = useCallback(() => {
-    setSignupContext('ai');
-    setAutoTriggerProvider('google');
-    setAuthDisplay(AuthDisplay.OnboardingSignup);
-    setStep('auth');
-  }, [setSignupContext]);
-
-  const startAiProcessing = useCallback(() => {
-    startImportFlow('ai');
-  }, [startImportFlow]);
-
-  const handleExperienceLevelSelect = useCallback(
-    async (level: keyof typeof UserExperienceLevel) => {
-      if (importPhase !== 'awaitingSeniority') {
-        return;
-      }
-
-      logEvent({
-        event_name: LogEvent.Click,
-        target_type: TargetType.ExperienceLevel,
-        target_id: level,
-      });
-      clearImportTimers();
-      setSelectedExperienceLevel(level);
-      setImportProgress((prev) => Math.max(prev, 80));
-      setImportPhase('confirmingSeniority');
-
-      await gqlClient
-        .request(UPDATE_USER_PROFILE_MUTATION, {
-          data: {
-            experienceLevel: UserExperienceLevel[level],
-            acceptedMarketing,
-          },
-        })
-        .catch(() => undefined);
-
-      completeAction(ActionType.CompletedOnboarding);
-      completeAction(ActionType.EditTag);
-      completeAction(ActionType.ContentTypes);
-
-      logEvent({
-        event_name: FunnelEventName.CompleteFunnel,
-        extra: JSON.stringify({
-          funnel_id: 'onboarding_github_ai',
-          funnel_version: 'v1',
-          session_id: 'unknown',
-          step_id: 'complete',
-          step_type: 'complete',
-        }),
-      });
-
-      router.replace({
-        pathname: `${webappUrl}onboarding`,
-        query: { ...router.query, step: 'complete' },
-      });
-
-      trackTimer(() => {
-        setImportPhase('finishing');
-        trackTimer(() => {
-          setImportProgress(100);
-        }, 800);
-        trackTimer(() => {
-          setImportPhase('complete');
-          trackTimer(() => {
-            setImportExiting(true);
-            trackTimer(() => {
-              setImportExiting(false);
-              setStep(shouldShowExtension ? 'extension' : 'complete');
-            }, 350);
-          }, 600);
-        }, FINISHING_ANIMATION_MS);
-      }, 420);
-    },
-    [
-      importPhase,
-      logEvent,
-      clearImportTimers,
-      acceptedMarketing,
-      completeAction,
-      router,
-      trackTimer,
-      shouldShowExtension,
-    ],
-  );
-
-  useEffect(() => {
-    applyThemeMode(ThemeMode.Dark);
-    return () => {
-      applyThemeMode();
-    };
-  }, [applyThemeMode]);
-
-  useEffect(() => {
-    if (
-      !isAuthReady ||
-      isAuthenticating ||
-      !isAiPromptFetched ||
-      !isSignupContextFetched ||
-      (
-        [
-          'auth',
-          'prompt',
-          'importing',
-          'tags',
-          'extension',
-          'complete',
-        ] as OnboardingStep[]
-      ).includes(step)
-    ) {
-      return;
-    }
-
-    const urlStep = router.query.step as string | undefined;
-
-    if (urlStep === 'tags') {
-      if (!isLoggedIn) {
-        router.replace({
-          pathname: `${webappUrl}onboarding`,
-          query: router.query[AFTER_AUTH_PARAM]
-            ? { [AFTER_AUTH_PARAM]: router.query[AFTER_AUTH_PARAM] }
-            : {},
-        });
-        return;
-      }
-      setStep('tags');
-      return;
-    }
-
-    if (urlStep === 'complete') {
-      if (!isLoggedIn) {
-        router.replace({
-          pathname: `${webappUrl}onboarding`,
-          query: router.query[AFTER_AUTH_PARAM]
-            ? { [AFTER_AUTH_PARAM]: router.query[AFTER_AUTH_PARAM] }
-            : {},
-        });
-        return;
-      }
-
-      if (!isExtensionSeenFetched) {
-        return;
-      }
-
-      setStep(shouldShowExtension ? 'extension' : 'complete');
-
-      return;
-    }
-
-    const flow = router.query.flow as string | undefined;
-
-    if (flow === 'github') {
-      if (!isLoggedIn) {
-        router.replace({
-          pathname: `${webappUrl}onboarding`,
-          query: router.query[AFTER_AUTH_PARAM]
-            ? { [AFTER_AUTH_PARAM]: router.query[AFTER_AUTH_PARAM] }
-            : {},
-        });
-        return;
-      }
-      startImportFlowGithub();
-      return;
-    }
-
-    if (isLoggedIn && signupContext === 'github') {
-      startImportFlowGithub();
-      return;
-    }
-
-    if (isLoggedIn && signupContext === 'ai') {
-      if (aiPrompt?.trim()) {
-        startAiProcessing();
-      } else {
-        setStep('prompt');
-      }
-      return;
-    }
-
-    if (!isOnboardingActionsReady) {
-      return;
-    }
-
-    if (!isLoggedIn) {
-      return;
-    }
-
-    if (isOnboardingComplete) {
-      redirectToApp(router);
-    } else {
-      setStep('chooser');
-    }
-  }, [
-    isAuthReady,
-    isAuthenticating,
-    isLoggedIn,
-    isOnboardingActionsReady,
-    isOnboardingComplete,
-    isExtensionSeenFetched,
-    isAiPromptFetched,
-    isSignupContextFetched,
-    shouldShowExtension,
-    aiPrompt,
-    signupContext,
-    step,
-    router,
-    setSignupContext,
-    startImportFlowGithub,
-    startAiProcessing,
-  ]);
-
-  useEffect(() => {
-    return () => {
-      clearImportTimers();
-    };
-  }, [clearImportTimers]);
-
-  const dismissExtensionPromo = useCallback(() => {
-    setExtensionSeen(true);
-    setStep('complete');
-    window.scrollTo({ top: 0, behavior: 'smooth' });
-  }, [setExtensionSeen]);
-  const closeAuthSignup = useCallback(() => {
-    setAutoTriggerProvider(undefined);
-    setSignupContext(null);
-    setIsLoginFlow(false);
-    setStep('hero');
-    setAuthDisplay(AuthDisplay.OnboardingSignup);
-    setIsAuthenticating(false);
-  }, [setSignupContext]);
-  const openSignupAuth = useCallback(() => {
-    if (isLoggedIn) {
-      if (signupContext === 'ai' && aiPrompt?.trim()) {
-        startAiProcessing();
-      }
-      return;
-    }
-    setAuthDisplay(AuthDisplay.OnboardingSignup);
-    setStep('auth');
-  }, [isLoggedIn, signupContext, aiPrompt, startAiProcessing]);
-  const isAiSetupContext = signupContext === 'ai';
-  const canStartAiFlow = aiPrompt?.trim().length > 0;
-  const isAwaitingSeniorityInput = importPhase === 'awaitingSeniority';
-  const importSteps = useMemo(
-    () =>
-      importFlowSource === 'github' ? GITHUB_IMPORT_STEPS : AI_IMPORT_STEPS,
-    [importFlowSource],
-  );
-  const currentImportStep = useMemo(() => {
-    if (importPhase === 'awaitingSeniority') {
-      return 'Waiting for your seniority level';
-    }
-    if (importPhase === 'confirmingSeniority') {
-      return 'Applying your seniority level';
-    }
-    if (importPhase === 'complete') {
-      return 'Your feed is ready';
-    }
-
-    const upcomingStep = importSteps.find((s) => importProgress < s.threshold);
-    return upcomingStep?.label ?? 'Building personalized feed';
-  }, [importPhase, importProgress, importSteps]);
-  const importBodyPhase = useMemo<ImportBodyPhase>(() => {
-    if (
-      importPhase === 'running' ||
-      importPhase === 'finishing' ||
-      importPhase === 'confirmingSeniority' ||
-      importPhase === 'complete'
-    ) {
-      return 'checklist';
-    }
-    if (importPhase === 'awaitingSeniority') {
-      return 'seniority';
-    }
-
-    return 'default';
-  }, [importPhase]);
-
-  useEffect(() => {
-    if (importBodyPhase === 'default') {
-      setImportBodyHeight(null);
-      return undefined;
-    }
-
-    const contentNode = importBodyContentRef.current;
-    if (!contentNode) {
-      return undefined;
-    }
-
-    const updateHeight = () => {
-      setImportBodyHeight(contentNode.getBoundingClientRect().height);
-    };
-
-    updateHeight();
-    if (typeof ResizeObserver === 'undefined') {
-      return undefined;
-    }
-    const resizeObserver = new ResizeObserver(updateHeight);
-    resizeObserver.observe(contentNode);
-
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [importBodyPhase]);
-
-  return (
-    <div
-      ref={pageRef}
-      className={classNames(
-        'onb-page relative tablet:pt-16',
-        step === 'hero' && 'flex min-h-dvh flex-col',
-      )}
-      role="presentation"
-    >
-      <OnboardingV2Styles />
-      {/* ── Dummy Header (desktop/tablet only) ── */}
-      <header className="fixed left-0 top-0 z-3 hidden h-16 w-full items-center border-b border-border-subtlest-tertiary bg-background-default px-4 tablet:flex">
-        <Logo
-          position={LogoPosition.Relative}
-          className="!left-0 !top-0 !mt-0 !translate-x-0"
-        />
-        {!isLoggedIn && (
-          <div className="ml-auto flex items-center gap-4">
-            <button
-              type="button"
-              onClick={() => {
-                setIsLoginFlow(true);
-                setAuthDisplay(AuthDisplay.Default);
-                setStep('auth');
-              }}
-              className="h-10 rounded-14 border border-border-subtlest-tertiary px-5 font-bold text-text-primary transition-colors duration-200 typo-callout hover:bg-surface-hover"
-            >
-              Log in
-            </button>
-          </div>
-        )}
-      </header>
-
-      {/* ── Hero ── */}
-      <section
-        ref={heroRef}
-        className={classNames(
-          'onb-hero relative overflow-hidden py-2 tablet:py-8',
-          step === 'complete' && 'hidden',
-          step === 'hero' && 'flex flex-1 flex-col',
-        )}
-        style={{ '--scroll-y': '0' } as React.CSSProperties}
-      >
-        <div className="z-10 relative mx-auto mb-6 flex w-full max-w-[63.75rem] shrink-0 items-center justify-between px-4 tablet:hidden">
-          <Logo
-            compact
-            position={LogoPosition.Relative}
-            className="!left-0 !top-0 !mt-0 !translate-x-0"
-          />
-          {!isLoggedIn && (
-            <div className="flex items-center gap-2">
-              <button
-                type="button"
-                onClick={() => {
-                  setIsLoginFlow(true);
-                  setAuthDisplay(AuthDisplay.Default);
-                  setStep('auth');
-                }}
-                className="rounded-10 border border-white/[0.14] bg-white/[0.02] px-3 py-1.5 text-text-secondary transition-colors duration-200 typo-footnote hover:bg-white/[0.08]"
-              >
-                Log in
-              </button>
-            </div>
-          )}
-        </div>
-        {/* Dot grid — shifts subtly with scroll */}
-        <div
-          className="onb-dot-grid pointer-events-none absolute inset-0"
-          style={{
-            backgroundImage:
-              'radial-gradient(circle, rgba(255,255,255,0.035) 1px, transparent 1px)',
-            backgroundSize: '24px 24px',
-            maskImage:
-              'radial-gradient(ellipse 70% 70% at 50% 35%, black 10%, transparent 70%)',
-            WebkitMaskImage:
-              'radial-gradient(ellipse 70% 70% at 50% 35%, black 10%, transparent 70%)',
-          }}
-        />
-
-        {/* Floating particles */}
-        <div className="pointer-events-none absolute inset-0 overflow-hidden">
-          <div className="onb-float-1 bg-accent-cabbage-default/30 absolute left-[15%] top-[20%] h-1 w-1 rounded-full" />
-          <div className="onb-float-2 bg-accent-onion-default/20 absolute left-[75%] top-[15%] h-1.5 w-1.5 rounded-full" />
-          <div className="onb-float-3 bg-accent-water-default/25 absolute left-[60%] top-[60%] h-1 w-1 rounded-full" />
-          <div className="onb-float-1 bg-accent-cheese-default/20 absolute left-[25%] top-[70%] h-1 w-1 rounded-full" />
-          <div className="onb-float-2 bg-accent-cabbage-default/20 absolute left-[85%] top-[45%] h-1 w-1 rounded-full" />
-          <div className="onb-float-3 bg-white/20 absolute left-[40%] top-[30%] h-0.5 w-0.5 rounded-full" />
-        </div>
-
-        {/* Single radial hero glow */}
-        <div className="onb-hero-radial pointer-events-none absolute inset-x-0 top-0 h-[26rem]" />
-
-        {/* Title + chooser */}
-        <div
-          className={classNames(
-            'z-10 relative mx-auto w-full max-w-[63.75rem] px-4 text-center laptop:px-6',
-            step === 'hero' && 'flex flex-1 flex-col justify-center',
-          )}
-        >
-          <div className="pointer-events-none mb-1 hidden h-[1.5rem] tablet:block" />
-
-          {/* Headline — slightly smaller than typo-mega1 on tablet */}
-          <div
-            className={classNames(
-              'transition-all duration-700 ease-out',
-              mounted ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0',
-            )}
-            style={{ transitionDelay: '200ms' }}
-          >
-            <h1 className="mx-auto max-w-[22rem] font-bold leading-[1.3] tracking-tight typo-title1 tablet:max-w-[48rem] tablet:leading-[1.22] tablet:typo-large-title">
-              <span className="text-text-primary">
-                The homepage developers deserve
-              </span>
-              <br />
-              <span className="onb-gradient-text bg-clip-text text-transparent typo-title3 tablet:typo-title1">
-                A dev feed built around your stack
-              </span>
-            </h1>
-          </div>
-
-          {step === 'hero' && (
-            <div
-              className={classNames(
-                'relative mx-auto mt-6 w-full max-w-[58rem] px-0 tablet:mt-8',
-                mounted
-                  ? 'translate-y-0 opacity-100'
-                  : 'translate-y-3 opacity-0',
-                'transition-all duration-700 ease-out',
-              )}
-              style={{ transitionDelay: '350ms' }}
-            >
-              <OnboardingChooserGrid
-                aiPrompt={aiPrompt}
-                onAiPromptChange={setAiPrompt}
-                canStartAiFlow={canStartAiFlow}
-                isImporting={isImporting}
-                origin={Origin.Onboarding}
-                onGithubClick={() => {
-                  if (isLoggedIn) {
-                    startImportFlowGithub();
-                  } else {
-                    initiateGithubAuth();
-                  }
-                }}
-                onGoogleClick={() => {
-                  if (isLoggedIn) {
-                    if (aiPrompt?.trim()) {
-                      startAiProcessing();
-                    } else {
-                      setSignupContext('ai');
-                      setStep('prompt');
-                    }
-                  } else {
-                    initiateGoogleAuth();
-                  }
-                }}
-                onAiSubmit={() => {
-                  if (isLoggedIn) {
-                    startAiProcessing();
-                  } else {
-                    setSignupContext('ai');
-                    openSignupAuth();
-                  }
-                }}
-              />
-            </div>
-          )}
-        </div>
-      </section>
-
-      {/* ── Full-screen confetti (fixed, above everything) ── */}
-      {step === 'complete' && (
-        <div className="onb-confetti-stage pointer-events-none fixed inset-0 z-[80] overflow-hidden">
-          {confettiParticles.map((p) => {
-            const sizeMap: Record<string, string> = {
-              xl: 'h-4 w-2.5',
-              lg: 'h-3 w-2',
-              md: 'h-2.5 w-1.5',
-            };
-            const sizeClass = sizeMap[p.size] ?? 'h-2 w-1';
-            const shapeMap: Record<string, string> = {
-              circle: 'rounded-full',
-              star: 'onb-confetti-star',
-            };
-            const shapeClass = shapeMap[p.shape] ?? 'rounded-[1px]';
-            return (
-              <span
-                key={p.id}
-                className={classNames(
-                  'onb-confetti-piece absolute',
-                  shapeClass,
-                  sizeClass,
-                  p.color,
-                )}
-                style={
-                  {
-                    left: p.left,
-                    top: '-16px',
-                    animationDelay: p.delay,
-                    animationDuration: `${p.speed}s`,
-                    '--confetti-drift': `${p.drift}px`,
-                  } as React.CSSProperties
-                }
-              />
-            );
-          })}
-        </div>
-      )}
-
-      {/* ── Feed Ready: Celebration Banner ── */}
-      {step === 'complete' && (
-        <div className="onb-feed-ready-banner relative overflow-hidden pb-6 pt-8 tablet:pb-8 tablet:pt-12">
-          {/* Radial burst glows — multi-layered */}
-          <div className="onb-ready-burst bg-accent-cabbage-default/[0.14] pointer-events-none absolute left-1/2 top-0 h-[24rem] w-full max-w-[48rem] -translate-x-1/2 -translate-y-1/3 rounded-full blur-[120px]" />
-          <div
-            className="onb-ready-burst bg-accent-onion-default/[0.10] pointer-events-none absolute left-1/2 top-0 h-[16rem] w-full max-w-[28rem] -translate-x-1/2 -translate-y-1/4 rounded-full blur-[90px]"
-            style={{ animationDelay: '150ms' }}
-          />
-          <div
-            className="onb-ready-burst -translate-y-1/5 bg-accent-water-default/[0.08] pointer-events-none absolute left-1/2 top-0 h-[10rem] w-full max-w-[16rem] -translate-x-1/2 rounded-full blur-[60px]"
-            style={{ animationDelay: '350ms' }}
-          />
-
-          {/* Sparkle accents */}
-          {[
-            { left: '15%', top: '18%', delay: '200ms', size: 12 },
-            { left: '80%', top: '12%', delay: '500ms', size: 16 },
-            { left: '25%', top: '65%', delay: '700ms', size: 10 },
-            { left: '72%', top: '55%', delay: '400ms', size: 14 },
-            { left: '50%', top: '8%', delay: '100ms', size: 18 },
-            { left: '90%', top: '40%', delay: '600ms', size: 8 },
-          ].map((s) => (
-            <svg
-              key={`sparkle-${s.left}-${s.top}`}
-              className="onb-sparkle text-accent-cheese-default/60 pointer-events-none absolute"
-              style={{ left: s.left, top: s.top, animationDelay: s.delay }}
-              width={s.size}
-              height={s.size}
-              viewBox="0 0 24 24"
-              fill="currentColor"
-            >
-              <path d="M12 0L14.59 9.41L24 12L14.59 14.59L12 24L9.41 14.59L0 12L9.41 9.41Z" />
-            </svg>
-          ))}
-
-          <div className="relative mx-auto flex max-w-2xl flex-col items-center px-4 tablet:px-6">
-            {/* Celebration icon with glow ring */}
-            <div className="onb-ready-reveal relative mb-5">
-              <div
-                className="bg-accent-avocado-default/20 absolute inset-0 animate-ping rounded-full"
-                style={{
-                  animationDuration: '2s',
-                  animationIterationCount: '2',
-                }}
-              />
-              <div className="bg-accent-avocado-default/20 ring-accent-avocado-default/30 relative flex h-16 w-16 items-center justify-center rounded-full ring-2">
-                <svg
-                  width="32"
-                  height="32"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  className="text-accent-avocado-default"
-                >
-                  <path
-                    d="M9 12l2 2 4-4"
-                    stroke="currentColor"
-                    strokeWidth="2.5"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                  />
-                  <circle
-                    cx="12"
-                    cy="12"
-                    r="10"
-                    stroke="currentColor"
-                    strokeWidth="1.5"
-                    opacity="0.3"
-                  />
-                </svg>
-              </div>
-            </div>
-
-            {/* Headline */}
-            <h2
-              className="onb-ready-reveal mb-2 text-center text-text-primary typo-title1"
-              style={{ animationDelay: '120ms' }}
-            >
-              Your feed is ready
-            </h2>
-            <p
-              className="onb-ready-reveal mb-7 text-center text-text-tertiary typo-body"
-              style={{ animationDelay: '220ms' }}
-            >
-              Here&apos;s how to get the most out of daily.dev
-            </p>
-
-            {/* Action chips */}
-            <div
-              className="onb-ready-reveal flex flex-col items-stretch gap-3 tablet:flex-row tablet:flex-wrap tablet:items-center tablet:justify-center"
-              style={{ animationDelay: '380ms' }}
-            >
-              {/* Install extension — desktop only */}
-              {showExtensionCta && (
-                <a
-                  href={downloadBrowserExtension}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  onClick={() =>
-                    logEvent({
-                      event_name: LogEvent.Click,
-                      target_type: TargetType.OnboardingComplete,
-                      target_id: TargetId.InstallExtension,
-                    })
-                  }
-                  className="hover:border-accent-cabbage-default/40 hover:bg-accent-cabbage-default/10 group flex items-center gap-2.5 rounded-14 border border-white/[0.10] bg-white/[0.06] px-5 py-3 transition-all duration-200"
-                >
-                  <svg
-                    width="18"
-                    height="18"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    className="shrink-0 text-accent-cabbage-default"
-                  >
-                    <path
-                      d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                  <span className="text-text-primary typo-callout">
-                    Install extension
-                  </span>
-                </a>
-              )}
-
-              {/* Get mobile app — hide if already in native app */}
-              {showMobileAppCta &&
-                (mobileStoreUrl ? (
-                  <a
-                    href={mobileStoreUrl}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    onClick={() =>
-                      logEvent({
-                        event_name: LogEvent.Click,
-                        target_type: TargetType.OnboardingComplete,
-                        target_id: TargetId.MobileApp,
-                      })
-                    }
-                    className="hover:border-accent-onion-default/40 hover:bg-accent-onion-default/10 group flex items-center gap-2.5 rounded-14 border border-white/[0.10] bg-white/[0.06] px-5 py-3 transition-all duration-200"
-                  >
-                    <PhoneIcon
-                      size={IconSize.Size16}
-                      className="shrink-0 text-accent-onion-default"
-                    />
-                    <span className="text-text-primary typo-callout">
-                      Get mobile app
-                    </span>
-                  </a>
-                ) : (
-                  <button
-                    type="button"
-                    onClick={() => {
-                      logEvent({
-                        event_name: LogEvent.Click,
-                        target_type: TargetType.OnboardingComplete,
-                        target_id: TargetId.MobileApp,
-                      });
-                      setShowMobileAppPopup(true);
-                    }}
-                    className="hover:border-accent-onion-default/40 hover:bg-accent-onion-default/10 group flex items-center gap-2.5 rounded-14 border border-white/[0.10] bg-white/[0.06] px-5 py-3 transition-all duration-200"
-                  >
-                    <PhoneIcon
-                      size={IconSize.Size16}
-                      className="shrink-0 text-accent-onion-default"
-                    />
-                    <span className="text-text-primary typo-callout">
-                      Get mobile app
-                    </span>
-                  </button>
-                ))}
-
-              {/* Enable notifications */}
-              <button
-                type="button"
-                onClick={() => {
-                  logEvent({
-                    event_name: LogEvent.Click,
-                    target_type: TargetType.OnboardingComplete,
-                    target_id: TargetId.EnableNotifications,
-                  });
-                  onEnablePush(NotificationPromptSource.NotificationsPage);
-                }}
-                className="hover:border-accent-cheese-default/40 hover:bg-accent-cheese-default/10 group flex items-center gap-2.5 rounded-14 border border-white/[0.10] bg-white/[0.06] px-5 py-3 transition-all duration-200"
-              >
-                <svg
-                  width="18"
-                  height="18"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  className="shrink-0 text-accent-cheese-default"
-                >
-                  <path
-                    d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span className="text-text-primary typo-callout">
-                  Enable notifications
-                </span>
-              </button>
-            </div>
-
-            {/* Go to feed */}
-            <button
-              type="button"
-              onClick={() => {
-                logEvent({
-                  event_name: LogEvent.Click,
-                  target_type: TargetType.OnboardingComplete,
-                  target_id: TargetId.GoToFeed,
-                });
-                redirectToApp(router);
-              }}
-              className="onb-ready-reveal mt-6 flex items-center gap-2 rounded-12 bg-white/[0.08] px-5 py-2.5 text-text-secondary transition-all duration-200 typo-callout hover:bg-white/[0.14] hover:text-text-primary"
-              style={{ animationDelay: '520ms' }}
-            >
-              {router.query[AFTER_AUTH_PARAM]
-                ? 'Back where you left off'
-                : 'Go to my feed'}
-              <ArrowIcon size={IconSize.Size16} className="rotate-90" />
-            </button>
-          </div>
-        </div>
-      )}
-
-      {/* ── Feed (only on complete step — chooser lives in hero) ── */}
-      {step === 'complete' && (
-        <div className="onb-feed-stage relative min-h-[50vh] laptop:px-10">
-          <SearchProvider>
-            <FeedLayoutProvider>
-              <ActiveFeedNameContext.Provider value={activeFeedNameValue}>
-                <MainFeedLayout
-                  feedName={showPersonalizedFeed ? 'default' : 'popular'}
-                  isSearchOn={false}
-                  hideFeedActionButtons
-                  disableBriefCard
-                />
-              </ActiveFeedNameContext.Provider>
-            </FeedLayoutProvider>
-          </SearchProvider>
-        </div>
-      )}
-
-      {step !== 'complete' && (
-        <div className="relative z-1 mx-auto mt-4 flex w-full max-w-[48rem] justify-center px-5 pb-4 mobileL:px-6">
-          <FooterLinks className="mx-auto w-full max-w-[21rem] justify-center px-1 text-center typo-caption2 tablet:max-w-none tablet:typo-footnote" />
-        </div>
-      )}
-
-      {/* ── Persistent backdrop across prompt / chooser / auth ── */}
-      {(step === 'prompt' ||
-        step === 'chooser' ||
-        step === 'auth' ||
-        isAuthenticating) && (
-        <div
-          className="bg-black/80 fixed inset-0 z-modal backdrop-blur-lg"
-          aria-hidden
-        />
-      )}
-
-      {/* ── Header signup chooser popup ── */}
-      {step === 'chooser' && (
-        <div
-          className="fixed inset-0 z-modal flex items-end tablet:items-center tablet:justify-center tablet:p-4"
-          role="dialog"
-          aria-modal="true"
-          aria-label="Choose personalization setup"
-        >
-          <div className="absolute inset-0" aria-hidden />
-
-          <div className="onb-modal-enter onb-glass relative z-1 flex max-h-[100dvh] w-full flex-col overflow-y-auto rounded-t-24 border border-white/[0.08] bg-background-default shadow-[0_32px_90px_rgba(0,0,0,0.58)] tablet:max-w-[58rem] tablet:rounded-24">
-            <div className="px-4 pb-5 pt-8 tablet:px-8 tablet:pb-8">
-              <div className="mb-6 text-center tablet:mb-8">
-                <p className="mb-2 text-text-secondary typo-body">
-                  Millions of developers already use daily.dev.
-                </p>
-                <h3 className="font-bold text-text-primary typo-title2">
-                  Now let&apos;s set up yours.
-                </h3>
-              </div>
-
-              <OnboardingChooserGrid
-                aiPrompt={aiPrompt}
-                onAiPromptChange={setAiPrompt}
-                canStartAiFlow={canStartAiFlow}
-                isImporting={isImporting}
-                origin={Origin.OnboardingModal}
-                onGithubClick={() => {
-                  setStep('hero');
-                  if (isLoggedIn) {
-                    startImportFlowGithub();
-                  } else {
-                    initiateGithubAuth();
-                  }
-                }}
-                onGoogleClick={() => {
-                  if (isLoggedIn) {
-                    if (aiPrompt?.trim()) {
-                      setStep('hero');
-                      startAiProcessing();
-                    } else {
-                      setSignupContext('ai');
-                      setStep('prompt');
-                    }
-                  } else {
-                    initiateGoogleAuth();
-                  }
-                }}
-                onAiSubmit={() => {
-                  if (isLoggedIn) {
-                    setStep('hero');
-                    startAiProcessing();
-                  } else {
-                    setSignupContext('ai');
-                    openSignupAuth();
-                  }
-                }}
-              />
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* ── Persistent backdrop during import→extension transition ── */}
-      {importExiting && (
-        <div
-          className="bg-black/80 fixed inset-0 z-modal backdrop-blur-lg"
-          aria-hidden
-        />
-      )}
-
-      {/* ── Auth Signup Overlay (providers: Google, GitHub, email) ── */}
-      {(step === 'auth' || isAuthenticating) && (
-        <div
-          className="fixed inset-0 z-modal flex items-end tablet:items-center tablet:justify-center tablet:p-4"
-          role="dialog"
-          aria-modal="true"
-          aria-label="Create your account"
-        >
-          <div
-            className="absolute inset-0"
-            onClick={closeAuthSignup}
-            role="presentation"
-          />
-
-          <div className="onb-modal-enter onb-glass relative z-1 flex max-h-[100dvh] w-full flex-col overflow-y-auto rounded-t-24 border border-white/[0.08] bg-background-default shadow-[0_32px_90px_rgba(0,0,0,0.58)] tablet:max-w-md tablet:rounded-24">
-            {authDisplay === AuthDisplay.OnboardingSignup && (
-              <button
-                type="button"
-                onClick={closeAuthSignup}
-                className="z-10 absolute right-4 top-4 flex h-9 w-9 items-center justify-center rounded-10 text-text-quaternary transition-all duration-200 hover:rotate-90 hover:bg-white/[0.06] hover:text-text-secondary"
-                aria-label="Close"
-              >
-                <MiniCloseIcon size={IconSize.Size16} />
-              </button>
-            )}
-
-            <div className="flex w-full flex-col items-center px-5 py-5 tablet:px-6">
-              {authDisplay === AuthDisplay.OnboardingSignup && (
-                <>
-                  <h2 className="mb-2 text-center font-bold text-text-primary typo-title2">
-                    Create your account
-                  </h2>
-                  <p className="mb-6 text-center text-text-tertiary typo-callout">
-                    Sign up to save your personalized feed.
-                  </p>
-                </>
-              )}
-              <AuthOptions
-                trigger={AuthTriggers.Onboarding}
-                formRef={authFormRef}
-                defaultDisplay={authDisplay}
-                forceDefaultDisplay
-                simplified
-                isLoginFlow={isLoginFlow}
-                autoTriggerProvider={autoTriggerProvider}
-                acceptedMarketing={acceptedMarketing}
-                onAuthStateUpdate={(props: Partial<AuthProps>) => {
-                  if (props.isLoginFlow !== undefined) {
-                    setIsLoginFlow(props.isLoginFlow);
-                    setAuthDisplay(AuthDisplay.Default);
-                    return;
-                  }
-                  if (props.defaultDisplay) {
-                    setAuthDisplay(props.defaultDisplay);
-                  }
-                }}
-                onSuccessfulRegistration={() => {
-                  setAutoTriggerProvider(undefined);
-                  setIsAuthenticating(false);
-                  if (signupContext === 'github') {
-                    startImportFlowGithub();
-                  } else if (signupContext === 'ai') {
-                    if (aiPrompt?.trim()) {
-                      startAiProcessing();
-                    } else {
-                      setStep('prompt');
-                    }
-                  } else {
-                    closeAuthSignup();
-                  }
-                }}
-                onSuccessfulLogin={() => {
-                  setAutoTriggerProvider(undefined);
-                  setIsAuthenticating(false);
-                  closeAuthSignup();
-                }}
-              />
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* ── Tag Selection Fallback ── */}
-      {step === 'tags' && (
-        <div
-          className="fixed inset-0 z-modal flex items-end tablet:items-center tablet:justify-center tablet:p-4"
-          role="dialog"
-          aria-modal="true"
-          aria-label="Select your tags"
-        >
-          <div className="bg-black/70 absolute inset-0 backdrop-blur-sm" />
-          <div className="relative z-1 flex max-h-[90dvh] w-full flex-col overflow-y-auto rounded-t-24 border border-white/[0.08] bg-background-default p-6 shadow-[0_32px_90px_rgba(0,0,0,0.58)] tablet:max-w-2xl tablet:rounded-24">
-            <EditTag
-              feedSettings={feedSettings}
-              userId={user?.id || ''}
-              headline="Pick tags that are relevant to you"
-              hidePreview
-            />
-            <button
-              type="button"
-              disabled={
-                (feedSettings?.includeTags?.length || 0) <
-                REQUIRED_TAGS_THRESHOLD
-              }
-              onClick={() => {
-                completeAction(ActionType.CompletedOnboarding);
-                completeAction(ActionType.EditTag);
-                completeAction(ActionType.ContentTypes);
-                router.replace({
-                  pathname: `${webappUrl}onboarding`,
-                  query: { ...router.query, step: 'complete' },
-                });
-                setStep(shouldShowExtension ? 'extension' : 'complete');
-              }}
-              className="mx-auto mt-6 rounded-14 bg-white px-8 py-3 font-bold text-black transition-all duration-200 typo-callout hover:-translate-y-0.5 hover:shadow-[0_8px_28px_rgba(255,255,255,0.12)] disabled:cursor-not-allowed disabled:opacity-40"
-            >
-              {(feedSettings?.includeTags?.length || 0) >=
-              REQUIRED_TAGS_THRESHOLD
-                ? 'Continue'
-                : `Select ${
-                    REQUIRED_TAGS_THRESHOLD -
-                    (feedSettings?.includeTags?.length || 0)
-                  } more tags`}
-            </button>
-          </div>
-        </div>
-      )}
-
-      {/* ── Extension Promotion Overlay ── */}
-      {step === 'extension' && (
-        <div
-          className="fixed inset-0 z-modal flex items-end tablet:items-center tablet:justify-center tablet:p-4"
-          role="dialog"
-          aria-modal="true"
-          aria-label="Install browser extension"
-        >
-          <div
-            className="onb-modal-backdrop bg-black/80 absolute inset-0 backdrop-blur-lg"
-            onClick={dismissExtensionPromo}
-            role="presentation"
-          />
-
-          <div className="onb-modal-enter onb-glass relative z-1 flex max-h-[100dvh] w-full flex-col overflow-y-auto rounded-t-24 border border-white/[0.08] bg-background-default shadow-[0_32px_90px_rgba(0,0,0,0.58)] tablet:max-w-lg tablet:rounded-24">
-            <button
-              type="button"
-              onClick={dismissExtensionPromo}
-              className="z-10 absolute right-4 top-4 flex h-9 w-9 items-center justify-center rounded-10 text-text-quaternary transition-all duration-200 hover:rotate-90 hover:bg-white/[0.06] hover:text-text-secondary"
-              aria-label="Close"
-            >
-              <MiniCloseIcon size={IconSize.Size16} />
-            </button>
-
-            <div className="flex w-full flex-col items-center px-5 pb-6 pt-7 tablet:px-6">
-              {/* Status badge */}
-              <div className="mb-4 inline-flex items-center gap-1.5">
-                <div className="flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-accent-avocado-default text-black">
-                  <VIcon secondary size={IconSize.XXSmall} />
-                </div>
-                <span className="font-bold text-accent-avocado-default typo-callout">
-                  Your feed is ready
-                </span>
-              </div>
-
-              {/* Headline */}
-              <h2 className="mb-4 text-center font-bold leading-tight text-text-primary typo-title1">
-                See it every time{' '}
-                <span className="text-accent-cabbage-default">
-                  you open a tab.
-                </span>
-              </h2>
-
-              {/* Screenshot */}
-              <div className="relative mb-4 w-full overflow-hidden rounded-12">
-                <img
-                  alt={`daily.dev extension in ${
-                    isEdgeBrowser ? 'Edge' : 'Chrome'
-                  }`}
-                  className="block h-auto w-full object-contain"
-                  fetchPriority="high"
-                  width={820}
-                  height={520}
-                  loading="eager"
-                  src={extensionImages.default}
-                  srcSet={`${extensionImages.default} 820w, ${extensionImages.retina} 1640w`}
-                  sizes="(max-width: 480px) 100vw, 400px"
-                />
-              </div>
-
-              {/* Value props */}
-              <div className="mb-7 mt-2 flex w-full flex-col items-center gap-1 px-2 text-center tablet:px-4">
-                {(
-                  [
-                    'Zero clicks to your personalized feed',
-                    'Catch trending tools & discussions early',
-                    'Top-rated on Chrome Web Store',
-                  ] as const
-                ).map((label) => (
-                  <div
-                    key={label}
-                    className="flex items-center justify-center gap-2.5 py-1"
-                  >
-                    <div className="bg-accent-avocado-default/20 flex h-5 w-5 shrink-0 items-center justify-center rounded-full">
-                      <VIcon
-                        className="text-accent-avocado-default"
-                        size={IconSize.XXSmall}
-                      />
-                    </div>
-                    <span className="text-text-secondary typo-callout">
-                      {label}
-                    </span>
-                  </div>
-                ))}
-              </div>
-
-              {/* CTA */}
-              <a
-                href={downloadBrowserExtension}
-                target="_blank"
-                rel="noopener noreferrer"
-                onClick={() => {
-                  logEvent({
-                    event_name: LogEvent.Click,
-                    target_type: TargetType.ExtensionPromo,
-                    target_id: TargetId.Install,
-                  });
-                  dismissExtensionPromo();
-                }}
-                className="mb-2 flex w-full items-center justify-center gap-2.5 rounded-14 bg-white py-3 font-bold text-black transition-all duration-200 typo-callout hover:-translate-y-0.5 hover:shadow-[0_8px_28px_rgba(163,230,53,0.22)]"
-              >
-                {isEdgeBrowser ? (
-                  <svg
-                    width="18"
-                    height="18"
-                    viewBox="0 0 24 24"
-                    fill="#0078D4"
-                    className="shrink-0"
-                  >
-                    <path d="M21.86 17.86q.14 0 .25.12.1.13.1.25t-.11.33l-.32.46-.43.53-.44.46q-.54.52-1.15.97l-.09.06q-.88.56-1.86.97-1.14.46-2.42.66-1.34.2-2.71.06-1.14-.12-2.2-.5-1.2-.42-2.27-1.12-1.17-.78-2.1-1.86-.83-.94-1.41-2.07-.66-1.27-.96-2.67-.17-.79-.22-1.6-.06-.91.05-1.84.1-.78.3-1.54.27-1.01.72-1.96.37-.78.88-1.51.47-.68 1.03-1.28.41-.44.87-.83l.13-.1q.49-.38 1.04-.71.53-.32 1.1-.56.92-.39 1.93-.56 1.19-.2 2.49-.08.38.03.76.1.36.07.72.17.42.12.82.29.34.14.67.31.3.15.58.33l.06.04q.28.18.55.38 0 0-.55.92T13.8 4.4q-.26-.13-.55-.24-.34-.12-.7-.2-.31-.07-.63-.1-.42-.04-.85-.02-.76.06-1.46.33-.82.32-1.51.86-.57.45-1.03 1.02-.54.66-.9 1.42-.27.57-.42 1.18-.12.48-.17.97-.06.64.03 1.3.11.79.39 1.52.32.82.84 1.52.57.76 1.32 1.34.64.5 1.39.84.79.36 1.66.52.57.1 1.16.12.78.02 1.56-.12.65-.11 1.26-.35.75-.3 1.4-.76.55-.39 1.01-.87.36-.37.67-.78l.36-.56Z" />
-                  </svg>
-                ) : (
-                  <ChromeIcon aria-hidden size={IconSize.Size16} />
-                )}
-                Add to {isEdgeBrowser ? 'Edge' : 'Chrome'}
-              </a>
-
-              <button
-                type="button"
-                onClick={() => {
-                  logEvent({
-                    event_name: LogEvent.Click,
-                    target_type: TargetType.ExtensionPromo,
-                    target_id: TargetId.Dismiss,
-                  });
-                  dismissExtensionPromo();
-                }}
-                className="mb-5 rounded-10 px-4 py-2 text-text-tertiary transition-all typo-callout hover:bg-white/[0.06] hover:text-text-secondary"
-              >
-                I&apos;ll continue on web for now
-              </button>
-
-              {/* Community proof */}
-              <div className="flex w-full flex-col items-center justify-center gap-2 border-t border-border-subtlest-tertiary pt-4">
-                <div className="flex text-accent-cheese-default">
-                  <StarIcon secondary size={IconSize.XSmall} />
-                  <StarIcon secondary size={IconSize.XSmall} />
-                  <StarIcon secondary size={IconSize.XSmall} />
-                  <StarIcon secondary size={IconSize.XSmall} />
-                  <StarIcon secondary size={IconSize.XSmall} />
-                </div>
-                <span
-                  className="max-w-[26rem] text-center italic text-text-tertiary typo-callout"
-                  style={{ lineHeight: 1.8 }}
-                >
-                  &quot;I open 50+ tabs a day. daily.dev makes each one count.
-                  It&apos;s the best dev tool I&apos;ve installed this
-                  year.&quot;
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* ── Mobile App Download Popup (desktop only) ── */}
-      {showMobileAppPopup && (
-        <div
-          className="fixed inset-0 z-modal flex items-center justify-center p-4"
-          role="dialog"
-          aria-modal="true"
-          aria-label="Get the mobile app"
-        >
-          <div
-            className="bg-black/70 absolute inset-0 backdrop-blur-sm"
-            onClick={() => setShowMobileAppPopup(false)}
-            role="presentation"
-          />
-          <div className="relative z-1 flex w-full max-w-sm flex-col items-center rounded-24 border border-white/[0.08] bg-background-default p-6 shadow-[0_32px_90px_rgba(0,0,0,0.58)]">
-            <button
-              type="button"
-              onClick={() => setShowMobileAppPopup(false)}
-              className="absolute right-4 top-4 flex h-9 w-9 items-center justify-center rounded-10 text-text-quaternary transition-all duration-200 hover:rotate-90 hover:bg-white/[0.06] hover:text-text-secondary"
-              aria-label="Close"
-            >
-              <MiniCloseIcon size={IconSize.Size16} />
-            </button>
-
-            <PhoneIcon
-              size={IconSize.XLarge}
-              className="mb-4 text-accent-onion-default"
-            />
-
-            <h3 className="mb-2 text-center font-bold text-text-primary typo-title3">
-              Get daily.dev on mobile
-            </h3>
-            <p className="mb-6 text-center text-text-tertiary typo-callout">
-              Your personalized feed, anywhere.
-            </p>
-
-            <div className="flex w-full flex-col gap-3">
-              <a
-                href={appStoreUrl}
-                target="_blank"
-                rel="noopener noreferrer"
-                onClick={() =>
-                  logEvent({
-                    event_name: LogEvent.Click,
-                    target_type: TargetType.MobileAppDownload,
-                    target_id: TargetId.IOS,
-                  })
-                }
-                className="flex w-full items-center justify-center gap-2.5 rounded-14 bg-white py-3 font-bold text-black transition-all duration-200 typo-callout hover:-translate-y-0.5 hover:shadow-[0_8px_28px_rgba(255,255,255,0.12)]"
-              >
-                <AppleIcon size={IconSize.Size16} />
-                Download for iOS
-              </a>
-              <a
-                href={playStoreUrl}
-                target="_blank"
-                rel="noopener noreferrer"
-                onClick={() =>
-                  logEvent({
-                    event_name: LogEvent.Click,
-                    target_type: TargetType.MobileAppDownload,
-                    target_id: TargetId.Android,
-                  })
-                }
-                className="flex w-full items-center justify-center gap-2.5 rounded-14 border border-white/[0.12] bg-white/[0.06] py-3 font-bold text-text-primary transition-all duration-200 typo-callout hover:-translate-y-0.5 hover:bg-white/[0.10]"
-              >
-                <AndroidIcon secondary size={IconSize.Size16} />
-                Download for Android
-              </a>
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* ── Profile Import Overlay ── */}
-      {step === 'importing' && (
-        <div
-          className="fixed inset-0 z-modal flex items-end tablet:items-center tablet:justify-center"
-          role="dialog"
-          aria-modal="true"
-          aria-label={
-            importFlowSource === 'github'
-              ? 'Importing GitHub profile'
-              : 'Analyzing your profile'
-          }
-        >
-          {/* Full-screen scrim — blurred glass so feed peeks through */}
-          <div
-            className={classNames(
-              'bg-black/70 absolute inset-0 backdrop-blur-md',
-              importExiting ? 'onb-modal-backdrop-exit' : 'onb-modal-backdrop',
-            )}
-            aria-hidden
-          />
-
-          {/* Centered content */}
-          <div
-            className={classNames(
-              'relative z-1 flex max-h-[100dvh] w-full flex-col items-center overflow-y-auto rounded-t-20 border border-white/[0.10] bg-raw-pepper-90 px-5 py-6 shadow-[0_32px_100px_rgba(0,0,0,0.6),0_0_0_1px_rgba(255,255,255,0.04)] tablet:mx-4 tablet:max-w-md tablet:rounded-20 tablet:px-6',
-              importExiting && 'onb-modal-exit',
-            )}
-          >
-            {/* ── Animated orb — full-width energy field ── */}
-            <div
-              className="pointer-events-none relative -mx-5 -mt-6 mb-0 flex h-32 items-center justify-center overflow-hidden tablet:-mx-6"
-              style={{ width: 'calc(100% + 2.5rem)' }}
-            >
-              <div
-                className="pointer-events-none absolute inset-0"
-                style={{
-                  background: `radial-gradient(ellipse at 50% 0%, ${
-                    importFlowSource === 'github'
-                      ? 'var(--theme-accent-cabbage-default)'
-                      : 'var(--theme-accent-onion-default)'
-                  } 0%, transparent 65%)`,
-                  opacity: 0.22,
-                }}
-              />
-              <div
-                className={classNames(
-                  'pointer-events-none absolute h-32 w-52 rounded-full blur-3xl',
-                  isAwaitingSeniorityInput && 'ghub-orb-paused',
-                  importFlowSource === 'github'
-                    ? 'ghub-orb-glow bg-accent-cabbage-default/15'
-                    : 'onb-ai-orb-glow bg-accent-onion-default/15',
-                )}
-              />
-              <svg
-                className={classNames(
-                  'pointer-events-none absolute',
-                  isAwaitingSeniorityInput && 'ghub-orb-paused',
-                  importFlowSource === 'github' ? 'ghub-ring' : 'onb-ai-ring',
-                )}
-                style={{ width: '11rem', height: '11rem' }}
-                viewBox="0 0 176 176"
-              >
-                <circle
-                  cx="88"
-                  cy="88"
-                  r="84"
-                  fill="none"
-                  stroke={
-                    importFlowSource === 'github'
-                      ? 'var(--theme-accent-cabbage-default)'
-                      : 'var(--theme-accent-onion-default)'
-                  }
-                  strokeWidth="1.5"
-                  strokeDasharray="6 10"
-                  opacity="0.18"
-                />
-              </svg>
-              <svg
-                className={classNames(
-                  'pointer-events-none absolute h-24 w-24',
-                  isAwaitingSeniorityInput && 'ghub-orb-paused',
-                  importFlowSource === 'github'
-                    ? 'ghub-ring-reverse'
-                    : 'onb-ai-ring-reverse',
-                )}
-                viewBox="0 0 96 96"
-              >
-                <circle
-                  cx="48"
-                  cy="48"
-                  r="44"
-                  fill="none"
-                  stroke={
-                    importFlowSource === 'github'
-                      ? 'var(--theme-accent-cabbage-default)'
-                      : 'var(--theme-accent-onion-default)'
-                  }
-                  strokeWidth="1.5"
-                  strokeDasharray="4 6"
-                  opacity="0.35"
-                />
-              </svg>
-              <svg
-                className={classNames(
-                  'onb-ring-slow pointer-events-none absolute h-16 w-16',
-                  isAwaitingSeniorityInput && 'ghub-orb-paused',
-                )}
-                viewBox="0 0 64 64"
-              >
-                <circle
-                  cx="32"
-                  cy="32"
-                  r="28"
-                  fill="none"
-                  stroke={
-                    importFlowSource === 'github'
-                      ? 'var(--theme-accent-cabbage-default)'
-                      : 'var(--theme-accent-onion-default)'
-                  }
-                  strokeWidth="1"
-                  strokeDasharray="3 5"
-                  opacity="0.3"
-                />
-              </svg>
-              {[
-                {
-                  px: '-6rem',
-                  py: '-3.5rem',
-                  dur: '3.0s',
-                  delay: '0s',
-                  color: 'bg-accent-cheese-default',
-                },
-                {
-                  px: '5.5rem',
-                  py: '-4rem',
-                  dur: '3.4s',
-                  delay: '0.5s',
-                  color: 'bg-accent-water-default',
-                },
-                {
-                  px: '-5rem',
-                  py: '3.5rem',
-                  dur: '3.2s',
-                  delay: '1.0s',
-                  color: 'bg-accent-cabbage-default',
-                },
-                {
-                  px: '6rem',
-                  py: '3rem',
-                  dur: '3.6s',
-                  delay: '1.5s',
-                  color: 'bg-accent-onion-default',
-                },
-                {
-                  px: '0.5rem',
-                  py: '-5rem',
-                  dur: '2.8s',
-                  delay: '0.7s',
-                  color: 'bg-accent-cheese-default',
-                },
-                {
-                  px: '-6.5rem',
-                  py: '0.5rem',
-                  dur: '3.1s',
-                  delay: '1.2s',
-                  color: 'bg-accent-water-default',
-                },
-              ].map((p) => (
-                <span
-                  key={`import-flow-${p.delay}`}
-                  className={classNames(
-                    'ghub-particle pointer-events-none absolute h-2 w-2 rounded-full',
-                    isAwaitingSeniorityInput && 'ghub-orb-paused',
-                    p.color,
-                  )}
-                  style={
-                    {
-                      '--px': p.px,
-                      '--py': p.py,
-                      '--dur': p.dur,
-                      '--delay': p.delay,
-                      animationDelay: p.delay,
-                    } as React.CSSProperties
-                  }
-                />
-              ))}
-              <div className="relative flex h-14 w-14 items-center justify-center rounded-full bg-surface-float">
-                {(() => {
-                  if (isAwaitingSeniorityInput) {
-                    return (
-                      <span className="relative flex h-10 w-10 items-center justify-center rounded-full bg-accent-water-default text-white shadow-[0_12px_28px_rgba(72,98,255,0.42)]">
-                        <svg
-                          width="24"
-                          height="24"
-                          viewBox="0 0 24 24"
-                          fill="none"
-                          className="ghub-question-pulse text-white"
-                        >
-                          <path
-                            d="M8.7 9a3.3 3.3 0 116.6 0c0 1.5-.84 2.24-1.8 2.9-.86.6-1.66 1.16-1.66 2.45"
-                            stroke="currentColor"
-                            strokeWidth="2.6"
-                            strokeLinecap="round"
-                            strokeLinejoin="round"
-                          />
-                          <circle
-                            cx="12"
-                            cy="18.1"
-                            r="1.6"
-                            fill="currentColor"
-                          />
-                        </svg>
-                      </span>
-                    );
-                  }
-
-                  if (importFlowSource === 'github') {
-                    return (
-                      <GitHubIcon
-                        secondary
-                        className="h-[26px] w-[26px] text-text-primary"
-                      />
-                    );
-                  }
-
-                  return (
-                    <MagicIcon
-                      secondary
-                      size={IconSize.Small}
-                      className="text-text-primary"
-                    />
-                  );
-                })()}
-              </div>
-            </div>
-
-            {/* ── Title & progress ── */}
-            <h2 className="mb-1 text-center font-bold text-text-primary typo-title3">
-              {(() => {
-                if (importPhase === 'complete') {
-                  return 'Your feed is ready';
-                }
-                if (
-                  importPhase === 'awaitingSeniority' ||
-                  importPhase === 'confirmingSeniority'
-                ) {
-                  return 'Almost there';
-                }
-                return importFlowSource === 'github'
-                  ? 'Reading your GitHub'
-                  : 'Analyzing your profile';
-              })()}
-            </h2>
-
-            <p className="mb-4 text-center text-text-tertiary typo-footnote">
-              {(() => {
-                if (importPhase === 'complete') {
-                  return 'We built a personalized feed just for you.';
-                }
-                if (importPhase === 'awaitingSeniority') {
-                  return importFlowSource === 'github'
-                    ? 'One thing we couldn\u2019t find on your profile.'
-                    : 'One last detail to finish your profile setup.';
-                }
-                if (importPhase === 'confirmingSeniority') {
-                  return 'Got it. Finishing up...';
-                }
-                return currentImportStep;
-              })()}
-            </p>
-
-            {/* ── Progress track ── */}
-            {importPhase !== 'idle' && (
-              <div className="mb-5 w-full">
-                <div className="relative h-1 w-full overflow-hidden rounded-[0.125rem] bg-white/[0.10]">
-                  <div
-                    className="h-full rounded-[0.125rem] bg-accent-cabbage-default transition-[width] duration-300 ease-out"
-                    style={{ width: `${Math.max(importProgress, 6)}%` }}
-                  />
-                </div>
-              </div>
-            )}
-
-            {importBodyPhase === 'seniority' && (
-              <Checkbox
-                name="optOutMarketing"
-                checked={!acceptedMarketing}
-                onToggleCallback={(checked) => {
-                  logEvent({
-                    event_name: LogEvent.Click,
-                    target_type: TargetType.MarketingOptOut,
-                    target_id: checked ? TargetId.OptOut : TargetId.OptIn,
-                  });
-                  setAcceptedMarketing(!checked);
-                }}
-                className="mb-4 self-start typo-caption2"
-              >
-                I don&apos;t want to receive updates and promotions via email
-              </Checkbox>
-            )}
-
-            {importBodyPhase !== 'default' && (
-              <div
-                className={classNames(
-                  'w-full overflow-hidden',
-                  importBodyPhase === 'seniority'
-                    ? 'rounded-none border-0 bg-transparent p-0'
-                    : 'rounded-16 border border-white/[0.06] bg-white/[0.01] p-3.5',
-                )}
-              >
-                <div
-                  className="ghub-phase-shell overflow-hidden transition-[height] duration-300 ease-out"
-                  style={{
-                    height: importBodyHeight
-                      ? `${importBodyHeight}px`
-                      : undefined,
-                  }}
-                >
-                  <div
-                    key={importBodyPhase}
-                    ref={importBodyContentRef}
-                    className={
-                      importBodyPhase === 'checklist'
-                        ? 'min-h-0'
-                        : 'min-h-[12rem]'
-                    }
-                  >
-                    {/* ── Import checklist (during active import) ── */}
-                    {importBodyPhase === 'checklist' && (
-                      <div className="flex w-full flex-col gap-2.5">
-                        {importSteps.map((s, i) => {
-                          const done = importProgress >= s.threshold;
-                          const active =
-                            !done && importProgress >= s.threshold - 16;
-                          // eslint-disable-next-line no-nested-ternary
-                          const statusText = done
-                            ? 'Done'
-                            : active
-                            ? 'In progress'
-                            : 'Up next';
-
-                          return (
-                            <div
-                              key={s.label}
-                              className="ghub-step-reveal grid grid-cols-[1.5rem_minmax(0,1fr)_auto] items-center gap-3"
-                              style={{ animationDelay: `${i * 80}ms` }}
-                            >
-                              <span
-                                className={classNames(
-                                  'flex h-6 w-6 shrink-0 items-center justify-center rounded-full transition-colors duration-300',
-                                  // eslint-disable-next-line no-nested-ternary
-                                  done
-                                    ? 'bg-accent-avocado-default'
-                                    : active
-                                    ? 'bg-accent-cabbage-default/18'
-                                    : 'bg-white/[0.06]',
-                                )}
-                              >
-                                {done ? (
-                                  <svg
-                                    width="18"
-                                    height="18"
-                                    viewBox="0 0 24 24"
-                                    fill="none"
-                                    aria-hidden
-                                  >
-                                    <path
-                                      d="M9 12l2 2 4-4"
-                                      stroke="#111827"
-                                      strokeWidth="2.6"
-                                      strokeLinecap="round"
-                                      strokeLinejoin="round"
-                                    />
-                                  </svg>
-                                ) : (
-                                  <span
-                                    className={classNames(
-                                      'h-2 w-2 rounded-full',
-                                      active
-                                        ? 'bg-accent-cabbage-default'
-                                        : 'bg-text-quaternary',
-                                    )}
-                                  />
-                                )}
-                              </span>
-                              <span
-                                className={classNames(
-                                  'truncate transition-colors duration-300 typo-callout',
-                                  // eslint-disable-next-line no-nested-ternary
-                                  done
-                                    ? 'text-text-primary'
-                                    : active
-                                    ? 'text-text-secondary'
-                                    : 'text-text-quaternary',
-                                )}
-                              >
-                                {s.label}
-                              </span>
-                              <span
-                                className={classNames(
-                                  'shrink-0 typo-caption2',
-                                  // eslint-disable-next-line no-nested-ternary
-                                  done
-                                    ? 'text-accent-avocado-default'
-                                    : active
-                                    ? 'text-accent-cabbage-default'
-                                    : 'text-text-quaternary',
-                                )}
-                              >
-                                {statusText}
-                              </span>
-                            </div>
-                          );
-                        })}
-                      </div>
-                    )}
-
-                    {/* ── Seniority question ── */}
-                    {importBodyPhase === 'seniority' && (
-                      <div>
-                        <p className="mb-3 text-left font-medium text-text-primary typo-callout">
-                          What is your seniority level?
-                        </p>
-                        <div className="grid grid-cols-1 gap-1.5">
-                          {EXPERIENCE_LEVEL_OPTIONS.map((option) => {
-                            const optionParts = getExperienceLevelOptionParts(
-                              option.label,
-                            );
-                            const optionMeta =
-                              optionParts.meta ?? 'Non-technical';
-                            const isSelected =
-                              selectedExperienceLevel === option.value;
-
-                            return (
-                              <button
-                                key={option.value}
-                                type="button"
-                                onClick={() =>
-                                  handleExperienceLevelSelect(option.value)
-                                }
-                                className={classNames(
-                                  'focus-visible:ring-accent-cabbage-default/60 group flex items-center rounded-12 border px-4 py-2.5 text-left transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 active:translate-y-px',
-                                  isSelected
-                                    ? 'border-white/[0.24] bg-surface-hover text-text-primary shadow-[0_8px_24px_rgba(0,0,0,0.3)]'
-                                    : 'border-white/[0.12] bg-surface-float text-text-secondary hover:border-white/[0.2] hover:bg-surface-hover hover:text-text-primary',
-                                )}
-                              >
-                                <span
-                                  className={classNames(
-                                    'line-clamp-2 min-w-0 flex-1 font-medium leading-tight typo-callout',
-                                    isSelected
-                                      ? 'text-text-primary'
-                                      : 'text-text-secondary',
-                                  )}
-                                >
-                                  {optionParts.title}
-                                </span>
-                                <span
-                                  className={classNames(
-                                    'shrink-0 text-right typo-caption1',
-                                    isSelected
-                                      ? 'text-text-tertiary'
-                                      : 'text-text-quaternary',
-                                  )}
-                                >
-                                  {optionMeta}
-                                </span>
-                              </button>
-                            );
-                          })}
-                        </div>
-                      </div>
-                    )}
-                  </div>
-                </div>
-              </div>
-            )}
-
-            {/* Completion handled by step=complete banner — auto-transition */}
-          </div>
-        </div>
-      )}
-
-      {/* ── Contextual Signup Modal ── */}
-      {step === 'prompt' && (
-        <div
-          className="fixed inset-0 z-modal flex items-end tablet:items-center tablet:justify-center tablet:p-4"
-          role="dialog"
-          aria-modal="true"
-        >
-          <div className="absolute inset-0" aria-hidden />
-
-          {/* Modal */}
-          <div className="onb-modal-enter onb-glass relative flex max-h-[100dvh] w-full flex-col overflow-y-auto rounded-t-20 border border-white/[0.08] bg-background-default shadow-[0_24px_80px_rgba(0,0,0,0.5)] tablet:max-w-[26rem] tablet:rounded-20">
-            {/* Content */}
-            <div className="px-5 pb-6 pt-8 tablet:px-7 tablet:pb-7">
-              {/* ── GitHub context ── */}
-              {signupContext === 'github' && (
-                <>
-                  <div className="mb-4 flex items-center gap-3">
-                    <div className="flex h-11 w-11 shrink-0 items-center justify-center rounded-full border border-white/[0.08]">
-                      <GitHubIcon
-                        secondary
-                        className="h-[22px] w-[22px] text-text-primary"
-                      />
-                    </div>
-                    <div>
-                      <h3 className="font-bold text-text-primary typo-title3">
-                        Connect GitHub
-                      </h3>
-                      <p className="text-text-tertiary typo-caption1">
-                        One-click personalization
-                      </p>
-                    </div>
-                  </div>
-                  <p className="mb-4 text-text-secondary typo-callout">
-                    We&apos;ll scan your public repos and stars to build a feed
-                    that matches your stack.
-                  </p>
-                  <div className="mb-6 flex flex-col gap-2 rounded-12 border border-white/[0.04] px-4 py-3">
-                    {[
-                      'Read-only access to public info',
-                      'No write permissions required',
-                      'Revoke anytime from settings',
-                    ].map((text, i) => (
-                      <div
-                        key={text}
-                        className="onb-check-item flex items-center gap-2 text-text-tertiary typo-caption1"
-                        style={{ animationDelay: `${150 + i * 80}ms` }}
-                      >
-                        <svg
-                          width="14"
-                          height="14"
-                          viewBox="0 0 24 24"
-                          fill="none"
-                          className="text-accent-avocado-default/70 shrink-0"
-                        >
-                          <path
-                            d="M9 12l2 2 4-4"
-                            stroke="currentColor"
-                            strokeWidth="1.5"
-                            strokeLinecap="round"
-                            strokeLinejoin="round"
-                          />
-                          <circle
-                            cx="12"
-                            cy="12"
-                            r="10"
-                            stroke="currentColor"
-                            strokeWidth="1.5"
-                          />
-                        </svg>
-                        {text}
-                      </div>
-                    ))}
-                  </div>
-                </>
-              )}
-
-              {/* ── Shared AI setup context (manual + ai) ── */}
-              {isAiSetupContext && (
-                <>
-                  <div
-                    className="pointer-events-none relative -mx-5 -mt-8 mb-0 flex h-32 items-center justify-center overflow-hidden tablet:-mx-7"
-                    style={{ width: 'calc(100% + 2.5rem)' }}
-                  >
-                    <div
-                      className="pointer-events-none absolute inset-0"
-                      style={{
-                        background:
-                          'radial-gradient(ellipse at 50% 0%, var(--theme-accent-onion-default) 0%, transparent 65%)',
-                        opacity: 0.22,
-                      }}
-                    />
-                    <div className="relative flex h-14 w-14 items-center justify-center rounded-full bg-surface-float">
-                      <MagicIcon
-                        secondary
-                        size={IconSize.Small}
-                        className="text-white"
-                      />
-                    </div>
-                  </div>
-                  <div className="mb-4 mt-4 flex flex-col items-center">
-                    <h4 className="mb-1.5 break-words text-center font-bold text-text-primary typo-body">
-                      Tell our AI about yourself
-                    </h4>
-                    <p className="mb-5 text-center text-text-tertiary typo-footnote">
-                      Describe your stack and let AI build your feed.
-                    </p>
-                  </div>
-
-                  <div className="onb-textarea-glow mb-3 w-full rounded-12 border border-white/[0.06] bg-white/[0.02] transition-all duration-300 focus-within:border-white/[0.18] focus-within:bg-white/[0.08] focus-within:shadow-[0_0_0_1px_rgba(255,255,255,0.14),0_12px_28px_rgba(0,0,0,0.3)] hover:border-white/[0.06] hover:bg-white/[0.02] hover:shadow-none">
-                    <textarea
-                      value={aiPrompt}
-                      onChange={(e) => setAiPrompt(e.target.value)}
-                      onKeyDown={(e) => {
-                        if (e.key !== 'Enter' || e.shiftKey) {
-                          return;
-                        }
-                        e.preventDefault();
-                        if (aiPrompt.trim()) {
-                          logEvent({
-                            event_name: LogEvent.Click,
-                            target_type: TargetType.SignupPrompt,
-                            target_id: TargetId.AI,
-                          });
-                          openSignupAuth();
-                        }
-                      }}
-                      rows={4}
-                      placeholder="I'm a frontend engineer using React and TypeScript. Interested in system design, performance, and AI tooling..."
-                      className="min-h-[6.25rem] w-full resize-none bg-transparent px-3.5 pb-2 pt-3 text-text-primary transition-colors duration-200 typo-callout placeholder:text-text-quaternary focus:outline-none focus:placeholder:text-text-disabled"
-                    />
-                  </div>
-                </>
-              )}
-
-              {/* ── Auth buttons ── */}
-              <div
-                className={classNames(
-                  'relative',
-                  isAiSetupContext && 'mt-4 w-full',
-                )}
-              >
-                <div className="onb-btn-glow pointer-events-none absolute -inset-2 rounded-16 bg-white/[0.04] blur-lg" />
-                {signupContext === 'github' && (
-                  <button
-                    type="button"
-                    disabled={isImporting}
-                    className={classNames(
-                      'onb-btn-shine group relative flex w-full items-center justify-center gap-2.5 overflow-hidden rounded-14 bg-white px-4 py-3.5 font-bold text-black transition-all duration-300 hover:-translate-y-0.5 hover:shadow-[0_8px_30px_rgba(255,255,255,0.12)] focus-visible:outline-none',
-                      isImporting && 'opacity-60 cursor-not-allowed',
-                    )}
-                    onClick={() => {
-                      logEvent({
-                        event_name: LogEvent.Click,
-                        target_type: TargetType.SignupPrompt,
-                        target_id: TargetId.GitHub,
-                      });
-                      if (isLoggedIn) {
-                        setStep('hero');
-                        startImportFlowGithub();
-                      } else {
-                        initiateGithubAuth();
-                      }
-                    }}
-                  >
-                    <GitHubIcon secondary size={IconSize.XSmall} />
-                    Continue with GitHub
-                    <svg
-                      width="14"
-                      height="14"
-                      viewBox="0 0 24 24"
-                      fill="none"
-                      className="text-black/30 transition-transform duration-300 group-hover:translate-x-0.5"
-                    >
-                      <path
-                        d="M5 12h14M12 5l7 7-7 7"
-                        stroke="currentColor"
-                        strokeWidth="2"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                      />
-                    </svg>
-                  </button>
-                )}
-                {isAiSetupContext && (
-                  <>
-                    <button
-                      type="button"
-                      disabled={!canStartAiFlow || isImporting}
-                      className={classNames(
-                        'focus-visible:ring-white/20 group relative flex w-full items-center justify-center gap-2.5 overflow-hidden rounded-14 px-5 py-3.5 font-bold transition-all duration-300 typo-callout focus-visible:outline-none focus-visible:ring-2',
-                        canStartAiFlow && !isImporting
-                          ? 'bg-white text-black hover:-translate-y-1 hover:shadow-[0_8px_30px_rgba(255,255,255,0.12)]'
-                          : 'cursor-not-allowed bg-white/[0.08] text-text-disabled',
-                      )}
-                      onClick={() => {
-                        logEvent({
-                          event_name: LogEvent.Click,
-                          target_type: TargetType.SignupPrompt,
-                          target_id: TargetId.AI,
-                        });
-                        if (isLoggedIn) {
-                          setStep('hero');
-                          startAiProcessing();
-                        } else {
-                          openSignupAuth();
-                        }
-                      }}
-                    >
-                      <MagicIcon
-                        secondary
-                        size={IconSize.Size16}
-                        className={classNames(
-                          'transition-transform duration-300',
-                          canStartAiFlow && 'group-hover:translate-x-0.5',
-                        )}
-                      />
-                      Generate my feed with AI
-                    </button>
-                    <p className="mt-2.5 text-center text-text-quaternary typo-caption2">
-                      AI-powered &middot; instant personalization
-                    </p>
-                  </>
-                )}
-                {!isAiSetupContext && signupContext !== 'github' && (
-                  <button
-                    type="button"
-                    className="onb-btn-shine group relative w-full overflow-hidden rounded-14 bg-white px-4 py-3.5 font-bold text-black transition-all duration-300 hover:-translate-y-0.5 hover:shadow-[0_8px_30px_rgba(255,255,255,0.12)] focus-visible:outline-none"
-                    onClick={openSignupAuth}
-                  >
-                    Create free account
-                  </button>
-                )}
-              </div>
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-};
diff --git a/packages/webapp/components/onboarding/OnboardingV2Styles.tsx b/packages/webapp/components/onboarding/OnboardingV2Styles.tsx
deleted file mode 100644
index 335d1a74922..00000000000
--- a/packages/webapp/components/onboarding/OnboardingV2Styles.tsx
+++ /dev/null
@@ -1,979 +0,0 @@
-import type { ReactElement } from 'react';
-import React from 'react';
-
-export const OnboardingV2Styles = (): ReactElement => (
-  // eslint-disable-next-line react/no-unknown-property
-  <style jsx global>{`
-    /* Suppress OneSignal auto-prompt slidedown during onboarding */
-    #onesignal-slidedown-container,
-    .onesignal-slidedown-container,
-    .onesignal-slidedown-dialog {
-      display: none !important;
-    }
-
-    .onb-hero .onb-float-1,
-    .onb-hero .onb-float-2,
-    .onb-hero .onb-float-3 {
-      transform: translateY(calc(var(--scroll-y) * -0.15px));
-    }
-    .onb-feed-stage > main[class*='utilities_feedPage'] {
-      padding-top: 0 !important;
-    }
-
-    /* ─── HERO PARALLAX ─── */
-    .onb-hero {
-      --scroll-y: 0;
-      contain: content;
-    }
-
-    /* ─── HERO RADIAL GLOW ─── */
-    @keyframes onb-hero-radial-breathe {
-      0%,
-      100% {
-        opacity: 0.9;
-        transform: scale(1) translateY(0);
-      }
-      50% {
-        opacity: 1;
-        transform: scale(1.04) translateY(-2%);
-      }
-    }
-    .onb-hero .onb-hero-radial {
-      background: radial-gradient(
-        ellipse 80% 55% at 50% 0%,
-        rgba(255, 255, 255, 0.065) 0%,
-        rgba(255, 255, 255, 0.035) 28%,
-        rgba(255, 255, 255, 0.015) 48%,
-        transparent 74%
-      );
-      animation: onb-hero-radial-breathe 12s ease-in-out infinite;
-      will-change: opacity, transform;
-      transform: translateY(calc(var(--scroll-y) * -0.05px));
-    }
-
-    .onb-hero .onb-dot-grid {
-      transform: translateY(calc(var(--scroll-y) * 0.04px));
-      opacity: calc(1 - var(--scroll-y) * 0.001);
-    }
-
-    /* ─── SHIMMER ─── */
-    .onb-shimmer {
-      position: relative;
-      overflow: hidden;
-    }
-    .onb-shimmer::after {
-      content: '';
-      position: absolute;
-      inset: 0;
-      background: linear-gradient(
-        90deg,
-        transparent 0%,
-        rgba(255, 255, 255, 0.06) 50%,
-        transparent 100%
-      );
-      animation: onb-shimmer 2.4s ease-in-out infinite;
-    }
-    @keyframes onb-shimmer {
-      from {
-        transform: translateX(-100%);
-      }
-      to {
-        transform: translateX(100%);
-      }
-    }
-
-    /* ─── RING ANIMATIONS ─── */
-    @keyframes onb-ring-spin {
-      from {
-        transform: rotate(0deg);
-      }
-      to {
-        transform: rotate(360deg);
-      }
-    }
-    .onb-ring-spin {
-      animation: onb-ring-spin 12s linear infinite;
-    }
-    .onb-ring-spin-reverse {
-      animation: onb-ring-spin 18s linear infinite reverse;
-    }
-
-    @keyframes onb-ring-pulse {
-      0%,
-      100% {
-        transform: scale(1);
-        opacity: 0.6;
-      }
-      50% {
-        transform: scale(1.1);
-        opacity: 1;
-      }
-    }
-    .onb-ring-pulse {
-      animation: onb-ring-pulse 3s ease-in-out infinite;
-    }
-
-    /* ─── CTA GLOW ─── */
-    @keyframes onb-cta-glow {
-      0%,
-      100% {
-        opacity: 0.5;
-      }
-      50% {
-        opacity: 1;
-      }
-    }
-    /* ─── CHIP POP ─── */
-    @keyframes onb-chip-pop {
-      0% {
-        transform: scale(0.6);
-        opacity: 0;
-      }
-      60% {
-        transform: scale(1.08);
-        opacity: 1;
-      }
-      100% {
-        transform: scale(1);
-        opacity: 1;
-      }
-    }
-    .onb-chip-enter {
-      animation: onb-chip-pop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
-    }
-
-    /* ─── FLOATING PARTICLES ─── */
-    @keyframes onb-float-1 {
-      0%,
-      100% {
-        transform: translate(0, 0) scale(1);
-        opacity: 0.3;
-      }
-      25% {
-        transform: translate(12px, -18px) scale(1.2);
-        opacity: 0.6;
-      }
-      50% {
-        transform: translate(-8px, -30px) scale(0.9);
-        opacity: 0.4;
-      }
-      75% {
-        transform: translate(16px, -12px) scale(1.1);
-        opacity: 0.5;
-      }
-    }
-    @keyframes onb-float-2 {
-      0%,
-      100% {
-        transform: translate(0, 0) scale(1);
-        opacity: 0.2;
-      }
-      33% {
-        transform: translate(-16px, -22px) scale(1.3);
-        opacity: 0.5;
-      }
-      66% {
-        transform: translate(10px, -35px) scale(0.8);
-        opacity: 0.3;
-      }
-    }
-    @keyframes onb-float-3 {
-      0%,
-      100% {
-        transform: translate(0, 0) scale(1);
-        opacity: 0.25;
-      }
-      40% {
-        transform: translate(20px, -14px) scale(1.15);
-        opacity: 0.55;
-      }
-      80% {
-        transform: translate(-12px, -28px) scale(0.85);
-        opacity: 0.2;
-      }
-    }
-    .onb-float-1 {
-      animation: onb-float-1 14s ease-in-out infinite;
-    }
-    .onb-float-2 {
-      animation: onb-float-2 18s ease-in-out infinite;
-    }
-    .onb-float-3 {
-      animation: onb-float-3 22s ease-in-out infinite;
-    }
-
-    /* ─── GRADIENT TEXT SHIMMER ─── */
-    @keyframes onb-gradient-shift {
-      0% {
-        background-position: 0% 50%;
-      }
-      50% {
-        background-position: 100% 50%;
-      }
-      100% {
-        background-position: 0% 50%;
-      }
-    }
-    .onb-gradient-text {
-      background-image: linear-gradient(
-        90deg,
-        var(--theme-accent-cabbage-default) 0%,
-        var(--theme-accent-onion-default) 30%,
-        var(--theme-accent-water-default) 60%,
-        var(--theme-accent-cabbage-default) 100%
-      );
-      background-size: 200% auto;
-      animation: onb-gradient-shift 10s ease-in-out infinite;
-    }
-
-    /* ─── BUTTON SHINE SWEEP ─── */
-    .onb-btn-shine::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: -100%;
-      width: 50%;
-      height: 100%;
-      background: linear-gradient(
-        90deg,
-        transparent,
-        rgba(255, 255, 255, 0.15),
-        transparent
-      );
-      transition: left 0.6s ease;
-    }
-    .onb-btn-shine:hover::after {
-      left: 120%;
-    }
-
-    /* ─── BUTTON GLOW BREATHING ─── */
-    @keyframes onb-btn-breathe {
-      0%,
-      100% {
-        opacity: 0.4;
-        transform: scale(1);
-      }
-      50% {
-        opacity: 0.7;
-        transform: scale(1.05);
-      }
-    }
-    .onb-btn-glow {
-      animation: onb-btn-breathe 3s ease-in-out infinite;
-    }
-
-    /* ─── GITHUB IMPORT FLOW ─── */
-
-    /* Orb: breathing glow behind the icon */
-    @keyframes ghub-orb-breathe {
-      0%,
-      100% {
-        transform: scale(1);
-        opacity: 0.4;
-      }
-      50% {
-        transform: scale(1.3);
-        opacity: 0.75;
-      }
-    }
-    .ghub-orb-glow {
-      animation: ghub-orb-breathe 2.6s ease-in-out infinite;
-    }
-
-    /* Rings that rotate around the orb */
-    @keyframes ghub-ring-spin {
-      from {
-        transform: rotate(0deg);
-      }
-      to {
-        transform: rotate(360deg);
-      }
-    }
-    .ghub-ring {
-      animation: ghub-ring-spin 8s linear infinite;
-    }
-    .ghub-ring-reverse {
-      animation: ghub-ring-spin 12s linear infinite reverse;
-    }
-    .onb-ring-slow {
-      animation: ghub-ring-spin 18s linear infinite;
-    }
-
-    /* Particles that fly toward the orb center */
-    @keyframes ghub-particle-in {
-      0% {
-        transform: translate(var(--px), var(--py)) scale(0.8);
-        opacity: 0;
-      }
-      20% {
-        opacity: 0.9;
-      }
-      80% {
-        opacity: 0.6;
-      }
-      100% {
-        transform: translate(0, 0) scale(0);
-        opacity: 0;
-      }
-    }
-    .ghub-particle {
-      animation: ghub-particle-in var(--dur) ease-in infinite;
-      animation-delay: var(--delay);
-    }
-
-    /* Step checklist fade-in */
-    @keyframes ghub-step-in {
-      from {
-        transform: translateY(0.375rem);
-        opacity: 0;
-      }
-      to {
-        transform: translateY(0);
-        opacity: 1;
-      }
-    }
-    .ghub-step-reveal {
-      animation: ghub-step-in 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
-    }
-
-    .ghub-orb-paused {
-      animation-play-state: paused !important;
-    }
-    @keyframes ghub-question-pulse {
-      0%,
-      100% {
-        transform: scale(1);
-        opacity: 0.9;
-      }
-      50% {
-        transform: scale(1.06);
-        opacity: 1;
-      }
-    }
-    .ghub-question-pulse {
-      animation: ghub-question-pulse 1.8s ease-in-out infinite;
-    }
-
-    /* Confetti for completion */
-    @keyframes ghub-confetti {
-      0% {
-        transform: translateY(-0.625rem) rotate(0deg);
-        opacity: 0;
-      }
-      15% {
-        opacity: 1;
-      }
-      100% {
-        transform: translateY(4rem) rotate(260deg);
-        opacity: 0;
-      }
-    }
-    .ghub-confetti {
-      animation: ghub-confetti 1.6s ease-out infinite;
-    }
-
-    /* ─── FEED READY CELEBRATIONS ─── */
-    @keyframes onb-confetti-fall {
-      0% {
-        transform: translateY(0) translateX(0) rotate(0deg) scale(1);
-        opacity: 0;
-      }
-      5% {
-        opacity: 1;
-      }
-      25% {
-        opacity: 0.95;
-      }
-      75% {
-        opacity: 0.7;
-      }
-      100% {
-        transform: translateY(110vh) translateX(var(--confetti-drift, 0px))
-          rotate(960deg) scale(0.2);
-        opacity: 0;
-      }
-    }
-    .onb-confetti-piece {
-      animation: onb-confetti-fall 4s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
-      filter: brightness(1.2);
-    }
-    .onb-confetti-star {
-      clip-path: polygon(
-        50% 0%,
-        61% 35%,
-        98% 35%,
-        68% 57%,
-        79% 91%,
-        50% 70%,
-        21% 91%,
-        32% 57%,
-        2% 35%,
-        39% 35%
-      );
-    }
-    @keyframes onb-confetti-stage-fade {
-      0%,
-      85% {
-        opacity: 1;
-      }
-      100% {
-        opacity: 0;
-      }
-    }
-    .onb-confetti-stage {
-      animation: onb-confetti-stage-fade 6s ease-out forwards;
-    }
-
-    @keyframes onb-ready-burst {
-      0% {
-        transform: translate(-50%, -33%) scale(0.4);
-        opacity: 0;
-      }
-      20% {
-        opacity: 1;
-      }
-      60% {
-        opacity: 0.6;
-      }
-      100% {
-        transform: translate(-50%, -33%) scale(1.2);
-        opacity: 0;
-      }
-    }
-    .onb-ready-burst {
-      animation: onb-ready-burst 2.5s ease-out forwards;
-    }
-
-    @keyframes onb-ready-reveal {
-      0% {
-        transform: translateY(16px);
-        opacity: 0;
-      }
-      100% {
-        transform: translateY(0);
-        opacity: 1;
-      }
-    }
-    .onb-ready-reveal {
-      opacity: 0;
-      animation: onb-ready-reveal 0.6s ease-out forwards;
-    }
-
-    @keyframes onb-celebration-sparkle {
-      0% {
-        transform: scale(0) rotate(0deg);
-        opacity: 0;
-      }
-      30% {
-        transform: scale(1.2) rotate(90deg);
-        opacity: 1;
-      }
-      100% {
-        transform: scale(0) rotate(180deg);
-        opacity: 0;
-      }
-    }
-    .onb-sparkle {
-      animation: onb-celebration-sparkle 1.2s ease-out forwards;
-    }
-
-    /* ─── AI PROCESSING ORB ─── */
-    @keyframes onb-ai-orb-breathe {
-      0%,
-      100% {
-        transform: scale(1);
-        opacity: 0.3;
-      }
-      50% {
-        transform: scale(1.35);
-        opacity: 0.6;
-      }
-    }
-    .onb-ai-orb-glow {
-      animation: onb-ai-orb-breathe 2.5s ease-in-out infinite;
-    }
-    @keyframes onb-ai-ring-spin {
-      from {
-        transform: rotate(0deg);
-      }
-      to {
-        transform: rotate(360deg);
-      }
-    }
-    .onb-ai-ring {
-      animation: onb-ai-ring-spin 10s linear infinite;
-    }
-    .onb-ai-ring-reverse {
-      animation: onb-ai-ring-spin 7s linear infinite reverse;
-    }
-
-    /* ─── AI ICON GLOW ─── */
-    @keyframes onb-ai-shimmer {
-      0%,
-      100% {
-        box-shadow: 0 0 8px
-            color-mix(
-              in srgb,
-              var(--theme-accent-onion-default) 15%,
-              transparent
-            ),
-          0 0 20px
-            color-mix(
-              in srgb,
-              var(--theme-accent-onion-default) 5%,
-              transparent
-            );
-      }
-      50% {
-        box-shadow: 0 0 14px
-            color-mix(
-              in srgb,
-              var(--theme-accent-onion-default) 25%,
-              transparent
-            ),
-          0 0 32px
-            color-mix(
-              in srgb,
-              var(--theme-accent-onion-default) 10%,
-              transparent
-            );
-      }
-    }
-    .onb-ai-icon-glow {
-      animation: onb-ai-shimmer 3s ease-in-out infinite;
-    }
-
-    /* ─── MODAL EXIT ─── */
-    @keyframes onb-modal-out {
-      from {
-        transform: scale(1) translateY(0);
-        opacity: 1;
-      }
-      to {
-        transform: scale(0.92) translateY(16px);
-        opacity: 0;
-      }
-    }
-    .onb-modal-exit {
-      animation: onb-modal-out 0.35s cubic-bezier(0.4, 0, 1, 1) forwards;
-    }
-    @keyframes onb-modal-backdrop-out {
-      from {
-        opacity: 1;
-      }
-      to {
-        opacity: 0;
-      }
-    }
-    .onb-modal-backdrop-exit {
-      animation: onb-modal-backdrop-out 0.3s ease-in forwards;
-    }
-
-    /* ─── EXTENSION PROMO ─── */
-    @keyframes onb-ext-enter {
-      from {
-        transform: scale(0.94) translateY(20px);
-        opacity: 0;
-      }
-      to {
-        transform: scale(1) translateY(0);
-        opacity: 1;
-      }
-    }
-    .onb-ext-enter {
-      animation: onb-ext-enter 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
-    }
-
-    @keyframes onb-ext-reveal {
-      from {
-        transform: translateY(10px);
-        opacity: 0;
-      }
-      to {
-        transform: translateY(0);
-        opacity: 1;
-      }
-    }
-    .onb-ext-reveal {
-      opacity: 0;
-      animation: onb-ext-reveal 0.4s ease-out forwards;
-    }
-
-    @keyframes onb-ext-float {
-      0%,
-      100% {
-        transform: translateY(0);
-      }
-      50% {
-        transform: translateY(-8px);
-      }
-    }
-    .onb-ext-float {
-      animation: onb-ext-float 5s ease-in-out infinite;
-    }
-
-    @keyframes onb-cta-shimmer {
-      0% {
-        transform: translateX(-130%) skewX(-20deg);
-      }
-      100% {
-        transform: translateX(230%) skewX(-20deg);
-      }
-    }
-    .onb-cta-shimmer {
-      position: relative;
-      overflow: hidden;
-    }
-    .onb-cta-shimmer::after {
-      content: '';
-      position: absolute;
-      inset: 0;
-      background: linear-gradient(
-        90deg,
-        transparent 0%,
-        rgba(255, 255, 255, 0.18) 50%,
-        transparent 100%
-      );
-      animation: onb-cta-shimmer 3.5s ease-in-out infinite;
-      animation-delay: 1.2s;
-      pointer-events: none;
-    }
-
-    @keyframes onb-accent-draw {
-      from {
-        transform: scaleX(0);
-        opacity: 0;
-      }
-      to {
-        transform: scaleX(1);
-        opacity: 1;
-      }
-    }
-    .onb-accent-draw {
-      transform-origin: center;
-      animation: onb-accent-draw 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both;
-    }
-
-    /* ─── PANEL FADE: progressive blur + dark overlay ─── */
-    .onb-panel-fade {
-      backdrop-filter: blur(14px);
-      -webkit-backdrop-filter: blur(14px);
-      mask-image: linear-gradient(
-        to bottom,
-        transparent 0%,
-        rgba(0, 0, 0, 0.55) 10%,
-        rgba(0, 0, 0, 0.9) 25%,
-        black 40%
-      );
-      -webkit-mask-image: linear-gradient(
-        to bottom,
-        transparent 0%,
-        rgba(0, 0, 0, 0.55) 10%,
-        rgba(0, 0, 0, 0.9) 25%,
-        black 40%
-      );
-    }
-    .onb-feed-stage {
-      content-visibility: auto;
-      contain-intrinsic-size: 1px 1800px;
-      contain: content;
-    }
-    /* ─── GLASSMORPHISM ─── */
-    .onb-glass {
-      background: rgba(255, 255, 255, 0.02);
-      backdrop-filter: blur(12px);
-      -webkit-backdrop-filter: blur(12px);
-      transition: background 0.35s ease, border-color 0.35s ease,
-        box-shadow 0.35s ease;
-    }
-    .onb-glass:hover {
-      background: rgba(255, 255, 255, 0.04);
-      border-color: rgba(255, 255, 255, 0.1);
-      box-shadow: 0 4px 32px rgba(0, 0, 0, 0.15),
-        0 0 0 1px rgba(255, 255, 255, 0.04);
-    }
-
-    /* ─── CURSOR-TRACKING GLOW ─── */
-    .onb-cursor-glow {
-      --mouse-x: 50%;
-      --mouse-y: 50%;
-      position: relative;
-    }
-    .onb-cursor-glow::before {
-      content: '';
-      position: absolute;
-      width: 320px;
-      height: 320px;
-      left: var(--mouse-x);
-      top: var(--mouse-y);
-      transform: translate(-50%, -50%);
-      background: radial-gradient(
-        circle,
-        color-mix(in srgb, var(--theme-accent-onion-default) 6%, transparent) 0%,
-        transparent 70%
-      );
-      border-radius: 50%;
-      pointer-events: none;
-      opacity: 0;
-      transition: opacity 0.4s ease;
-      z-index: 0;
-    }
-    .onb-cursor-glow:hover::before {
-      opacity: 1;
-    }
-
-    .onb-eng-active-upvote,
-    .onb-eng-active-upvote svg,
-    .onb-eng-active-upvote span {
-      color: var(--theme-actions-upvote-default) !important;
-    }
-    .onb-eng-active-comment,
-    .onb-eng-active-comment svg,
-    .onb-eng-active-comment span {
-      color: var(--theme-actions-comment-default) !important;
-    }
-
-    .onb-eng-pulse {
-      animation: onb-eng-pulse-anim 0.35s
-        cubic-bezier(0.175, 0.885, 0.32, 1.275);
-    }
-    @keyframes onb-eng-pulse-anim {
-      0% {
-        transform: scale(1);
-      }
-      50% {
-        transform: scale(1.2);
-      }
-      100% {
-        transform: scale(1);
-      }
-    }
-
-    .onb-eng-pos-relative {
-      position: relative;
-    }
-    .onb-eng-floater-anchor {
-      position: relative;
-    }
-    .onb-eng-floater {
-      position: absolute;
-      font-size: 0.6875rem;
-      font-weight: 700;
-      font-variant-numeric: tabular-nums;
-      white-space: nowrap;
-      pointer-events: none;
-      z-index: 1;
-      animation: onb-eng-float-anim 1.8s linear forwards;
-      will-change: transform, opacity;
-      transform: translateZ(0);
-    }
-    @keyframes onb-eng-float-anim {
-      0% {
-        transform: translateY(2px) scale(0.7);
-        opacity: 0;
-      }
-      12% {
-        transform: translateY(-2px) scale(1.05);
-        opacity: 1;
-      }
-      35% {
-        transform: translateY(-8px) scale(1);
-        opacity: 0.9;
-      }
-      75% {
-        transform: translateY(-18px);
-        opacity: 0.4;
-      }
-      100% {
-        transform: translateY(-26px) scale(0.95);
-        opacity: 0;
-      }
-    }
-
-    /* ─── MODAL CHECKLIST STAGGER ─── */
-    @keyframes onb-check-in {
-      from {
-        transform: translateX(-8px);
-        opacity: 0;
-      }
-      to {
-        transform: translateX(0);
-        opacity: 1;
-      }
-    }
-    .onb-check-item {
-      animation: onb-check-in 0.35s cubic-bezier(0.16, 1, 0.3, 1) both;
-    }
-
-    /* ─── MODAL ENTRANCE ─── */
-    @keyframes onb-modal-in {
-      from {
-        transform: scale(0.92) translateY(16px);
-        opacity: 0;
-      }
-      to {
-        transform: scale(1) translateY(0);
-        opacity: 1;
-      }
-    }
-    .onb-modal-enter {
-      animation: onb-modal-in 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
-    }
-    @keyframes onb-modal-backdrop-in {
-      from {
-        opacity: 0;
-        backdrop-filter: blur(0);
-      }
-      to {
-        opacity: 1;
-        backdrop-filter: blur(12px);
-      }
-    }
-    .onb-modal-backdrop {
-      animation: onb-modal-backdrop-in 0.3s ease-out both;
-      contain: content;
-    }
-    .onb-modal-enter.onb-glass {
-      background: rgba(10, 12, 16, 0.9);
-      border-color: rgba(255, 255, 255, 0.14);
-      box-shadow: 0 28px 90px rgba(0, 0, 0, 0.62);
-    }
-
-    /* ─── TOPIC PILLS (no interaction) ─── */
-    .onb-marquee span {
-      pointer-events: none;
-    }
-
-    /* ─── SCROLL PROGRESS LINE ─── */
-    @keyframes onb-progress-glow {
-      0%,
-      100% {
-        box-shadow: 0 0 6px 1px
-          color-mix(in srgb, var(--theme-accent-onion-default) 30%, transparent);
-      }
-      50% {
-        box-shadow: 0 0 12px 2px
-          color-mix(in srgb, var(--theme-accent-onion-default) 50%, transparent);
-      }
-    }
-
-    /* ─── MOBILE MODAL SLIDE-UP ─── */
-    @keyframes onb-modal-slide-up {
-      from {
-        transform: translateY(100%);
-      }
-      to {
-        transform: translateY(0);
-      }
-    }
-    @keyframes onb-modal-slide-down {
-      from {
-        transform: translateY(0);
-      }
-      to {
-        transform: translateY(100%);
-      }
-    }
-    @media (max-width: 655px) {
-      .onb-modal-enter,
-      .onb-ext-enter {
-        animation: onb-modal-slide-up 0.35s cubic-bezier(0.16, 1, 0.3, 1) both;
-      }
-      .onb-modal-exit {
-        animation: onb-modal-slide-down 0.3s cubic-bezier(0.4, 0, 1, 1) forwards;
-      }
-    }
-    @media (max-width: 63.9375rem) {
-      .onb-panel-fade {
-        backdrop-filter: none;
-        -webkit-backdrop-filter: none;
-      }
-    }
-
-    /* ─── OFF-SCREEN ANIMATION PAUSING ─── */
-    .onb-hero-offscreen .onb-hero-radial,
-    .onb-hero-offscreen .onb-float-1,
-    .onb-hero-offscreen .onb-float-2,
-    .onb-hero-offscreen .onb-float-3,
-    .onb-hero-offscreen .onb-gradient-text,
-    .onb-hero-offscreen .onb-btn-glow {
-      animation-play-state: paused !important;
-    }
-    .onb-hero-offscreen .onb-hero-radial {
-      will-change: auto !important;
-    }
-
-    .onb-panel-hidden .ghub-orb-glow,
-    .onb-panel-hidden .ghub-ring,
-    .onb-panel-hidden .ghub-ring-reverse,
-    .onb-panel-hidden .onb-ring-slow,
-    .onb-panel-hidden .ghub-particle,
-    .onb-panel-hidden .onb-ai-orb-glow,
-    .onb-panel-hidden .onb-ai-ring,
-    .onb-panel-hidden .onb-ai-ring-reverse,
-    .onb-panel-hidden .onb-btn-glow {
-      animation-play-state: paused !important;
-    }
-
-    /* ─── CSS CONTAINMENT FOR ANIMATION CONTAINERS ─── */
-    .onb-hero .onb-float-1,
-    .onb-hero .onb-float-2,
-    .onb-hero .onb-float-3,
-    .ghub-particle,
-    .onb-confetti-piece {
-      contain: layout style;
-    }
-
-    /* ─── REDUCED MOTION ─── */
-    @media (prefers-reduced-motion: reduce) {
-      .onb-marquee,
-      .onb-shimmer::after,
-      .onb-chip-enter,
-      .onb-ring-spin,
-      .onb-ring-spin-reverse,
-      .onb-ring-pulse,
-      .onb-float-1,
-      .onb-float-2,
-      .onb-float-3,
-      .onb-gradient-text,
-      .onb-hero-radial,
-      .onb-btn-glow,
-      .onb-modal-enter,
-      .onb-modal-exit,
-      .onb-modal-backdrop,
-      .onb-modal-backdrop-exit,
-      .ghub-orb-glow,
-      .ghub-ring,
-      .ghub-ring-reverse,
-      .ghub-particle,
-      .ghub-confetti,
-      .onb-confetti-piece,
-      .onb-confetti-stage,
-      .onb-ready-burst,
-      .onb-ready-reveal,
-      .onb-ai-orb-glow,
-      .onb-ai-ring,
-      .onb-ai-ring-reverse,
-      .onb-ai-icon-glow,
-      .onb-ring-slow,
-      .onb-ext-enter,
-      .onb-ext-reveal,
-      .onb-sparkle,
-      .onb-confetti-star,
-      .onb-eng-pulse,
-      .onb-eng-floater {
-        animation: none !important;
-        opacity: 1 !important;
-      }
-      .onb-btn-shine::after,
-      .onb-cursor-glow::before {
-        display: none;
-      }
-      .onb-feed-stage article {
-        opacity: 1 !important;
-        transform: none !important;
-        transition: none !important;
-      }
-    }
-  `}</style>
-);
diff --git a/packages/webapp/components/onboarding/useOnboardingAnimations.ts b/packages/webapp/components/onboarding/useOnboardingAnimations.ts
deleted file mode 100644
index 018b3baefcc..00000000000
--- a/packages/webapp/components/onboarding/useOnboardingAnimations.ts
+++ /dev/null
@@ -1,153 +0,0 @@
-import { useEffect, useMemo, useRef, useState } from 'react';
-import {
-  BrowserName,
-  getCurrentBrowserName,
-} from '@dailydotdev/shared/src/lib/func';
-import { cloudinaryOnboardingExtension } from '@dailydotdev/shared/src/lib/image';
-
-import type { OnboardingStep } from './OnboardingV2';
-
-const CONFETTI_COLORS = [
-  'bg-accent-cabbage-default',
-  'bg-accent-onion-default',
-  'bg-accent-cheese-default',
-  'bg-accent-water-default',
-  'bg-accent-avocado-default',
-  'bg-accent-bacon-default',
-];
-
-type ConfettiParticle = {
-  id: string;
-  left: string;
-  delay: string;
-  color: string;
-  size: 'sm' | 'md' | 'lg' | 'xl';
-  shape: 'rect' | 'circle' | 'star';
-  drift: number;
-  speed: number;
-};
-
-function buildConfettiParticles(): ConfettiParticle[] {
-  const particles: ConfettiParticle[] = [];
-  const SIZES = ['sm', 'md', 'lg', 'xl'] as const;
-  const SHAPES = ['rect', 'circle', 'star'] as const;
-  for (let i = 0; i < 24; i += 1) {
-    const col = CONFETTI_COLORS[i % CONFETTI_COLORS.length];
-    const opacity = 65 + Math.round(Math.random() * 30);
-    particles.push({
-      id: `cf-${i}`,
-      left: `${1 + Math.random() * 98}%`,
-      delay: `${Math.round(Math.random() * 2400)}ms`,
-      color: `${col}/${opacity}`,
-      size: SIZES[Math.floor(Math.random() * SIZES.length)],
-      shape: SHAPES[Math.floor(Math.random() * SHAPES.length)],
-      drift: Math.round(-40 + Math.random() * 80),
-      speed: +(3.5 + Math.random() * 2.5).toFixed(1),
-    });
-  }
-  return particles;
-}
-
-export function useOnboardingAnimations(step: OnboardingStep) {
-  // ── Mount state ──
-  const [mounted, setMounted] = useState(false);
-
-  // ── Refs ──
-  const heroRef = useRef<HTMLElement>(null);
-  const prevBodyOverflowRef = useRef('');
-  const scrollY = useRef(0);
-
-  // ── Mount trigger ──
-  useEffect(() => {
-    const raf = requestAnimationFrame(() => setMounted(true));
-    return () => cancelAnimationFrame(raf);
-  }, []);
-
-  // ── Body overflow management ──
-  useEffect(() => {
-    const isModalOpen = step !== 'hero' && step !== 'complete';
-
-    if (isModalOpen) {
-      prevBodyOverflowRef.current = document.body.style.overflow;
-      document.body.style.overflow = 'hidden';
-    } else {
-      document.body.style.overflow = prevBodyOverflowRef.current;
-      prevBodyOverflowRef.current = '';
-    }
-    return () => {
-      document.body.style.overflow = prevBodyOverflowRef.current;
-      prevBodyOverflowRef.current = '';
-    };
-  }, [step]);
-
-  // ── Parallax scroll ──
-  useEffect(() => {
-    const prefersReduced = window.matchMedia(
-      '(prefers-reduced-motion: reduce)',
-    ).matches;
-    if (prefersReduced) {
-      return undefined;
-    }
-
-    let ticking = false;
-    const onScroll = () => {
-      scrollY.current = window.scrollY;
-      if (!ticking) {
-        ticking = true;
-        requestAnimationFrame(() => {
-          const hero = heroRef.current;
-          if (hero) {
-            const y = scrollY.current;
-            hero.style.setProperty('--scroll-y', `${y}`);
-          }
-          ticking = false;
-        });
-      }
-    };
-
-    window.addEventListener('scroll', onScroll, { passive: true });
-    return () => window.removeEventListener('scroll', onScroll);
-  }, []);
-
-  // ── Hero visibility tracking ──
-  useEffect(() => {
-    const hero = heroRef.current;
-    if (!hero) {
-      return undefined;
-    }
-
-    const observer = new IntersectionObserver(
-      ([entry]) => {
-        hero.classList.toggle('onb-hero-offscreen', !entry.isIntersecting);
-      },
-      { threshold: 0 },
-    );
-    observer.observe(hero);
-    return () => observer.disconnect();
-  }, []);
-
-  // ── Browser detection ──
-  const [detectedBrowser, setDetectedBrowser] = useState(BrowserName.Chrome);
-  useEffect(() => {
-    setDetectedBrowser(getCurrentBrowserName());
-  }, []);
-  const isEdgeBrowser = detectedBrowser === BrowserName.Edge;
-  const extensionImages =
-    cloudinaryOnboardingExtension[
-      isEdgeBrowser ? BrowserName.Edge : BrowserName.Chrome
-    ];
-
-  // ── Confetti ──
-  const confettiParticles = useMemo(
-    () => (step === 'complete' ? buildConfettiParticles() : []),
-    [step],
-  );
-
-  return {
-    mounted,
-    heroRef,
-    confettiParticles,
-    isEdgeBrowser,
-    extensionImages,
-  };
-}
diff --git a/packages/webapp/pages/onboarding.tsx b/packages/webapp/pages/onboarding.tsx
index e05d630cd96..fd07902fa3e 100644
--- a/packages/webapp/pages/onboarding.tsx
+++ b/packages/webapp/pages/onboarding.tsx
@@ -26,9 +26,6 @@ import {
 import { ErrorBoundary } from '@dailydotdev/shared/src/components/ErrorBoundary';
 import { useViewSize, ViewSize } from '@dailydotdev/shared/src/hooks';
 import { useSettingsContext } from '@dailydotdev/shared/src/contexts/SettingsContext';
-import { useConditionalFeature } from '@dailydotdev/shared/src/hooks/useConditionalFeature';
-import { featureOnboardingV2 } from '@dailydotdev/shared/src/lib/featureManagement';
-import dynamic from 'next/dynamic';
 import type {
   AuthOptionsProps,
   AuthProps,
@@ -68,12 +65,6 @@ import { isLocalhost } from '@dailydotdev/shared/src/lib/config';
 import { getPageSeoTitles } from '../components/layouts/utils';
 import { defaultOpenGraph, defaultSeo } from '../next-seo';
 
-const OnboardingV2 = dynamic(
-  () =>
-    import('../components/onboarding/OnboardingV2').then((m) => m.OnboardingV2),
-  { ssr: false },
-);
-
 const seoTitles = getPageSeoTitles('Get started');
 const seo: NextSeoProps = {
   title: seoTitles.title,
@@ -368,19 +359,6 @@ function Onboarding({ initialStepId }: PageProps): ReactElement {
 
 function Page(props: PageProps) {
   const { autoDismissNotifications } = useSettingsContext();
-  const { value: isOnboardingV2 } = useConditionalFeature({
-    feature: featureOnboardingV2,
-  });
-
-  if (isOnboardingV2) {
-    return (
-      <ErrorBoundary feature="onboarding">
-        <OnboardingV2 />
-        {/* <HotJarTracking hotjarId="3871311" /> */}
-        <Toast autoDismissNotifications={autoDismissNotifications} />
-      </ErrorBoundary>
-    );
-  }
 
   return (
     <JotaiProvider>