# ia-coders-v1/datorix-landing-page architecture

> Architecture diagram of the GitHub repository ia-coders-v1/datorix-landing-page, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-11-15). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/ia-coders-v1/datorix-landing-page
- Repository: https://github.com/ia-coders-v1/datorix-landing-page

## Overview

This repository is Datorix’s marketing landing site, not the database-monitoring product runtime. A visitor reaches the home page, which composes navigation, product-story sections, and the footer. The feature and workflow sections describe capabilities such as DPI, replication, auditing, alerts, policy enforcement, and compliance; the sampled code presents these claims rather than implementing those systems. Edges reflect the sampled page composition and imports documented in the source index.

Main entry points: [`src/components/sections/index.ts`](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/index.ts) (Section exports), [`src/components/ui/section-label.tsx`](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/ui/section-label.tsx) (Section label), [`src/components/LandingPage.tsx`](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/LandingPage.tsx) (Landing composition), [`src/components/layout/index.ts`](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/layout/index.ts) (Layout exports)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_entry["Site entry"]
  node_home["Home route<br/>[page.tsx]"]
  node_landing["Landing composition<br/>[LandingPage.tsx]"]
end

subgraph group_story["Product story"]
  node_sectionbarrel["Section exports<br/>[index.ts]"]
  node_hero["Hero<br/>[Hero.tsx]"]
  node_problem["Problem framing<br/>[Problem.tsx]"]
  node_features["Product capabilities<br/>[Features.tsx]"]
  node_workflow["How it works<br/>[HowItWorks.tsx]"]
  node_databases["Database support<br/>[Databases.tsx]"]
  node_usecases["Use cases<br/>[UseCases.tsx]"]
  node_stats["Platform statistics<br/>[Stats.tsx]"]
  node_cta["Call to action<br/>[CallToAction.tsx]"]
end

subgraph group_presentation["Presentation layer"]
  node_layoutbarrel["Layout exports<br/>[index.ts]"]
  node_navbar["Navigation<br/>[Navbar.tsx]"]
  node_footer["Footer<br/>[Footer.tsx]"]
  node_sectionlabel["Section label<br/>[section-label.tsx]"]
end

node_visitor(("Site visitor"))

node_visitor -->|"opens"| node_home
node_home -->|"renders"| node_landing
node_landing -->|"imports"| node_layoutbarrel
node_layoutbarrel -->|"exports"| node_navbar
node_layoutbarrel -->|"exports"| node_footer
node_landing -->|"imports"| node_sectionbarrel
node_sectionbarrel -->|"exports"| node_hero
node_sectionbarrel -->|"exports"| node_problem
node_sectionbarrel -->|"exports"| node_features
node_sectionbarrel -->|"exports"| node_workflow
node_sectionbarrel -->|"exports"| node_databases
node_sectionbarrel -->|"exports"| node_usecases
node_sectionbarrel -->|"exports"| node_stats
node_sectionbarrel -->|"exports"| node_cta
node_databases -->|"uses"| node_sectionlabel
node_features -->|"uses"| node_sectionlabel
node_workflow -->|"uses"| node_sectionlabel
node_problem -->|"uses"| node_sectionlabel
node_stats -->|"uses"| node_sectionlabel
node_usecases -->|"uses"| node_sectionlabel

click node_home "https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/app/page.tsx"
click node_landing "https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/LandingPage.tsx"
click node_layoutbarrel "https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/layout/index.ts"
click node_navbar "https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/layout/Navbar.tsx"
click node_footer "https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/layout/Footer.tsx"
click node_sectionbarrel "https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/index.ts"
click node_hero "https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/Hero.tsx"
click node_problem "https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/Problem.tsx"
click node_features "https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/Features.tsx"
click node_workflow "https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/HowItWorks.tsx"
click node_databases "https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/Databases.tsx"
click node_usecases "https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/UseCases.tsx"
click node_stats "https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/Stats.tsx"
click node_cta "https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/CallToAction.tsx"
click node_sectionlabel "https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/ui/section-label.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_home,node_landing toneBlue
class node_sectionbarrel,node_hero,node_problem,node_features,node_workflow,node_databases,node_usecases,node_stats,node_cta toneAmber
class node_layoutbarrel,node_navbar,node_footer,node_sectionlabel toneMint
class node_visitor toneIndigo
```

## Components

### Site entry

- [Home route](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/app/page.tsx): `src/app/page.tsx`
- [Landing composition](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/LandingPage.tsx): `src/components/LandingPage.tsx`

### Product story

- [Section exports](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/index.ts): `src/components/sections/index.ts`
- [Hero](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/Hero.tsx): `src/components/sections/Hero.tsx`
- [Problem framing](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/Problem.tsx): `src/components/sections/Problem.tsx`
- [Product capabilities](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/Features.tsx): `src/components/sections/Features.tsx`
- [How it works](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/HowItWorks.tsx): `src/components/sections/HowItWorks.tsx`
- [Database support](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/Databases.tsx): `src/components/sections/Databases.tsx`
- [Use cases](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/UseCases.tsx): `src/components/sections/UseCases.tsx`
- [Platform statistics](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/Stats.tsx): `src/components/sections/Stats.tsx`
- [Call to action](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/sections/CallToAction.tsx): `src/components/sections/CallToAction.tsx`

### Presentation layer

- [Layout exports](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/layout/index.ts): `src/components/layout/index.ts`
- [Navigation](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/layout/Navbar.tsx): `src/components/layout/Navbar.tsx`
- [Footer](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/layout/Footer.tsx): `src/components/layout/Footer.tsx`
- [Section label](https://github.com/ia-coders-v1/datorix-landing-page/blob/main/src/components/ui/section-label.tsx): `src/components/ui/section-label.tsx`

### Other components

- **Site visitor**

## Connections

- Site visitor → Home route: opens
- Home route → Landing composition: renders (evidence: `src/app/page.tsx`)
- Landing composition → Layout exports: imports (evidence: `src/components/LandingPage.tsx`)
- Layout exports → Navigation: exports (evidence: `src/components/layout/index.ts`)
- Layout exports → Footer: exports (evidence: `src/components/layout/index.ts`)
- Landing composition → Section exports: imports (evidence: `src/components/LandingPage.tsx`)
- Section exports → Hero: exports (evidence: `src/components/sections/index.ts`)
- Section exports → Problem framing: exports (evidence: `src/components/sections/index.ts`)
- Section exports → Product capabilities: exports (evidence: `src/components/sections/index.ts`)
- Section exports → How it works: exports (evidence: `src/components/sections/index.ts`)
- Section exports → Database support: exports (evidence: `src/components/sections/index.ts`)
- Section exports → Use cases: exports (evidence: `src/components/sections/index.ts`)
- Section exports → Platform statistics: exports (evidence: `src/components/sections/index.ts`)
- Section exports → Call to action: exports (evidence: `src/components/sections/index.ts`)
- Database support → Section label: uses (evidence: `src/components/sections/Databases.tsx`)
- Product capabilities → Section label: uses (evidence: `src/components/sections/Features.tsx`)
- How it works → Section label: uses (evidence: `src/components/sections/HowItWorks.tsx`)
- Problem framing → Section label: uses (evidence: `src/components/sections/Problem.tsx`)
- Platform statistics → Section label: uses (evidence: `src/components/sections/Stats.tsx`)
- Use cases → Section label: uses (evidence: `src/components/sections/UseCases.tsx`)