# git-collapse/strike architecture

> Architecture diagram of the GitHub repository git-collapse/strike, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-26). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/git-collapse/strike
- Repository: https://github.com/git-collapse/strike

## Overview

STRIKE is a frontend-only ed-tech landing-page demo with a hidden, expiring developer-grant interaction. The main path is visitor → homepage/course and membership discovery → optional Overclock activation → discounted prices and grant details. The sampled code confirms the app composition, shared sale state, and pricing consumers; links among unsampled landing-page sections are not inferred.

Main entry points: [`src/App.tsx`](https://github.com/git-collapse/strike/blob/main/src/App.tsx) (App shell), [`src/components/SaleDiscovery.tsx`](https://github.com/git-collapse/strike/blob/main/src/components/SaleDiscovery.tsx) (Grant discovery), [`src/context/OverclockContext.tsx`](https://github.com/git-collapse/strike/blob/main/src/context/OverclockContext.tsx) (Overclock state), [`src/components/CourseCard.tsx`](https://github.com/git-collapse/strike/blob/main/src/components/CourseCard.tsx) (Course details)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_app["App and navigation"]
  node_app["App shell<br/>[App.tsx]"]
  node_nav["Navigation<br/>[Navbar.tsx]"]
end

subgraph group_discovery["Learning discovery"]
  node_hero["Hero and demo<br/>[Hero.tsx]"]
  node_stats["Social proof band<br/>[FaangBand.tsx]"]
  node_why["Why Strike<br/>[WhyStrike.tsx]"]
  node_mentors["Mentor profiles<br/>[Mentors.tsx]"]
  node_testimonials["Testimonials<br/>[Testimonials.tsx]"]
  node_courses["Course catalog<br/>[CourseGrid.tsx]"]
  node_coursecard["Course details<br/>[CourseCard.tsx]"]
  node_memberships["Membership plans"]
  node_faq["FAQ<br/>[FAQ.tsx]"]
  node_footer["Footer<br/>[Footer.tsx]"]
end

subgraph group_grant["Developer grant"]
  node_sale["Grant discovery<br/>[SaleDiscovery.tsx]"]
  node_terminal["Terminal reveal"]
  node_state["Overclock state"]
  node_price["Price animation<br/>[PriceReveal.tsx]"]
end

subgraph group_access["Demo access"]
  node_login["Demo auth screens<br/>[Login.tsx]"]
end

node_visitor(("Visitor"))
node_storage[("Browser storage")]
node_clipboard["Browser clipboard"]

node_visitor -->|"opens app"| node_app
node_app -->|"renders"| node_nav
node_app -->|"renders"| node_hero
node_app -->|"renders"| node_memberships
node_app -->|"renders"| node_courses
node_app -->|"renders"| node_why
node_app -->|"renders"| node_mentors
node_app -->|"renders"| node_testimonials
node_app -->|"renders"| node_stats
node_app -->|"renders"| node_faq
node_app -->|"renders"| node_footer
node_app -->|"renders"| node_sale
node_app -->|"renders"| node_terminal
node_app -->|"routes to"| node_login
node_visitor -->|"triggers grant"| node_sale
node_sale -->|"opens terminal"| node_app
node_app -->|"provides state"| node_state
node_state -->|"persists activation"| node_storage
node_sale -->|"reads grant state"| node_state
node_sale -->|"copies coupon"| node_clipboard
node_courses -->|"renders cards"| node_coursecard
node_coursecard -->|"reads pricing state"| node_state
node_memberships -->|"reads pricing state"| node_state
node_coursecard -->|"renders price"| node_price
node_memberships -->|"renders price"| node_price

click node_app "https://github.com/git-collapse/strike/blob/main/src/App.tsx"
click node_nav "https://github.com/git-collapse/strike/blob/main/src/components/Navbar.tsx"
click node_login "https://github.com/git-collapse/strike/blob/main/src/pages/Login.tsx"
click node_hero "https://github.com/git-collapse/strike/blob/main/src/components/Hero.tsx"
click node_stats "https://github.com/git-collapse/strike/blob/main/src/components/FaangBand.tsx"
click node_why "https://github.com/git-collapse/strike/blob/main/src/components/WhyStrike.tsx"
click node_mentors "https://github.com/git-collapse/strike/blob/main/src/components/Mentors.tsx"
click node_testimonials "https://github.com/git-collapse/strike/blob/main/src/components/Testimonials.tsx"
click node_courses "https://github.com/git-collapse/strike/blob/main/src/components/CourseGrid.tsx"
click node_coursecard "https://github.com/git-collapse/strike/blob/main/src/components/CourseCard.tsx"
click node_memberships "https://github.com/git-collapse/strike/blob/main/src/components/MembershipPlans.tsx"
click node_faq "https://github.com/git-collapse/strike/blob/main/src/components/FAQ.tsx"
click node_footer "https://github.com/git-collapse/strike/blob/main/src/components/Footer.tsx"
click node_sale "https://github.com/git-collapse/strike/blob/main/src/components/SaleDiscovery.tsx"
click node_terminal "https://github.com/git-collapse/strike/blob/main/src/components/TerminalOverlay.tsx"
click node_state "https://github.com/git-collapse/strike/blob/main/src/context/OverclockContext.tsx"
click node_price "https://github.com/git-collapse/strike/blob/main/src/components/PriceReveal.tsx"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_app,node_nav,node_clipboard toneBlue
class node_hero,node_stats,node_why,node_mentors,node_testimonials,node_courses,node_coursecard,node_memberships,node_faq,node_footer,node_storage toneAmber
class node_sale,node_terminal,node_state,node_price toneMint
class node_login toneRose
class node_visitor toneIndigo
```

## Components

### App and navigation

- [App shell](https://github.com/git-collapse/strike/blob/main/src/App.tsx): `src/App.tsx`
- [Navigation](https://github.com/git-collapse/strike/blob/main/src/components/Navbar.tsx): `src/components/Navbar.tsx`

### Learning discovery

- [Hero and demo](https://github.com/git-collapse/strike/blob/main/src/components/Hero.tsx): `src/components/Hero.tsx`
- [Social proof band](https://github.com/git-collapse/strike/blob/main/src/components/FaangBand.tsx): `src/components/FaangBand.tsx`
- [Why Strike](https://github.com/git-collapse/strike/blob/main/src/components/WhyStrike.tsx): `src/components/WhyStrike.tsx`
- [Mentor profiles](https://github.com/git-collapse/strike/blob/main/src/components/Mentors.tsx): `src/components/Mentors.tsx`
- [Testimonials](https://github.com/git-collapse/strike/blob/main/src/components/Testimonials.tsx): `src/components/Testimonials.tsx`
- [Course catalog](https://github.com/git-collapse/strike/blob/main/src/components/CourseGrid.tsx): `src/components/CourseGrid.tsx`
- [Course details](https://github.com/git-collapse/strike/blob/main/src/components/CourseCard.tsx): `src/components/CourseCard.tsx`
- [Membership plans](https://github.com/git-collapse/strike/blob/main/src/components/MembershipPlans.tsx): `src/components/MembershipPlans.tsx`
- [FAQ](https://github.com/git-collapse/strike/blob/main/src/components/FAQ.tsx): `src/components/FAQ.tsx`
- [Footer](https://github.com/git-collapse/strike/blob/main/src/components/Footer.tsx): `src/components/Footer.tsx`

### Developer grant

- [Grant discovery](https://github.com/git-collapse/strike/blob/main/src/components/SaleDiscovery.tsx): `src/components/SaleDiscovery.tsx`
- [Terminal reveal](https://github.com/git-collapse/strike/blob/main/src/components/TerminalOverlay.tsx): `src/components/TerminalOverlay.tsx`
- [Overclock state](https://github.com/git-collapse/strike/blob/main/src/context/OverclockContext.tsx): `src/context/OverclockContext.tsx`
- [Price animation](https://github.com/git-collapse/strike/blob/main/src/components/PriceReveal.tsx): `src/components/PriceReveal.tsx`

### Demo access

- [Demo auth screens](https://github.com/git-collapse/strike/blob/main/src/pages/Login.tsx): `src/pages/Login.tsx`

### Other components

- **Visitor**
- **Browser storage**
- **Browser clipboard**

## Connections

- Visitor → App shell: opens app
- App shell → Navigation: renders
- App shell → Hero and demo: renders
- App shell → Membership plans: renders
- App shell → Course catalog: renders
- App shell → Why Strike: renders
- App shell → Mentor profiles: renders
- App shell → Testimonials: renders
- App shell → Social proof band: renders
- App shell → FAQ: renders
- App shell → Footer: renders
- App shell → Grant discovery: renders
- App shell → Terminal reveal: renders
- App shell → Demo auth screens: routes to
- Visitor → Grant discovery: triggers grant
- Grant discovery → App shell: opens terminal
- App shell → Overclock state: provides state
- Overclock state → Browser storage: persists activation
- Grant discovery → Overclock state: reads grant state
- Grant discovery → Browser clipboard: copies coupon
- Course catalog → Course details: renders cards
- Course details → Overclock state: reads pricing state
- Membership plans → Overclock state: reads pricing state
- Course details → Price animation: renders price
- Membership plans → Price animation: renders price