# aahilaariz073-rgb/americas-plumbing architecture

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

- Interactive diagram: https://gitdiagram.com/aahilaariz073-rgb/americas-plumbing
- Repository: https://github.com/aahilaariz073-rgb/americas-plumbing

## Overview

America’s Plumbing is a local plumbing-services marketing and lead-generation website. A visitor lands on the homepage, explores services and service areas, and can proceed to the contact form to request a quote; the form reports successful submissions to advertising-conversion helpers. The site also publishes company, FAQ, review, and blog content. The graph reflects the homepage composition and sampled component calls; several route implementations and integrations are represented only where the tree or excerpts support them.

Main entry points: [`americas-plumbing/app/page.tsx`](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/page.tsx) (Homepage), [`americas-plumbing/app/components/Contact.tsx`](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/components/Contact.tsx) (Contact form), [`americas-plumbing/app/contact/page.tsx`](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/contact/page.tsx) (Contact page), [`americas-plumbing/app/services/[slug]/page.tsx`](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/services/%5Bslug%5D/page.tsx) (Service details)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Site experience"]
  node_home["Homepage<br/>[page.tsx]"]
  node_navigation["Navigation<br/>[Nav.tsx]"]
  node_home_sections["Home sections<br/>[Hero.tsx]"]
end

subgraph group_discovery["Service discovery"]
  node_service_list["Service listing<br/>[page.tsx]"]
  node_service_detail["Service details<br/>[page.tsx]"]
  node_service_cards["Service cards<br/>[Services.tsx]"]
  node_service_catalog["Service content<br/>[services.ts]"]
  node_area_list["Area directory<br/>[page.tsx]"]
  node_area_detail["Area details<br/>[page.tsx]"]
  node_area_cards["Area cards<br/>[Areas.tsx]"]
  node_area_catalog["Area content<br/>[areas.ts]"]
end

subgraph group_content["Information content"]
  node_about["Company information<br/>[page.tsx]"]
  node_blog["Blog<br/>[page.tsx]"]
  node_blog_article["Blog articles<br/>[page.tsx]"]
  node_blog_feed["RSS feed<br/>[route.ts]"]
  node_faq["FAQs<br/>[page.tsx]"]
  node_reviews["Customer reviews<br/>[page.tsx]"]
end

subgraph group_lead["Lead capture"]
  node_contact["Contact form<br/>[Contact.tsx]"]
  node_contact_page["Contact page<br/>[page.tsx]"]
  node_thanks["Submission confirmation<br/>[page.tsx]"]
  node_google_ads["Google Ads tracking<br/>[gtag.ts]"]
  node_meta_pixel["Meta tracking<br/>[fbpixel.ts]"]
end

node_visitor(("Site visitor"))

node_visitor -->|"opens"| node_home
node_home -->|"renders"| node_navigation
node_home -->|"renders"| node_home_sections
node_home -->|"renders"| node_service_cards
node_home -->|"renders"| node_area_cards
node_visitor -.->|"uses links"| node_navigation
node_service_cards -->|"links to"| node_service_detail
node_area_cards -->|"links to"| node_area_detail
node_visitor -.->|"browses"| node_service_list
node_visitor -.->|"browses"| node_area_list
node_visitor -.->|"reads"| node_about
node_visitor -.->|"reads"| node_blog
node_visitor -.->|"reads"| node_blog_article
node_blog -.->|"offers feed"| node_blog_feed
node_visitor -.->|"reads"| node_faq
node_visitor -.->|"reads"| node_reviews
node_visitor -.->|"requests quote"| node_contact_page
node_home -->|"renders"| node_contact
node_contact_page -.->|"presents"| node_contact
node_contact -->|"reports conversion"| node_google_ads
node_contact -->|"reports lead"| node_meta_pixel
node_contact -.->|"confirms submission"| node_thanks
node_service_detail -.->|"links to form"| node_contact_page

