312 lines
9.0 KiB
HTML
312 lines
9.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Invoice INV-026-01 — MCP Engage</title>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body {
|
|
font-family: 'Georgia', 'Times New Roman', serif;
|
|
font-size: 11pt;
|
|
line-height: 1.5;
|
|
color: #1a1a1a;
|
|
max-width: 8.5in;
|
|
margin: 0 auto;
|
|
padding: 0.75in 1in;
|
|
background: white;
|
|
}
|
|
.header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
margin-bottom: 40px;
|
|
border-bottom: 3px solid #1a1a1a;
|
|
padding-bottom: 20px;
|
|
}
|
|
.company-info {
|
|
max-width: 50%;
|
|
}
|
|
.company-name {
|
|
font-size: 22pt;
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.company-details {
|
|
font-size: 9pt;
|
|
color: #555;
|
|
line-height: 1.6;
|
|
}
|
|
.invoice-title {
|
|
text-align: right;
|
|
}
|
|
.invoice-title h1 {
|
|
font-size: 28pt;
|
|
text-transform: uppercase;
|
|
letter-spacing: 2px;
|
|
color: #1a1a1a;
|
|
margin-bottom: 8px;
|
|
}
|
|
.invoice-meta {
|
|
font-size: 10pt;
|
|
color: #555;
|
|
text-align: right;
|
|
line-height: 1.8;
|
|
}
|
|
.invoice-meta strong {
|
|
color: #1a1a1a;
|
|
}
|
|
.parties {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin: 30px 0;
|
|
}
|
|
.party {
|
|
width: 45%;
|
|
}
|
|
.party-label {
|
|
font-weight: bold;
|
|
font-size: 9pt;
|
|
text-transform: uppercase;
|
|
color: #888;
|
|
margin-bottom: 6px;
|
|
letter-spacing: 1px;
|
|
}
|
|
.party-name {
|
|
font-size: 13pt;
|
|
font-weight: bold;
|
|
margin-bottom: 2px;
|
|
}
|
|
.party-detail {
|
|
font-size: 10pt;
|
|
color: #444;
|
|
line-height: 1.6;
|
|
}
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 30px 0 20px 0;
|
|
}
|
|
thead th {
|
|
background: #1a1a1a;
|
|
color: white;
|
|
padding: 10px 14px;
|
|
text-align: left;
|
|
font-size: 9pt;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
thead th:last-child {
|
|
text-align: right;
|
|
}
|
|
tbody td {
|
|
padding: 14px;
|
|
border-bottom: 1px solid #e0e0e0;
|
|
font-size: 10.5pt;
|
|
}
|
|
tbody td:last-child {
|
|
text-align: right;
|
|
font-weight: bold;
|
|
}
|
|
.description-sub {
|
|
font-size: 9pt;
|
|
color: #666;
|
|
margin-top: 4px;
|
|
}
|
|
.totals {
|
|
width: 320px;
|
|
margin-left: auto;
|
|
margin-top: 10px;
|
|
}
|
|
.totals-row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 8px 14px;
|
|
font-size: 10.5pt;
|
|
}
|
|
.totals-row.subtotal {
|
|
border-top: 1px solid #e0e0e0;
|
|
}
|
|
.totals-row.total {
|
|
background: #f5f5f5;
|
|
border-top: 2px solid #1a1a1a;
|
|
border-bottom: 2px solid #1a1a1a;
|
|
font-size: 14pt;
|
|
font-weight: bold;
|
|
padding: 12px 14px;
|
|
margin-top: 4px;
|
|
}
|
|
.payment-section {
|
|
margin-top: 40px;
|
|
padding: 20px;
|
|
background: #fafafa;
|
|
border: 1px solid #e0e0e0;
|
|
border-radius: 4px;
|
|
}
|
|
.payment-title {
|
|
font-weight: bold;
|
|
font-size: 11pt;
|
|
margin-bottom: 10px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
.payment-details {
|
|
font-size: 10pt;
|
|
line-height: 1.8;
|
|
color: #333;
|
|
}
|
|
.payment-details strong {
|
|
color: #1a1a1a;
|
|
}
|
|
.notes {
|
|
margin-top: 30px;
|
|
font-size: 9.5pt;
|
|
color: #666;
|
|
line-height: 1.7;
|
|
}
|
|
.notes-title {
|
|
font-weight: bold;
|
|
color: #1a1a1a;
|
|
font-size: 10pt;
|
|
margin-bottom: 6px;
|
|
}
|
|
.footer {
|
|
margin-top: 50px;
|
|
text-align: center;
|
|
font-size: 9pt;
|
|
color: #999;
|
|
border-top: 1px solid #e0e0e0;
|
|
padding-top: 16px;
|
|
}
|
|
.status-badge {
|
|
display: inline-block;
|
|
background: #fff3cd;
|
|
color: #856404;
|
|
padding: 4px 12px;
|
|
border-radius: 3px;
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
@media print {
|
|
body { padding: 0.5in 0.75in; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="header">
|
|
<div class="company-info">
|
|
<div class="company-name">MCPEngage</div>
|
|
<div class="company-details">
|
|
Team Shore Services LLC dba MCPEngage<br>
|
|
Jake Shore<br>
|
|
jake@localbosses.org<br>
|
|
www.mcpengage.com
|
|
</div>
|
|
</div>
|
|
<div class="invoice-title">
|
|
<h1>Invoice</h1>
|
|
<div class="invoice-meta">
|
|
<strong>Invoice #:</strong> INV-026-01<br>
|
|
<strong>Date:</strong> February 12, 2026<br>
|
|
<strong>Due Date:</strong> February 12, 2026 (Due on Receipt)<br>
|
|
<strong>Reference:</strong> QU-026-20<br>
|
|
<span class="status-badge">Payment Due</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="parties">
|
|
<div class="party">
|
|
<div class="party-label">Bill From</div>
|
|
<div class="party-name">Team Shore Services LLC</div>
|
|
<div class="party-detail">
|
|
dba MCPEngage<br>
|
|
Jake Shore<br>
|
|
jake@localbosses.org<br>
|
|
www.mcpengage.com
|
|
</div>
|
|
</div>
|
|
<div class="party">
|
|
<div class="party-label">Bill To</div>
|
|
<div class="party-name">Zack Lee</div>
|
|
<div class="party-detail">
|
|
Solvr
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 65%;">Description</th>
|
|
<th style="width: 10%;">Qty</th>
|
|
<th style="width: 25%;">Amount (USD)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<strong>OpenClaw AI Operations Platform Setup — Project Kickoff Deposit</strong>
|
|
<div class="description-sub">
|
|
White Glove (Enterprise) tier. 50% upfront deposit per SOW QU-026-20, § 4.2.<br>
|
|
Includes: OpenClaw installation, 3 AI agents (Dot, Rose, Miles), 13 MCP server integrations
|
|
(ClickUp, Notion, Google Workspace, Telegram, n8n, GoHighLevel, Google Ads, Postiz,
|
|
Canva Pro, ElevenLabs, SE Ranking, Looker Studio, Retell), Work OS, Factory pipeline,
|
|
shared memory system, AI-powered bots, documentation & training.
|
|
</div>
|
|
</td>
|
|
<td>1</td>
|
|
<td>$10,000.00</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="totals">
|
|
<div class="totals-row subtotal">
|
|
<span>Subtotal</span>
|
|
<span>$10,000.00</span>
|
|
</div>
|
|
<div class="totals-row">
|
|
<span>Tax</span>
|
|
<span>$0.00</span>
|
|
</div>
|
|
<div class="totals-row total">
|
|
<span>Amount Due</span>
|
|
<span>$10,000.00</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="payment-section">
|
|
<div class="payment-title">Payment Instructions</div>
|
|
<div class="payment-details">
|
|
<strong>Payment Method:</strong> Wise (TransferWise)<br>
|
|
<strong>Amount Due:</strong> $10,000.00 USD<br>
|
|
<strong>Due:</strong> Upon receipt<br><br>
|
|
Please use the Wise payment link provided separately to complete this payment.<br>
|
|
Reference this invoice number <strong>INV-026-01</strong> in your payment notes.
|
|
</div>
|
|
</div>
|
|
|
|
<div class="notes">
|
|
<div class="notes-title">Notes</div>
|
|
This invoice represents the 50% project kickoff deposit for the OpenClaw AI Operations Platform Setup
|
|
as outlined in Statement of Work QU-026-20, dated February 12, 2026. Work will commence within
|
|
2 business days of deposit clearance.<br><br>
|
|
<strong>Remaining payment schedule:</strong><br>
|
|
• $5,000.00 — Week 3 Milestone (or at completion if project finishes early)<br>
|
|
• $5,000.00 — Project Completion<br><br>
|
|
<strong>Total Contract Value:</strong> $20,000.00 USD
|
|
</div>
|
|
|
|
<div class="footer">
|
|
Team Shore Services LLC dba MCPEngage | jake@localbosses.org | www.mcpengage.com<br>
|
|
Thank you for your business.
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|