Build a Consulting Proposal Template with AI

Build a static HTML consulting proposal template tool. Dark theme: background #0a0a0f, surfaces #12121a, borders #1a1a2a, accent #64748b. The page should function as both a live preview and a downloadable proposal generator. Include a left sidebar with form fields: Client Name, Project Title, Consultant Name, Company, Date, Hourly Rate or Fixed Fee toggle. Main area renders a live proposal preview that updates as fields are filled. Proposal sections rendered in preview: Executive Summary (editable textarea), Scope of Work (bulleted deliverables list with add/remove), Project Timeline (phase table with start dates and durations), Pricing Breakdown (line items with quantities and unit costs, auto-calculated subtotal, tax, and total), Payment Terms (milestone-based schedule with percentages), Terms and Conditions (expandable legal boilerplate with editable fields for jurisdiction and governing law), and Signature Block with date fields. Add a Print/Export button that triggers window.print() with a print stylesheet that hides sidebar and outputs clean proposal. Include a "Load Example" button that populates all fields with a sample IT consulting engagement. Show a proposal completion progress bar (0-100%) based on how many sections have content. All data lives in inline JavaScript — no backend required. Proposal state serializes to a shareable URL via base64 query param so clients can be sent a pre-filled link. Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].

Update the consulting proposal template. Revise the example engagement to reflect current market rates for [your industry]. Add a new section for [specific clause or deliverable]. Update the terms and conditions boilerplate for [jurisdiction]. Redeploy.