# deebabatech/gmeth architecture

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

- Interactive diagram: https://gitdiagram.com/deebabatech/gmeth
- Repository: https://github.com/deebabatech/gmeth

## Overview

Gmeth is an engineering-company showcase site. Visitors arrive at a shared page shell, view company information and services, browse and filter project examples, and can navigate to a separate About page or the contact form. The shell also supplies the hero, navigation, contact details, and footer. Project entries come from a local JSON file; the contact form is presented without a sampled submission handler or external delivery service. The graph reflects the sampled pages and components; wiring for unsampled UI modules is omitted.

Main entry points: [`app/layout.tsx`](https://github.com/deebabatech/gmeth/blob/main/app/layout.tsx) (Shared layout), [`app/page.tsx`](https://github.com/deebabatech/gmeth/blob/main/app/page.tsx) (Home page), [`components/card.tsx`](https://github.com/deebabatech/gmeth/blob/main/components/card.tsx) (Service cards), [`components/ui/drawer.tsx`](https://github.com/deebabatech/gmeth/blob/main/components/ui/drawer.tsx) (Drawer navigation)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_shell["Shared site shell"]
  node_layout["Shared layout<br/>[layout.tsx]"]
  node_drawer["Drawer navigation<br/>[drawer.tsx]"]
  node_textfield["Contact fields<br/>[text-field.tsx]"]
end

subgraph group_content["Company content"]
  node_home["Home page<br/>[page.tsx]"]
  node_about["About page<br/>[page.tsx]"]
  node_projects["Project catalog<br/>[projects.json]"]
end

subgraph group_presentation["Interactive presentation"]
  node_services["Service cards<br/>[card.tsx]"]
  node_cardmotion["3D card motion<br/>[3d-card.tsx]"]
  node_projectmotion["Project hover"]
  node_ticker["Animated statistics<br/>[number-ticker.tsx]"]
  node_reveal["Hero reveal<br/>[box-reveal.tsx]"]
  node_button["Pulsating button"]
end

node_visitor(("Site visitor"))

node_visitor -->|"opens site"| node_layout
node_layout -->|"renders route"| node_home
node_layout -->|"renders navigation"| node_drawer
node_layout -->|"renders contact fields"| node_textfield
node_layout -->|"renders hero animation"| node_reveal
node_layout -->|"renders contact link"| node_button
node_home -->|"links to details"| node_about
node_home -->|"reads entries"| node_projects
node_home -->|"renders services"| node_services
node_services -->|"uses card motion"| node_cardmotion
node_home -->|"renders filtered projects"| node_projectmotion
node_home -->|"renders statistics"| node_ticker

click node_layout "https://github.com/deebabatech/gmeth/blob/main/app/layout.tsx"
click node_drawer "https://github.com/deebabatech/gmeth/blob/main/components/ui/drawer.tsx"
click node_textfield "https://github.com/deebabatech/gmeth/blob/main/components/text-field.tsx"
click node_home "https://github.com/deebabatech/gmeth/blob/main/app/page.tsx"
click node_about "https://github.com/deebabatech/gmeth/blob/main/app/about/page.tsx"
click node_projects "https://github.com/deebabatech/gmeth/blob/main/components/json/projects.json"
click node_services "https://github.com/deebabatech/gmeth/blob/main/components/card.tsx"
click node_cardmotion "https://github.com/deebabatech/gmeth/blob/main/components/ui/3d-card.tsx"
click node_projectmotion "https://github.com/deebabatech/gmeth/blob/main/components/ui/direction-aware-hover.tsx"
click node_ticker "https://github.com/deebabatech/gmeth/blob/main/components/ui/number-ticker.tsx"
click node_reveal "https://github.com/deebabatech/gmeth/blob/main/components/ui/box-reveal.tsx"
click node_button "https://github.com/deebabatech/gmeth/blob/main/components/ui/pulsating-button.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_layout,node_drawer,node_textfield toneBlue
class node_home,node_about,node_projects toneAmber
class node_services,node_cardmotion,node_projectmotion,node_ticker,node_reveal,node_button toneMint
class node_visitor toneIndigo
```

## Components

### Shared site shell

- [Shared layout](https://github.com/deebabatech/gmeth/blob/main/app/layout.tsx): `app/layout.tsx`
- [Drawer navigation](https://github.com/deebabatech/gmeth/blob/main/components/ui/drawer.tsx): `components/ui/drawer.tsx`
- [Contact fields](https://github.com/deebabatech/gmeth/blob/main/components/text-field.tsx): `components/text-field.tsx`

### Company content

- [Home page](https://github.com/deebabatech/gmeth/blob/main/app/page.tsx): `app/page.tsx`
- [About page](https://github.com/deebabatech/gmeth/blob/main/app/about/page.tsx): `app/about/page.tsx`
- [Project catalog](https://github.com/deebabatech/gmeth/blob/main/components/json/projects.json): `components/json/projects.json`

### Interactive presentation

- [Service cards](https://github.com/deebabatech/gmeth/blob/main/components/card.tsx): `components/card.tsx`
- [3D card motion](https://github.com/deebabatech/gmeth/blob/main/components/ui/3d-card.tsx): `components/ui/3d-card.tsx`
- [Project hover](https://github.com/deebabatech/gmeth/blob/main/components/ui/direction-aware-hover.tsx): `components/ui/direction-aware-hover.tsx`
- [Animated statistics](https://github.com/deebabatech/gmeth/blob/main/components/ui/number-ticker.tsx): `components/ui/number-ticker.tsx`
- [Hero reveal](https://github.com/deebabatech/gmeth/blob/main/components/ui/box-reveal.tsx): `components/ui/box-reveal.tsx`
- [Pulsating button](https://github.com/deebabatech/gmeth/blob/main/components/ui/pulsating-button.tsx): `components/ui/pulsating-button.tsx`

### Other components

- **Site visitor**

## Connections

- Site visitor → Shared layout: opens site
- Shared layout → Home page: renders route
- Shared layout → Drawer navigation: renders navigation
- Shared layout → Contact fields: renders contact fields
- Shared layout → Hero reveal: renders hero animation
- Shared layout → Pulsating button: renders contact link
- Home page → About page: links to details
- Home page → Project catalog: reads entries
- Home page → Service cards: renders services
- Service cards → 3D card motion: uses card motion
- Home page → Project hover: renders filtered projects
- Home page → Animated statistics: renders statistics