click node_home "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/page.tsx"
click node_navigation "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/components/Nav.tsx"
click node_home_sections "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/components/Hero.tsx"
click node_service_list "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/services/page.tsx"
click node_service_detail "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/services/%5Bslug%5D/page.tsx"
click node_service_cards "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/components/Services.tsx"
click node_service_catalog "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/data/services.ts"
click node_area_list "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/areas/page.tsx"
click node_area_detail "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/areas/%5Bslug%5D/page.tsx"
click node_area_cards "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/components/Areas.tsx"
click node_area_catalog "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/data/areas.ts"
click node_about "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/about/page.tsx"
click node_blog "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/blog/page.tsx"
click node_blog_article "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/blog/%5Bslug%5D/page.tsx"
click node_blog_feed "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/blog/rss.xml/route.ts"
click node_faq "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/faq/page.tsx"
click node_reviews "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/reviews/page.tsx"
click node_contact "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/components/Contact.tsx"
click node_contact_page "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/contact/page.tsx"
click node_thanks "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/thank-you/page.tsx"
click node_google_ads "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/lib/gtag.ts"
click node_meta_pixel "https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/lib/fbpixel.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_navigation,node_home_sections toneBlue
class node_service_list,node_service_detail,node_service_cards,node_service_catalog,node_area_list,node_area_detail,node_area_cards,node_area_catalog toneAmber
class node_about,node_blog,node_blog_article,node_blog_feed,node_faq,node_reviews toneMint
class node_contact,node_contact_page,node_thanks,node_google_ads,node_meta_pixel toneRose
class node_visitor toneIndigo
```

## Components

### Site experience

- [Homepage](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/page.tsx): `americas-plumbing/app/page.tsx`
- [Navigation](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/components/Nav.tsx): `americas-plumbing/app/components/Nav.tsx`
- [Home sections](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/components/Hero.tsx): `americas-plumbing/app/components/Hero.tsx`

### Service discovery

- [Service listing](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/services/page.tsx): `americas-plumbing/app/services/page.tsx`
- [Service details](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/services/%5Bslug%5D/page.tsx): `americas-plumbing/app/services/[slug]/page.tsx`
- [Service cards](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/components/Services.tsx): `americas-plumbing/app/components/Services.tsx`
- [Service content](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/data/services.ts): `americas-plumbing/app/data/services.ts`
- [Area directory](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/areas/page.tsx): `americas-plumbing/app/areas/page.tsx`
- [Area details](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/areas/%5Bslug%5D/page.tsx): `americas-plumbing/app/areas/[slug]/page.tsx`
- [Area cards](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/components/Areas.tsx): `americas-plumbing/app/components/Areas.tsx`
- [Area content](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/data/areas.ts): `americas-plumbing/app/data/areas.ts`

### Information content

- [Company information](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/about/page.tsx): `americas-plumbing/app/about/page.tsx`
- [Blog](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/blog/page.tsx): `americas-plumbing/app/blog/page.tsx`
- [Blog articles](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/blog/%5Bslug%5D/page.tsx): `americas-plumbing/app/blog/[slug]/page.tsx`
- [RSS feed](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/blog/rss.xml/route.ts): `americas-plumbing/app/blog/rss.xml/route.ts`
- [FAQs](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/faq/page.tsx): `americas-plumbing/app/faq/page.tsx`
- [Customer reviews](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/reviews/page.tsx): `americas-plumbing/app/reviews/page.tsx`

### Lead capture

- [Contact form](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/components/Contact.tsx): `americas-plumbing/app/components/Contact.tsx`
- [Contact page](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/contact/page.tsx): `americas-plumbing/app/contact/page.tsx`
- [Submission confirmation](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/thank-you/page.tsx): `americas-plumbing/app/thank-you/page.tsx`
- [Google Ads tracking](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/lib/gtag.ts): `americas-plumbing/app/lib/gtag.ts`
- [Meta tracking](https://github.com/aahilaariz073-rgb/americas-plumbing/blob/main/americas-plumbing/app/lib/fbpixel.ts): `americas-plumbing/app/lib/fbpixel.ts`

### Other components

- **Site visitor**

## Connections

- Site visitor → Homepage: opens
- Homepage → Navigation: renders (evidence: `americas-plumbing/app/page.tsx`)
- Homepage → Home sections: renders (evidence: `americas-plumbing/app/page.tsx`)
- Homepage → Service cards: renders (evidence: `americas-plumbing/app/page.tsx`)
- Homepage → Area cards: renders (evidence: `americas-plumbing/app/page.tsx`)
- Site visitor → Navigation: uses links (evidence: `americas-plumbing/app/components/Nav.tsx`)
- Service cards → Service details: links to (evidence: `americas-plumbing/app/components/Services.tsx`)
- Area cards → Area details: links to (evidence: `americas-plumbing/app/components/Areas.tsx`)
- Site visitor → Service listing: browses
- Site visitor → Area directory: browses
- Site visitor → Company information: reads
- Site visitor → Blog: reads
- Site visitor → Blog articles: reads
- Blog → RSS feed: offers feed
- Site visitor → FAQs: reads
- Site visitor → Customer reviews: reads
- Site visitor → Contact page: requests quote
- Homepage → Contact form: renders (evidence: `americas-plumbing/app/page.tsx`)
- Contact page → Contact form: presents
- Contact form → Google Ads tracking: reports conversion (evidence: `americas-plumbing/app/components/Contact.tsx`)
- Contact form → Meta tracking: reports lead (evidence: `americas-plumbing/app/components/Contact.tsx`)
- Contact form → Submission confirmation: confirms submission
- Service details → Contact page: links to form