BP: Web Package : 11111

%%{init: {
  "flowchart": { "useMaxWidth": false },
  "themeVariables": {
    "lineColor": "#FFFFFF", "edgeLabelBackground": "transparent", "edgeLabelColor": "#FFFFFF"
  }
}}%%
flowchart LR
    A[Onboarding Meeting] --> B[Design Mockup]
    B --> C[Development]
    C --> D[Review & Revisions]
    D --> E{Revision
Needed?}
    
    %% Standard quotes around text strings with zero HTML or styling syntax
    E -- "Yes" --> C
    E -- "No" --> F[Launch]

    %% Style all shapes with a white background and black text
    classDef whiteNode fill:#FFFFFF,color:#000000,stroke:#333333;
    class A,B,C,D,E,F whiteNode;  

    %% Status styles (for use via your JS clicks later)
    classDef active stroke:#f66061,stroke-width:4px,fill:#333745,color:#ffffff
    classDef animate stroke:#d32f2f,stroke-width:2px,stroke-dasharray:5,animation:dash 2s linear infinite

    %% Interactivity
    click A call showA()
    click B call showB()
    click C call showC()
    click D call showD()
    click F call showF()