# adityakumaaar/doctorbabu architecture

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

- Interactive diagram: https://gitdiagram.com/adityakumaaar/doctorbabu
- Repository: https://github.com/adityakumaaar/doctorbabu

## Overview

#### Purpose and entry points
DoctorBabu is a Vite/React TypeScript marketing-site frontend. The browser bootstraps from `index.html` into `src/main.tsx`, which renders the application root in `src/App.tsx`. Styling is supplied through `src/index.css` and shared global styles in `src/styles/globals.css`.

#### Application composition and navigation
`src/App.tsx` is the primary composition and control boundary: it assembles the landing-page sections and exposes page-level views. The site appears to use client-side view selection rather than a dedicated router, with standalone marketing/conversion pages such as `src/components/FeaturesPage.tsx`, `src/components/PricingPage.tsx`, and `src/components/SecurityPage.tsx`.

#### Landing-page content pipeline
The main page is built as ordered presentational sections:
- Acquisition messaging: `src/components/Hero.tsx`, `src/components/Benefits.tsx`, `src/components/Features.tsx`
- Product/process explanation: `src/components/HowItWorks.tsx`, `src/components/Cohorts.tsx`
- Social proof and conversion: `src/components/Clients.tsx`, `src/components/Testimonials.tsx`, `src/components/CTA.tsx`

These components primarily flow static content and user interactions upward through the app-level page/navigation boundary.

#### Conversion flows
Dedicated views represent the key lead-generation lifecycle:
- Trial initiation: `src/components/StartFreeTrialPage.tsx`
- Demo request: `src/components/BookDemoPage.tsx`
- Completion/confirmation: `src/components/AccountCreatedPage.tsx`

The available tree contains no backend, API client, serverless function, or persistence layer. Any submission behavior is therefore either local/UI-only or delegated to mechanisms not represented in this repository.

#### Shared site shell and design system
`src/components/Header.tsx` and `src/components/Footer.tsx` define the persistent site chrome and likely own navigation triggers. Reusable interaction primitives live in `src/components/ui/`, notably `src/components/ui/button.tsx`, `src/components/ui/dialog.tsx`, and `src/components/ui/form.tsx`. This forms a boundary between product-specific marketing components and a generic UI component library.

#### Assets, runtime, and deployment
The runtime is a client-rendered React application built and served by Vite, configured through `vite.config.ts`; TypeScript configuration is in `tsconfig.app.json`. Static/public resources are hosted from `public` and component-associated assets from `src/assets`. `netlify.toml` indicates Netlify deployment infrastructure. `src/components/figma/ImageWithFallback.tsx` provides an image-rendering resilience boundary for design-derived assets. No external SaaS integrations are identifiable from the supplied tree.

