# artemtarakanov/nexgen architecture

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

- Interactive diagram: https://gitdiagram.com/artemtarakanov/nexgen
- Repository: https://github.com/artemtarakanov/nexgen

## Overview

NexGen is a public-facing digital-agency website presenting its services, work, company information, and career opportunities. A visitor enters through the browser, the app selects a page by URL, and that page presents its content; the careers area also includes an application page. The Services page’s composition is explicit in the sampled source, including service offerings, case studies, testimonials, and questions. Other listed page sections are retained as capabilities, but their wiring is not inferred from the file tree alone.

Main entry points: [`src/App.tsx`](https://github.com/artemtarakanov/nexgen/blob/main/src/App.tsx) (Route selection), [`src/pages/Services.tsx`](https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Services.tsx) (Services page), [`src/main.tsx`](https://github.com/artemtarakanov/nexgen/blob/main/src/main.tsx) (React entry), [`src/components/Header.tsx`](https://github.com/artemtarakanov/nexgen/blob/main/src/components/Header.tsx) (Site header)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_runtime["App runtime"]
  node_entry["React entry<br/>[main.tsx]"]
  node_router["Route selection<br/>[App.tsx]"]
  node_header["Site header<br/>[Header.tsx]"]
  node_footer["Site footer<br/>[Footer.tsx]"]
end

subgraph group_marketing["Agency marketing"]
  node_home["Home page<br/>[Home.tsx]"]
  node_home_sections["Home sections"]
  node_services["Services page<br/>[Services.tsx]"]
  node_service_offerings["Service offerings<br/>[Ourservices.tsx]"]
  node_service_stories["Success stories<br/>[Success_sories.tsx]"]
  node_service_questions["Service questions<br/>[Questions.tsx]"]
  node_service_testimonials["Testimonials<br/>[Testimonials.tsx]"]
end

subgraph group_work["Work showcase"]
  node_projects["Projects page<br/>[Projects.tsx]"]
  node_project_showcase["Project showcase<br/>[Showcase.tsx]"]
  node_project_features["Project features<br/>[Features.tsx]"]
end

subgraph group_company["Company and careers"]
  node_about["About page<br/>[About.tsx]"]
  node_about_brands["Brand story"]
  node_careers["Careers page<br/>[Careers.tsx]"]
  node_career_application["Job application<br/>[Apply.tsx]"]
  node_blogs["Blogs page<br/>[Blogs.tsx]"]
end

node_visitor(("Site visitor"))
node_browser(("Browser"))

node_visitor -->|"opens site"| node_browser
node_browser -->|"loads app"| node_entry
node_entry -->|"renders in router"| node_router
node_router -->|"routes /"| node_home
node_router -->|"routes /services"| node_services
node_router -->|"routes /projects"| node_projects
node_router -->|"routes /careers"| node_careers
node_router -->|"routes /blogs"| node_blogs
node_router -->|"routes /about"| node_about
node_services -->|"renders"| node_header
node_services -->|"renders"| node_service_offerings
node_services -->|"renders"| node_service_stories
node_services -->|"renders"| node_service_testimonials
node_services -->|"renders"| node_service_questions
node_services -->|"renders"| node_footer

click node_entry "https://github.com/artemtarakanov/nexgen/blob/main/src/main.tsx"
click node_router "https://github.com/artemtarakanov/nexgen/blob/main/src/App.tsx"
click node_header "https://github.com/artemtarakanov/nexgen/blob/main/src/components/Header.tsx"
click node_footer "https://github.com/artemtarakanov/nexgen/blob/main/src/components/Footer.tsx"
click node_home "https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Home.tsx"
click node_home_sections "https://github.com/artemtarakanov/nexgen/tree/main/src/pages/Home"
click node_services "https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Services.tsx"
click node_service_offerings "https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Services/Ourservices.tsx"
click node_service_stories "https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Services/Success_sories.tsx"
click node_service_questions "https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Services/Questions.tsx"
click node_service_testimonials "https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Home/Testimonials.tsx"
click node_projects "https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Projects.tsx"
click node_project_showcase "https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Projects/Showcase.tsx"
click node_project_features "https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Projects/Features.tsx"
click node_about "https://github.com/artemtarakanov/nexgen/blob/main/src/pages/About.tsx"
click node_about_brands "https://github.com/artemtarakanov/nexgen/blob/main/src/pages/About/Elevating_brands.tsx"
click node_careers "https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Careers.tsx"
click node_career_application "https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Careers/Apply.tsx"
click node_blogs "https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Blogs.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_entry,node_router,node_header,node_footer,node_browser toneBlue
class node_home,node_home_sections,node_services,node_service_offerings,node_service_stories,node_service_questions,node_service_testimonials toneAmber
class node_projects,node_project_showcase,node_project_features toneMint
class node_about,node_about_brands,node_careers,node_career_application,node_blogs toneRose
class node_visitor toneIndigo
```

## Components

### App runtime

- [React entry](https://github.com/artemtarakanov/nexgen/blob/main/src/main.tsx): `src/main.tsx`
- [Route selection](https://github.com/artemtarakanov/nexgen/blob/main/src/App.tsx): `src/App.tsx`
- [Site header](https://github.com/artemtarakanov/nexgen/blob/main/src/components/Header.tsx): `src/components/Header.tsx`
- [Site footer](https://github.com/artemtarakanov/nexgen/blob/main/src/components/Footer.tsx): `src/components/Footer.tsx`

### Agency marketing

- [Home page](https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Home.tsx): `src/pages/Home.tsx`
- [Home sections](https://github.com/artemtarakanov/nexgen/tree/main/src/pages/Home): `src/pages/Home`
- [Services page](https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Services.tsx): `src/pages/Services.tsx`
- [Service offerings](https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Services/Ourservices.tsx): `src/pages/Services/Ourservices.tsx`
- [Success stories](https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Services/Success_sories.tsx): `src/pages/Services/Success_sories.tsx`
- [Service questions](https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Services/Questions.tsx): `src/pages/Services/Questions.tsx`
- [Testimonials](https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Home/Testimonials.tsx): `src/pages/Home/Testimonials.tsx`

### Work showcase

- [Projects page](https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Projects.tsx): `src/pages/Projects.tsx`
- [Project showcase](https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Projects/Showcase.tsx): `src/pages/Projects/Showcase.tsx`
- [Project features](https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Projects/Features.tsx): `src/pages/Projects/Features.tsx`

### Company and careers

- [About page](https://github.com/artemtarakanov/nexgen/blob/main/src/pages/About.tsx): `src/pages/About.tsx`
- [Brand story](https://github.com/artemtarakanov/nexgen/blob/main/src/pages/About/Elevating_brands.tsx): `src/pages/About/Elevating_brands.tsx`
- [Careers page](https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Careers.tsx): `src/pages/Careers.tsx`
- [Job application](https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Careers/Apply.tsx): `src/pages/Careers/Apply.tsx`
- [Blogs page](https://github.com/artemtarakanov/nexgen/blob/main/src/pages/Blogs.tsx): `src/pages/Blogs.tsx`

### Other components

- **Site visitor**
- **Browser**

## Connections

- Site visitor → Browser: opens site
- Browser → React entry: loads app
- React entry → Route selection: renders in router
- Route selection → Home page: routes /
- Route selection → Services page: routes /services
- Route selection → Projects page: routes /projects
- Route selection → Careers page: routes /careers
- Route selection → Blogs page: routes /blogs
- Route selection → About page: routes /about
- Services page → Site header: renders
- Services page → Service offerings: renders
- Services page → Success stories: renders
- Services page → Testimonials: renders
- Services page → Service questions: renders
- Services page → Site footer: renders