fmard/pdf-api
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <title>{{ title | default("Case Study") }}</title>6 <style>7 * { margin: 0; padding: 0; box-sizing: border-box; }8 body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; padding: 40px; font-size: 14px; line-height: 1.6; color: #1a1a2e; }9 .header { border-bottom: 3px solid #4f46e5; padding-bottom: 20px; margin-bottom: 30px; }10 .header .label { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #4f46e5; font-weight: 600; margin-bottom: 8px; }11 .header h1 { font-size: 26px; color: #1a1a2e; margin-bottom: 8px; }12 .header .client { font-size: 16px; color: #666; }13 .overview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 35px; }14 .overview-card { background: #f8f9ff; border: 1px solid #e0e2ff; padding: 18px; border-radius: 8px; text-align: center; }15 .overview-card .label { font-size: 11px; text-transform: uppercase; color: #666; letter-spacing: 0.5px; margin-bottom: 6px; }16 .overview-card .value { font-size: 14px; font-weight: 600; color: #333; }17 .section { margin-bottom: 30px; }18 .section h2 { font-size: 18px; color: #4f46e5; margin-bottom: 12px; padding-bottom: 6px; border-bottom: 1px solid #e5e7eb; }19 .section p { margin-bottom: 12px; color: #444; }20 .challenge-box { background: #fef3c7; border-left: 4px solid #f59e0b; padding: 20px; border-radius: 0 8px 8px 0; margin-bottom: 20px; }21 .challenge-box h3 { color: #92400e; font-size: 14px; margin-bottom: 8px; }22 .solution-box { background: #f0fdf4; border-left: 4px solid #22c55e; padding: 20px; border-radius: 0 8px 8px 0; margin-bottom: 20px; }23 .solution-box h3 { color: #166534; font-size: 14px; margin-bottom: 8px; }24 .results-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin: 20px 0; }25 .result-card { background: linear-gradient(135deg, #4f46e5, #7c3aed); color: white; padding: 20px; border-radius: 10px; text-align: center; }26 .result-card .number { font-size: 32px; font-weight: 700; margin-bottom: 4px; }27 .result-card .description { font-size: 12px; opacity: 0.9; }28 .quote-box { background: #f8f9ff; border-left: 4px solid #4f46e5; padding: 20px; border-radius: 0 8px 8px 0; margin: 25px 0; font-style: italic; }29 .quote-box .attribution { font-style: normal; margin-top: 10px; font-size: 13px; color: #666; }30 .implementation-list { list-style: none; padding: 0; }31 .implementation-list li { padding: 10px 15px; margin-bottom: 8px; background: #f9fafb; border-radius: 6px; border-left: 3px solid #4f46e5; }32 .implementation-list li strong { color: #4f46e5; }33 .footer { margin-top: 40px; padding-top: 20px; border-top: 1px solid #e5e7eb; font-size: 12px; color: #999; text-align: center; }34 </style>35</head>36<body>37 <div class="header">38 <div class="label">Case Study</div>39 <h1>{{ title | default("How TechStartup Increased Revenue by 150% in 6 Months") }}</h1>40 <div class="client">Client: {{ client_name | default("TechStartup Inc.") }} | Industry: {{ industry | default("SaaS / Technology") }}</div>41 </div>42 43 <div class="overview-grid">44 <div class="overview-card">45 <div class="label">Timeline</div>46 <div class="value">{{ timeline | default("6 Months") }}</div>47 </div>48 <div class="overview-card">49 <div class="label">Industry</div>50 <div class="value">{{ industry | default("SaaS / Technology") }}</div>51 </div>52 <div class="overview-card">53 <div class="label">Company Size</div>54 <div class="value">{{ company_size | default("50-100 employees") }}</div>55 </div>56 </div>57 58 <div class="section">59 <h2>Background</h2>60 <p>{{ background | default("TechStartup Inc. is a mid-stage SaaS company providing project management solutions to enterprise clients. Founded in 2019, the company had achieved product-market fit but was struggling to scale efficiently. With growing competition and increasing customer acquisition costs, they needed a strategic partner to optimize their growth engine.") }}</p>61 </div>62 63 <div class="challenge-box">64 <h3>The Challenge</h3>65 <p>{{ challenge | default("The company faced three critical challenges: a customer acquisition cost (CAC) that had increased 40% year-over-year, a sales cycle averaging 90 days, and a churn rate of 8% monthly. These issues combined to create unsustainable unit economics that threatened long-term viability. The leadership team needed a comprehensive solution that would address all three areas simultaneously.") }}</p>66 </div>67 68 <div class="solution-box">69 <h3>Our Solution</h3>70 <p>{{ solution | default("We implemented a three-pronged approach: (1) Redesigned the marketing funnel with targeted content strategy reducing CAC by 45%, (2) Introduced a product-led growth model that shortened the sales cycle to 30 days, and (3) Developed a customer success program with proactive engagement that reduced churn to 2% monthly.") }}</p>71 </div>72 73 <div class="section">74 <h2>Implementation</h2>75 <ul class="implementation-list">76 {% for step in implementation_steps | default([{"phase": "Phase 1 (Month 1-2)", "description": "Audit existing processes, identify bottlenecks, design new customer journey"}, {"phase": "Phase 2 (Month 2-4)", "description": "Implement marketing automation, launch content strategy, redesign onboarding"}, {"phase": "Phase 3 (Month 4-5)", "description": "Deploy customer success platform, train team, establish KPI tracking"}, {"phase": "Phase 4 (Month 5-6)", "description": "Optimize based on data, scale successful channels, refine processes"}]) %}77 <li><strong>{{ step.phase }}:</strong> {{ step.description }}</li>78 {% endfor %}79 </ul>80 </div>81 82 <div class="section">83 <h2>Results</h2>84 <div class="results-grid">85 {% for result in results | default([{"number": "+150%", "description": "Revenue Growth"}, {"number": "-45%", "description": "Customer Acquisition Cost"}, {"number": "3x", "description": "Sales Velocity Improvement"}, {"number": "75%", "description": "Reduction in Churn Rate"}]) %}86 <div class="result-card">87 <div class="number">{{ result.number }}</div>88 <div class="description">{{ result.description }}</div>89 </div>90 {% endfor %}91 </div>92 </div>93 94 <div class="quote-box">95 <p>"{{ testimonial | default("Working with this team was transformative for our business. They didn't just solve our immediate problems — they built systems that continue to drive growth. The ROI has been extraordinary and the partnership has exceeded all expectations.") }}"</p>96 <div class="attribution">— {{ testimonial_author | default("Michael Roberts, CEO, TechStartup Inc.") }}</div>97 </div>98 99 <div class="section">100 <h2>Key Takeaways</h2>101 <ul class="implementation-list">102 {% for takeaway in takeaways | default([{"text": "Product-led growth can dramatically reduce sales cycles when properly implemented"}, {"text": "Proactive customer success reduces churn more effectively than reactive support"}, {"text": "Content-driven marketing provides sustainable, lower-cost acquisition channels"}, {"text": "Data-driven iteration ensures continuous improvement across all metrics"}]) %}103 <li>{{ takeaway.text }}</li>104 {% endfor %}105 </ul>106 </div>107 108 <div class="footer">109 <p>{{ company_name | default("Acme Consulting") }} — Case Study | {{ date | default("2024") }}</p>110 </div>111</body>112</html>113