Diff -- /var/www/vhosts/3dshawn.com/ptmatrix.3dshawn.com/TEMPLATES/tf_landing.html
Diff
/var/www/vhosts/3dshawn.com/ptmatrix.3dshawn.com/TEMPLATES/tf_landing.html
added on local at 2026-07-01 12:35:00
Added
+196
lines
Removed
-0
lines
Context
0
unchanged
Blobs
from
to 5745b15c2cfc
to 5745b15c2cfc
Unified diff
Naive LCS-based line diff. Additions in emerald, deletions in rose. Both sides decompressed live from BLOB_STORE.| 1 | <section class="hero"> | |
| 2 | <div class="hero-inner"> | |
| 3 | <div class="badge brand mb-2">Project tracking + customer tickets · one queue · 14-day trial · no card</div> | |
| 4 | <h1>Stop running Jira and Zendesk side by side. <span class="grad">PTMatrix puts your projects and your customer tickets in one queue.</span></h1> | |
| 5 | <p class="lead">Tasks are tickets. Tickets are tasks. Same kanban, same backlog, same custom fields, same SLA engine — whether the work came in from your sprint board or a customer email. Built for teams of 5 to 500.</p> | |
| 6 | <div class="actions"> | |
| 7 | <a href="/signup.cgi" class="btn btn-primary btn-xl">Start free trial →</a> | |
| 8 | <a href="#features" class="btn btn-ghost btn-xl">See what's inside</a> | |
| 9 | </div> | |
| 10 | <div class="trust-bar">14-day trial · no credit card · cancel anytime · or stay on the free plan forever</div> | |
| 11 | <div class="trust-bar" style="margin-top:6px;font-size:13px;opacity:.85">Already on Asana, Monday, Jira, or Trello? Drop your CSV export in — we handle the column mapping.</div> | |
| 12 | </div> | |
| 13 | </section> | |
| 14 | ||
| 15 | <section class="section" id="replaces"> | |
| 16 | <h2>Your existing stack, simplified</h2> | |
| 17 | <p class="section-lead">Most growing teams stitch 4–6 tools together. PTMatrix folds the categories that should be one tool into one tool — and integrates with the rest of your stack instead of fighting it.</p> | |
| 18 | <div class="feature-grid" style="grid-template-columns:repeat(auto-fit,minmax(180px,1fr))"> | |
| 19 | <div class="feature" style="text-align:center"><h3 style="font-size:15px;margin:0">Issue tracker</h3><p style="font-size:12px;margin:6px 0 0">Tickets & sprints</p></div> | |
| 20 | <div class="feature" style="text-align:center"><h3 style="font-size:15px;margin:0">Help desk</h3><p style="font-size:12px;margin:6px 0 0">Customer support</p></div> | |
| 21 | <div class="feature" style="text-align:center"><h3 style="font-size:15px;margin:0">PM platform</h3><p style="font-size:12px;margin:6px 0 0">Project tracking</p></div> | |
| 22 | <div class="feature" style="text-align:center"><h3 style="font-size:15px;margin:0">Harvest / Toggl</h3><p style="font-size:12px;margin:6px 0 0">Time & billing</p></div> | |
| 23 | <div class="feature" style="text-align:center"><h3 style="font-size:15px;margin:0">BambooHR (light)</h3><p style="font-size:12px;margin:6px 0 0">Org chart & people</p></div> | |
| 24 | <div class="feature" style="text-align:center"><h3 style="font-size:15px;margin:0">Zapier (some)</h3><p style="font-size:12px;margin:6px 0 0">Webhooks & integrations</p></div> | |
| 25 | </div> | |
| 26 | </section> | |
| 27 | ||
| 28 | <section class="section" id="features"> | |
| 29 | <h2>Everything you need to run your team</h2> | |
| 30 | <p class="section-lead">One unified work item, one queue, one source of truth. Tickets are tasks. Tasks are tickets. Same kanban. Same custom fields. Same searchable backlog.</p> | |
| 31 | ||
| 32 | <div class="feature-grid"> | |
| 33 | <div class="feature"> | |
| 34 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="5" height="18" rx="1"/><rect x="10" y="3" width="5" height="14" rx="1"/><rect x="17" y="3" width="4" height="10" rx="1"/></svg></div> | |
| 35 | <h3>Unified work-item queue</h3> | |
| 36 | <p>Tickets, tasks, bugs, epics, requests — one table, one queue, one lens. Filter to "tickets from external customers" in one click, then to "engineering bugs" in the next.</p> | |
| 37 | </div> | |
| 38 | <div class="feature"> | |
| 39 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16v16H4z"/><path d="M22 6 12 13 2 6"/></svg></div> | |
| 40 | <h3>Email-to-ticket pipeline</h3> | |
| 41 | <p>Customers email your support address → becomes a ticket. Reply from PTMatrix → they get a normal email back. Works with your Gmail, your O365, your Mailgun — or our forwarding address (DKIM-signed).</p> | |
| 42 | </div> | |
| 43 | <div class="feature"> | |
| 44 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg></div> | |
| 45 | <h3>SLA tracking & breach alerts</h3> | |
| 46 | <p>Define response + resolution targets per priority, type, or department. Live countdown badges. Breaches fire outbound webhook events. Quarterly SLA reports.</p> | |
| 47 | </div> | |
| 48 | <div class="feature"> | |
| 49 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12c0-3.31-2.69-6-6-6h-6L4 1v22l5-5h6c3.31 0 6-2.69 6-6Z"/></svg></div> | |
| 50 | <h3>Generic outbound webhooks</h3> | |
| 51 | <p>Every ticket event POSTs to whatever URL you point us at — Zapier, n8n, your CRM, your incident-management tool, your internal scripts. HMAC-signed so your receiver can verify it. Use Zapier or n8n if you want to bridge into your team chat.</p> | |
| 52 | </div> | |
| 53 | <div class="feature"> | |
| 54 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2v20"/><path d="M2 12h20"/><circle cx="12" cy="12" r="5"/></svg></div> | |
| 55 | <h3>AI-assisted triage <span class="badge brand" style="font-size:10px;margin-left:6px;padding:1px 6px">NEW</span></h3> | |
| 56 | <p>Summarize a 50-comment thread in one click. Suggest a reply matching your team's voice. Auto-categorize incoming tickets. Powered by Claude.</p> | |
| 57 | </div> | |
| 58 | <div class="feature"> | |
| 59 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="5" height="18" rx="1"/><rect x="10" y="3" width="5" height="14" rx="1"/><rect x="17" y="3" width="4" height="10" rx="1"/></svg></div> | |
| 60 | <h3>Drag-and-drop Kanban</h3> | |
| 61 | <p>Configurable columns per project. WIP limits. Touch-drag on mobile. Drop a card, the status updates everywhere — including the Gantt and the reports.</p> | |
| 62 | </div> | |
| 63 | <div class="feature"> | |
| 64 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h10"/><path d="M3 12h14"/><path d="M3 18h8"/><circle cx="13" cy="6" r="2"/><circle cx="17" cy="12" r="2"/><circle cx="11" cy="18" r="2"/></svg></div> | |
| 65 | <h3>Live Gantt with dependencies</h3> | |
| 66 | <p>Drag bars to reschedule. Draw a line between two tasks to say "blocks". Critical path lights up automatically. Mobile-friendly touch reschedule.</p> | |
| 67 | </div> | |
| 68 | <div class="feature"> | |
| 69 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="9" cy="7" r="4"/><path d="M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2"/><circle cx="17" cy="7" r="3"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/></svg></div> | |
| 70 | <h3>Org chart & people search</h3> | |
| 71 | <p>See who reports to whom. Search by skill ("find me a SQL person"), department, or title. Photos make it human. HR-admin role + profile locking for regulated teams.</p> | |
| 72 | </div> | |
| 73 | <div class="feature"> | |
| 74 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg></div> | |
| 75 | <h3>Custom fields & reports</h3> | |
| 76 | <p>Add any field to any work item — customer tier, severity, sprint, story points. Surfaces on the kanban card, the queue, the reports. Per-user, per-department, per-customer.</p> | |
| 77 | </div> | |
| 78 | <div class="feature"> | |
| 79 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg></div> | |
| 80 | <h3>Time tracking + billing</h3> | |
| 81 | <p>Start a timer or log time after the fact. Project / user / company rate snapshots. Billable vs non-billable, per-client exports, money-view dashboards.</p> | |
| 82 | </div> | |
| 83 | <div class="feature"> | |
| 84 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12c0-3.31-2.69-6-6-6h-6L4 1v22l5-5h6c3.31 0 6-2.69 6-6Z"/></svg></div> | |
| 85 | <h3>Public REST API + webhooks <span class="badge brand" style="font-size:10px;margin-left:6px;padding:1px 6px">NEW</span></h3> | |
| 86 | <p>Every primitive callable from your scripts, your CI, your monitoring system. Subscribe outbound webhooks to any event — not just chat. Built for Zapier, n8n, and your own internal tooling.</p> | |
| 87 | </div> | |
| 88 | <div class="feature"> | |
| 89 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg></div> | |
| 90 | <h3>Enterprise security from day one</h3> | |
| 91 | <p>SSO (Okta, Entra, Google Workspace, LDAP, SAML). 2FA. Per-user RBAC + permission groups. Audit log on every change. Multi-tenant from the schema up.</p> | |
| 92 | </div> | |
| 93 | </div> | |
| 94 | </section> | |
| 95 | ||
| 96 | <section class="section" id="differentiators"> | |
| 97 | <h2>What you can’t get from Jira or Asana</h2> | |
| 98 | <p class="section-lead">The features no PM tool actually ships, but every PM’ll wish they had.</p> | |
| 99 | <div class="feature-grid"> | |
| 100 | <div class="feature"> | |
| 101 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 22h20L12 2z"/><line x1="12" y1="9" x2="12" y2="14"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></div> | |
| 102 | <h3>Risk register</h3> | |
| 103 | <p>Track risks per project with likelihood, impact, owner, and mitigation plan. The thing every PMP cert says to do, that no other tool actually builds.</p> | |
| 104 | </div> | |
| 105 | <div class="feature"> | |
| 106 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="9" y1="15" x2="15" y2="15"/></svg></div> | |
| 107 | <h3>Decision log</h3> | |
| 108 | <p>Capture "why we chose X over Y" with date, deciders, and context. Stops the same debate from re-running every quarter. Audit-friendly out of the box.</p> | |
| 109 | </div> | |
| 110 | <div class="feature"> | |
| 111 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg></div> | |
| 112 | <h3>“Why did this slip?” AI <span class="badge brand" style="font-size:10px;margin-left:6px;padding:1px 6px">NEW</span></h3> | |
| 113 | <p>One click on any overdue task → AI reads the comment thread + audit log and writes a blame-free postmortem. Built on Claude with bring-your-own-key, so your data stays yours.</p> | |
| 114 | </div> | |
| 115 | <div class="feature"> | |
| 116 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 17 9 11 13 15 21 7"/><polyline points="14 7 21 7 21 14"/></svg></div> | |
| 117 | <h3>Cycle time analytics</h3> | |
| 118 | <p>Median time from started → done, broken down by team, label, and assignee. Spot bottlenecks the same week they form — not in next quarter’s retro.</p> | |
| 119 | </div> | |
| 120 | <div class="feature"> | |
| 121 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="9" cy="7" r="4"/><path d="M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2"/><path d="M16 11l2 2 4-4"/></svg></div> | |
| 122 | <h3>Workload & capacity planning</h3> | |
| 123 | <p>Who’s drowning, who has room. Visualised by hours/week per person, with planned vs actual side by side. Reassign in one drag.</p> | |
| 124 | </div> | |
| 125 | <div class="feature"> | |
| 126 | <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg></div> | |
| 127 | <h3>Customer portal + knowledge base</h3> | |
| 128 | <p>Branded portal where your customers track their own tickets and read your KB articles. Public intake forms feed straight into the queue with the right routing rules.</p> | |
| 129 | </div> | |
| 130 | </div> | |
| 131 | </section> | |
| 132 | ||
| 133 | <section class="section" style="text-align:center"> | |
| 134 | <h2>Pricing that scales with the team</h2> | |
| 135 | <p class="section-lead">Pay per seat. Cancel any time. Start free trial — no card.</p> | |
| 136 | <div class="pricing-grid"> | |
| 137 | [loop:@plans] | |
| 138 | <div class="pricing-card[if:$loop1.is_featured] featured[/if][if:$loop1.has_discount] has-discount[/if]"> | |
| 139 | [if:$loop1.is_featured]<div class="featured-badge">Most popular</div>[/if] | |
| 140 | [if:$loop1.has_discount]<div class="discount-badge">$loop1.discount_pct% OFF</div>[/if] | |
| 141 | <h3>$loop1.display_name</h3> | |
| 142 | [if:$loop1.price_dollars] | |
| 143 | [if:$loop1.has_discount]<div class="price-original">$$loop1.original_price_dollars</div>[/if] | |
| 144 | <div class="price">$$loop1.price_dollars<small>/seat/mo</small></div> | |
| 145 | [/if] | |
| 146 | [if:!$loop1.price_dollars]<div class="price">$loop1.price_text</div>[/if] | |
| 147 | [if:$loop1.has_discount]<div class="discount-label">$loop1.discount_label</div>[/if] | |
| 148 | <div class="tagline">$loop1.tagline</div> | |
| 149 | [if:$loop1.has_features] | |
| 150 | <ul> | |
| 151 | [loop:@loop1.features_inline]<li[if:$loop2.included] class="included"[/if]>$loop2.name</li>[/loop] | |
| 152 | </ul> | |
| 153 | [if:$loop1.has_extra] | |
| 154 | <details class="feature-extras"> | |
| 155 | <summary>+ $loop1.extra_count more</summary> | |
| 156 | <ul> | |
| 157 | [loop:@loop1.features_extra]<li[if:$loop2.included] class="included"[/if]>$loop2.name</li>[/loop] | |
| 158 | </ul> | |
| 159 | </details> | |
| 160 | [/if] | |
| 161 | [/if] | |
| 162 | <a href="$loop1.cta_url" class="btn[if:$loop1.is_featured] btn-primary[/if][if:!$loop1.is_featured] btn-ghost[/if]">$loop1.cta_label</a> | |
| 163 | </div> | |
| 164 | [/loop] | |
| 165 | </div> | |
| 166 | <p class="mt-3 text-muted" style="text-align:center;font-size:13px">All paid plans — save $annual_discount_pct% on annual billing. <strong>30-day money-back guarantee on every paid plan.</strong> Cancel any time.</p> | |
| 167 | <p class="text-muted" style="text-align:center;font-size:13px;margin-top:6px">Need 100+ seats or custom terms? <a href="/contact.cgi?topic=enterprise">Get in touch</a>.</p> | |
| 168 | </section> | |
| 169 | ||
| 170 | <section class="section" style="text-align:center"> | |
| 171 | <h2>Who is PTMatrix for?</h2> | |
| 172 | <div class="feature-grid" style="grid-template-columns:repeat(auto-fit,minmax(240px,1fr));text-align:left;margin-top:24px"> | |
| 173 | <div class="feature"> | |
| 174 | <h3>SaaS & tech teams</h3> | |
| 175 | <p>Replace your issue tracker + help desk with one tool. Engineering tickets, customer bugs, and feature requests all flow through the same queue. SLA targets per customer tier. AI-summarized escalations.</p> | |
| 176 | </div> | |
| 177 | <div class="feature"> | |
| 178 | <h3>Agencies & consultancies</h3> | |
| 179 | <p>Project tracking + client support + time billing in one. Custom fields per client. Per-project rate sheets. Money-view dashboards for whoever is watching the books.</p> | |
| 180 | </div> | |
| 181 | <div class="feature"> | |
| 182 | <h3>Internal IT & HR teams</h3> | |
| 183 | <p>Employees email IT@yourco → auto-routed by department. Org chart shows who's escalation-ready. SLA breach alerts fire to your webhook of choice.</p> | |
| 184 | </div> | |
| 185 | <div class="feature"> | |
| 186 | <h3>Operations & ecommerce</h3> | |
| 187 | <p>Fulfilment tickets, vendor follow-ups, returns, refunds. All in the unified queue. Custom fields for order number, customer LTV. Reports that close the quarter.</p> | |
| 188 | </div> | |
| 189 | </div> | |
| 190 | </section> | |
| 191 | ||
| 192 | <section class="section" style="text-align:center"> | |
| 193 | <h2>Ready to ship faster?</h2> | |
| 194 | <p class="section-lead">Get your first ticket flowing in under 60 seconds. No credit card. No call. No setup wizard. Sample data ready to play with.</p> | |
| 195 | <a href="/signup.cgi" class="btn btn-primary btn-xl">Create your free workspace →</a> | |
| 196 | </section> |