Skip to content

Commit fed68cb

Browse files
PartnerProgramPartnerProgram
authored
Update index.html
1 parent f66a489 commit fed68cb

1 file changed

Lines changed: 90 additions & 5 deletions

File tree

‎index.html‎

Lines changed: 90 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,7 @@ <h1 class="mt-4 text-3xl font-semibold leading-tight sm:text-4xl">
4646
showEvaluationModal: false,
4747
showPartnerEventsModal: false,
4848
showCsvModal: false,
49+
showLeadsGuideModal: false,
4950
activeStep: 0,
5051
band: 'band1',
5152
activeBand: 'band1',
@@ -404,7 +405,6 @@ <h1 class="mt-4 text-3xl font-semibold leading-tight sm:text-4xl">
404405
"Lead Pass | Services Delivery Leads",
405406
"Recast Executive Support",
406407
"Co-Sell & Expansion Support",
407-
408408
],
409409
},
410410
},
@@ -652,6 +652,9 @@ <h1 class="mt-4 text-3xl font-semibold leading-tight sm:text-4xl">
652652
if (STATE.showCsvModal) {
653653
html += renderCsvModal();
654654
}
655+
if (STATE.showLeadsGuideModal) {
656+
html += renderLeadsGuideModal();
657+
}
655658
document.getElementById('app').innerHTML = html;
656659
lucide.createIcons();
657660
addEventListeners();
@@ -944,6 +947,9 @@ <h2 class="text-xl font-medium mb-4">Select Partner Types to Show</h2>
944947
html += '<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="alert-circle" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">Premier deals are excluded from Recast SDR and marketing sequences once submitted.</span></li>';
945948
html += '</ul>';
946949
html += '<button id="csvSopBtn" class="rounded-full bg-[#2563eb] text-white px-4 py-2 text-sm hover:bg-[#1d4ed8] transition-colors duration-300 flex items-center gap-2"><i data-lucide="upload" class="h-4 w-4"></i>View CSV Upload SOP</button>';
950+
if (['Preferred', 'Premier'].includes(STATE.partnerType)) {
951+
html += '<button id="leadsGuideBtn" class="ml-4 rounded-full bg-[#2563eb] text-white px-4 py-2 text-sm hover:bg-[#1d4ed8] transition-colors duration-300 flex items-center gap-2"><i data-lucide="file-text" class="h-4 w-4"></i>Submit Leads Guide</button>';
952+
}
947953
html += '<h3 class="text-lg font-medium mb-3 flex items-center gap-2 mt-6"><i data-lucide="dollar-sign" class="h-5 w-5 stroke-[#2563eb]"></i>Margin Eligibility by Tier</h3>';
948954
html += '<div class="overflow-x-auto mb-6">';
949955
html += '<table class="min-w-full divide-y divide-[#E2E8F0]">';
@@ -1436,7 +1442,7 @@ <h2 class="text-xl font-medium mb-6 flex items-center gap-3"><i data-lucide="sca
14361442
return html;
14371443
}
14381444
function renderCsvModal(){
1439-
const sample = "Partner Name,Campaign Name,ID,Account Name,Domain,First Name,Last Name,Email,Country,Source Type,Attribution Intent,Requested PoR\nAcme Partner,2025-03 Webinar,Contoso,contoso.com,Jane,Doe,jane@contoso.com,US,Webinar,Partner Sourced,Yes";
1445+
const sample = "Partner Name,Campaign Name/ID,Account Name (and Domain),First Name,Last Name,Email,Country,Source Type,Attribution Intent,Requested PoR (Y/N)\n";
14401446
return `
14411447
<div class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 px-4" id="csvModal">
14421448
<div class="relative max-w-3xl w-full bg-white rounded-2xl shadow-2xl p-8 max-h-[90vh] overflow-y-auto">
@@ -1458,6 +1464,69 @@ <h2 class="text-xl font-medium mb-4 flex items-center gap-3"><i data-lucide="upl
14581464
</div>
14591465
</div>`;
14601466
}
1467+
function renderLeadsGuideModal() {
1468+
return `
1469+
<div class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 px-4" role="dialog" aria-modal="true" id="leadsGuideModal">
1470+
<div class="relative max-w-4xl w-full bg-white rounded-2xl shadow-2xl p-8 max-h-[90vh] overflow-y-auto">
1471+
<button class="absolute top-4 right-4 text-gray-600 hover:text-gray-900 focus:outline-none" id="closeLeadsGuide">
1472+
<i data-lucide="x" class="h-6 w-6"></i>
1473+
<span class="sr-only">Close</span>
1474+
</button>
1475+
<h2 class="text-2xl font-semibold mb-6 text-center">Submit Leads, Get Credit, Win More Deals</h2>
1476+
<p class="text-gray-700 leading-relaxed mb-8">To protect your deals and ensure you're recognized as the Partner of Record (POR), it's critical to submit leads through the right channels. When you register leads, we guarantee visibility — and we will not take those deals direct. Here’s how to submit leads based on your selling motion:</p>
1477+
<div class="space-y-8">
1478+
<section>
1479+
<h3 class="text-xl font-medium mb-4 flex items-center gap-2"><i data-lucide="file-plus" class="h-5 w-5 stroke-[#2563eb]"></i>1. Submitting One-Off Deals (Sales-Led)</h3>
1480+
<p class="text-gray-700 leading-relaxed mb-2"><strong>Use:</strong> Partner Portal Lead Registration Form</p>
1481+
<p class="text-gray-700 leading-relaxed mb-4"><strong>When to Use:</strong> For individual deals you’re actively working.</p>
1482+
<h4 class="text-lg font-medium mb-2">What to Do:</h4>
1483+
<ul class="space-y-3 mb-4">
1484+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">Go to the Partner Portal and complete the form</span></li>
1485+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed"><strong>Required:</strong> First Name, Last Name, Business Email, Company Name, Country, Campaign Source (defaults to “Salesperson”)</span></li>
1486+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">(Optional: Lead Notes or BANT)</span></li>
1487+
</ul>
1488+
<h4 class="text-lg font-medium mb-2">What You Get:</h4>
1489+
<ul class="space-y-3">
1490+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">Your lead is protected and entered into Salesforce</span></li>
1491+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">You’re tagged as Partner of Record (POR) if it qualifies</span></li>
1492+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">Our team won’t engage the lead directly — it stays with you</span></li>
1493+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">Full transparency on conversion and pipeline status</span></li>
1494+
</ul>
1495+
</section>
1496+
<section>
1497+
<h3 class="text-xl font-medium mb-4 flex items-center gap-2"><i data-lucide="upload" class="h-5 w-5 stroke-[#2563eb]"></i>2. Uploading Leads from Webinars or Events</h3>
1498+
<p class="text-gray-700 leading-relaxed mb-2"><strong>Use:</strong> CSV Upload</p>
1499+
<p class="text-gray-700 leading-relaxed mb-4"><strong>When to Use:</strong> For leads collected at events, webinars, or campaigns.</p>
1500+
<h4 class="text-lg font-medium mb-2">What to Do:</h4>
1501+
<ul class="space-y-3 mb-4">
1502+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">Prepare your CSV with: First Name, Last Name, Business Email, Company Name, Country, Campaign Source (e.g., Webinar, Event), Partner Account</span></li>
1503+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">(Optional: Lead Notes / BANT, Lead Owner, Lead Status, Date Created)</span></li>
1504+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">Submit via the upload tool</span></li>
1505+
</ul>
1506+
<h4 class="text-lg font-medium mb-2">What You Get:</h4>
1507+
<ul class="space-y-3">
1508+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">Your leads are attributed to your partner account and campaign</span></li>
1509+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">Qualified leads convert to opportunities with POR credit</span></li>
1510+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">Leads from Premier/Strategic partners are never routed to direct sales</span></li>
1511+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">Event performance is tracked in Salesforce for visibility</span></li>
1512+
</ul>
1513+
</section>
1514+
<section>
1515+
<h3 class="text-xl font-medium mb-4 flex items-center gap-2"><i data-lucide="shield-check" class="h-5 w-5 stroke-[#2563eb]"></i>Why Registering Leads Matters</h3>
1516+
<p class="text-gray-700 leading-relaxed mb-4">When you register leads:</p>
1517+
<ul class="space-y-3 mb-4">
1518+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">You’re protected as the Partner of Record</span></li>
1519+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">We don’t pursue the deal directly</span></li>
1520+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">You gain access to full-funnel visibility</span></li>
1521+
<li class="flex items-start gap-3"><div class="flex-shrink-0 mt-1 bg-[#2563eb] rounded-full p-1"><i data-lucide="check" class="h-3 w-3 stroke-white"></i></div><span class="text-gray-700 leading-relaxed">Your efforts are recognized in revenue reporting</span></li>
1522+
</ul>
1523+
<p class="text-gray-700 leading-relaxed">This process protects your deals, supports co-selling, and ensures you’re in the driver's seat.</p>
1524+
</section>
1525+
</div>
1526+
</div>
1527+
</div>
1528+
`;
1529+
}
14611530
function addEventListeners() {
14621531
document.getElementById('partnerType').addEventListener('change', (e) => {
14631532
STATE.partnerType = e.target.value;
@@ -1571,6 +1640,20 @@ <h2 class="text-xl font-medium mb-4 flex items-center gap-3"><i data-lucide="upl
15711640
render();
15721641
});
15731642
}
1643+
const leadsGuideBtn = document.getElementById('leadsGuideBtn');
1644+
if (leadsGuideBtn) {
1645+
leadsGuideBtn.addEventListener('click', () => {
1646+
STATE.showLeadsGuideModal = true;
1647+
render();
1648+
});
1649+
}
1650+
const closeLeadsGuide = document.getElementById('closeLeadsGuide');
1651+
if (closeLeadsGuide) {
1652+
closeLeadsGuide.addEventListener('click', () => {
1653+
STATE.showLeadsGuideModal = false;
1654+
render();
1655+
});
1656+
}
15741657
const closeCsv = document.getElementById('closeCsvModal');
15751658
const closeCsv2 = document.getElementById('closeCsvModal2');
15761659
if (closeCsv || closeCsv2){
@@ -1579,7 +1662,7 @@ <h2 class="text-xl font-medium mb-4 flex items-center gap-3"><i data-lucide="upl
15791662
const dl = document.getElementById('downloadCsvTpl');
15801663
if (dl){
15811664
dl.addEventListener('click',()=>{
1582-
const csv = `Partner Name,Campaign Name,ID,Account Name,Domain,First Name,Last Name,Email,Country,Source Type,Attribution Intent,Requested PoR\n`;
1665+
const csv = `Partner Name,Campaign Name/ID,Account Name (and Domain),First Name,Last Name,Email,Country,Source Type,Attribution Intent,Requested PoR (Y/N)\n`;
15831666
const blob = new Blob([csv], {type:'text/csv'});
15841667
const url = URL.createObjectURL(blob);
15851668
const a = document.createElement('a'); a.href=url; a.download='recast_partner_upload_template.csv'; a.click();
@@ -1677,24 +1760,26 @@ <h2 class="text-xl font-medium mb-4 flex items-center gap-3"><i data-lucide="upl
16771760
render();
16781761
});
16791762
});
1680-
const modals = document.querySelectorAll('#businessPlanModal, #partnerEventsModal, #evaluationModal, #csvModal');
1763+
const modals = document.querySelectorAll('#businessPlanModal, #partnerEventsModal, #evaluationModal, #csvModal, #leadsGuideModal');
16811764
modals.forEach(m => {
16821765
m.addEventListener('click', (e) => {
16831766
if (e.target === m) {
16841767
STATE.showBusinessPlanModal = false;
16851768
STATE.showPartnerEventsModal = false;
16861769
STATE.showEvaluationModal = false;
16871770
STATE.showCsvModal = false;
1771+
STATE.showLeadsGuideModal = false;
16881772
render();
16891773
}
16901774
});
16911775
});
16921776
document.addEventListener('keydown', (e) => {
1693-
if (e.key === 'Escape' && (STATE.showBusinessPlanModal || STATE.showPartnerEventsModal || STATE.showEvaluationModal || STATE.showCsvModal || STATE.filterModalOpen)) {
1777+
if (e.key === 'Escape' && (STATE.showBusinessPlanModal || STATE.showPartnerEventsModal || STATE.showEvaluationModal || STATE.showCsvModal || STATE.showLeadsGuideModal || STATE.filterModalOpen)) {
16941778
STATE.showBusinessPlanModal = false;
16951779
STATE.showPartnerEventsModal = false;
16961780
STATE.showEvaluationModal = false;
16971781
STATE.showCsvModal = false;
1782+
STATE.showLeadsGuideModal = false;
16981783
STATE.filterModalOpen = false;
16991784
render();
17001785
}

0 commit comments

Comments
 (0)