Dealer Info
<!-- ===========================================================
PolyTitan Dealer Network vs. Franchise — Shopify embed
Paste this whole block into a "Custom Liquid" section.
All styles are scoped under .ptc so nothing leaks into
the rest of your theme. Repoint the CTA href to your
real dealer-application page/anchor before publishing.
=========================================================== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Barlow:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
.ptc{
--navy:#182E56; --navy-2:#22407a; --orange:#F26322;
--orange-soft:#fff1e9; --orange-line:#f9c9ad; --ink:#1c2433;
--paper:#ffffff; --mist:#f4f6f9; --line:#e4e8ef;
--grey:#9aa4b4; --grey-deep:#5b6678;
font-family:'Barlow',sans-serif; color:var(--ink);
background:
radial-gradient(1200px 500px at 85% -10%, rgba(242,99,34,.07), transparent 60%),
radial-gradient(1000px 600px at -10% 110%, rgba(24,46,86,.06), transparent 55%),
#fbfcfe;
padding:40px 20px 56px; -webkit-font-smoothing:antialiased;
}
.ptc *{box-sizing:border-box;margin:0;padding:0;}
.ptc .wrap{max-width:1080px;margin:0 auto;}
.ptc .eyebrow{
display:inline-block;font-family:'Oswald',sans-serif;font-weight:600;
letter-spacing:.22em;text-transform:uppercase;font-size:12px;
color:var(--orange);background:var(--orange-soft);
border:1px solid var(--orange-line);padding:7px 14px;border-radius:999px;margin-bottom:18px;
}
.ptc h1{
font-family:'Oswald',sans-serif;font-weight:700;
font-size:clamp(28px,4.6vw,46px);line-height:1.02;letter-spacing:-.01em;
color:var(--navy);text-transform:uppercase;
}
.ptc h1 .accent{color:var(--orange);}
.ptc .sub{margin-top:14px;font-size:17px;color:var(--grey-deep);max-width:640px;line-height:1.5;}
.ptc .cost-band{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0 26px;}
.ptc .cost-card{border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;}
.ptc .cost-card.pt{background:var(--navy);color:#fff;box-shadow:0 18px 40px -22px rgba(24,46,86,.7);}
.ptc .cost-card.fr{background:#fff;border:1px solid var(--line);color:var(--ink);}
.ptc .cost-card .label{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;
letter-spacing:.13em;font-size:13px;margin-bottom:14px;display:flex;align-items:center;gap:9px;}
.ptc .cost-card.pt .label{color:#fff;}
.ptc .cost-card.fr .label{color:var(--grey-deep);}
.ptc .dot{width:9px;height:9px;border-radius:50%;}
.ptc .cost-card.pt .dot{background:var(--orange);}
.ptc .cost-card.fr .dot{background:var(--grey);}
.ptc .cost-rows{display:flex;flex-direction:column;gap:9px;}
.ptc .cost-row{display:flex;align-items:baseline;gap:10px;font-size:15px;}
.ptc .cost-row b{font-family:'Oswald',sans-serif;font-weight:700;font-size:21px;letter-spacing:.01em;}
.ptc .cost-card.pt .cost-row b{color:var(--orange);}
.ptc .cost-card.fr .cost-row b{color:var(--navy);}
.ptc .cost-row span{color:inherit;opacity:.85;}
.ptc .cost-card.fr .cost-row span{color:var(--grey-deep);}
.ptc .matrix-scroll{overflow-x:auto;border-radius:18px;
box-shadow:0 24px 60px -34px rgba(24,46,86,.55);background:#fff;border:1px solid var(--line);}
.ptc table{border-collapse:collapse;width:100%;min-width:860px;}
.ptc th,.ptc td{text-align:center;padding:0;}
.ptc thead th{
background:var(--navy);color:#fff;font-family:'Oswald',sans-serif;font-weight:600;
text-transform:uppercase;letter-spacing:.04em;font-size:13px;line-height:1.25;
padding:20px 12px;vertical-align:middle;border-left:1px solid rgba(255,255,255,.09);
}
.ptc thead th.corner{background:var(--navy);text-align:left;border-left:none;min-width:210px;}
.ptc thead th.corner .c-title{font-size:15px;letter-spacing:.06em;color:#fff;}
.ptc thead th.corner .c-sub{display:block;font-family:'Barlow',sans-serif;font-weight:500;
text-transform:none;letter-spacing:0;font-size:12px;color:#aeb9cf;margin-top:3px;}
.ptc tbody tr{border-top:1px solid var(--line);}
.ptc th[scope="row"]{text-align:left;padding:22px 22px;min-width:210px;font-family:'Oswald',sans-serif;background:#fff;}
.ptc .row-name{font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.02em;line-height:1.05;}
.ptc .row-tag{display:block;font-family:'Barlow',sans-serif;font-weight:500;text-transform:none;
letter-spacing:0;font-size:12.5px;margin-top:5px;}
.ptc tbody tr.pt-row{background:linear-gradient(90deg,var(--orange-soft),#fff7f2);}
.ptc tbody tr.pt-row th[scope="row"]{background:transparent;border-left:5px solid var(--orange);}
.ptc tr.pt-row .row-name{color:var(--navy);}
.ptc tr.pt-row .row-tag{color:var(--orange);font-weight:600;}
.ptc tr.fr-row th[scope="row"]{border-left:5px solid var(--line);}
.ptc tr.fr-row .row-name{color:var(--grey-deep);}
.ptc tr.fr-row .row-tag{color:var(--grey);}
.ptc td.cell{border-left:1px solid var(--line);padding:20px 12px;}
.ptc tbody tr.pt-row td.cell{border-left:1px solid #f6dccb;}
.ptc .mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;}
.ptc .mark.yes{background:var(--orange);box-shadow:0 6px 14px -6px rgba(242,99,34,.7);}
.ptc .mark.yes svg{stroke:#fff;}
.ptc .mark.no{background:#eef1f5;border:1px solid #e0e5ec;}
.ptc .mark.no svg{stroke:var(--grey);}
.ptc .fr-row .mark.yes{background:var(--navy);box-shadow:none;}
.ptc .foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;}
.ptc .note{font-size:12.5px;color:var(--grey);max-width:620px;line-height:1.5;}
.ptc .cta{
font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.08em;
font-size:15px;background:var(--orange);color:#fff;text-decoration:none;
padding:15px 30px;border-radius:11px;white-space:nowrap;
box-shadow:0 14px 30px -12px rgba(242,99,34,.75);transition:transform .15s ease,box-shadow .15s ease;
}
.ptc .cta:hover{transform:translateY(-2px);box-shadow:0 20px 38px -14px rgba(242,99,34,.8);}
@media(max-width:640px){
.ptc .cost-band{grid-template-columns:1fr;}
.ptc{padding:28px 14px 40px;}
}
</style>
<div class="ptc">
<div class="wrap">
<span class="eyebrow">Dealer Network vs. Franchise</span>
<h1>Everything a franchise gives you.<br><span class="accent">None of the fees.</span></h1>
<p class="sub">Join the PolyTitan Certified Dealer Network and get the training, materials, marketing, and lead systems of a national franchise — without the upfront fee, the royalties, or losing your own brand.</p>
<div class="cost-band">
<div class="cost-card pt">
<div class="label"><span class="dot"></span>PolyTitan Dealer Network</div>
<div class="cost-rows">
<div class="cost-row"><b>$0</b><span>Upfront franchise fee</span></div>
<div class="cost-row"><b>$0</b><span>Ongoing royalties</span></div>
<div class="cost-row"><b>None</b><span>Long-term contract lock-in</span></div>
</div>
</div>
<div class="cost-card fr">
<div class="label"><span class="dot"></span>Traditional Franchise</div>
<div class="cost-rows">
<div class="cost-row"><b>$30K+</b><span>Upfront franchise fee</span></div>
<div class="cost-row"><b>5–6%</b><span>Ongoing royalties + ad fund</span></div>
<div class="cost-row"><b>10 yrs</b><span>Standard agreement term</span></div>
</div>
</div>
</div>
<div class="matrix-scroll">
<table>
<thead>
<tr>
<th class="corner"><span class="c-title">What You Get</span><span class="c-sub">Compare the offer, side by side</span></th>
<th>No Upfront<br>Fee</th>
<th>No Ongoing<br>Royalties</th>
<th>Competitive<br>Material Pricing</th>
<th>Marketing<br>Support</th>
<th>Install Training<br>& Ops Support</th>
<th>Lead Generation<br>System</th>
<th>Keep Your<br>Own Brand</th>
</tr>
</thead>
<tbody>
<tr class="pt-row">
<th scope="row"><span class="row-name">PolyTitan<br>Dealer Network</span><span class="row-tag">The franchise alternative</span></th>
<td class="cell"><span class="mark yes"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span></td>
<td class="cell"><span class="mark yes"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span></td>
<td class="cell"><span class="mark yes"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span></td>
<td class="cell"><span class="mark yes"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span></td>
<td class="cell"><span class="mark yes"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span></td>
<td class="cell"><span class="mark yes"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span></td>
<td class="cell"><span class="mark yes"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span></td>
</tr>
<tr class="fr-row">
<th scope="row"><span class="row-name">Traditional<br>Franchise</span><span class="row-tag">GarageExperts, Garage Kings, etc.</span></th>
<td class="cell"><span class="mark no"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></span></td>
<td class="cell"><span class="mark no"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></span></td>
<td class="cell"><span class="mark no"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></span></td>
<td class="cell"><span class="mark yes"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span></td>
<td class="cell"><span class="mark yes"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span></td>
<td class="cell"><span class="mark yes"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span></td>
<td class="cell"><span class="mark no"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></span></td>
</tr>
</tbody>
</table>
</div>
<div class="foot">
<p class="note">Franchise figures reflect published 2025–2026 disclosures for leading garage-floor-coating franchises: initial fees of $30K+, royalties of roughly 5–6%, and total startup investments of $115K–$235K on multi-year agreements. Franchises do provide training, marketing, and leads — PolyTitan matches that support without the fee or the royalties.</p>
<a class="cta" href="#apply">Become a Dealer →</a>
</div>
</div>
</div>