@@ -31,6 +31,10 @@ import { ChromeIcon } from '@dailydotdev/shared/src/components/icons/Browser/Chr
3131import { MagicIcon } from '@dailydotdev/shared/src/components/icons/Magic' ;
3232import { NewTabIcon } from '@dailydotdev/shared/src/components/icons/NewTab' ;
3333import { TerminalIcon } from '@dailydotdev/shared/src/components/icons/Terminal' ;
34+ import { HomeIcon } from '@dailydotdev/shared/src/components/icons/Home' ;
35+ import { HotIcon } from '@dailydotdev/shared/src/components/icons/Hot' ;
36+ import { EyeIcon } from '@dailydotdev/shared/src/components/icons/Eye' ;
37+ import { SquadIcon } from '@dailydotdev/shared/src/components/icons/Squad' ;
3438import { VIcon } from '@dailydotdev/shared/src/components/icons/V' ;
3539import { StarIcon } from '@dailydotdev/shared/src/components/icons/Star' ;
3640import { cloudinaryOnboardingExtension } from '@dailydotdev/shared/src/lib/image' ;
@@ -1128,7 +1132,65 @@ export const OnboardingV2 = (): ReactElement => {
11281132 } , [ githubImportBodyPhase ] ) ;
11291133
11301134 return (
1131- < div ref = { pageRef } className = "onb-page relative" role = "presentation" >
1135+ < div
1136+ ref = { pageRef }
1137+ className = "onb-page relative tablet:pt-16 laptop:pl-11"
1138+ role = "presentation"
1139+ >
1140+ { /* ── Dummy Header (desktop/tablet only) ── */ }
1141+ < 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" >
1142+ < Logo
1143+ position = { LogoPosition . Relative }
1144+ className = "!left-0 !top-0 !mt-0 !translate-x-0"
1145+ />
1146+ < div className = "ml-auto flex items-center gap-3" >
1147+ < button
1148+ type = "button"
1149+ onClick = { openLogin }
1150+ className = "rounded-12 px-3 py-1.5 font-bold text-text-secondary transition-colors duration-200 typo-callout hover:bg-surface-hover"
1151+ >
1152+ Log in
1153+ </ button >
1154+ < button
1155+ type = "button"
1156+ onClick = { ( ) => setShowSignupChooser ( true ) }
1157+ className = "hover:opacity-90 rounded-12 bg-accent-cabbage-default px-5 py-1.5 font-bold text-white transition-opacity duration-200 typo-callout"
1158+ >
1159+ Sign up
1160+ </ button >
1161+ </ div >
1162+ </ header >
1163+
1164+ { /* ── Dummy Sidebar (laptop only) ── */ }
1165+ < aside className = "pointer-events-none fixed left-0 top-16 z-2 hidden h-[calc(100vh-theme(space.16))] w-11 select-none flex-col border-r border-border-subtlest-tertiary bg-background-default laptop:flex" >
1166+ < nav className = "flex flex-col items-center gap-0.5 pt-3" >
1167+ < div className = "flex h-9 w-full items-center justify-center" >
1168+ < HomeIcon
1169+ className = "h-5 w-5 text-text-disabled"
1170+ secondary = { false }
1171+ />
1172+ </ div >
1173+ < div className = "flex h-9 w-full items-center justify-center" >
1174+ < SquadIcon
1175+ className = "h-5 w-5 text-text-disabled"
1176+ secondary = { false }
1177+ />
1178+ </ div >
1179+ < div className = "flex h-9 w-full items-center justify-center" >
1180+ < HotIcon className = "h-5 w-5 text-text-disabled" secondary = { false } />
1181+ </ div >
1182+ < div className = "flex h-9 w-full items-center justify-center" >
1183+ < EyeIcon className = "h-5 w-5 text-text-disabled" secondary = { false } />
1184+ </ div >
1185+ < div className = "flex h-9 w-full items-center justify-center" >
1186+ < TerminalIcon
1187+ className = "h-5 w-5 text-text-disabled"
1188+ secondary = { false }
1189+ />
1190+ </ div >
1191+ </ nav >
1192+ </ aside >
1193+
11321194 { /* ── Hero ── */ }
11331195 < section
11341196 ref = { heroRef }
0 commit comments