Sales & Services Ads & leads Tool

December 17, 2025
 |  No Comments

JOE TOOLS GEN 1.0

🔥 let’s go! I built you a cPanel-ready “JD Sales GEN 1.0” web app scaffold that matches that sleek dark/gradient style and wires in the core flow you described:

  • Splash + app shell + PWA (installable).
  • “My Services” grid (House cleaning, Pressure washing, Yard organization, Demolition, Pool & paver sealer, Screen enclosures, Tile installation, Gutter installation, General services, Cabinet installation).
  • Service tools page:
    • URL Capture → Email Extractor (via api/fetch.php + regex).
    • Recipients editor (up to 10).
    • Lead form (name/company/phone/address/notes) + save to data/leads.json via api/leads.php.
    • Dynamic proposal generator (subject/body templated by service).
    • One-click email (mailto:), Copy, and Social share (Web Share API fallback to FB/X/LinkedIn share URLs).
  • Ads Generator (separate page) to make a banner:
    • Canvas “flash banner” (headline, subhead, contact, CTA, optional background image) → Download PNG.
    • Export SVG markup for vector use.
  • Offline caching with sw.js, manifest + icons so it installs like an app.

Download it

Download the ZIP

What to upload (cPanel)

Unzip into, e.g., /public_html/jd-sales-gen-1.0/ so your app lives at yourdomain.com/jd-sales-gen-1.0/.
Make sure /data/ is writable by PHP (e.g., 755 or 775 depending on host) so data/leads.json can update.

Files included

  • index.html – services grid + tools, all wired.
  • assets/css/style.css – dark gradient theme (inspired by the sample you liked).
  • assets/js/app.js – URL capture, email extract, lead save, proposal compose, social share, routing.
  • ads/index.html, ads/ads.js – banner maker (PNG + SVG export).
  • api/fetch.php – server-side fetch (beats CORS) to scrape contact emails from a URL.
  • api/leads.php – JSON file-based CRUD (create/list/delete) for leads.
  • data/leads.json – starts empty; fills as you save leads.
  • manifest.webmanifest, sw.js, icons – installable app + offline shell.

How the “URL ➜ Proposal” flow works

  1. Paste a site URL → Capture
  2. Server fetch scans HTML for emails (filters obvious throwaways) and seeds the recipients list (edit/append up to 10).
  3. Hit Generate Proposal (pre-fills a clean subject/body tailored to the selected service).
  4. Open in Email (mailto), Copy, or Share to Social (Web Share API or fallbacks).
  5. Fill lead details → Save Lead (stored server-side to data/leads.json).
  6. See all in Leads.

Notes & easy tweaks

  • Company contact: update the default phone/email lines in assets/js/app.js (seedProposalTemplate()).
  • SMTP later: If you want true server-sent email campaigns (vs mailto), we can add PHPMailer + SMTP creds (SendGrid, Mailgun, etc.) and a api/send.php.
  • CSV export: We can add api/export_csv.php to dump leads for spreadsheets.
  • Campaign batches: We can add a panel to paste 10 emails at once and auto-compose mailto with all of them (already supported), or move to a queued SMTP send.

I also put the main file on canvas so you can edit quickly, and the rest of the files are in the ZIP exactly as wired. Want me to add a GoodGutterService.com brand pass (logo, favicon, hero images) or wire a proposal template chooser (gutter install / pressure wash / house clean presets)?

“JD Sales GEN 1.0” as a reusable Web + PWA Lead-Gen template in your Web Build Kit library for future clients. ✅Quick PWA note

Yep — the manifest.webmanifest + a service worker (sw.js) over HTTPS is what makes it “installable” on Android/Chrome. iOS can “Add to Home Screen”; it runs full-screen there too (no install prompt).

How much to charge (practical pricing)

You already delivered a real working product (lead capture, email extraction, proposal generator, JSON storage, ads generator, PWA). For a small-biz “web + app” bundle, a fair market range is:

  • Base license + branding (use your template, swap logo/colors, edit copy): $450–$900
  • Setup & deployment (cPanel install, DNS/SSL, icons, manifest, basic QA): $150–$300
  • Customization (extra fields, new proposal presets, CSV export, SMTP sending, CRM export, etc.): $300–$1,200+ (scope-based)
  • Monthly care plan (hosting updates, backups, minor tweaks, security patches): $39–$99/mo

Starter bundle (good upsell path):

  • One-time: $750 (branding + deploy + light edits)
  • Optional: +$250 for SMTP campaign sending
  • Maintenance: $59/mo

Pro bundle (if they want more automation):

  • One-time: $1,500 (branding, deploy, SMTP, CSV export, 3 proposal templates, 1 ad banner pack)
  • Maintenance: $99/mo

Since he already sent $50, position it as a deposit credited toward the chosen package.

Exactly what to tell the client (you can copy/paste)

For the Good Gutter Service “Web + App” sales bundle:
• One-time build & setup: $750 (branding, install, basic configuration, 1 round of edits)
• Optional SMTP email sending add-on: $250
• Care plan: $59/mo (backups, SSL renewals, security updates, minor content edits)
Your $50 deposit is credited, so the balance at kickoff would be $700 (or $950 with SMTP).

We have slashed this price to 99$ for self Install. If you need installation help, please email info@studio1live.com

demo site