Screenshot Inventory (User Journey)

Screenshots are organized into a logical flow from landing → pricing → auth → console → modals, with dark mode variants and admin references. All images are in auth-coditect-ai/screenshots/ and embedded inline below.

01. Landing (Marketing)

marketing-hero-light.png

Description: Marketing landing hero with headline, subtext, and primary CTA buttons.

marketing-problems-section-light.png

Description: “The Problems You Actually Face” section with three problem/benefit cards.

02. Pricing

pricing-hero-light.png

Description: Pricing hero with pilot banner and enterprise bundle callout (light theme).

pricing-details-light.png

Description: Pricing bundle details with feature pills and value props (light theme).

03. Auth

auth-2fa-light.png

Description: Two-factor authentication verification screen with 6‑digit code input.

04. Console (Post‑Login)

profile-projects-light.png

Description: Profile page projects tab with active project cards and progress bars.

projects-search-light.png

Description: Projects search state with a single project card (light theme).

profile-support-light.png

Description: Support tab with ticket stats and ticket list.

profile-settings-light.png

Description: Settings tab with account details, password, and 2FA.

profile-organization-light.png

Description: Organization tab with team members table and invite action.

05. Modals (Light)

modal-invite-team-light.png

Description: Invite Team Member modal with role selection (Admin/Member/Viewer/Guest).

modal-shopping-cart-light.png

Description: Shopping cart side panel empty state.

modal-bug-report-light.png

Description: Bug report modal form with summary, details, and priority.

06. Dark Theme Variants

profile-projects-dark.png

Description: Dark theme profile projects overview cards.

projects-board-dark.png

Description: Dark theme project board with favorites and pipeline chips.

projects-search-dark.png

Description: Dark theme projects search state with single project card.

pricing-hero-dark.png

Description: Pricing hero with pilot banner and enterprise bundle callout (dark theme).

modal-contact-dark.png

Description: Contact CODITECT modal with name, email, and message fields.

modal-feedback-type-dark.png

Description: Feedback type selection modal (bug, feature, performance, docs, UX, other).

modal-bug-report-dark.png

Description: Bug report modal form with priority chips and submit action.

99. Admin Reference

github-collaborators-access-1.png

Description: GitHub repository Settings > Collaborators and teams showing direct access and a pending invite (triage role).

github-collaborators-access-2.png

Description: GitHub repository Settings > Collaborators and teams showing multiple direct access entries.