Embed Digital Signature Webpage

I need a true digital-signature widget added to the body section of an existing webpage. The primary requirement is a drawn, legally recognisable digital signature—not an image upload or stylised graphic. If a visitor cannot draw the signature, a plain, standard-font typed version may be used as a fallback.

Please place the component directly in the body where a placeholder div now sits. Lightweight, front-end-only solutions (HTML, CSS, vanilla JavaScript, or a small library such as Signature Pad) are preferred so the rest of the layout and load time remain unaffected.

Deliverables
• Updated HTML/CSS/JS files with the signature element correctly positioned in the body.
• Brief README explaining how the signature is captured, stored, and how to reposition or restyle it later.

Acceptance criteria
• Widget loads quickly on desktop and mobile.
• Users can draw a digital signature or enter a standard-font typed fallback.
• Signature is displayed instantly and does not disturb existing page styling.