# leonarriagada/espaciorio architecture

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

## Overview

Espacio Río is an editorial website for a physical lifestyle destination. Visitors enter through a spatially sequenced landing page, explore commercial spaces and the architectural masterplan, review leasing and location information, then connect through contact or booking links. The README also describes five destination worlds and a curated tenant guide; the graph preserves these capabilities, though their exact component wiring is not established by the sampled source. The map and showcase provide interactive exploration. No backend or persistent store is evident in the supplied evidence.

Main entry points: [`src/app/page.tsx`](https://github.com/leonarriagada/espaciorio/blob/main/src/app/page.tsx) (Home Page), [`src/components/ui/WhatsAppButton.tsx`](https://github.com/leonarriagada/espaciorio/blob/main/src/components/ui/WhatsAppButton.tsx) (Contact Buttons), [`src/components/layout/Footer.tsx`](https://github.com/leonarriagada/espaciorio/blob/main/src/components/layout/Footer.tsx) (Site Footer), [`src/components/sections/Hero.tsx`](https://github.com/leonarriagada/espaciorio/blob/main/src/components/sections/Hero.tsx) (Destination Hero)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_experience["Landing Experience"]
  node_home["Home Page<br/>[page.tsx]"]
  node_header["Brand Header<br/>[Header.tsx]"]
  node_hero["Destination Hero<br/>[Hero.tsx]"]
  node_footer["Site Footer<br/>[Footer.tsx]"]
  node_contact["Contact Buttons<br/>[WhatsAppButton.tsx]"]
end

subgraph group_destination["Destination Discovery"]
  node_showcase["Interior Showcase"]
  node_masterplan["Masterplan Section"]
  node_map["Interactive Map<br/>[MasterplanMap.tsx]"]
end

subgraph group_information["Visit &amp; Leasing"]
  node_leasing["Commercial Leasing"]
  node_location["Location Guide<br/>[Location.tsx]"]
  node_finalcta["Final Call-to-Action<br/>[FinalCTA.tsx]"]
end

subgraph group_content["Site Content"]
  node_tenants["Tenant Catalog<br/>[tenants.ts]"]
  node_worlds["Five Worlds<br/>[site.ts]"]
  node_config["Site Configuration<br/>[site.ts]"]
end

node_visitor(("Visitor"))
node_instagram(("Instagram"))
node_whatsapp(("WhatsApp"))
node_padelbooking(("Padel Booking"))

node_visitor -->|"visits"| node_home
node_home -->|"renders"| node_header
node_home -->|"renders"| node_hero
node_home -->|"renders"| node_showcase
node_home -->|"renders"| node_masterplan
node_home -->|"renders"| node_leasing
node_home -->|"renders"| node_location
node_home -->|"renders"| node_finalcta
node_home -->|"renders"| node_footer
node_home -->|"renders"| node_contact
node_footer -->|"reads"| node_config
node_contact -->|"reads"| node_config
node_footer -.->|"links to"| node_instagram
node_contact -.->|"links to"| node_whatsapp
node_contact -.->|"links to"| node_padelbooking
node_showcase -.->|"showcases"| node_tenants
node_hero -.->|"presents"| node_worlds

click node_home "https://github.com/leonarriagada/espaciorio/blob/main/src/app/page.tsx"
click node_header "https://github.com/leonarriagada/espaciorio/blob/main/src/components/layout/Header.tsx"
click node_hero "https://github.com/leonarriagada/espaciorio/blob/main/src/components/sections/Hero.tsx"
click node_showcase "https://github.com/leonarriagada/espaciorio/blob/main/src/components/sections/InteriorShowcaseHero.tsx"
click node_masterplan "https://github.com/leonarriagada/espaciorio/blob/main/src/components/sections/MasterplanSection.tsx"
click node_map "https://github.com/leonarriagada/espaciorio/blob/main/src/components/sections/MasterplanMap.tsx"
click node_tenants "https://github.com/leonarriagada/espaciorio/blob/main/src/data/tenants.ts"
click node_worlds "https://github.com/leonarriagada/espaciorio/blob/main/src/data/site.ts"
click node_leasing "https://github.com/leonarriagada/espaciorio/blob/main/src/components/sections/CommercialLeasing.tsx"
click node_location "https://github.com/leonarriagada/espaciorio/blob/main/src/components/sections/Location.tsx"
click node_finalcta "https://github.com/leonarriagada/espaciorio/blob/main/src/components/sections/FinalCTA.tsx"
click node_footer "https://github.com/leonarriagada/espaciorio/blob/main/src/components/layout/Footer.tsx"
click node_contact "https://github.com/leonarriagada/espaciorio/blob/main/src/components/ui/WhatsAppButton.tsx"
click node_config "https://github.com/leonarriagada/espaciorio/blob/main/src/data/site.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_header,node_hero,node_footer,node_contact toneBlue
class node_showcase,node_masterplan,node_map toneAmber
class node_leasing,node_location,node_finalcta toneMint
class node_tenants,node_worlds,node_config toneRose
class node_visitor,node_instagram,node_whatsapp,node_padelbooking toneIndigo
```

## Components

### Landing Experience

- [Home Page](https://github.com/leonarriagada/espaciorio/blob/main/src/app/page.tsx): `src/app/page.tsx`
- [Brand Header](https://github.com/leonarriagada/espaciorio/blob/main/src/components/layout/Header.tsx): `src/components/layout/Header.tsx`
- [Destination Hero](https://github.com/leonarriagada/espaciorio/blob/main/src/components/sections/Hero.tsx): `src/components/sections/Hero.tsx`
- [Site Footer](https://github.com/leonarriagada/espaciorio/blob/main/src/components/layout/Footer.tsx): `src/components/layout/Footer.tsx`
- [Contact Buttons](https://github.com/leonarriagada/espaciorio/blob/main/src/components/ui/WhatsAppButton.tsx): `src/components/ui/WhatsAppButton.tsx`

### Destination Discovery

- [Interior Showcase](https://github.com/leonarriagada/espaciorio/blob/main/src/components/sections/InteriorShowcaseHero.tsx): `src/components/sections/InteriorShowcaseHero.tsx`
- [Masterplan Section](https://github.com/leonarriagada/espaciorio/blob/main/src/components/sections/MasterplanSection.tsx): `src/components/sections/MasterplanSection.tsx`
- [Interactive Map](https://github.com/leonarriagada/espaciorio/blob/main/src/components/sections/MasterplanMap.tsx): `src/components/sections/MasterplanMap.tsx`

### Visit & Leasing

- [Commercial Leasing](https://github.com/leonarriagada/espaciorio/blob/main/src/components/sections/CommercialLeasing.tsx): `src/components/sections/CommercialLeasing.tsx`
- [Location Guide](https://github.com/leonarriagada/espaciorio/blob/main/src/components/sections/Location.tsx): `src/components/sections/Location.tsx`
- [Final Call-to-Action](https://github.com/leonarriagada/espaciorio/blob/main/src/components/sections/FinalCTA.tsx): `src/components/sections/FinalCTA.tsx`

### Site Content

- [Tenant Catalog](https://github.com/leonarriagada/espaciorio/blob/main/src/data/tenants.ts): `src/data/tenants.ts`
- [Five Worlds](https://github.com/leonarriagada/espaciorio/blob/main/src/data/site.ts): `src/data/site.ts`
- [Site Configuration](https://github.com/leonarriagada/espaciorio/blob/main/src/data/site.ts): `src/data/site.ts`

### Other components

- **Visitor**
- **Instagram**
- **WhatsApp**
- **Padel Booking**

## Connections

- Visitor → Home Page: visits
- Home Page → Brand Header: renders
- Home Page → Destination Hero: renders
- Home Page → Interior Showcase: renders
- Home Page → Masterplan Section: renders
- Home Page → Commercial Leasing: renders
- Home Page → Location Guide: renders
- Home Page → Final Call-to-Action: renders
- Home Page → Site Footer: renders
- Home Page → Contact Buttons: renders
- Site Footer → Site Configuration: reads
- Contact Buttons → Site Configuration: reads
- Site Footer → Instagram: links to
- Contact Buttons → WhatsApp: links to
- Contact Buttons → Padel Booking: links to
- Interior Showcase → Tenant Catalog: showcases
- Destination Hero → Five Worlds: presents