# onlyfold/marketing-site architecture

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

## Overview

Onlyfold is a Next.js marketing site for an AI sales and customer-support system centered on WhatsApp. A visitor lands on the home page, follows a product story spanning trust, process, industries, and integrations, evaluates potential recovery with an ROI calculator, then can explore FAQs or conversion calls to action. The page composes these sections alongside shared navigation and footer, and emits structured SEO data. The README names no further product capabilities; source excerpts are limited, so the graph shows documented page composition and sampled dependencies without inferring internal section wiring.

Main entry points: [`src/app/page.tsx`](https://github.com/onlyfold/marketing-site/blob/main/src/app/page.tsx) (Home page), [`src/layout/site-header/SiteHeader.tsx`](https://github.com/onlyfold/marketing-site/blob/main/src/layout/site-header/SiteHeader.tsx) (Site header), [`src/layout/site-footer/SiteFooter.tsx`](https://github.com/onlyfold/marketing-site/blob/main/src/layout/site-footer/SiteFooter.tsx) (Site footer), [`src/sections/hero/Hero.tsx`](https://github.com/onlyfold/marketing-site/blob/main/src/sections/hero/Hero.tsx) (Hero and demo)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Site shell"]
  node_home["Home page<br/>[page.tsx]"]
  node_header["Site header<br/>[SiteHeader.tsx]"]
  node_footer["Site footer<br/>[SiteFooter.tsx]"]
  node_config["Site configuration<br/>[site.ts]"]
end

subgraph group_story["Product story"]
  node_hero["Hero and demo<br/>[Hero.tsx]"]
  node_trusted["Customer proof<br/>[TrustedBy.tsx]"]
  node_process["How it works<br/>[HowItWorks.tsx]"]
  node_industries["Industries<br/>[Industries.tsx]"]
  node_integrations["Lead integrations<br/>[Integrations.tsx]"]
end

subgraph group_conversion["Evaluation and conversion"]
  node_roi["ROI calculator<br/>[RoiCalculator.tsx]"]
  node_faq["FAQ<br/>[Faq.tsx]"]
  node_closing["Closing CTA<br/>[ClosingCta.tsx]"]
end

subgraph group_seo["Search presentation"]
  node_jsonld["Structured data<br/>[JsonLd.tsx]"]
  node_orgschema["Organization schema"]
  node_appschema["Software schema"]
  node_webschema["Website schemas<br/>[website.schema.ts]"]
  node_faqschema["FAQ schema<br/>[faq.schema.ts]"]
  node_heroschema["Video schema<br/>[hero.schema.ts]"]
end

node_visitor(("Visitor"))
node_youtube["YouTube"]

node_visitor -->|"opens"| node_home
node_home -->|"renders"| node_header
node_home -->|"renders"| node_hero
node_home -->|"renders"| node_trusted
node_home -->|"renders"| node_process
node_home -->|"renders"| node_industries
node_home -->|"renders"| node_integrations
node_home -->|"renders"| node_roi
node_home -->|"renders"| node_faq
node_home -->|"renders"| node_closing
node_home -->|"renders"| node_footer
node_home -->|"renders"| node_jsonld
node_header -->|"reads links"| node_config
node_footer -->|"reads links"| node_config
node_hero -->|"embeds video"| node_youtube
node_home -->|"builds schema"| node_orgschema
node_home -->|"builds schema"| node_appschema
node_home -->|"builds schema"| node_webschema
node_home -->|"builds schema"| node_faqschema
node_home -->|"builds schema"| node_heroschema
node_home -->|"passes data"| node_orgschema
node_home -->|"passes data"| node_appschema
node_home -->|"passes data"| node_webschema
node_home -->|"passes data"| node_faqschema
node_home -->|"passes data"| node_heroschema

click node_home "https://github.com/onlyfold/marketing-site/blob/main/src/app/page.tsx"
click node_header "https://github.com/onlyfold/marketing-site/blob/main/src/layout/site-header/SiteHeader.tsx"
click node_footer "https://github.com/onlyfold/marketing-site/blob/main/src/layout/site-footer/SiteFooter.tsx"
click node_config "https://github.com/onlyfold/marketing-site/blob/main/src/config/site.ts"
click node_hero "https://github.com/onlyfold/marketing-site/blob/main/src/sections/hero/Hero.tsx"
click node_trusted "https://github.com/onlyfold/marketing-site/blob/main/src/sections/trusted-by/TrustedBy.tsx"
click node_process "https://github.com/onlyfold/marketing-site/blob/main/src/sections/how-it-works/HowItWorks.tsx"
click node_industries "https://github.com/onlyfold/marketing-site/blob/main/src/sections/industries/Industries.tsx"
click node_integrations "https://github.com/onlyfold/marketing-site/blob/main/src/sections/integrations/Integrations.tsx"
click node_roi "https://github.com/onlyfold/marketing-site/blob/main/src/sections/roi-calculator/RoiCalculator.tsx"
click node_faq "https://github.com/onlyfold/marketing-site/blob/main/src/sections/faq/Faq.tsx"
click node_closing "https://github.com/onlyfold/marketing-site/blob/main/src/sections/closing-cta/ClosingCta.tsx"
click node_jsonld "https://github.com/onlyfold/marketing-site/blob/main/src/components/seo/JsonLd.tsx"
click node_orgschema "https://github.com/onlyfold/marketing-site/blob/main/src/lib/seo/organization.schema.ts"
click node_appschema "https://github.com/onlyfold/marketing-site/blob/main/src/lib/seo/software-application.schema.ts"
click node_webschema "https://github.com/onlyfold/marketing-site/blob/main/src/lib/seo/website.schema.ts"
click node_faqschema "https://github.com/onlyfold/marketing-site/blob/main/src/sections/faq/faq.schema.ts"
click node_heroschema "https://github.com/onlyfold/marketing-site/blob/main/src/sections/hero/hero.schema.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_footer,node_config toneBlue
class node_hero,node_trusted,node_process,node_industries,node_integrations toneAmber
class node_roi,node_faq,node_closing toneMint
class node_jsonld,node_orgschema,node_appschema,node_webschema,node_faqschema,node_heroschema toneRose
class node_visitor,node_youtube toneIndigo
```

## Components

### Site shell

- [Home page](https://github.com/onlyfold/marketing-site/blob/main/src/app/page.tsx): `src/app/page.tsx`
- [Site header](https://github.com/onlyfold/marketing-site/blob/main/src/layout/site-header/SiteHeader.tsx): `src/layout/site-header/SiteHeader.tsx`
- [Site footer](https://github.com/onlyfold/marketing-site/blob/main/src/layout/site-footer/SiteFooter.tsx): `src/layout/site-footer/SiteFooter.tsx`
- [Site configuration](https://github.com/onlyfold/marketing-site/blob/main/src/config/site.ts): `src/config/site.ts`

### Product story

- [Hero and demo](https://github.com/onlyfold/marketing-site/blob/main/src/sections/hero/Hero.tsx): `src/sections/hero/Hero.tsx`
- [Customer proof](https://github.com/onlyfold/marketing-site/blob/main/src/sections/trusted-by/TrustedBy.tsx): `src/sections/trusted-by/TrustedBy.tsx`
- [How it works](https://github.com/onlyfold/marketing-site/blob/main/src/sections/how-it-works/HowItWorks.tsx): `src/sections/how-it-works/HowItWorks.tsx`
- [Industries](https://github.com/onlyfold/marketing-site/blob/main/src/sections/industries/Industries.tsx): `src/sections/industries/Industries.tsx`
- [Lead integrations](https://github.com/onlyfold/marketing-site/blob/main/src/sections/integrations/Integrations.tsx): `src/sections/integrations/Integrations.tsx`

### Evaluation and conversion

- [ROI calculator](https://github.com/onlyfold/marketing-site/blob/main/src/sections/roi-calculator/RoiCalculator.tsx): `src/sections/roi-calculator/RoiCalculator.tsx`
- [FAQ](https://github.com/onlyfold/marketing-site/blob/main/src/sections/faq/Faq.tsx): `src/sections/faq/Faq.tsx`
- [Closing CTA](https://github.com/onlyfold/marketing-site/blob/main/src/sections/closing-cta/ClosingCta.tsx): `src/sections/closing-cta/ClosingCta.tsx`

### Search presentation

- [Structured data](https://github.com/onlyfold/marketing-site/blob/main/src/components/seo/JsonLd.tsx): `src/components/seo/JsonLd.tsx`
- [Organization schema](https://github.com/onlyfold/marketing-site/blob/main/src/lib/seo/organization.schema.ts): `src/lib/seo/organization.schema.ts`
- [Software schema](https://github.com/onlyfold/marketing-site/blob/main/src/lib/seo/software-application.schema.ts): `src/lib/seo/software-application.schema.ts`
- [Website schemas](https://github.com/onlyfold/marketing-site/blob/main/src/lib/seo/website.schema.ts): `src/lib/seo/website.schema.ts`
- [FAQ schema](https://github.com/onlyfold/marketing-site/blob/main/src/sections/faq/faq.schema.ts): `src/sections/faq/faq.schema.ts`
- [Video schema](https://github.com/onlyfold/marketing-site/blob/main/src/sections/hero/hero.schema.ts): `src/sections/hero/hero.schema.ts`

### Other components

- **Visitor**
- **YouTube**

## Connections

- Visitor → Home page: opens
- Home page → Site header: renders
- Home page → Hero and demo: renders
- Home page → Customer proof: renders
- Home page → How it works: renders
- Home page → Industries: renders
- Home page → Lead integrations: renders
- Home page → ROI calculator: renders
- Home page → FAQ: renders
- Home page → Closing CTA: renders
- Home page → Site footer: renders
- Home page → Structured data: renders
- Site header → Site configuration: reads links
- Site footer → Site configuration: reads links
- Hero and demo → YouTube: embeds video
- Home page → Organization schema: builds schema
- Home page → Software schema: builds schema
- Home page → Website schemas: builds schema
- Home page → FAQ schema: builds schema
- Home page → Video schema: builds schema
- Home page → Organization schema: passes data
- Home page → Software schema: passes data
- Home page → Website schemas: passes data
- Home page → FAQ schema: passes data
- Home page → Video schema: passes data