# brontesgiga/thial-ui architecture

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

## Overview

Thial UI is a bilingual Astro landing page for handmade candles. Visitors enter at the Spanish root or English route and browse brand/story content, collections, and candle offerings; purchase links point to WhatsApp, with Instagram as a brand link. The tree and README establish these capabilities and content locations. Component and page excerpts were not provided, so internal rendering connections between those modules are not asserted.

Main entry points: [`src/content.config.ts`](https://github.com/brontesgiga/thial-ui/blob/main/src/content.config.ts) (Content schemas), [`src/config/links.ts`](https://github.com/brontesgiga/thial-ui/blob/main/src/config/links.ts) (Social and buy links), [`src/pages/index.astro`](https://github.com/brontesgiga/thial-ui/blob/main/src/pages/index.astro) (Spanish page), [`src/pages/en/index.astro`](https://github.com/brontesgiga/thial-ui/blob/main/src/pages/en/index.astro) (English page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_routes["Routes and layout"]
  node_spanish["Spanish page<br/>[index.astro]"]
  node_english["English page<br/>[index.astro]"]
  node_layout["Base layout<br/>[BaseLayout.astro]"]
  node_translations["Locale utilities<br/>[utils.ts]"]
  node_copy["ES/EN copy"]
end

subgraph group_story["Brand and stories"]
  node_hero["Hero<br/>[Hero.astro]"]
  node_essence["Essence<br/>[Essence.astro]"]
  node_values["Brand values<br/>[Values.astro]"]
end

subgraph group_catalog["Collections and candles"]
  node_collections_ui["Collections section<br/>[Collections.astro]"]
  node_candles_ui["Candles section<br/>[Candles.astro]"]
  node_candle_card["Candle card<br/>[CandleCard.astro]"]
  node_content_schema["Content schemas<br/>[content.config.ts]"]
  node_collection_data["Story collections"]
  node_candle_data["Candle records"]
end

subgraph group_shared["Shared presentation"]
  node_buy["How to buy<br/>[HowToBuy.astro]"]
  node_faq["FAQ<br/>[Faq.astro]"]
  node_header["Header<br/>[Header.astro]"]
  node_footer["Footer<br/>[Footer.astro]"]
  node_links["Social and buy links<br/>[links.ts]"]
end

node_visitor(("Site visitor"))
node_whatsapp(("WhatsApp"))
node_instagram(("Instagram"))

node_visitor -->|"opens /"| node_spanish
node_visitor -->|"opens /en/"| node_english
node_content_schema -->|"loads records"| node_collection_data
node_content_schema -->|"loads records"| node_candle_data
node_links -->|"provides URL"| node_whatsapp
node_links -->|"provides URL"| node_instagram

click node_spanish "https://github.com/brontesgiga/thial-ui/blob/main/src/pages/index.astro"
click node_english "https://github.com/brontesgiga/thial-ui/blob/main/src/pages/en/index.astro"
click node_layout "https://github.com/brontesgiga/thial-ui/blob/main/src/layouts/BaseLayout.astro"
click node_translations "https://github.com/brontesgiga/thial-ui/blob/main/src/i18n/utils.ts"
click node_copy "https://github.com/brontesgiga/thial-ui/tree/main/src/i18n"
click node_hero "https://github.com/brontesgiga/thial-ui/blob/main/src/components/Hero.astro"
click node_essence "https://github.com/brontesgiga/thial-ui/blob/main/src/components/Essence.astro"
click node_values "https://github.com/brontesgiga/thial-ui/blob/main/src/components/Values.astro"
click node_collections_ui "https://github.com/brontesgiga/thial-ui/blob/main/src/components/Collections.astro"
click node_candles_ui "https://github.com/brontesgiga/thial-ui/blob/main/src/components/Candles.astro"
click node_candle_card "https://github.com/brontesgiga/thial-ui/blob/main/src/components/CandleCard.astro"
click node_content_schema "https://github.com/brontesgiga/thial-ui/blob/main/src/content.config.ts"
click node_collection_data "https://github.com/brontesgiga/thial-ui/tree/main/src/content/collections"
click node_candle_data "https://github.com/brontesgiga/thial-ui/tree/main/src/content/candles"
click node_buy "https://github.com/brontesgiga/thial-ui/blob/main/src/components/HowToBuy.astro"
click node_faq "https://github.com/brontesgiga/thial-ui/blob/main/src/components/Faq.astro"
click node_header "https://github.com/brontesgiga/thial-ui/blob/main/src/components/Header.astro"
click node_footer "https://github.com/brontesgiga/thial-ui/blob/main/src/components/Footer.astro"
click node_links "https://github.com/brontesgiga/thial-ui/blob/main/src/config/links.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_spanish,node_english,node_layout,node_translations,node_copy toneBlue
class node_hero,node_essence,node_values toneAmber
class node_collections_ui,node_candles_ui,node_candle_card,node_content_schema,node_collection_data,node_candle_data toneMint
class node_buy,node_faq,node_header,node_footer,node_links toneRose
class node_visitor,node_whatsapp,node_instagram toneIndigo
```

## Components

### Routes and layout

- [Spanish page](https://github.com/brontesgiga/thial-ui/blob/main/src/pages/index.astro): `src/pages/index.astro`
- [English page](https://github.com/brontesgiga/thial-ui/blob/main/src/pages/en/index.astro): `src/pages/en/index.astro`
- [Base layout](https://github.com/brontesgiga/thial-ui/blob/main/src/layouts/BaseLayout.astro): `src/layouts/BaseLayout.astro`
- [Locale utilities](https://github.com/brontesgiga/thial-ui/blob/main/src/i18n/utils.ts): `src/i18n/utils.ts`
- [ES/EN copy](https://github.com/brontesgiga/thial-ui/tree/main/src/i18n): `src/i18n`

### Brand and stories

- [Hero](https://github.com/brontesgiga/thial-ui/blob/main/src/components/Hero.astro): `src/components/Hero.astro`
- [Essence](https://github.com/brontesgiga/thial-ui/blob/main/src/components/Essence.astro): `src/components/Essence.astro`
- [Brand values](https://github.com/brontesgiga/thial-ui/blob/main/src/components/Values.astro): `src/components/Values.astro`

### Collections and candles

- [Collections section](https://github.com/brontesgiga/thial-ui/blob/main/src/components/Collections.astro): `src/components/Collections.astro`
- [Candles section](https://github.com/brontesgiga/thial-ui/blob/main/src/components/Candles.astro): `src/components/Candles.astro`
- [Candle card](https://github.com/brontesgiga/thial-ui/blob/main/src/components/CandleCard.astro): `src/components/CandleCard.astro`
- [Content schemas](https://github.com/brontesgiga/thial-ui/blob/main/src/content.config.ts): `src/content.config.ts`
- [Story collections](https://github.com/brontesgiga/thial-ui/tree/main/src/content/collections): `src/content/collections`
- [Candle records](https://github.com/brontesgiga/thial-ui/tree/main/src/content/candles): `src/content/candles`

### Shared presentation

- [How to buy](https://github.com/brontesgiga/thial-ui/blob/main/src/components/HowToBuy.astro): `src/components/HowToBuy.astro`
- [FAQ](https://github.com/brontesgiga/thial-ui/blob/main/src/components/Faq.astro): `src/components/Faq.astro`
- [Header](https://github.com/brontesgiga/thial-ui/blob/main/src/components/Header.astro): `src/components/Header.astro`
- [Footer](https://github.com/brontesgiga/thial-ui/blob/main/src/components/Footer.astro): `src/components/Footer.astro`
- [Social and buy links](https://github.com/brontesgiga/thial-ui/blob/main/src/config/links.ts): `src/config/links.ts`

### Other components

- **Site visitor**
- **WhatsApp**
- **Instagram**

## Connections

- Site visitor → Spanish page: opens /
- Site visitor → English page: opens /en/
- Content schemas → Story collections: loads records
- Content schemas → Candle records: loads records
- Social and buy links → WhatsApp: provides URL
- Social and buy links → Instagram: provides URL