# fosa-technologies/website architecture

> Architecture diagram of the GitHub repository fosa-technologies/website, 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/fosa-technologies/website
- Repository: https://github.com/fosa-technologies/website
- Video tour (about a minute): https://gitdiagram.com/fosa-technologies/website/video

## Overview

FOSA is a bilingual marketing landing page for a digital-solutions company. The visitor journey moves from brand and trust, through business needs, solutions and products, to a project estimate, testimonials and booking; newsletter signup is a separate engagement path. The graph reflects the page composition and the sampled quote, booking, testimonial and language implementations. Some section internals were not sampled, so their wiring is not inferred.

Main entry points: [`src/App.tsx`](https://github.com/fosa-technologies/website/blob/master/src/App.tsx) (Page composition), [`src/sections/ProductsSection.tsx`](https://github.com/fosa-technologies/website/blob/master/src/sections/ProductsSection.tsx) (Product catalog), [`src/sections/AIQuoteSection.tsx`](https://github.com/fosa-technologies/website/blob/master/src/sections/AIQuoteSection.tsx) (Project estimate), [`src/lib/testimonials.ts`](https://github.com/fosa-technologies/website/blob/master/src/lib/testimonials.ts) (Testimonial API)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Visitor journey"]
  node_app["Page composition<br/>[App.tsx]"]
  node_hero["Hero<br/>[Hero.tsx]"]
  node_trust["Trust signals<br/>[TrustMarquee.tsx]"]
  node_needs["Business needs<br/>[Problem.tsx]"]
  node_solutions["Solutions<br/>[Solutions.tsx]"]
  node_industries["Industries<br/>[Industries.tsx]"]
  node_products["Product catalog"]
  node_product_data["Product entries<br/>[products.ts]"]
  node_showcase["Product showcase"]
  node_features["Capabilities<br/>[Features.tsx]"]
  node_brand["Brand statement<br/>[BrandStatement.tsx]"]
  node_cta["Final call to action<br/>[FinalCta.tsx]"]
  node_footer["Footer<br/>[Footer.tsx]"]
end

subgraph group_engage["Lead engagement"]
  node_quote_section["Project estimate<br/>[AIQuoteSection.tsx]"]
  node_quote_logic["Quote calculation<br/>[quote.ts]"]
  node_testimonials["Testimonials"]
  node_testimonial_form["Testimonial form"]
  node_testimonial_service["Testimonial API<br/>[testimonials.ts]"]
  node_booking["Meeting booking<br/>[BookingSection.tsx]"]
  node_calendly_embed["Calendar embed<br/>[CalendlyEmbed.tsx]"]
  node_newsletter["Newsletter signup"]
end

subgraph group_shared["Shared presentation"]
  node_shared_ui["Shared components"]
end

subgraph group_locale["Language and content"]
  node_language["Language provider"]
  node_translations["Translations<br/>[translations.ts]"]
  node_content["Marketing copy<br/>[content.ts]"]
end

node_visitor(("Site visitor"))
node_sheets[("Google Sheets API")]
node_calendly["Calendly"]

node_visitor -->|"opens page"| node_app
node_app -->|"renders"| node_hero
node_app -->|"renders"| node_trust
node_app -->|"renders"| node_needs
node_app -->|"renders"| node_solutions
node_app -->|"renders"| node_industries
node_app -->|"renders"| node_products
node_app -->|"renders"| node_showcase
node_app -->|"renders"| node_features
node_app -->|"renders"| node_quote_section
node_app -->|"renders"| node_testimonials
node_app -->|"renders"| node_brand
node_app -->|"renders"| node_booking
node_app -->|"renders"| node_newsletter
node_app -->|"renders"| node_cta
node_app -->|"renders"| node_footer
node_products -->|"reads"| node_product_data
node_quote_section -->|"calls"| node_quote_logic
node_testimonial_form -->|"calls"| node_testimonial_service
node_testimonial_service -.->|"requests data"| node_sheets
node_booking -->|"renders"| node_calendly_embed
node_calendly_embed -.->|"loads widget"| node_calendly
node_language -->|"reads"| node_translations
node_app -->|"uses context"| node_language
node_shared_ui -->|"reads copy"| node_content

click node_app "https://github.com/fosa-technologies/website/blob/master/src/App.tsx"
click node_hero "https://github.com/fosa-technologies/website/blob/master/src/sections/Hero.tsx"
click node_trust "https://github.com/fosa-technologies/website/blob/master/src/sections/TrustMarquee.tsx"
click node_needs "https://github.com/fosa-technologies/website/blob/master/src/sections/Problem.tsx"
click node_solutions "https://github.com/fosa-technologies/website/blob/master/src/sections/Solutions.tsx"
click node_industries "https://github.com/fosa-technologies/website/blob/master/src/sections/Industries.tsx"
click node_products "https://github.com/fosa-technologies/website/blob/master/src/sections/ProductsSection.tsx"
click node_product_data "https://github.com/fosa-technologies/website/blob/master/src/data/products.ts"
click node_showcase "https://github.com/fosa-technologies/website/blob/master/src/sections/ProductShowcase.tsx"
click node_features "https://github.com/fosa-technologies/website/blob/master/src/sections/Features.tsx"
click node_brand "https://github.com/fosa-technologies/website/blob/master/src/sections/BrandStatement.tsx"
click node_cta "https://github.com/fosa-technologies/website/blob/master/src/sections/FinalCta.tsx"
click node_footer "https://github.com/fosa-technologies/website/blob/master/src/sections/Footer.tsx"
click node_quote_section "https://github.com/fosa-technologies/website/blob/master/src/sections/AIQuoteSection.tsx"
click node_quote_logic "https://github.com/fosa-technologies/website/blob/master/src/lib/quote.ts"
click node_testimonials "https://github.com/fosa-technologies/website/blob/master/src/sections/TestimonialsSection.tsx"
click node_testimonial_form "https://github.com/fosa-technologies/website/blob/master/src/components/testimonials/TestimonialForm.tsx"
click node_testimonial_service "https://github.com/fosa-technologies/website/blob/master/src/lib/testimonials.ts"
click node_booking "https://github.com/fosa-technologies/website/blob/master/src/sections/BookingSection.tsx"
click node_calendly_embed "https://github.com/fosa-technologies/website/blob/master/src/components/booking/CalendlyEmbed.tsx"
click node_newsletter "https://github.com/fosa-technologies/website/blob/master/src/sections/NewsletterSection.tsx"
click node_language "https://github.com/fosa-technologies/website/blob/master/src/i18n/LanguageContext.tsx"
click node_translations "https://github.com/fosa-technologies/website/blob/master/src/i18n/translations.ts"
click node_content "https://github.com/fosa-technologies/website/blob/master/src/lib/content.ts"
click node_shared_ui "https://github.com/fosa-technologies/website/tree/master/src/components"

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_app,node_hero,node_trust,node_needs,node_solutions,node_industries,node_products,node_product_data,node_showcase,node_features,node_brand,node_cta,node_footer toneBlue
class node_quote_section,node_quote_logic,node_testimonials,node_testimonial_form,node_testimonial_service,node_booking,node_calendly_embed,node_newsletter,node_sheets toneAmber
class node_shared_ui toneMint
class node_language,node_translations,node_content toneRose
class node_visitor,node_calendly toneIndigo
```

## Components

### Visitor journey

- [Page composition](https://github.com/fosa-technologies/website/blob/master/src/App.tsx): `src/App.tsx`
- [Hero](https://github.com/fosa-technologies/website/blob/master/src/sections/Hero.tsx): `src/sections/Hero.tsx`
- [Trust signals](https://github.com/fosa-technologies/website/blob/master/src/sections/TrustMarquee.tsx): `src/sections/TrustMarquee.tsx`
- [Business needs](https://github.com/fosa-technologies/website/blob/master/src/sections/Problem.tsx): `src/sections/Problem.tsx`
- [Solutions](https://github.com/fosa-technologies/website/blob/master/src/sections/Solutions.tsx): `src/sections/Solutions.tsx`
- [Industries](https://github.com/fosa-technologies/website/blob/master/src/sections/Industries.tsx): `src/sections/Industries.tsx`
- [Product catalog](https://github.com/fosa-technologies/website/blob/master/src/sections/ProductsSection.tsx): `src/sections/ProductsSection.tsx`
- [Product entries](https://github.com/fosa-technologies/website/blob/master/src/data/products.ts): `src/data/products.ts`
- [Product showcase](https://github.com/fosa-technologies/website/blob/master/src/sections/ProductShowcase.tsx): `src/sections/ProductShowcase.tsx`
- [Capabilities](https://github.com/fosa-technologies/website/blob/master/src/sections/Features.tsx): `src/sections/Features.tsx`
- [Brand statement](https://github.com/fosa-technologies/website/blob/master/src/sections/BrandStatement.tsx): `src/sections/BrandStatement.tsx`
- [Final call to action](https://github.com/fosa-technologies/website/blob/master/src/sections/FinalCta.tsx): `src/sections/FinalCta.tsx`
- [Footer](https://github.com/fosa-technologies/website/blob/master/src/sections/Footer.tsx): `src/sections/Footer.tsx`

### Lead engagement

- [Project estimate](https://github.com/fosa-technologies/website/blob/master/src/sections/AIQuoteSection.tsx): `src/sections/AIQuoteSection.tsx`
- [Quote calculation](https://github.com/fosa-technologies/website/blob/master/src/lib/quote.ts): `src/lib/quote.ts`
- [Testimonials](https://github.com/fosa-technologies/website/blob/master/src/sections/TestimonialsSection.tsx): `src/sections/TestimonialsSection.tsx`
- [Testimonial form](https://github.com/fosa-technologies/website/blob/master/src/components/testimonials/TestimonialForm.tsx): `src/components/testimonials/TestimonialForm.tsx`
- [Testimonial API](https://github.com/fosa-technologies/website/blob/master/src/lib/testimonials.ts): `src/lib/testimonials.ts`
- [Meeting booking](https://github.com/fosa-technologies/website/blob/master/src/sections/BookingSection.tsx): `src/sections/BookingSection.tsx`
- [Calendar embed](https://github.com/fosa-technologies/website/blob/master/src/components/booking/CalendlyEmbed.tsx): `src/components/booking/CalendlyEmbed.tsx`
- [Newsletter signup](https://github.com/fosa-technologies/website/blob/master/src/sections/NewsletterSection.tsx): `src/sections/NewsletterSection.tsx`

### Shared presentation

- [Shared components](https://github.com/fosa-technologies/website/tree/master/src/components): `src/components`

### Language and content

- [Language provider](https://github.com/fosa-technologies/website/blob/master/src/i18n/LanguageContext.tsx): `src/i18n/LanguageContext.tsx`
- [Translations](https://github.com/fosa-technologies/website/blob/master/src/i18n/translations.ts): `src/i18n/translations.ts`
- [Marketing copy](https://github.com/fosa-technologies/website/blob/master/src/lib/content.ts): `src/lib/content.ts`

### Other components

- **Site visitor**
- **Google Sheets API**
- **Calendly**

## Connections

- Site visitor → Page composition: opens page
- Page composition → Hero: renders
- Page composition → Trust signals: renders
- Page composition → Business needs: renders
- Page composition → Solutions: renders
- Page composition → Industries: renders
- Page composition → Product catalog: renders
- Page composition → Product showcase: renders
- Page composition → Capabilities: renders
- Page composition → Project estimate: renders
- Page composition → Testimonials: renders
- Page composition → Brand statement: renders
- Page composition → Meeting booking: renders
- Page composition → Newsletter signup: renders
- Page composition → Final call to action: renders
- Page composition → Footer: renders
- Product catalog → Product entries: reads
- Project estimate → Quote calculation: calls
- Testimonial form → Testimonial API: calls
- Testimonial API → Google Sheets API: requests data
- Meeting booking → Calendar embed: renders
- Calendar embed → Calendly: loads widget
- Language provider → Translations: reads
- Page composition → Language provider: uses context
- Shared components → Marketing copy: reads copy