# tayseer-alrahhal/hexaops architecture

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

- Interactive diagram: https://gitdiagram.com/tayseer-alrahhal/hexaops
- Repository: https://github.com/tayseer-alrahhal/hexaops

## Overview

Hexaops is a multilingual corporate and technology-marketing website. Visitors browse the localized home page and company, project, and technology information, or open contact details; shared navigation and locale-aware links support that journey. The sampled route pages show their content composition, while the locale layout supplies the shared header, footer, and scrolling behavior. Several page sections are unsampled, so their internal behavior and any contact submission flow are not inferred.

Main entry points: [`src/i18n/navigation.ts`](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/i18n/navigation.ts) (Localized navigation), [`src/app/[locale]/layout.tsx`](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/app/%5Blocale%5D/layout.tsx) (Locale page shell), [`src/app/[locale]/page.tsx`](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/app/%5Blocale%5D/page.tsx) (Home page), [`src/components/Footer.tsx`](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/components/Footer.tsx) (Footer)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Marketing pages"]
  node_home["Home page<br/>[page.tsx]"]
  node_about["About page<br/>[page.tsx]"]
  node_aboutcontent["About sections"]
  node_projects["Projects page<br/>[page.tsx]"]
  node_projectcontent["Project sections"]
  node_technology["Technology page<br/>[page.tsx]"]
  node_technologycontent["Technology sections"]
  node_contact["Contact page<br/>[page.tsx]"]
end

subgraph group_shared["Shared experience"]
  node_homehero["Home hero<br/>[Hero.tsx]"]
  node_homecontent["Home sections"]
  node_shell["Locale page shell<br/>[layout.tsx]"]
  node_header["Header navigation<br/>[Header.tsx]"]
  node_footer["Footer<br/>[Footer.tsx]"]
  node_language["Language selector"]
  node_scroll["Smooth scrolling<br/>[SmoothScroll.tsx]"]
end

