# adityavaste/cloudtech architecture

> Architecture diagram of the GitHub repository adityavaste/cloudtech, 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/adityavaste/cloudtech
- Repository: https://github.com/adityavaste/cloudtech

## Overview

CloudTech is a Next.js marketing and lead-generation site for business registration, compliance, websites, and technology services. Visitors discover offerings through the home and service pages, review packages and proof points, then use consultation or quote forms; the API routes forward submitted leads to external automation endpoints. The tree and excerpts establish the page/component structure and API integrations, but do not establish which forms call which route, so those connections are not shown.

Main entry points: [`components/layout/main-layout.tsx`](https://github.com/adityavaste/cloudtech/blob/main/components/layout/main-layout.tsx) (Site navigation), [`app/page.tsx`](https://github.com/adityavaste/cloudtech/blob/main/app/page.tsx) (Home page), [`app/services/page.tsx`](https://github.com/adityavaste/cloudtech/blob/main/app/services/page.tsx) (Service catalog), [`components/ui/lead-form-modal.tsx`](https://github.com/adityavaste/cloudtech/blob/main/components/ui/lead-form-modal.tsx) (Lead forms)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_discovery["Marketing and discovery"]
  node_home["Home page<br/>[page.tsx]"]
  node_company["Company pages<br/>[page.tsx]"]
  node_insights["Blog and FAQ<br/>[page.tsx]"]
  node_portfolio["Portfolio<br/>[page.tsx]"]
  node_pricing["Pricing<br/>[page.tsx]"]
  node_industries["Industries<br/>[page.tsx]"]
  node_layout["Site navigation<br/>[main-layout.tsx]"]
  node_navbar["Navigation bar<br/>[navbar.tsx]"]
end

subgraph group_offerings["Business services"]
  node_servicecatalog["Service catalog<br/>[page.tsx]"]
  node_registration["Registration services"]
  node_compliance["Compliance services"]
  node_digital["Website and cloud services"]
  node_portal["Client portal<br/>[page.tsx]"]
  node_servicecard["Service cards<br/>[service-card.tsx]"]
end

subgraph group_conversion["Lead conversion"]
  node_leadform["Lead forms"]
  node_leadapi["General lead API<br/>[route.ts]"]
  node_submitlead["Plan lead API<br/>[route.ts]"]
  node_contact["Contact and support<br/>[page.tsx]"]
end

subgraph group_integrations["External integrations"]
  node_script{{"Google Apps Script"}}
  node_make{{"Make webhook"}}
end

node_visitor(("Visitor"))

node_visitor -->|"visits"| node_home
node_visitor -->|"browses"| node_servicecatalog
node_visitor -->|"visits"| node_company
node_visitor -->|"reads"| node_insights
node_visitor -->|"reviews"| node_portfolio
node_visitor -->|"reviews"| node_pricing
node_visitor -->|"browses"| node_industries
node_visitor -->|"contacts"| node_contact
node_home -->|"renders within"| node_layout
node_home -->|"links to"| node_servicecatalog
node_home -->|"features"| node_portfolio
node_home -->|"features"| node_pricing
node_home -->|"presents"| node_leadform
node_servicecatalog -->|"renders"| node_servicecard
node_servicecatalog -->|"links to"| node_registration
node_servicecatalog -->|"links to"| node_compliance
node_servicecatalog -->|"links to"| node_digital
node_registration -->|"renders within"| node_layout
node_compliance -->|"renders within"| node_layout
node_digital -->|"renders within"| node_layout
node_registration -->|"presents quote forms"| node_leadform
node_compliance -->|"presents quote forms"| node_leadform
node_digital -->|"presents quote forms"| node_leadform
node_contact -->|"renders within"| node_layout
node_contact -->|"offers inquiry"| node_leadform
node_portal -->|"renders within"| node_layout
node_layout -->|"renders"| node_navbar
node_leadapi -.->|"forwards lead"| node_script
node_submitlead -.->|"forwards lead"| node_make

click node_home "https://github.com/adityavaste/cloudtech/blob/main/app/page.tsx"
click node_company "https://github.com/adityavaste/cloudtech/blob/main/app/about/page.tsx"
click node_insights "https://github.com/adityavaste/cloudtech/blob/main/app/blog/page.tsx"
click node_portfolio "https://github.com/adityavaste/cloudtech/blob/main/app/portfolio/page.tsx"
click node_pricing "https://github.com/adityavaste/cloudtech/blob/main/app/pricing/page.tsx"
click node_industries "https://github.com/adityavaste/cloudtech/blob/main/app/industries/page.tsx"
click node_layout "https://github.com/adityavaste/cloudtech/blob/main/components/layout/main-layout.tsx"
click node_navbar "https://github.com/adityavaste/cloudtech/blob/main/components/layout/navbar.tsx"
click node_servicecatalog "https://github.com/adityavaste/cloudtech/blob/main/app/services/page.tsx"
click node_registration "https://github.com/adityavaste/cloudtech/tree/main/app/services"
click node_compliance "https://github.com/adityavaste/cloudtech/tree/main/app/services"
click node_digital "https://github.com/adityavaste/cloudtech/tree/main/app/services"
click node_portal "https://github.com/adityavaste/cloudtech/blob/main/app/client-portal/page.tsx"
click node_servicecard "https://github.com/adityavaste/cloudtech/blob/main/components/ui/service-card.tsx"
click node_leadform "https://github.com/adityavaste/cloudtech/blob/main/components/ui/lead-form-modal.tsx"
click node_leadapi "https://github.com/adityavaste/cloudtech/blob/main/app/api/leads/route.ts"
click node_submitlead "https://github.com/adityavaste/cloudtech/blob/main/app/api/submit-lead/route.ts"
click node_contact "https://github.com/adityavaste/cloudtech/blob/main/app/contact/page.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_company,node_insights,node_portfolio,node_pricing,node_industries,node_layout,node_navbar toneBlue
class node_servicecatalog,node_registration,node_compliance,node_digital,node_portal,node_servicecard toneAmber
class node_leadform,node_leadapi,node_submitlead,node_contact toneMint
class node_script,node_make toneRose
class node_visitor toneIndigo
```

## Components

### Marketing and discovery

- [Home page](https://github.com/adityavaste/cloudtech/blob/main/app/page.tsx): `app/page.tsx`
- [Company pages](https://github.com/adityavaste/cloudtech/blob/main/app/about/page.tsx): `app/about/page.tsx`
- [Blog and FAQ](https://github.com/adityavaste/cloudtech/blob/main/app/blog/page.tsx): `app/blog/page.tsx`
- [Portfolio](https://github.com/adityavaste/cloudtech/blob/main/app/portfolio/page.tsx): `app/portfolio/page.tsx`
- [Pricing](https://github.com/adityavaste/cloudtech/blob/main/app/pricing/page.tsx): `app/pricing/page.tsx`
- [Industries](https://github.com/adityavaste/cloudtech/blob/main/app/industries/page.tsx): `app/industries/page.tsx`
- [Site navigation](https://github.com/adityavaste/cloudtech/blob/main/components/layout/main-layout.tsx): `components/layout/main-layout.tsx`
- [Navigation bar](https://github.com/adityavaste/cloudtech/blob/main/components/layout/navbar.tsx): `components/layout/navbar.tsx`

### Business services

- [Service catalog](https://github.com/adityavaste/cloudtech/blob/main/app/services/page.tsx): `app/services/page.tsx`
- [Registration services](https://github.com/adityavaste/cloudtech/tree/main/app/services): `app/services`
- [Compliance services](https://github.com/adityavaste/cloudtech/tree/main/app/services): `app/services`
- [Website and cloud services](https://github.com/adityavaste/cloudtech/tree/main/app/services): `app/services`
- [Client portal](https://github.com/adityavaste/cloudtech/blob/main/app/client-portal/page.tsx): `app/client-portal/page.tsx`
- [Service cards](https://github.com/adityavaste/cloudtech/blob/main/components/ui/service-card.tsx): `components/ui/service-card.tsx`

### Lead conversion

- [Lead forms](https://github.com/adityavaste/cloudtech/blob/main/components/ui/lead-form-modal.tsx): `components/ui/lead-form-modal.tsx`
- [General lead API](https://github.com/adityavaste/cloudtech/blob/main/app/api/leads/route.ts): `app/api/leads/route.ts`
- [Plan lead API](https://github.com/adityavaste/cloudtech/blob/main/app/api/submit-lead/route.ts): `app/api/submit-lead/route.ts`
- [Contact and support](https://github.com/adityavaste/cloudtech/blob/main/app/contact/page.tsx): `app/contact/page.tsx`

### External integrations

- **Google Apps Script**
- **Make webhook**

### Other components

- **Visitor**

## Connections

- Visitor → Home page: visits
- Visitor → Service catalog: browses
- Visitor → Company pages: visits
- Visitor → Blog and FAQ: reads
- Visitor → Portfolio: reviews
- Visitor → Pricing: reviews
- Visitor → Industries: browses
- Visitor → Contact and support: contacts
- Home page → Site navigation: renders within
- Home page → Service catalog: links to
- Home page → Portfolio: features
- Home page → Pricing: features
- Home page → Lead forms: presents
- Service catalog → Service cards: renders
- Service catalog → Registration services: links to
- Service catalog → Compliance services: links to
- Service catalog → Website and cloud services: links to
- Registration services → Site navigation: renders within
- Compliance services → Site navigation: renders within
- Website and cloud services → Site navigation: renders within
- Registration services → Lead forms: presents quote forms
- Compliance services → Lead forms: presents quote forms
- Website and cloud services → Lead forms: presents quote forms
- Contact and support → Site navigation: renders within
- Contact and support → Lead forms: offers inquiry
- Client portal → Site navigation: renders within
- Site navigation → Navigation bar: renders
- General lead API → Google Apps Script: forwards lead
- Plan lead API → Make webhook: forwards lead