# yasar-404/liftiq-home architecture

> Architecture diagram of the GitHub repository yasar-404/liftiq-home, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-11-13). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/yasar-404/liftiq-home
- Repository: https://github.com/yasar-404/liftiq-home

## Overview

LiftIQ is a one-page marketing site for gym-management software, not the gym-management application itself. The visitor journey is from the hero through platform and AI previews, benefits, security, and FAQ to the demo contact section. Product previews use fictional sample-workspace data. The graph captures documented page structure and relationships visible in indexed or excerpted files; unsampled section implementations are represented by their existing directories, without assuming their internal calls.

Main entry points: [`src/app/page.tsx`](https://github.com/yasar-404/liftiq-home/blob/main/src/app/page.tsx) (Homepage route), [`src/components/navigation/Navbar.tsx`](https://github.com/yasar-404/liftiq-home/blob/main/src/components/navigation/Navbar.tsx) (Navigation), [`src/lib/seo.ts`](https://github.com/yasar-404/liftiq-home/blob/main/src/lib/seo.ts) (SEO metadata), [`src/components/sections/AiInsights/AiInsights.tsx`](https://github.com/yasar-404/liftiq-home/blob/main/src/components/sections/AiInsights/AiInsights.tsx) (AI insights)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_shell["Site shell"]
  node_homepage["Homepage route<br/>[page.tsx]"]
  node_root["Root layout<br/>[layout.tsx]"]
  node_navbar["Navigation<br/>[Navbar.tsx]"]
  node_mobile["Mobile menu<br/>[MobileMenu.tsx]"]
  node_footer["Footer<br/>[Footer.tsx]"]
  node_seo["SEO metadata<br/>[seo.ts]"]
end

subgraph group_story["Marketing sections"]
  node_hero["Hero and film"]
  node_platform["Platform features"]
  node_ai["AI insights<br/>[AiInsights.tsx]"]
  node_benefits["Benefits and security"]
  node_faq["FAQ"]
  node_contact["Demo contact"]
end

subgraph group_previews["Product previews"]
  node_preview["Area previews<br/>[AreaPreview.tsx]"]
  node_brief["Brief preview<br/>[BriefMock.tsx]"]
  node_mock["Preview primitives<br/>[Mock.tsx]"]
  node_chart["Mini charts<br/>[MiniAreaChart.tsx]"]
end

subgraph group_content["Content and sample data"]
  node_demo["Sample workspace<br/>[demo.ts]"]
  node_faqdata["FAQ content<br/>[faq.ts]"]
  node_navigationdata["Navigation content<br/>[navigation.ts]"]
  node_siteconfig["Site configuration<br/>[site.ts]"]
  node_capabilities["Capability content<br/>[capabilities.ts]"]
end

subgraph group_shared["Shared presentation"]
  node_format["Display formatting<br/>[format.ts]"]
  node_container["Layout container<br/>[Container.tsx]"]
  node_button["Buttons<br/>[Button.tsx]"]
  node_logo["Brand logo<br/>[Logo.tsx]"]
  node_icons["Icon set<br/>[icons.tsx]"]
end

node_visitor(("Site visitor"))

node_visitor -->|"opens"| node_homepage
node_homepage -->|"renders sections"| node_hero
node_homepage -->|"renders sections"| node_platform
node_homepage -->|"renders sections"| node_ai
node_homepage -->|"renders sections"| node_benefits
node_homepage -->|"renders sections"| node_faq
node_homepage -->|"renders sections"| node_contact
node_root -->|"renders"| node_navbar
node_root -->|"renders"| node_footer
node_root -->|"uses metadata"| node_seo
node_navbar -->|"renders"| node_mobile
node_navbar -->|"reads links"| node_navigationdata
node_navbar -->|"reads settings"| node_siteconfig
node_footer -->|"reads links"| node_navigationdata
node_footer -->|"reads settings"| node_siteconfig
node_ai -->|"renders preview"| node_brief
node_ai -->|"reads sample data"| node_demo
node_ai -->|"presents roadmap"| node_capabilities
node_preview -->|"reads sample data"| node_demo
node_preview -->|"renders panels"| node_mock
node_preview -->|"renders charts"| node_chart
node_brief -->|"reads sample data"| node_demo
node_brief -->|"renders panels"| node_mock
node_demo -->|"formats totals"| node_format
node_faq -->|"renders answers"| node_faqdata
node_seo -->|"builds FAQ schema"| node_faqdata
node_seo -->|"reads site metadata"| node_siteconfig
node_seo -->|"adds feature schema"| node_capabilities

click node_homepage "https://github.com/yasar-404/liftiq-home/blob/main/src/app/page.tsx"
click node_root "https://github.com/yasar-404/liftiq-home/blob/main/src/app/layout.tsx"
click node_navbar "https://github.com/yasar-404/liftiq-home/blob/main/src/components/navigation/Navbar.tsx"
click node_mobile "https://github.com/yasar-404/liftiq-home/blob/main/src/components/navigation/MobileMenu.tsx"
click node_footer "https://github.com/yasar-404/liftiq-home/blob/main/src/components/footer/Footer.tsx"
click node_seo "https://github.com/yasar-404/liftiq-home/blob/main/src/lib/seo.ts"
click node_hero "https://github.com/yasar-404/liftiq-home/tree/main/src/components/sections/Hero"
click node_platform "https://github.com/yasar-404/liftiq-home/tree/main/src/components/sections/Platform"
click node_ai "https://github.com/yasar-404/liftiq-home/blob/main/src/components/sections/AiInsights/AiInsights.tsx"
click node_benefits "https://github.com/yasar-404/liftiq-home/tree/main/src/components/sections/Benefits"
click node_faq "https://github.com/yasar-404/liftiq-home/tree/main/src/components/sections/Faq"
click node_contact "https://github.com/yasar-404/liftiq-home/tree/main/src/components/sections/Contact"
click node_preview "https://github.com/yasar-404/liftiq-home/blob/main/src/components/product/AreaPreview.tsx"
click node_brief "https://github.com/yasar-404/liftiq-home/blob/main/src/components/product/BriefMock.tsx"
click node_mock "https://github.com/yasar-404/liftiq-home/blob/main/src/components/product/Mock.tsx"
click node_chart "https://github.com/yasar-404/liftiq-home/blob/main/src/components/product/MiniAreaChart.tsx"
click node_demo "https://github.com/yasar-404/liftiq-home/blob/main/src/data/demo.ts"
click node_faqdata "https://github.com/yasar-404/liftiq-home/blob/main/src/data/faq.ts"
click node_navigationdata "https://github.com/yasar-404/liftiq-home/blob/main/src/data/navigation.ts"
click node_siteconfig "https://github.com/yasar-404/liftiq-home/blob/main/src/data/site.ts"
click node_capabilities "https://github.com/yasar-404/liftiq-home/blob/main/src/data/capabilities.ts"
click node_format "https://github.com/yasar-404/liftiq-home/blob/main/src/lib/format.ts"
click node_container "https://github.com/yasar-404/liftiq-home/blob/main/src/components/layout/Container.tsx"
click node_button "https://github.com/yasar-404/liftiq-home/blob/main/src/components/ui/Button.tsx"
click node_logo "https://github.com/yasar-404/liftiq-home/blob/main/src/components/ui/Logo.tsx"
click node_icons "https://github.com/yasar-404/liftiq-home/blob/main/src/components/ui/icons.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_homepage,node_root,node_navbar,node_mobile,node_footer,node_seo toneBlue
class node_hero,node_platform,node_ai,node_benefits,node_faq,node_contact toneAmber
class node_preview,node_brief,node_mock,node_chart toneMint
class node_demo,node_faqdata,node_navigationdata,node_siteconfig,node_capabilities toneRose
class node_format,node_container,node_button,node_logo,node_icons,node_visitor toneIndigo
```

## Components

### Site shell

- [Homepage route](https://github.com/yasar-404/liftiq-home/blob/main/src/app/page.tsx): `src/app/page.tsx`
- [Root layout](https://github.com/yasar-404/liftiq-home/blob/main/src/app/layout.tsx): `src/app/layout.tsx`
- [Navigation](https://github.com/yasar-404/liftiq-home/blob/main/src/components/navigation/Navbar.tsx): `src/components/navigation/Navbar.tsx`
- [Mobile menu](https://github.com/yasar-404/liftiq-home/blob/main/src/components/navigation/MobileMenu.tsx): `src/components/navigation/MobileMenu.tsx`
- [Footer](https://github.com/yasar-404/liftiq-home/blob/main/src/components/footer/Footer.tsx): `src/components/footer/Footer.tsx`
- [SEO metadata](https://github.com/yasar-404/liftiq-home/blob/main/src/lib/seo.ts): `src/lib/seo.ts`

### Marketing sections

- [Hero and film](https://github.com/yasar-404/liftiq-home/tree/main/src/components/sections/Hero): `src/components/sections/Hero`
- [Platform features](https://github.com/yasar-404/liftiq-home/tree/main/src/components/sections/Platform): `src/components/sections/Platform`
- [AI insights](https://github.com/yasar-404/liftiq-home/blob/main/src/components/sections/AiInsights/AiInsights.tsx): `src/components/sections/AiInsights/AiInsights.tsx`
- [Benefits and security](https://github.com/yasar-404/liftiq-home/tree/main/src/components/sections/Benefits): `src/components/sections/Benefits`
- [FAQ](https://github.com/yasar-404/liftiq-home/tree/main/src/components/sections/Faq): `src/components/sections/Faq`
- [Demo contact](https://github.com/yasar-404/liftiq-home/tree/main/src/components/sections/Contact): `src/components/sections/Contact`

### Product previews

- [Area previews](https://github.com/yasar-404/liftiq-home/blob/main/src/components/product/AreaPreview.tsx): `src/components/product/AreaPreview.tsx`
- [Brief preview](https://github.com/yasar-404/liftiq-home/blob/main/src/components/product/BriefMock.tsx): `src/components/product/BriefMock.tsx`
- [Preview primitives](https://github.com/yasar-404/liftiq-home/blob/main/src/components/product/Mock.tsx): `src/components/product/Mock.tsx`
- [Mini charts](https://github.com/yasar-404/liftiq-home/blob/main/src/components/product/MiniAreaChart.tsx): `src/components/product/MiniAreaChart.tsx`

### Content and sample data

- [Sample workspace](https://github.com/yasar-404/liftiq-home/blob/main/src/data/demo.ts): `src/data/demo.ts`
- [FAQ content](https://github.com/yasar-404/liftiq-home/blob/main/src/data/faq.ts): `src/data/faq.ts`
- [Navigation content](https://github.com/yasar-404/liftiq-home/blob/main/src/data/navigation.ts): `src/data/navigation.ts`
- [Site configuration](https://github.com/yasar-404/liftiq-home/blob/main/src/data/site.ts): `src/data/site.ts`
- [Capability content](https://github.com/yasar-404/liftiq-home/blob/main/src/data/capabilities.ts): `src/data/capabilities.ts`

### Shared presentation

- [Display formatting](https://github.com/yasar-404/liftiq-home/blob/main/src/lib/format.ts): `src/lib/format.ts`
- [Layout container](https://github.com/yasar-404/liftiq-home/blob/main/src/components/layout/Container.tsx): `src/components/layout/Container.tsx`
- [Buttons](https://github.com/yasar-404/liftiq-home/blob/main/src/components/ui/Button.tsx): `src/components/ui/Button.tsx`
- [Brand logo](https://github.com/yasar-404/liftiq-home/blob/main/src/components/ui/Logo.tsx): `src/components/ui/Logo.tsx`
- [Icon set](https://github.com/yasar-404/liftiq-home/blob/main/src/components/ui/icons.tsx): `src/components/ui/icons.tsx`

### Other components

- **Site visitor**

## Connections

- Site visitor → Homepage route: opens
- Homepage route → Hero and film: renders sections (evidence: `src/app/page.tsx`)
- Homepage route → Platform features: renders sections
- Homepage route → AI insights: renders sections
- Homepage route → Benefits and security: renders sections
- Homepage route → FAQ: renders sections
- Homepage route → Demo contact: renders sections
- Root layout → Navigation: renders (evidence: `src/app/layout.tsx`)
- Root layout → Footer: renders (evidence: `src/app/layout.tsx`)
- Root layout → SEO metadata: uses metadata (evidence: `src/app/layout.tsx`)
- Navigation → Mobile menu: renders (evidence: `src/components/navigation/Navbar.tsx`)
- Navigation → Navigation content: reads links (evidence: `src/components/navigation/Navbar.tsx`)
- Navigation → Site configuration: reads settings (evidence: `src/components/navigation/Navbar.tsx`)
- Footer → Navigation content: reads links (evidence: `src/components/footer/Footer.tsx`)
- Footer → Site configuration: reads settings (evidence: `src/components/footer/Footer.tsx`)
- AI insights → Brief preview: renders preview (evidence: `src/components/sections/AiInsights/AiInsights.tsx`)
- AI insights → Sample workspace: reads sample data (evidence: `src/components/sections/AiInsights/AiInsights.tsx`)
- AI insights → Capability content: presents roadmap (evidence: `src/components/sections/AiInsights/AiInsights.tsx`)
- Area previews → Sample workspace: reads sample data (evidence: `src/components/product/AreaPreview.tsx`)
- Area previews → Preview primitives: renders panels (evidence: `src/components/product/AreaPreview.tsx`)
- Area previews → Mini charts: renders charts (evidence: `src/components/product/AreaPreview.tsx`)
- Brief preview → Sample workspace: reads sample data (evidence: `src/components/product/BriefMock.tsx`)
- Brief preview → Preview primitives: renders panels (evidence: `src/components/product/BriefMock.tsx`)
- Sample workspace → Display formatting: formats totals (evidence: `src/data/demo.ts`)
- FAQ → FAQ content: renders answers
- SEO metadata → FAQ content: builds FAQ schema (evidence: `src/lib/seo.ts`)
- SEO metadata → Site configuration: reads site metadata (evidence: `src/lib/seo.ts`)
- SEO metadata → Capability content: adds feature schema (evidence: `src/lib/seo.ts`)