subgraph group_localization["Locale routing"]
  node_middleware["Locale middleware<br/>[middleware.ts]"]
  node_i18nconfig["Locale configuration<br/>[routing.ts]"]
  node_i18nnav["Localized navigation<br/>[navigation.ts]"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens"| node_home
node_visitor -->|"opens"| node_about
node_visitor -->|"opens"| node_projects
node_visitor -->|"opens"| node_technology
node_visitor -->|"opens"| node_contact
node_home -->|"renders"| node_homehero
node_home -->|"renders"| node_homecontent
node_about -->|"renders"| node_aboutcontent
node_projects -->|"renders"| node_projectcontent
node_technology -->|"renders"| node_technologycontent
node_shell -->|"renders"| node_header
node_shell -->|"renders"| node_footer
node_shell -->|"renders"| node_scroll
node_footer -->|"renders"| node_language
node_header -->|"uses links"| node_i18nnav
node_footer -->|"uses links"| node_i18nnav
node_language -->|"uses links"| node_i18nnav
node_i18nnav -->|"configures"| node_i18nconfig
node_middleware -->|"uses routing"| node_i18nconfig

click node_home "https://github.com/tayseer-alrahhal/hexaops/blob/main/src/app/%5Blocale%5D/page.tsx"
click node_homehero "https://github.com/tayseer-alrahhal/hexaops/blob/main/src/components/Hero.tsx"
click node_homecontent "https://github.com/tayseer-alrahhal/hexaops/tree/main/src/components"
click node_about "https://github.com/tayseer-alrahhal/hexaops/blob/main/src/app/%5Blocale%5D/about/page.tsx"
click node_aboutcontent "https://github.com/tayseer-alrahhal/hexaops/tree/main/src/app/%5Blocale%5D/about"
click node_projects "https://github.com/tayseer-alrahhal/hexaops/blob/main/src/app/%5Blocale%5D/projects/page.tsx"
click node_projectcontent "https://github.com/tayseer-alrahhal/hexaops/tree/main/src/app/%5Blocale%5D/projects"
click node_technology "https://github.com/tayseer-alrahhal/hexaops/blob/main/src/app/%5Blocale%5D/technology/page.tsx"
click node_technologycontent "https://github.com/tayseer-alrahhal/hexaops/tree/main/src/app/%5Blocale%5D/technology"
click node_contact "https://github.com/tayseer-alrahhal/hexaops/blob/main/src/app/%5Blocale%5D/contact/page.tsx"
click node_shell "https://github.com/tayseer-alrahhal/hexaops/blob/main/src/app/%5Blocale%5D/layout.tsx"
click node_header "https://github.com/tayseer-alrahhal/hexaops/blob/main/src/components/Header.tsx"
click node_footer "https://github.com/tayseer-alrahhal/hexaops/blob/main/src/components/Footer.tsx"
click node_language "https://github.com/tayseer-alrahhal/hexaops/blob/main/src/components/LanguageSelector.tsx"
click node_scroll "https://github.com/tayseer-alrahhal/hexaops/blob/main/src/components/SmoothScroll.tsx"
click node_middleware "https://github.com/tayseer-alrahhal/hexaops/blob/main/src/middleware.ts"
click node_i18nconfig "https://github.com/tayseer-alrahhal/hexaops/blob/main/src/i18n/routing.ts"
click node_i18nnav "https://github.com/tayseer-alrahhal/hexaops/blob/main/src/i18n/navigation.ts"

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_home,node_about,node_aboutcontent,node_projects,node_projectcontent,node_technology,node_technologycontent,node_contact toneBlue
class node_homehero,node_homecontent,node_shell,node_header,node_footer,node_language,node_scroll toneAmber
class node_middleware,node_i18nconfig,node_i18nnav toneMint
class node_visitor toneIndigo
```

## Components

### Marketing pages

- [Home page](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/app/%5Blocale%5D/page.tsx): `src/app/[locale]/page.tsx`
- [About page](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/app/%5Blocale%5D/about/page.tsx): `src/app/[locale]/about/page.tsx`
- [About sections](https://github.com/tayseer-alrahhal/hexaops/tree/main/src/app/%5Blocale%5D/about): `src/app/[locale]/about`
- [Projects page](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/app/%5Blocale%5D/projects/page.tsx): `src/app/[locale]/projects/page.tsx`
- [Project sections](https://github.com/tayseer-alrahhal/hexaops/tree/main/src/app/%5Blocale%5D/projects): `src/app/[locale]/projects`
- [Technology page](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/app/%5Blocale%5D/technology/page.tsx): `src/app/[locale]/technology/page.tsx`
- [Technology sections](https://github.com/tayseer-alrahhal/hexaops/tree/main/src/app/%5Blocale%5D/technology): `src/app/[locale]/technology`
- [Contact page](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/app/%5Blocale%5D/contact/page.tsx): `src/app/[locale]/contact/page.tsx`

### Shared experience

- [Home hero](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/components/Hero.tsx): `src/components/Hero.tsx`
- [Home sections](https://github.com/tayseer-alrahhal/hexaops/tree/main/src/components): `src/components`
- [Locale page shell](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/app/%5Blocale%5D/layout.tsx): `src/app/[locale]/layout.tsx`
- [Header navigation](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/components/Header.tsx): `src/components/Header.tsx`
- [Footer](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/components/Footer.tsx): `src/components/Footer.tsx`
- [Language selector](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/components/LanguageSelector.tsx): `src/components/LanguageSelector.tsx`
- [Smooth scrolling](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/components/SmoothScroll.tsx): `src/components/SmoothScroll.tsx`

### Locale routing

- [Locale middleware](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/middleware.ts): `src/middleware.ts`
- [Locale configuration](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/i18n/routing.ts): `src/i18n/routing.ts`
- [Localized navigation](https://github.com/tayseer-alrahhal/hexaops/blob/main/src/i18n/navigation.ts): `src/i18n/navigation.ts`

### Other components

- **Visitor**

## Connections

- Visitor → Home page: opens
- Visitor → About page: opens
- Visitor → Projects page: opens
- Visitor → Technology page: opens
- Visitor → Contact page: opens
- Home page → Home hero: renders (evidence: `src/app/[locale]/page.tsx`)
- Home page → Home sections: renders (evidence: `src/app/[locale]/page.tsx`)
- About page → About sections: renders (evidence: `src/app/[locale]/about/page.tsx`)
- Projects page → Project sections: renders (evidence: `src/app/[locale]/projects/page.tsx`)
- Technology page → Technology sections: renders (evidence: `src/app/[locale]/technology/page.tsx`)
- Locale page shell → Header navigation: renders (evidence: `src/app/[locale]/layout.tsx`)
- Locale page shell → Footer: renders (evidence: `src/app/[locale]/layout.tsx`)
- Locale page shell → Smooth scrolling: renders (evidence: `src/app/[locale]/layout.tsx`)
- Footer → Language selector: renders (evidence: `src/components/Footer.tsx`)
- Header navigation → Localized navigation: uses links (evidence: `src/components/Header.tsx`)
- Footer → Localized navigation: uses links (evidence: `src/components/Footer.tsx`)
- Language selector → Localized navigation: uses links (evidence: `src/components/LanguageSelector.tsx`)
- Localized navigation → Locale configuration: configures (evidence: `src/i18n/navigation.ts`)
- Locale middleware → Locale configuration: uses routing (evidence: `src/middleware.ts`)