Main entry points: [`src/App.tsx`](https://github.com/adityakumaaar/doctorbabu/blob/main/src/App.tsx) (Application root), [`src/main.tsx`](https://github.com/adityakumaaar/doctorbabu/blob/main/src/main.tsx) (React bootstrap), [`src/components/Hero.tsx`](https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/Hero.tsx) (Landing sections), [`src/components/StartFreeTrialPage.tsx`](https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/StartFreeTrialPage.tsx) (Start free trial)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_runtime["Browser runtime"]
  node_html["HTML entry<br/>Vite entry<br/>[index.html]"]
  node_main["React bootstrap<br/>React entry<br/>[main.tsx]"]
  node_app["Application root<br/>view controller<br/>[App.tsx]"]
  node_styles["Global styles<br/>CSS<br/>[index.css]"]
  node_globals["Shared global styles<br/>CSS<br/>[globals.css]"]
end

subgraph group_content["Marketing content"]
  node_landing["Landing sections<br/>presentational sections<br/>[Hero.tsx]"]
  node_product["Product explanation<br/>presentational sections<br/>[HowItWorks.tsx]"]
  node_social["Proof &amp; CTA<br/>conversion sections<br/>[Clients.tsx]"]
  node_features_page["Features page<br/>marketing page<br/>[FeaturesPage.tsx]"]
  node_pricing_page["Pricing page<br/>marketing page<br/>[PricingPage.tsx]"]
  node_security_page["Security page<br/>marketing page<br/>[SecurityPage.tsx]"]
end

subgraph group_conversion["Conversion views"]
  node_trial["Start free trial<br/>lead-generation view"]
  node_demo["Book demo<br/>lead-generation view<br/>[BookDemoPage.tsx]"]
  node_confirmation["Account created<br/>confirmation view"]
end

subgraph group_shared["Shared UI"]
  node_shell["Site shell<br/>persistent chrome<br/>[Header.tsx]"]
  node_ui["UI primitives<br/>component library<br/>[button.tsx]"]
  node_image["Resilient images<br/>image boundary"]
  node_assets["Static assets<br/>asset sources"]
end

subgraph group_delivery["Build &amp; delivery"]
  node_vite{{"Vite build<br/>build configuration<br/>[vite.config.ts]"}}
  node_netlify{{"Netlify deployment<br/>hosting configuration<br/>[netlify.toml]"}}
end

node_html -->|"loads"| node_main
node_main -->|"renders"| node_app
node_main -->|"loads styles"| node_styles
node_styles -->|"shares"| node_globals
node_app -->|"composes"| node_shell
node_app -->|"renders"| node_landing
node_app -->|"renders"| node_product
node_app -->|"renders"| node_social
node_app -->|"selects view"| node_features_page
node_app -->|"selects view"| node_pricing_page
node_app -->|"selects view"| node_security_page
node_shell -->|"navigation triggers"| node_app
node_app -->|"opens flow"| node_trial
node_app -->|"opens flow"| node_demo
node_trial -.->|"completion"| node_confirmation
node_demo -.->|"completion"| node_confirmation
node_trial -->|"uses"| node_ui
node_demo -->|"uses"| node_ui
node_landing -->|"uses"| node_ui
node_landing -->|"renders images"| node_image
node_image -->|"reads"| node_assets
node_vite -->|"builds and serves"| node_html
node_vite -->|"bundles"| node_app
node_netlify -->|"deploys build"| node_vite

click node_html "https://github.com/adityakumaaar/doctorbabu/blob/main/index.html"
click node_main "https://github.com/adityakumaaar/doctorbabu/blob/main/src/main.tsx"
click node_app "https://github.com/adityakumaaar/doctorbabu/blob/main/src/App.tsx"
click node_styles "https://github.com/adityakumaaar/doctorbabu/blob/main/src/index.css"
click node_globals "https://github.com/adityakumaaar/doctorbabu/blob/main/src/styles/globals.css"
click node_landing "https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/Hero.tsx"
click node_product "https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/HowItWorks.tsx"
click node_social "https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/Clients.tsx"
click node_features_page "https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/FeaturesPage.tsx"
click node_pricing_page "https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/PricingPage.tsx"
click node_security_page "https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/SecurityPage.tsx"
click node_trial "https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/StartFreeTrialPage.tsx"
click node_demo "https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/BookDemoPage.tsx"
click node_confirmation "https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/AccountCreatedPage.tsx"
click node_shell "https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/Header.tsx"
click node_ui "https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/ui/button.tsx"
click node_image "https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/figma/ImageWithFallback.tsx"
click node_assets "https://github.com/adityakumaaar/doctorbabu/tree/main/public"
click node_vite "https://github.com/adityakumaaar/doctorbabu/blob/main/vite.config.ts"
click node_netlify "https://github.com/adityakumaaar/doctorbabu/blob/main/netlify.toml"

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_html,node_main,node_app,node_styles,node_globals toneBlue
class node_landing,node_product,node_social,node_features_page,node_pricing_page,node_security_page toneAmber
class node_trial,node_demo,node_confirmation toneMint
class node_shell,node_ui,node_image,node_assets toneRose
class node_vite,node_netlify toneIndigo
```

## Components

### Browser runtime

- [HTML entry](https://github.com/adityakumaaar/doctorbabu/blob/main/index.html): Vite entry · `index.html`
- [React bootstrap](https://github.com/adityakumaaar/doctorbabu/blob/main/src/main.tsx): React entry · `src/main.tsx`
- [Application root](https://github.com/adityakumaaar/doctorbabu/blob/main/src/App.tsx): view controller · Composes pages and client-side view selection. · `src/App.tsx`
- [Global styles](https://github.com/adityakumaaar/doctorbabu/blob/main/src/index.css): CSS · `src/index.css`
- [Shared global styles](https://github.com/adityakumaaar/doctorbabu/blob/main/src/styles/globals.css): CSS · `src/styles/globals.css`

### Marketing content

- [Landing sections](https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/Hero.tsx): presentational sections · Hero, benefits, features, process, cohorts, proof, and CTA sections. · `src/components/Hero.tsx`
- [Product explanation](https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/HowItWorks.tsx): presentational sections · HowItWorks and Cohorts explain the product process. · `src/components/HowItWorks.tsx`
- [Proof & CTA](https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/Clients.tsx): conversion sections · Clients, Testimonials, and CTA drive conversion. · `src/components/Clients.tsx`
- [Features page](https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/FeaturesPage.tsx): marketing page · `src/components/FeaturesPage.tsx`
- [Pricing page](https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/PricingPage.tsx): marketing page · `src/components/PricingPage.tsx`
- [Security page](https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/SecurityPage.tsx): marketing page · `src/components/SecurityPage.tsx`

### Conversion views

- [Start free trial](https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/StartFreeTrialPage.tsx): lead-generation view · `src/components/StartFreeTrialPage.tsx`
- [Book demo](https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/BookDemoPage.tsx): lead-generation view · `src/components/BookDemoPage.tsx`
- [Account created](https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/AccountCreatedPage.tsx): confirmation view · Completion state is UI-only within this repository. · `src/components/AccountCreatedPage.tsx`

### Shared UI

- [Site shell](https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/Header.tsx): persistent chrome · Header navigation and footer surround page views. · `src/components/Header.tsx`
- [UI primitives](https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/ui/button.tsx): component library · Reusable button, dialog, and form primitives. · `src/components/ui/button.tsx`
- [Resilient images](https://github.com/adityakumaaar/doctorbabu/blob/main/src/components/figma/ImageWithFallback.tsx): image boundary · Fallback rendering for design-derived images. · `src/components/figma/ImageWithFallback.tsx`
- [Static assets](https://github.com/adityakumaaar/doctorbabu/tree/main/public): asset sources · Public files and component-associated assets. · `public`

### Build & delivery

- [Vite build](https://github.com/adityakumaaar/doctorbabu/blob/main/vite.config.ts): build configuration · `vite.config.ts`
- [Netlify deployment](https://github.com/adityakumaaar/doctorbabu/blob/main/netlify.toml): hosting configuration · `netlify.toml`

## Connections

- HTML entry → React bootstrap: loads
- React bootstrap → Application root: renders
- React bootstrap → Global styles: loads styles
- Global styles → Shared global styles: shares
- Application root → Site shell: composes
- Application root → Landing sections: renders
- Application root → Product explanation: renders
- Application root → Proof & CTA: renders
- Application root → Features page: selects view
- Application root → Pricing page: selects view
- Application root → Security page: selects view
- Site shell → Application root: navigation triggers
- Application root → Start free trial: opens flow
- Application root → Book demo: opens flow
- Start free trial → Account created: completion
- Book demo → Account created: completion
- Start free trial → UI primitives: uses
- Book demo → UI primitives: uses
- Landing sections → UI primitives: uses
- Landing sections → Resilient images: renders images
- Resilient images → Static assets: reads
- Vite build → HTML entry: builds and serves
- Vite build → Application root: bundles
- Netlify deployment → Vite build: deploys build