feat(cro): supplier page CRO — struggling moments, conditional stats, honest proof

Task 3: Add "Is this your sales team?" struggling-moments section.
Conditional stats display (hide if below thresholds). Replace anonymous
testimonials with data-backed proof points. Tier-specific pricing CTAs.
Tighter hero sub-headline. Move ROI callout above pricing grid.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Deeman
2026-03-03 06:36:46 +01:00
parent f4f8a45654
commit a862d21269
2 changed files with 72 additions and 23 deletions

View File

@@ -891,7 +891,7 @@
"sup_meta_desc": "Free directory listing on Padelnomics. Qualified leads from buyers with business plans. Growth and Pro plans from €199/mo.",
"sup_hero_h1a": "Stop Chasing Cold Leads.",
"sup_hero_h1b": "Meet Buyers Who Already Have a Business Plan.",
"sup_hero_sub": "Every lead on Padelnomics has modeled their CAPEX, projected revenue, and calculated ROI — before they contact you. No tire-kickers. No “just browsing.”",
sup_hero_sub: Every lead has already built a financial model for their project. You get the budget, timeline, and specs before you make first contact.,
"sup_hero_cta": "Get Started Free",
"sup_hero_trust_pre": "Trusted by suppliers in",
"sup_hero_trust_post": "countries",
@@ -955,7 +955,7 @@
"sup_basic_f4": "Website & contact details",
"sup_basic_f5": "Services offered checklist",
"sup_basic_f6": "Enquiry form on listing page",
"sup_basic_cta": "List Your Company Free",
"sup_basic_cta": "Get Listed Free",
"sup_growth_name": "Growth",
"sup_growth_popular": "Most Popular",
"sup_growth_credits": "30 credits/mo included",
@@ -965,7 +965,7 @@
"sup_growth_f4": "Priority over free listings",
"sup_growth_f5": "30 lead credits per month",
"sup_growth_f6": "Buy additional credit packs",
"sup_growth_cta": "Get Started",
"sup_growth_cta": "Start Getting Leads",
"sup_pro_name": "Pro",
"sup_pro_credits": "100 credits/mo included",
"sup_pro_f1": "Everything in Growth",
@@ -974,7 +974,7 @@
"sup_pro_f4": "Featured card border & glow",
"sup_pro_f5": "Priority placement in directory",
"sup_pro_f6": "100 lead credits per month",
"sup_pro_cta": "Get Started",
"sup_pro_cta": "Maximize Your Pipeline",
"sup_yearly_note_basic": "Free forever",
"sup_yearly_note_growth": "€1,799 billed yearly",
"sup_yearly_note_pro": "€4,499 billed yearly",
@@ -1012,14 +1012,14 @@
"sup_cmp_t4": "Never",
"sup_cmp_m1": "Filtered by category",
"sup_cmp_footnote": "*Google Ads estimate based on €2080 CPC for padel construction keywords at 510 clicks/day.",
"sup_proof_h2": "Trusted by Padel Industry Leaders",
"sup_proof_h2": "What You Get with Every Lead",
"sup_proof_stat1": "business plans created",
"sup_proof_stat2": "suppliers",
"sup_proof_stat3": "countries",
"sup_proof_q1": "Padelnomics sends us leads that are already serious about building. The project briefs are more detailed than what we get from trade shows.",
"sup_proof_cite1": "— European padel court manufacturer",
"sup_proof_q2": "Finally a platform that understands the padel construction market. We know the budget, the timeline, and the venue type before we even make first contact.",
"sup_proof_cite2": "— Padel court installation company, Scandinavia",
"sup_proof_point1_h3": "Complete Project Brief",
"sup_proof_point1_p": "Venue type, court count, glass/lighting specs, budget, timeline, financing status, and full contact details — before you make first contact.",
"sup_proof_point2_h3": "Financial Model Included",
"sup_proof_point2_p": "Every lead has already modeled CAPEX, revenue projections, and ROI. You're talking to someone who knows their numbers.",
"sup_faq_h2": "Supplier FAQ",
"sup_faq_q1": "How do I get listed?",
"sup_faq_a1_pre": "Find your company in our",
@@ -1055,7 +1055,14 @@
"sup_guarantee_badge": "No-risk guarantee",
"sup_leads_section_h2": "See What Your Prospects Look Like",
"sup_leads_section_sub": "Every lead has used our financial planner. Contact details are blurred until you unlock.",
"sup_roi_line": "A single 4-court project = <strong>€30,000+ in profit</strong>. Growth plan costs €2,388/year. The math is simple.",
"sup_roi_line": "Your average project is worth <strong>€50K+</strong>. If we send you 5 qualified leads/month and you close 1, that's €50K in revenue for €199/mo. The math is simple.",
"sup_familiar_title": "Is This Your Sales Team Right Now?",
"sup_familiar_1_quote": "We quoted 20 projects last quarter. Closed 3.",
"sup_familiar_1_pivot": "Stop wasting proposals on tire-kickers.",
"sup_familiar_2_quote": "Pipeline looks thin for Q3 — but we have capacity.",
"sup_familiar_2_pivot": "A predictable lead flow you can plan around.",
"sup_familiar_3_quote": "Another competitor just undercut us on price.",
"sup_familiar_3_pivot": "Win on proposal quality, not price.",
"sup_credits_only_pre": "Not ready for a subscription? Buy a credit pack and unlock leads one at a time. No commitment, no monthly fee.",
"sup_credits_only_cta": "Buy Credits →",
"sup_step1_free_forever": "Free forever",

