# vanologia-solutio/aristee-landing-page architecture

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

- Interactive diagram: https://gitdiagram.com/vanologia-solutio/aristee-landing-page
- Repository: https://github.com/vanologia-solutio/aristee-landing-page

## Overview

Aristée Beauty Clinic is a Next.js clinic-marketing landing page. A visitor arrives at the home page, explores the clinic story, treatments, differentiators, gallery and operating details, then can contact the clinic or open directions. The sampled code confirms the page composition, shared layout, contact links and map embed; Hero, Journey, USP and CTA are represented by their exact tree paths, but their internal behavior was not sampled.

Main entry points: [`app/page.tsx`](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/app/page.tsx) (Home page), [`components/general/footer.tsx`](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/general/footer.tsx) (Footer links), [`components/landing/operational.tsx`](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/landing/operational.tsx) (Hours and location), [`components/ui/button.tsx`](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/ui/button.tsx) (Button component)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Page composition"]
  node_layout["Site shell<br/>[layout.tsx]"]
  node_home["Home page<br/>[page.tsx]"]
  node_navbar["Navigation<br/>[navbar.tsx]"]
end

subgraph group_clinic["Clinic information"]
  node_hero["Hero<br/>[hero.tsx]"]
  node_journey["Clinic story<br/>[journey.tsx]"]
  node_treatments["Treatments<br/>[treatments.tsx]"]
  node_usp["Clinic benefits<br/>[usp.tsx]"]
  node_gallery["Clinic gallery<br/>[gallery.tsx]"]
end

subgraph group_contact["Contact and location"]
  node_operational["Hours and location<br/>[operational.tsx]"]
  node_cta["Contact callout<br/>[cta.tsx]"]
  node_footer["Footer links<br/>[footer.tsx]"]
  node_whatsapp_button["Quick WhatsApp"]
  node_constants["Business details<br/>[constants.ts]"]
end

subgraph group_shared["Shared presentation"]
  node_button["Button component<br/>[button.tsx]"]
  node_card["Card components<br/>[card.tsx]"]
end

node_visitor(("Site visitor"))
node_maps["Google Maps"]
node_whatsapp["WhatsApp"]
node_email["Email service"]

node_visitor -->|"opens"| node_home
node_layout -->|"renders"| node_navbar
node_layout -->|"renders route"| node_home
node_layout -->|"renders"| node_footer
node_layout -->|"renders"| node_whatsapp_button
node_home -->|"renders"| node_hero
node_home -->|"renders"| node_journey
node_home -->|"renders"| node_treatments
node_home -->|"renders"| node_usp
node_home -->|"renders"| node_gallery
node_home -->|"renders"| node_operational
node_home -->|"renders"| node_cta
node_navbar -->|"navigates anchors"| node_home
node_operational -->|"reads details"| node_constants
node_operational -->|"embeds map"| node_maps
node_operational -->|"opens directions"| node_maps
node_footer -->|"reads details"| node_constants
node_footer -->|"opens directions"| node_maps
node_footer -->|"opens chat"| node_whatsapp
node_footer -->|"opens email"| node_email
node_whatsapp_button -->|"reads contact details"| node_constants
node_whatsapp_button -->|"opens chat"| node_whatsapp
node_treatments -->|"uses cards"| node_card
node_treatments -->|"uses buttons"| node_button
node_gallery -->|"uses buttons"| node_button
node_operational -->|"uses buttons"| node_button
node_navbar -->|"uses buttons"| node_button
node_footer -->|"uses buttons"| node_button

click node_layout "https://github.com/vanologia-solutio/aristee-landing-page/blob/main/app/layout.tsx"
click node_home "https://github.com/vanologia-solutio/aristee-landing-page/blob/main/app/page.tsx"
click node_navbar "https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/general/navbar.tsx"
click node_hero "https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/landing/hero.tsx"
click node_journey "https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/landing/journey.tsx"
click node_treatments "https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/landing/treatments.tsx"
click node_usp "https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/landing/usp.tsx"
click node_gallery "https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/landing/gallery.tsx"
click node_operational "https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/landing/operational.tsx"
click node_cta "https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/landing/cta.tsx"
click node_footer "https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/general/footer.tsx"
click node_whatsapp_button "https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/general/floating-whatsapp-button.tsx"
click node_constants "https://github.com/vanologia-solutio/aristee-landing-page/blob/main/lib/constants.ts"
click node_button "https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/ui/button.tsx"
click node_card "https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/ui/card.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_home,node_navbar toneBlue
class node_hero,node_journey,node_treatments,node_usp,node_gallery toneAmber
class node_operational,node_cta,node_footer,node_whatsapp_button,node_constants toneMint
class node_button,node_card toneRose
class node_visitor,node_maps,node_whatsapp,node_email toneIndigo
```

## Components

### Page composition

- [Site shell](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/app/layout.tsx): `app/layout.tsx`
- [Home page](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/app/page.tsx): `app/page.tsx`
- [Navigation](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/general/navbar.tsx): `components/general/navbar.tsx`

### Clinic information

- [Hero](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/landing/hero.tsx): `components/landing/hero.tsx`
- [Clinic story](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/landing/journey.tsx): `components/landing/journey.tsx`
- [Treatments](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/landing/treatments.tsx): `components/landing/treatments.tsx`
- [Clinic benefits](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/landing/usp.tsx): `components/landing/usp.tsx`
- [Clinic gallery](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/landing/gallery.tsx): `components/landing/gallery.tsx`

### Contact and location

- [Hours and location](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/landing/operational.tsx): `components/landing/operational.tsx`
- [Contact callout](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/landing/cta.tsx): `components/landing/cta.tsx`
- [Footer links](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/general/footer.tsx): `components/general/footer.tsx`
- [Quick WhatsApp](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/general/floating-whatsapp-button.tsx): `components/general/floating-whatsapp-button.tsx`
- [Business details](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/lib/constants.ts): `lib/constants.ts`

### Shared presentation

- [Button component](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/ui/button.tsx): `components/ui/button.tsx`
- [Card components](https://github.com/vanologia-solutio/aristee-landing-page/blob/main/components/ui/card.tsx): `components/ui/card.tsx`

### Other components

- **Site visitor**
- **Google Maps**
- **WhatsApp**
- **Email service**

## Connections

- Site visitor → Home page: opens
- Site shell → Navigation: renders
- Site shell → Home page: renders route
- Site shell → Footer links: renders
- Site shell → Quick WhatsApp: renders
- Home page → Hero: renders
- Home page → Clinic story: renders
- Home page → Treatments: renders
- Home page → Clinic benefits: renders
- Home page → Clinic gallery: renders
- Home page → Hours and location: renders
- Home page → Contact callout: renders
- Navigation → Home page: navigates anchors
- Hours and location → Business details: reads details
- Hours and location → Google Maps: embeds map
- Hours and location → Google Maps: opens directions
- Footer links → Business details: reads details
- Footer links → Google Maps: opens directions
- Footer links → WhatsApp: opens chat
- Footer links → Email service: opens email
- Quick WhatsApp → Business details: reads contact details
- Quick WhatsApp → WhatsApp: opens chat
- Treatments → Card components: uses cards
- Treatments → Button component: uses buttons
- Clinic gallery → Button component: uses buttons
- Hours and location → Button component: uses buttons
- Navigation → Button component: uses buttons
- Footer links → Button component: uses buttons