dynamic-digital — Architecture Diagram

graph TD
    subgraph Client_Browser["Client Browser"]
        A[User]
    end

    subgraph Static_Site["Dynamic Digital Marketing Site (Vite + React SPA)"]
        B[main.tsx / App.tsx]
        C[React Router]
        D[Pages (Services, About, Case Studies, etc.)]
        E[Components (Nav, Hero, Footer, etc.)]
        F[Shared Data (data.ts)]
    end

    subgraph External_Service["External Services"]
        G[Google Gemini AI SDK]
    end

    A -->|HTTP Request| B
    B -->|Client-Side Routing| C
    C -->|Route Matches| D
    D -->|Renders| E
    E -->|Reads Content| F
    D -->|Optional API Call| G