View File

@@ -256,9 +256,26 @@
.sup-cta h2 { font-size: 1.75rem; margin-bottom: 0.75rem; color: white; }
.sup-cta p { color: #94A3B8; margin-bottom: 1.5rem; font-size: 1rem; }
/* Supplier struggling moments */
.sup-familiar-grid {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem;
max-width: 900px; margin: 0 auto;
}
.sup-familiar-card {
background: #FEF2F2; border: 1px solid #FECACA; border-radius: 14px;
padding: 1.5rem; text-align: center;
}
.sup-familiar-card blockquote {
font-size: 0.9375rem; color: #991B1B; font-style: italic;
line-height: 1.5; margin: 0 0 0.75rem; padding: 0;
}
.sup-familiar-card p {
font-size: 0.8125rem; color: #1D4ED8; font-weight: 600; margin: 0;
}
@media (max-width: 640px) {
.sup-stats { grid-template-columns: repeat(2, 1fr); }
.sup-steps, .sup-why, .sup-problem-grid, .sup-proof-grid { grid-template-columns: 1fr; }
.sup-steps, .sup-why, .sup-problem-grid, .sup-proof-grid, .sup-familiar-grid { grid-template-columns: 1fr; }
.pricing-grid { grid-template-columns: 1fr; }
.lead-preview-grid { grid-template-columns: 1fr; }
.sup-hero h1 { font-size: 1.75rem; }
@@ -277,24 +294,30 @@
<p class="sup-hero__proof">{{ t.sup_hero_trust_pre }} {{ total_countries }} {{ t.sup_hero_trust_post }}</p>
</div>
<!-- Live Stats -->
<!-- Live Stats (conditional — hide if numbers aren't meaningful) -->
<div class="sup-stats">
{% if calc_requests >= 10 %}
<div class="sup-stat-card">
<strong>{{ calc_requests }}+</strong>
<span>{{ t.sup_stat_plans }}</span>
</div>
{% endif %}
{% if avg_budget and avg_budget > 50000 %}
<div class="sup-stat-card">
<strong>{% if avg_budget %}&euro;{{ "{:,.0f}".format(avg_budget / 1000) }}K{% else %}&mdash;{% endif %}</strong>
<strong>&euro;{{ "{:,.0f}".format(avg_budget / 1000) }}K</strong>
<span>{{ t.sup_stat_avg }}</span>
</div>
{% endif %}
<div class="sup-stat-card">
<strong>{{ total_suppliers }}+</strong>
<span>{{ t.sup_stat_suppliers_pre }} {{ total_countries }} {{ t.sup_stat_suppliers_post }}</span>
</div>
{% if monthly_leads >= 3 %}
<div class="sup-stat-card">
<strong>{{ monthly_leads }}</strong>
<span>{{ t.sup_stat_leads }}</span>
</div>
{% endif %}
</div>
<!-- Problem section -->
@@ -323,6 +346,25 @@
</div>
</section>
<!-- "Is this your sales team?" — struggling moments -->
<section class="sup-section">
<h2 style="text-align:center;margin-bottom:1.5rem">{{ t.sup_familiar_title }}</h2>
<div class="sup-familiar-grid">
<div class="sup-familiar-card">
<blockquote>&ldquo;{{ t.sup_familiar_1_quote }}&rdquo;</blockquote>
<p>{{ t.sup_familiar_1_pivot }}</p>
</div>
<div class="sup-familiar-card">
<blockquote>&ldquo;{{ t.sup_familiar_2_quote }}&rdquo;</blockquote>
<p>{{ t.sup_familiar_2_pivot }}</p>
</div>
<div class="sup-familiar-card">
<blockquote>&ldquo;{{ t.sup_familiar_3_quote }}&rdquo;</blockquote>
<p>{{ t.sup_familiar_3_pivot }}</p>
</div>
</div>
</section>
<!-- Why Padelnomics — moved above lead preview -->
<section class="sup-section">
<h2>{{ t.sup_why_h2 }}</h2>
@@ -446,22 +488,27 @@
</div>
</section>
<!-- Social proof — moved before pricing -->
<!-- What you get with every lead -->
<section class="sup-section">
<h2>{{ t.sup_proof_h2 }}</h2>
<p class="sub">{{ calc_requests }}+ {{ t.sup_proof_stat1 }} &middot; {{ total_suppliers }}+ {{ t.sup_proof_stat2 }} &middot; {{ total_countries }} {{ t.sup_proof_stat3 }}</p>
<div class="sup-proof-grid">
<div class="sup-proof-card">
<blockquote>&ldquo;{{ t.sup_proof_q1 }}&rdquo;</blockquote>
<cite>{{ t.sup_proof_cite1 }}</cite>
<h3 style="font-size:1rem;margin-bottom:0.5rem">{{ t.sup_proof_point1_h3 }}</h3>
<p style="font-size:0.875rem;color:#475569;line-height:1.6;margin:0">{{ t.sup_proof_point1_p }}</p>
</div>
<div class="sup-proof-card">
<blockquote>&ldquo;{{ t.sup_proof_q2 }}&rdquo;</blockquote>
<cite>{{ t.sup_proof_cite2 }}</cite>
<h3 style="font-size:1rem;margin-bottom:0.5rem">{{ t.sup_proof_point2_h3 }}</h3>
<p style="font-size:0.875rem;color:#475569;line-height:1.6;margin:0">{{ t.sup_proof_point2_p }}</p>
</div>
</div>
</section>
<!-- ROI callout — bridge to pricing -->
<div class="sup-roi" style="margin-bottom:0">
<p>{{ t.sup_roi_line }}</p>
</div>
<!-- Pricing -->
<section id="pricing" class="sup-section">
<!-- Hidden radio inputs MUST come before the elements they control (CSS sibling selector) -->
@@ -547,11 +594,6 @@
</div>
</div>
<!-- Static ROI line -->
<div class="sup-roi">
<p>{{ t.sup_roi_line }}</p>
</div>
<!-- Credits-only callout -->
<div class="sup-credits-only">
<p>{{ t.sup_credits_only_pre }} <a href="{{ url_for('suppliers.signup') }}?plan=supplier_basic#credits">{{ t.sup_credits_only_cta }}</a></p>