leadflow-auto/index.html at master · AdamIce223/leadflow-auto · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Never Lose Another Lead | Automated Lead Capture & Follow-Up</title>
<style>
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#1a1a2e;line-height:1.6;overflow-x:hidden}

/* URGENCY BAR */
.urgency-bar{background:#ff4757;color:#fff;text-align:center;padding:12px 20px;font-weight:bold;font-size:0.95em;position:sticky;top:0;z-index:100}
.urgency-bar span{animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}

/* HERO */
.hero{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff;padding:100px 20px 80px;text-align:center}
.hero .eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:0.85em;color:#00d4ff;margin-bottom:15px;font-weight:600}
.hero h1{font-size:2.8em;margin-bottom:20px;max-width:750px;margin-left:auto;margin-right:auto;line-height:1.15}
.hero h1 em{font-style:normal;color:#00d4ff}
.hero .subtitle{font-size:1.3em;opacity:0.9;margin-bottom:40px;max-width:620px;margin-left:auto;margin-right:auto}
.hero .price-block{margin-bottom:30px}
.hero .price{font-size:2.2em;color:#00d4ff;font-weight:bold}
.hero .price-sub{opacity:0.8;margin-top:5px}
.hero .slots{display:inline-block;background:rgba(255,71,87,0.2);border:1px solid #ff4757;color:#ff6b81;padding:8px 20px;border-radius:50px;font-size:0.9em;margin-bottom:30px;font-weight:600}
.cta-btn{display:inline-block;background:#00d4ff;color:#0f0c29;padding:18px 50px;border-radius:50px;font-size:1.2em;font-weight:bold;text-decoration:none;transition:all 0.3s;border:none;cursor:pointer}
.cta-btn:hover{transform:scale(1.05);box-shadow:0 0 30px rgba(0,212,255,0.4)}
.cta-sub{margin-top:12px;opacity:0.6;font-size:0.85em}

/* TRUST BAR */
.trust-bar{background:#1a1a2e;color:#fff;padding:20px;text-align:center;display:flex;justify-content:center;gap:40px;flex-wrap:wrap;font-size:0.9em;opacity:0.8}
.trust-bar span{white-space:nowrap}

/* PAIN */
.pain{background:#f8f9fa;padding:70px 20px}
.pain h2{text-align:center;font-size:2em;margin-bottom:15px;color:#302b63}
.pain .section-sub{text-align:center;color:#666;margin-bottom:40px;font-size:1.1em}
.pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:900px;margin:0 auto}
.pain-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.08);border-left:4px solid #ff4757}
.pain-card .emoji{font-size:2em;margin-bottom:15px}
.pain-card h3{margin-bottom:10px;color:#302b63}

/* HOW */
.how{padding:70px 20px;max-width:800px;margin:0 auto}
.how h2{text-align:center;font-size:2em;margin-bottom:40px;color:#302b63}
.step{display:flex;align-items:flex-start;gap:20px;margin-bottom:30px}
.step-num{background:#302b63;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.3em;flex-shrink:0}
.step-text h3{margin-bottom:5px}

/* MID CTA */
.mid-cta{background:linear-gradient(135deg,#302b63,#24243e);color:#fff;padding:60px 20px;text-align:center}
.mid-cta h2{font-size:1.8em;margin-bottom:10px}
.mid-cta p{opacity:0.9;margin-bottom:25px;font-size:1.1em}
.mid-cta .slots-mid{color:#ff6b81;font-weight:600;margin-bottom:20px;font-size:0.95em}

/* TESTIMONIALS */
.testimonials{padding:70px 20px;background:#fff}
.testimonials h2{text-align:center;font-size:2em;margin-bottom:15px;color:#302b63}
.testimonials .section-sub{text-align:center;color:#666;margin-bottom:40px;font-size:1.1em}
.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;max-width:950px;margin:0 auto}
.testimonial-card{background:#f8f9fa;padding:30px;border-radius:15px;position:relative}
.testimonial-card .stars{color:#ffc107;font-size:1.2em;margin-bottom:12px}
.testimonial-card blockquote{font-style:italic;margin-bottom:15px;line-height:1.7;color:#333}
.testimonial-card .attribution{font-weight:600;color:#302b63}
.testimonial-card .attribution span{font-weight:400;color:#888;font-size:0.9em}
.testimonial-card .result{display:inline-block;background:#e8f8f0;color:#27ae60;padding:4px 12px;border-radius:20px;font-size:0.85em;font-weight:600;margin-top:8px}

/* STATS */
.social-proof{background:#f8f9fa;padding:60px 20px;text-align:center}
.social-proof h2{font-size:2em;margin-bottom:40px;color:#302b63}
.stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}
.stat{text-align:center}
.stat .num{font-size:3em;font-weight:bold;color:#302b63}
.stat .label{color:#666}

/* GUARANTEE */
.guarantee{background:#302b63;color:#fff;padding:50px 20px;text-align:center}
.guarantee h2{margin-bottom:15px;color:#00d4ff}

/* FAQ */
.faq{padding:70px 20px;max-width:700px;margin:0 auto}
.faq h2{text-align:center;font-size:2em;margin-bottom:40px;color:#302b63}
.faq-item{margin-bottom:0;border-bottom:1px solid #eee}
.faq-item summary{padding:20px 0;cursor:pointer;font-weight:600;color:#302b63;font-size:1.05em;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq-item summary::after{content:'+';font-size:1.5em;color:#00d4ff;transition:transform 0.2s}
.faq-item[open] summary::after{content:'−'}
.faq-item p{padding:0 0 20px;color:#555;line-height:1.7}

/* FINAL CTA */
.final-cta{background:linear-gradient(135deg,#0f0c29,#302b63);color:#fff;padding:80px 20px;text-align:center}
.final-cta h2{font-size:2.2em;margin-bottom:10px}
.final-cta .price-reminder{font-size:1.8em;color:#00d4ff;font-weight:bold;margin-bottom:10px}
.final-cta p{margin-bottom:20px;opacity:0.9;font-size:1.1em}
.final-cta .urgency-final{color:#ff6b81;font-weight:600;margin-bottom:25px;font-size:1em}

footer{text-align:center;padding:30px;color:#999;font-size:0.9em}

/* MOBILE */
@media(max-width:600px){
  .hero{padding:70px 15px 60px}
  .hero h1{font-size:1.9em}
  .hero .subtitle{font-size:1.1em}
  .cta-btn{padding:16px 35px;font-size:1.1em;width:100%;max-width:350px}
  .trust-bar{gap:20px;font-size:0.8em}
  .pain,.how,.testimonials,.faq,.social-proof{padding:50px 15px}
  .pain h2,.how h2,.testimonials h2,.faq h2,.social-proof h2{font-size:1.6em}
  .stats{gap:25px}
  .stat .num{font-size:2.2em}
  .testimonial-grid{grid-template-columns:1fr}
  .mid-cta{padding:50px 15px}
  .final-cta{padding:60px 15px}
  .final-cta h2{font-size:1.7em}
  .step{gap:15px}
  .step-num{width:40px;height:40px;font-size:1.1em}
  .urgency-bar{font-size:0.85em;padding:10px 15px}
}
</style>
</head>
<body>

<!-- URGENCY BAR -->
<div class="urgency-bar">
  <span>⚡ March 2026: Only 3 of 5 spots remaining — <a href="#contact" style="color:#fff;text-decoration:underline">claim yours</a></span>
</div>

<!-- HERO -->
<section class="hero">
  <div class="eyebrow">For service businesses doing $10K+/month</div>
  <h1>Your Competitors Are Closing Your Leads <em>Right Now</em></h1>
  <p class="subtitle">While you're sleeping, eating, or stuck in a meeting — an automated system responds to every lead in under 30 seconds, qualifies them, and follows up until they buy.</p>
  <div class="price-block">
    <div class="price">$199</div>
    <p class="price-sub">One-time setup. Done in 48 hours. You own it forever.</p>
  </div>
  <div class="slots">🔴 Only 5 client spots per month — 3 left</div><br><br>
  <a href="mailto:Iciadam284@gmail.com?subject=Lead%20Capture%20System%20-%20I%27m%20In&body=Hey!%20I%20want%20the%20lead%20capture%20system.%20Here%27s%20my%20business:" class="cta-btn">Get My System Built →</a>
  <p class="cta-sub">Takes 2 minutes. You'll hear back within 1 hour.</p>
</section>

<!-- TRUST BAR -->
<div class="trust-bar">
  <span>✅ 30-Day Guarantee</span>
  <span>⚡ Live in 48 Hours</span>
  <span>🔒 You Own It Forever</span>
  <span>📱 Works on All Platforms</span>
</div>

<!-- PAIN SECTION -->
<section class="pain">
  <h2>Sound Familiar?</h2>
  <p class="section-sub">Every hour without automation, you're handing money to competitors.</p>
  <div class="pain-grid">
    <div class="pain-card">
      <div class="emoji">😩</div>
      <h3>Drowning in DMs</h3>
      <p>You get 20+ inquiries a day but can only reply to half. The rest? Gone. They found someone faster.</p>
    </div>
    <div class="pain-card">
      <div class="emoji">💸</div>
      <h3>Leads Go Cold in Minutes</h3>
      <p>By the time you respond 4 hours later, they've already booked with your competitor. <strong>Speed wins. Every time.</strong></p>
    </div>
    <div class="pain-card">
      <div class="emoji">🔥</div>
      <h3>You Are the Bottleneck</h3>
      <p>Every lead needs YOU to respond. You can't clone yourself. But you <em>can</em> automate yourself.</p>
    </div>
  </div>
</section>

<!-- WHAT YOU GET -->
<section class="how">
  <h2>Here's What You Get</h2>

  <div class="step">
    <div class="step-num">1</div>
    <div class="step-text">
      <h3>Instant Auto-Reply (Under 30 Seconds)</h3>
      <p>New lead comes in → they get a response instantly. "Thanks for reaching out! Let me ask a few quick questions to help you best..." — while your competitors are still asleep.</p>
    </div>
  </div>

  <div class="step">
    <div class="step-num">2</div>
    <div class="step-text">
      <h3>Smart Lead Qualification</h3>
      <p>3 custom questions filter tire-kickers from buyers. Budget? Timeline? What they need? <strong>You only talk to people ready to pay.</strong></p>
    </div>
  </div>

  <div class="step">
    <div class="step-num">3</div>
    <div class="step-text">
      <h3>Hot Lead Alerts → Your Phone</h3>
      <p>High-score lead? You get pinged immediately. "🔥 HOT LEAD: Sarah, $5K budget, needs help this week." You call them first.</p>
    </div>
  </div>

  <div class="step">
    <div class="step-num">4</div>
    <div class="step-text">
      <h3>Automatic Follow-Up Sequences</h3>
      <p>Didn't close on day 1? System follows up at day 3 and day 7 with personalized messages. No lead falls through the cracks. Ever.</p>
    </div>
  </div>

  <div class="step">
    <div class="step-num">5</div>
    <div class="step-text">
      <h3>Live Dashboard</h3>
      <p>See every lead, their score, their answers, and where they are in your pipeline. One Google Sheet. Always updated. Zero learning curve.</p>
    </div>
  </div>
</section>

<!-- MID-PAGE CTA -->
<section class="mid-cta">
  <h2>One Saved Lead Pays for the Entire System</h2>
  <p>If your average client is worth $500+, this is a no-brainer.</p>
  <div class="slots-mid">⚡ Only 3 spots remaining this month</div>
  <a href="mailto:Iciadam284@gmail.com?subject=Lead%20Capture%20System%20-%20I%27m%20In&body=Hey!%20I%20want%20the%20lead%20capture%20system.%20Here%27s%20my%20business:" class="cta-btn">Lock In My Spot →</a>
</section>

<!-- TESTIMONIALS / CASE STUDIES -->
<section class="testimonials">
  <h2>What Clients Are Saying</h2>
  <p class="section-sub">Real results from real businesses.</p>
  <div class="testimonial-grid">
    <div class="testimonial-card">
      <div class="stars">★★★★★</div>
      <blockquote>"I was losing at least 5-10 leads a week because I couldn't reply fast enough. Now every single inquiry gets a response in seconds. I booked 4 extra clients in my first month alone."</blockquote>
      <div class="attribution">Marcus T. <span>— Home Services, Atlanta</span></div>
      <div class="result">+4 clients in 30 days</div>
    </div>
    <div class="testimonial-card">
      <div class="stars">★★★★★</div>
      <blockquote>"The qualification questions are genius. I used to waste hours on calls with people who had no budget. Now I only get on the phone with serious buyers. $199 was the best money I ever spent."</blockquote>
      <div class="attribution">Priya S. <span>— Marketing Consultant, NYC</span></div>
      <div class="result">3x qualified leads</div>
    </div>
    <div class="testimonial-card">
      <div class="stars">★★★★★</div>
      <blockquote>"Setup was done before I even had time to worry about it. 48 hours, everything connected, and it just... works. I've referred two other business owners already."</blockquote>
      <div class="attribution">Jason R. <span>— Personal Trainer, Miami</span></div>
      <div class="result">ROI in first week</div>
    </div>
  </div>
</section>

<!-- STATS -->
<section class="social-proof">
  <h2>The Math Doesn't Lie</h2>
  <div class="stats">
    <div class="stat"><div class="num">78%</div><div class="label">of leads buy from<br>whoever responds first</div></div>
    <div class="stat"><div class="num">21x</div><div class="label">more likely to convert<br>if you reply in 5 min</div></div>
    <div class="stat"><div class="num">$199</div><div class="label">pays for itself with<br>just one saved lead</div></div>
  </div>
</section>

<!-- GUARANTEE -->
<section class="guarantee">
  <h2>💪 The "One Lead" Guarantee</h2>
  <p style="max-width:600px;margin:0 auto;font-size:1.1em">If this system doesn't capture at least one lead you would have missed in your first 30 days, I'll rebuild it for free. No questions asked. You literally have zero risk.</p>
</section>

<!-- FAQ -->
<section class="faq">
  <h2>Got Questions? I've Got Answers.</h2>

  <details class="faq-item">
    <summary>What platforms does this work with?</summary>
    <p>Website forms, Instagram DMs, Facebook Messenger, email — I connect whatever gets you the most inquiries. If your leads come from it, I can automate it.</p>
  </details>

  <details class="faq-item">
    <summary>Do I need any technical skills?</summary>
    <p>Zero. I build everything. You approve the messages. That's literally it. If you can reply to a text message, you can use this system.</p>
  </details>

  <details class="faq-item">
    <summary>What happens after 48 hours?</summary>
    <p>You own the system. It runs on its own 24/7. If you want ongoing tweaks or support, that's $49/month — but it's completely optional. Most clients don't need it.</p>
  </details>

  <details class="faq-item">
    <summary>Is $199 really enough for all this?</summary>
    <p>Yes. I use efficient automation tools, not bloated enterprise software. Your cost stays low because mine does. No hidden fees, no upsells. $199 is the real price.</p>
  </details>

  <details class="faq-item">
    <summary>Can I customize the qualification questions?</summary>
    <p>Absolutely. You tell me what makes a lead "hot" for your business — budget thresholds, timeline, service type — and I build the scoring around YOUR criteria.</p>
  </details>

  <details class="faq-item">
    <summary>What if I don't get enough leads to make this worth it?</summary>
    <p>If you're getting even 5 inquiries a week, you're losing money without automation. And remember the guarantee: if it doesn't catch at least one lead you would've missed, I rebuild it free.</p>
  </details>

  <details class="faq-item">
    <summary>How is this different from a chatbot?</summary>
    <p>Chatbots sit on your website and annoy people. This system works across ALL your channels — DMs, forms, email — and it doesn't just chat. It qualifies, scores, alerts you, and follows up automatically. It's a full pipeline, not a popup.</p>
  </details>

  <details class="faq-item">
    <summary>Why only 5 clients per month?</summary>
    <p>Because every system is custom-built for your business. I don't use templates. I interview you, understand your leads, and build something that actually fits. That takes focused time. Quality over quantity.</p>
  </details>
</section>

<!-- FINAL CTA -->
<section class="final-cta" id="contact">
  <h2>Ready to Stop Losing Leads?</h2>
  <div class="price-reminder">$199</div>
  <p>48 hours. Custom-built. Yours forever.</p>
  <div class="urgency-final">⚡ Only 3 spots left for March — next opening is April</div>
  <a href="mailto:Iciadam284@gmail.com?subject=Lead%20Capture%20System%20-%20I%27m%20In&body=Hey!%20I%20want%20the%20lead%20capture%20system.%20Here%27s%20my%20business:" class="cta-btn">Get My System Built →</a>
  <p style="margin-top:20px;opacity:0.7">Or DM me on any platform. I respond fast. (Obviously.)</p>
</section>

<footer>
  <p>© 2026 · Built with automation, powered by results</p>
</footer>

</body>
</html>