# Website Cloning Stack 2026
## Genesis Tradie Business Funnel — Comprehensive Research Report

**Classification:** Genesis Strategic | Tradie Funnel | Revenue Infrastructure
**Author:** Genesis Research (Claude Sonnet 4.6)
**Date:** 2026-02-19
**Status:** COMPLETE — PRODUCTION RECOMMENDATION READY
**Purpose:** Identify the optimal stack to clone any tradie/small business website, optimize it, add AI chatbot, for the $397 foot-in-door offer

---

## Executive Summary

Genesis's $397 website clone offer requires a workflow that is:
1. Fast (sub-2 hours per client site, ideally sub-30 minutes)
2. Cheap (under $10 per site in tooling costs)
3. Fully scriptable/automatable by Genesis AI agents
4. Capable of cloning ANY tradie website regardless of tech stack
5. Able to handle JS-heavy sites and capture images/fonts/CSS
6. Deployable with a professional result clients will pay for

**Bottom Line Recommendation: A 3-layer hybrid workflow.**

| Layer | Tool | Role | Cost |
|-------|------|------|------|
| 1. EXTRACTION | Jina Reader + Crawl4AI | Capture all content, text, structure | $0 (free) |
| 2. RECONSTRUCTION | Open Lovable (Firecrawl stack) + Gemini 2.5 Flash | Rebuild as modern React/HTML | $0.05-0.15 per site |
| 3. HOSTING | Netlify (free) or GHL Sites | Deploy with custom domain | $0/site (Netlify free) |

**Total tooling cost per site: ~$0.05-0.25**
**Estimated agent time: 15-25 minutes fully automated**
**Estimated human review time: 10-20 minutes (add chatbot + customize)**
**Net cost per $397 client: under $1 in AI + hosting**

---

## Context: The Genesis Tradie Offer

Genesis sells AI services to Australian tradies (plumbers, electricians, HVAC, builders, concretors). The entry-level offer is:

- **Clone their website** (recreate it with improvements)
- **Optimize it** (PageSpeed, mobile, SEO)
- **Add AI text chatbot** (capture leads 24/7)
- **Price: $397 one-time + optional $197-$597/mo talking voice widget upsell**

Target clients: High-volume tradie SMBs, $1M+ annual turnover, 5-20 employees, Brisbane/Sydney/Melbourne/Perth/Adelaide focus. They have basic existing websites (often WordPress, GHL, or simple HTML), poor mobile performance, and are easy wins for AI-enhanced replacements.

Genesis already has the tradie lead lists scraped (localsearch.com.au data, Brisbane/QLD focus), with business names, phone numbers, and websites catalogued.

---

## Part 1: Tool Landscape — Full Evaluation

### Category A: Pure AI Website Cloners (URL → New Site)

#### 1. Same.new
**URL:** same.new
**What it does:** Pastes a URL → AI takes screenshot, analyzes DOM via headless browser, recreates as React/Tailwind code deployed to Netlify.
**Accuracy:** 90-95% visual accuracy (industry-leading)
**Speed:** 2-5 minutes per site
**Cost:** Free tier available; credits for volume
**Scriptable?** Partially — has an API but primary interface is web UI
**JS-heavy sites:** Yes — uses Puppeteer/Playwright under the hood
**Images/fonts/CSS:** Captures layout and style; images replaced with placeholders
**Genesis Assessment:**
- Fast and high quality for visual cloning
- OUTPUT is React/Tailwind (modern, clean code)
- Security concern: Netcraft flagged Same.new as enabling phishing at scale — this is a known issue and the tool has faced scrutiny
- NOT recommended as primary tool due to: (a) phishing association that may affect reputation, (b) limited scriptability for Genesis agent workflows
- **Use case:** One-off manual demos or when showing clients what their site could look like

#### 2. Capacity.so
**URL:** capacity.so/clone-website-ai
**What it does:** Paste URL → AI analyzes HTML structure + vision → recreates as React/Tailwind/TypeScript. Mobile/tablet/desktop responsive out of the box.
**Accuracy:** 90-95% visual accuracy (color matching, typography, layout consistency)
**Speed:** Seconds to a few minutes
**Cost:** Credit-based (start free, pay as you scale). No published per-site rate.
**Scriptable?** Unclear — no documented public API for batch automation
**JS-heavy sites:** Handles JS rendering
**Genesis Assessment:**
- High quality output
- Credit-based = unpredictable costs at Genesis scale (200+ agent operations)
- No clear programmatic API for Genesis agent automation
- **Use case:** Evaluate for manual demos; not suitable for automated swarm operations

#### 3. websitecloner.io
**URL:** websitecloner.io
**What it does:** Converts entire webpages into HTML with Tailwind CSS. Designed as context for AI or for migrating sites.
**Accuracy:** Good for static sites; variable for JS-heavy
**Speed:** Fast
**Cost:** Free for basic use
**Scriptable?** Limited
**Genesis Assessment:** Too limited for full-site cloning workflows. Content extraction only.

#### 4. KwikUI
**URL:** kwikui.com/clone
**What it does:** AI understands website structure and recreates it
**Speed:** "Seconds"
**Scriptable?** No documented API
**Genesis Assessment:** Lightweight, no automation path. Skip.

### Category B: AI Builder Tools (Reconstruct from Prompt/URL)

#### 5. Open Lovable (Firecrawl's open-source stack)
**GitHub:** github.com/firecrawl/open-lovable (12,500+ stars, 2,000+ forks)
**URL:** openlovable.com
**What it does:** Combines Firecrawl scraping + AI code generation to reconstruct ANY website as a modern React app with TypeScript + Tailwind CSS. Uses E2B Sandbox for safe code execution.
**Workflow:**
1. Firecrawl scrapes target URL (handles JS, SPAs, complex sites)
2. AI model (configurable: Claude, Gemini, GPT-4) analyzes scraped data
3. Generates React components with TypeScript + Tailwind
4. E2B Sandbox runs and tests the code
5. Downloads complete React application

**Accuracy:** High for layout/structure; content accuracy depends on source extraction quality
**Speed:** 1-3 minutes
**Cost:** Firecrawl API ($0.01-0.05/site depending on pages) + LLM (~$0.01-0.05) = ~$0.05-0.15 per site
**Scriptable?** YES — fully open-source Python/TypeScript. Genesis agents can call Firecrawl API + LLM directly.
**JS-heavy sites:** Yes — Firecrawl handles JS rendering via headless browser
**Images/fonts/CSS:** Layout and color scheme captured; images require separate extraction
**Self-hostable?** Yes — Apache 2.0 license (commercial-friendly)
**Genesis Assessment:**
- **PRIMARY RECOMMENDATION for reconstruction**
- Fully scriptable by Genesis agents (Python/TypeScript APIs)
- Modern output (React/Tailwind) is production-quality
- Firecrawl + Gemini Flash is the cheapest viable combination
- Can be integrated directly into Genesis swarm operations
- Open Lovable tutorial: https://www.firecrawl.dev/blog/open-lovable-tutorial

#### 6. Lovable.dev (Commercial Version)
**What it does:** AI app builder — specializes in cloning existing websites from URLs as modern React apps. Reached $20M ARR in 2 months (fastest European startup revenue ramp).
**Cost:** Usage-based credits (not cheap at scale)
**Scriptable?** Limited — primarily a web UI product
**Genesis Assessment:** Commercial; good for manual one-offs; not suitable for Genesis agent automation at scale. The open-source Open Lovable (above) gives the same capability for free.

#### 7. v0.dev (Vercel)
**What it does:** Generates React/Next.js components from prompts or screenshots. Developer-friendly.
**Cost:** Free tier, credits for volume
**Scriptable?** Has API (beta)
**Genesis Assessment:** Good for building components from scratch or screenshots. Less suited for full-site cloning from URL. Use as a component generator in the rebuild workflow.

#### 8. Bolt.new (StackBlitz)
**What it does:** Full-stack AI app builder. Chat to build, clone from URL (limited).
**Scriptable?** Limited
**Genesis Assessment:** Good developer tool but not optimized for agency-scale website cloning. Skip for this use case.

### Category C: Traditional Cloning Tools

#### 9. HTTrack
**What it does:** Full offline website mirror — downloads ALL HTML, CSS, JS, images, fonts. Industry standard since 1990s.
**Accuracy:** Pixel-perfect for static sites — literally copies the original
**Speed:** 5-30 minutes depending on site size
**Cost:** Free (open source)
**Scriptable?** Yes — command-line tool, fully scriptable: `httrack "http://example.com" -O /path/to/output`
**JS-heavy sites:** PARTIAL — renders static HTML but does NOT execute JavaScript. Single-page React apps (SPA) will appear blank or broken.
**Images/fonts/CSS:** ALL captured (this is HTTrack's main strength)
**Genesis Assessment:**
- **Best for: static/WordPress tradies** (many tradie sites are basic WordPress)
- Limitations: Breaks on React/Vue/Angular SPAs
- Output requires URL rewriting to work offline (httrack handles this)
- No AI — you get the ORIGINAL site, not a rebuilt one
- **Recommend using as FALLBACK or for content extraction** when the original is basically what you want

#### 10. wget --mirror
**Command:** `wget --mirror --convert-links --adjust-extension --page-requisites -P /path/to/output http://example.com`
**What it does:** Similar to HTTrack but command-line only. Downloads all linked resources.
**Accuracy:** Good for static HTML sites
**Cost:** Free
**Scriptable?** Yes — bash/Python
**JS-heavy sites:** No — same limitation as HTTrack
**Genesis Assessment:** More scriptable than HTTrack; same JS limitation. Use in Genesis pipeline for simple sites.

### Category D: Content Extraction + AI Reconstruction (Hybrid)

#### 11. Jina Reader API (r.jina.ai)
**What it does:** Prepend `https://r.jina.ai/` to ANY URL → returns clean Markdown + content ready for LLM processing. Handles JS rendering.
**Speed:** 5-10 seconds per page
**Cost:** 10 million free tokens per new API key. Then ~$0.02/million tokens. Effectively **$0 for most use cases**.
**Scriptable?** Yes — single API call: `GET https://r.jina.ai/{target_url}` with API key header
**JS-heavy sites:** Yes — uses headless browser internally
**Images/fonts/CSS:** Extracts text content + structure. NOT a visual clone — content only.
**Rate limit:** 5K requests/day free tier
**Genesis Assessment:**
- **RECOMMENDED: Step 1 content extraction**
- Cheapest and fastest way to extract site content for LLM processing
- Already referenced in Genesis's Hero Demo Webcrawl Architecture (HERO_DEMO_WEBCRAWL_ARCHITECTURE.md)
- Perfect for extracting business info: name, services, hours, prices, contact details
- NOT a site cloner — use for content, then feed to AI rebuilder

#### 12. Firecrawl
**What it does:** Professional web scraping API. 1 URL → clean Markdown/JSON. Handles JS, authentication, multi-page crawls.
**Speed:** 10-15 seconds per page
**Cost:**
- Free: 500 credits (500 pages)
- Hobby: $16/mo = 3,000 credits
- Standard: $83/mo = 100,000 credits
- AI Extract: $89/mo (18M tokens/year)
**Cost per tradie site (5 pages):** ~$0.08 on Hobby plan (5 credits × $0.016/credit)
**Scriptable?** YES — full REST API + Python/JS SDKs
**JS-heavy sites:** Yes — headless browser fleet
**Images/fonts/CSS:** Extracts content structure + text. Not a visual clone.
**Genesis Assessment:**
- **RECOMMENDED: Step 1 content extraction for complex JS sites**
- More reliable than Jina Reader for complex/authenticated sites
- Slightly more expensive than Jina but better quality for tricky sites
- Already has MCP integration potential
- Open Lovable uses Firecrawl as its extraction layer

#### 13. Crawl4AI
**GitHub:** github.com/unclecode/crawl4ai (58,000+ stars, Apache 2.0)
**What it does:** Open-source LLM-friendly web crawler. Converts websites to clean Markdown. Parallel crawling, chunking, CSS/XPath extraction, LLM-driven extraction.
**Speed:** Very fast — parallel crawling
**Cost:** $0 — fully self-hosted
**Scriptable?** YES — Python SDK, MCP server available
**JS-heavy sites:** Yes — Playwright-based
**Genesis Assessment:**
- **RECOMMENDED: Self-hosted extraction** — Zero API cost
- Already evaluated in Genesis Browser Supremacy Architecture (BROWSER_SUPREMACY_ARCHITECTURE.md) as a PRIMARY tool
- Perfect for Genesis swarm (all agents can crawl simultaneously at $0)
- Use instead of Jina/Firecrawl when cost matters most (200+ agent operations)

### Category E: AI Website Builders (Generate Fresh vs Clone)

#### 14. 10Web.io
**Full research available in:** `/mnt/e/genesis-system/Research reports/10WEB_WEBSITE_CLONER_RESEARCH.md`
**What it does:** AI-powered WordPress website builder + hosting. Clone feature: enter URL → AI recreates as WordPress/Elementor layout.
**Clone accuracy:** Design-level (layout, colors, structure) — NOT content
**Speed:** ~5 minutes per page, ~25-60 minutes for full 5-page site
**Cost:** Agency Premium: $60/mo for 10 sites ($6/site/mo). Custom white-label pricing for 30+ sites.
**Scriptable?** Limited — primarily a web UI tool. No public batch API.
**JS-heavy sites:** Partial — captures basic layouts, fails on complex JS animations
**Hosting included?** YES — Google Cloud, Cloudflare CDN, 99.9% uptime
**PageSpeed:** 90+ on mobile (vs GHL's 35-62) — KEY advantage
**Key limitation:** Page-by-page entry only, no sitemap crawl, AI content needs editing, no full automation path
**Genesis Assessment:**
- **BEST for: Agency-scale WordPress hosting infrastructure** (if running 10+ client sites)
- Use 10Web's AI Generator (not clone) per trade vertical — plumber, electrician, builder
- Build "golden templates" per vertical once, deploy to all clients
- The PageSpeed advantage (90+ vs 35-62 on GHL) is critical for tradie SEO
- **NOT suitable for fully automated Genesis agent workflow** — requires human web UI interaction
- **ROI math:** Buy at $6/site, sell hosting at $49-97/mo = 85-94% margins

---

## Part 2: The Playwright Screenshot → AI Reconstruct Approach

**This is the Genesis-native approach using existing infrastructure.**

**Workflow:**
1. Playwright takes full-page screenshots of each page
2. Gemini 2.5 Flash (Vision) analyzes screenshots + DOM
3. Claude/Gemini generates clean HTML/CSS/React reproduction
4. Deploy to Netlify

**Why this approach is powerful:**
- Uses Genesis's EXISTING Playwright MCP installation
- Gemini 2.5 Flash has vision capabilities (see screenshots directly)
- Can handle ANY site regardless of tech stack — even canvas-based or heavy animation sites
- Cost: $0 for Playwright + ~$0.05-0.15 for Gemini vision per full site
- Fully scriptable within Genesis agent workflows

**Implementation with Genesis stack:**
```python
# Genesis agent workflow - Screenshot → Reconstruct
from playwright.async_api import async_playwright
import google.generativeai as genai

async def clone_tradie_site(url: str) -> str:
    # Step 1: Screenshot every page
    async with async_playwright() as p:
        browser = await p.chromium.launch()
        page = await browser.new_page(viewport={"width": 1440, "height": 900})
        await page.goto(url)
        screenshots = []

        # Full page screenshot
        screenshot = await page.screenshot(full_page=True)
        screenshots.append(screenshot)

        # Extract navigation links, visit each page
        nav_links = await page.eval_on_selector_all('nav a',
            'elements => elements.map(e => e.href)')

        for link in nav_links[:6]:  # Limit to 6 pages
            await page.goto(link)
            screenshots.append(await page.screenshot(full_page=True))

        await browser.close()

    # Step 2: Extract content with Jina Reader
    import httpx
    content = await httpx.AsyncClient().get(f"https://r.jina.ai/{url}")
    markdown_content = content.json()["data"]

    # Step 3: Send screenshots + content to Gemini Flash for reconstruction
    model = genai.GenerativeModel('gemini-2.5-flash')
    prompt = f"""
    Reconstruct this business website as clean, modern HTML/Tailwind CSS.

    ORIGINAL CONTENT (extracted):
    {markdown_content[:5000]}

    SCREENSHOTS: [attached]

    Requirements:
    - Mobile-first responsive design
    - Keep the SAME structure and content as the original
    - Improve: clean typography, fast loading, SEO-optimized
    - ADD: "Chat with us" floating button (AI chatbot placeholder)
    - OUTPUT: Single HTML file with embedded CSS
    - DO NOT include any external dependencies except Tailwind CDN
    """

    response = model.generate_content([prompt] + screenshots[:3])  # Use first 3 screenshots
    return response.text

# Deploy to Netlify
async def deploy_to_netlify(html_content: str, site_name: str) -> str:
    # Use Netlify API to deploy
    import httpx
    response = await httpx.AsyncClient().post(
        "https://api.netlify.com/api/v1/sites",
        headers={"Authorization": f"Bearer {NETLIFY_TOKEN}"},
        json={"name": site_name}
    )
    site_id = response.json()["id"]

    # Deploy files
    deploy = await httpx.AsyncClient().post(
        f"https://api.netlify.com/api/v1/sites/{site_id}/deploys",
        headers={"Authorization": f"Bearer {NETLIFY_TOKEN}"},
        files={"index.html": html_content.encode()}
    )
    return deploy.json()["ssl_url"]
```

**Cost estimate:** ~$0.03 per site (Gemini Flash vision, ~3 images × ~$0.01 each)

---

## Part 3: Open Lovable Workflow (Recommended Primary Path)

Open Lovable (github.com/firecrawl/open-lovable) is the most complete solution for Genesis's use case. Here is the full workflow:

```
Target URL (tradie's website)
    ↓
Firecrawl API (extract HTML, CSS, content — handles JS, SPAs)
    ↓
Gemini 2.5 Flash (analyze structure, understand layout, services, content)
    ↓
Code Generation (React + TypeScript + Tailwind CSS)
    ↓
E2B Sandbox (test the generated code safely)
    ↓
Add AI Chatbot Widget (Genesis talking widget embed code)
    ↓
Deploy to Netlify (free tier, custom subdomain, then point tradie's domain)
    ↓
Hand off to tradie with invoice
```

**The Genesis-optimized version:**

Since Genesis has Gemini 2.5 Flash free credits ($100/mo Google Cloud), the cost per site is:
- Firecrawl extraction: ~$0.08 (5 pages × $0.016)
- Gemini Flash generation: ~$0.02-0.05
- Netlify hosting: $0 (free tier, 300GB bandwidth/mo)
- **Total: ~$0.10-0.13 per site**

For 100 sites/month: ~$10-13 total tooling cost against $39,700 revenue = 99.97% gross margin on tooling.

---

## Part 4: Comparison Matrix

| Tool | Clone Quality | Speed | Automation | JS Sites | Cost/Site | Deploy | Best For |
|------|--------------|-------|------------|----------|-----------|--------|----------|
| **Open Lovable** | High (semantic) | 1-3 min | Full API | Yes | $0.10-0.15 | Netlify | PRIMARY — full workflow |
| **Jina Reader + Gemini** | Semantic | 30s | Full API | Yes | $0.03 | Netlify | Fast content-first rebuild |
| **Playwright + Gemini Vision** | Visual | 2-5 min | Full code | ALL | $0.03 | Any | Pixel-perfect tough sites |
| **Crawl4AI + Gemini** | Semantic | 1 min | Full code | Yes | $0.00 | Any | Zero-cost swarm extraction |
| **10Web** | Design | 5-30 min | UI only | Partial | $6-10/mo | Included | Agency WordPress hosting |
| **HTTrack** | Pixel-perfect | 5-30 min | CLI | NO | Free | Manual | Static/WordPress originals |
| **Same.new** | 90-95% visual | 2-5 min | Partial API | Yes | Credits | Netlify | Manual demos only |
| **Capacity.so** | 90-95% visual | Seconds | No API | Yes | Credits | Unknown | Manual exploration |
| **wget --mirror** | Pixel-perfect | 5-30 min | CLI | NO | Free | Manual | Simple HTML originals |
| **Bolt.new** | Custom build | 5-15 min | Limited | N/A | Credits | StackBlitz | New builds, not clones |

---

## Part 5: AI Chatbot Widget Options

After cloning the site, Genesis adds the AI chatbot. Options ranked:

| Option | Quality | Cost | Integration | Recommendation |
|--------|---------|------|-------------|----------------|
| **Telnyx Talking Widget** (Genesis native) | Voice + Text | ~$20/mo | Embed JS snippet | PRIMARY — upsell to $197-597/mo |
| Simple JS chatbot (custom built) | Text only | ~$5-10/mo | Embed snippet | For $397 package (no upsell needed yet) |
| Tidio | Text | Free-$29/mo | Embed script | Quick proof-of-concept |
| Intercom | Text | $39+/mo | Overkill | Skip |
| Custom FastAPI + WebSocket | Text | ~$5/mo | Full control | Build once, deploy everywhere |

**Genesis recommended approach:**
- **$397 package:** Simple AI text chatbot (Genesis-built, powered by Gemini Flash, ~$5/mo infra)
- **Upsell to $197/mo Talking Widget:** Telnyx voice AI with Gemini/Claude brain
- The text chatbot is the foot-in-door; the voice widget is the recurring revenue product

---

## Part 6: Deployment Options

| Platform | Cost | Domain Support | HTTPS | CDN | Best For |
|----------|------|---------------|-------|-----|----------|
| **Netlify** (Free tier) | $0 | Custom domain + SSL free | Auto | Yes (global) | PRIMARY — static sites |
| **Netlify** (Pro) | $19/mo | Custom domains | Auto | Yes | If >300GB bandwidth |
| **Vercel** | $0-20/mo | Custom domain + SSL | Auto | Edge network | React/Next.js apps |
| **GHL Sites** | Included | GHL domains | Auto | Basic | If already in GHL CRM ecosystem |
| **Cloudflare Pages** | Free | Custom domain | Auto | Best-in-class | Alternative to Netlify |
| **GitHub Pages** | Free | Custom domain | Auto | Basic CDN | Developers only |
| **10Web** | $6-10/mo | Custom domain | Auto | Cloudflare | WordPress sites with hosting |

**Recommendation:** Netlify free tier for static HTML/React clones. Zero cost. Drag-and-drop deploy or API deploy for Genesis agents. 300GB bandwidth/month is more than enough for tradie sites.

If using 10Web stack (WordPress), hosting is included in the platform cost.

---

## Part 7: Recommended Genesis Workflow

### The $397 Tradie Website Clone Pipeline

**Prerequisites:**
- Genesis agent access to Playwright MCP (installed, needs `sudo apt-get install -y libnspr4 libnss3 libasound2t64`)
- Firecrawl API key ($16/mo Hobby plan for 3,000 page credits — enough for 600 sites/month)
- Gemini 2.5 Flash API key (already have — $100/mo Google Cloud credits)
- Netlify account + API token (free)
- Genesis AI chatbot script (build once, embed everywhere)

**Step 1: Site Analysis (5 minutes, fully automated)**

Agent uses Jina Reader OR Crawl4AI to extract:
- Business name, phone, email, services, hours, location, pricing
- Navigation structure (how many pages, what's on each)
- Current tech stack (WordPress? Wix? Custom HTML?)
- Mobile performance score (automated check via PageSpeed Insights API)

```python
# Agent auto-analyzes any tradie URL in seconds
import httpx

async def analyze_tradie_site(url: str) -> dict:
    # Extract content via Jina Reader (FREE)
    jina_response = await httpx.AsyncClient().get(
        f"https://r.jina.ai/{url}",
        headers={"Authorization": f"Bearer {JINA_API_KEY}"}
    )
    content = jina_response.json()["data"]

    # Extract business data via Gemini Flash
    business_data = await gemini_extract_business_info(content)

    # Check PageSpeed via Google API (free)
    speed_data = await check_pagespeed(url)

    return {
        "business": business_data,
        "current_mobile_score": speed_data["mobile"],
        "pages_detected": detect_pages(content),
        "build_time_estimate": estimate_build_time(business_data)
    }
```

**Step 2: Content Extraction (2-5 minutes, fully automated)**

For each detected page (limit 8 pages max):
- Jina Reader for simple/WordPress sites
- Firecrawl for JS-heavy/SPA sites
- Playwright screenshot for backup/visual reference

**Step 3: Site Reconstruction (5-10 minutes, AI-powered)**

Run Open Lovable workflow OR custom Gemini Flash reconstruction:

```python
SITE_RECONSTRUCTION_PROMPT = """
You are an expert web developer rebuilding a tradie business website.

BUSINESS DATA: {business_json}

ORIGINAL SITE CONTENT (all pages): {extracted_content}

Build a complete, modern website with these specifications:
1. Single HTML file (or React component tree if Open Lovable)
2. Tailwind CSS for styling (CDN import)
3. Mobile-first responsive design
4. Sections: Hero, Services, About, Testimonials, Contact, CTA
5. Include ALL actual business information (services, hours, phone, address)
6. Australian tradie aesthetic: professional, trustworthy, clear CTAs
7. Fast loading: no heavy images, use Unsplash URLs for placeholders
8. SEO: proper meta tags, H1/H2 structure, local business schema markup
9. Chat button: floating "Chat Now" button in bottom-right corner
   (use this embed code: <div id="genesis-chat-widget" data-business="{business_name}"></div>)
10. Contact form: name, phone, service needed, preferred time

IMPROVEMENT REQUIREMENTS (over original):
- Better mobile performance (target 90+ PageSpeed)
- Clearer call-to-action (phone number prominently displayed)
- Add trust signals (years in business, service areas, licenses if mentioned)
- Google Maps embed using business address
- Click-to-call phone number link

OUTPUT: Complete, deployable HTML/CSS that looks professional and modern.
"""
```

**Step 4: AI Chatbot Injection (2 minutes)**

Genesis inserts its standard chatbot widget into every cloned site:

```html
<!-- Genesis AI Chatbot Widget — Add before </body> -->
<script src="https://cdn.genesis.ai/widget/v1/chatbot.js"></script>
<script>
  GenesisChat.init({
    businessName: "{{BUSINESS_NAME}}",
    businessServices: "{{SERVICES}}",
    businessPhone: "{{PHONE}}",
    businessHours: "{{HOURS}}",
    aiModel: "gemini-2.5-flash",
    primaryColor: "#{{BRAND_COLOR}}",
    greeting: "G'day! I'm {{AI_NAME}}, the AI assistant for {{BUSINESS_NAME}}. How can I help you today?"
  });
</script>
```

The chatbot is powered by Gemini Flash, costs ~$0.001/conversation, and handles:
- Service enquiries
- Quote requests
- Booking requests (collected as leads, sent to tradie via email/SMS)
- After-hours coverage

**Step 5: Deployment (3 minutes, automated)**

```python
async def deploy_to_netlify(html_content: str, business_slug: str) -> str:
    """Deploy rebuilt site to Netlify — 100% automated"""

    import httpx, json, zipfile, io

    # Create zip with index.html
    zip_buffer = io.BytesIO()
    with zipfile.ZipFile(zip_buffer, 'w') as zf:
        zf.writestr("index.html", html_content)
        zf.writestr("_redirects", "/* /index.html 200")

    # Deploy to Netlify via API
    response = await httpx.AsyncClient().post(
        "https://api.netlify.com/api/v1/sites",
        headers={
            "Authorization": f"Bearer {NETLIFY_TOKEN}",
            "Content-Type": "application/zip"
        },
        content=zip_buffer.getvalue(),
        params={"name": f"tradie-{business_slug}"}
    )

    deploy_url = response.json()["ssl_url"]
    # Returns: https://tradie-joe-smith-plumbing.netlify.app

    return deploy_url
```

**Step 6: Quality Check (2 minutes, automated + human)**

Automated checks:
- PageSpeed Insights API check (target 90+ mobile)
- Mobile rendering verification via Playwright screenshot
- Chatbot smoke test (send test message)
- All links resolve (no 404s)

Human review (10 minutes):
- Confirm all business information is accurate
- Brand colors match or are an improvement
- Phone number is clickable and correct
- Chatbot responds correctly to "what services do you offer?"

**Step 7: Client Delivery (5 minutes)**

Deliver to tradie:
1. Live URL: `https://tradie-joe-smith.netlify.app`
2. Screenshot comparison (old vs new)
3. PageSpeed score (showing improvement)
4. Instructions for pointing their domain to Netlify
5. 7-day AI chatbot trial included (then upsell to $197/mo Talking Widget)

---

## Part 8: Cost Model

### Per-Site Economics

| Component | Cost | Notes |
|-----------|------|-------|
| Jina Reader extraction | $0.00 | Free tier, 10M tokens/key |
| Crawl4AI (if self-hosted) | $0.00 | Runs on Genesis infrastructure |
| Firecrawl (if needed for JS-heavy) | $0.08 | 5 pages × $0.016/credit (Hobby plan) |
| Gemini 2.5 Flash reconstruction | $0.03-0.08 | ~2K input + 4K output tokens |
| Gemini Flash chatbot training | $0.01 | One-time config per client |
| Netlify hosting | $0.00 | Free tier, custom domain |
| Playwright screenshot (verification) | $0.00 | Local infrastructure |
| **Total per site (simple)** | **$0.04-0.09** | |
| **Total per site (complex JS)** | **$0.12-0.20** | Including Firecrawl |

### Revenue Economics (Genesis $397 Offer)

| Metric | Value |
|--------|-------|
| Sale price (one-time clone + chatbot) | $397 |
| Total tooling cost | ~$0.15 |
| Estimated agent time (automated) | 15-25 minutes |
| Human review time | 10-20 minutes |
| Labor cost (at $150/hr internal) | ~$37.50 |
| **Gross margin per site** | ~$359 (90.4%) |
| Monthly hosting upsell (talking widget) | $197-$597/mo |
| Hosting cost on 10Web (if WordPress) | $6-10/mo |
| **Monthly recurring margin** | $187-$587/mo per client |

### Scale Projections

| Sites/Month | Revenue | Tooling Cost | Agent Time | Gross Profit |
|-------------|---------|--------------|------------|--------------|
| 10 | $3,970 | $1.50 | 4 hrs | $3,595 |
| 30 | $11,910 | $4.50 | 12 hrs | $10,785 |
| 100 | $39,700 | $15 | 42 hrs | $35,885 |
| 200+ | $79,400+ | $30+ | 83 hrs | $71,570+ |

At 200 sites/month, the 200-agent Genesis swarm can process all sites in parallel with near-zero human oversight — the agents do extraction, reconstruction, QA, and deployment automatically.

---

## Part 9: Tool Decision Matrix for Genesis Agents

```
Receive tradie URL
      ↓
Is it a simple static/WordPress site?
      ↓ YES                    ↓ NO (JS-heavy SPA)
      ↓                              ↓
Use Crawl4AI            Use Firecrawl API
(free, fast)            ($0.08/site, handles JS)
      ↓                              ↓
      └──────────────┬───────────────┘
                     ↓
         Extract business data with
         Jina Reader + Gemini Flash
         (always do this regardless)
                     ↓
         Reconstruct with Open Lovable
         OR Playwright + Gemini Vision
         (choose based on visual accuracy needed)
                     ↓
         Inject Genesis chatbot widget
                     ↓
         Does client want WordPress hosting?
         ↓ YES               ↓ NO
         10Web ($6-10/mo)    Netlify (free)
         WordPress            Static HTML/React
                     ↓
         PageSpeed verify (target 90+)
                     ↓
         Deliver to tradie
```

---

## Part 10: What Existing Genesis Infrastructure Covers

Genesis already has (from BROWSER_SUPREMACY_ARCHITECTURE.md and HERO_DEMO_WEBCRAWL_ARCHITECTURE.md):

| Tool | Status | Use in Clone Workflow |
|------|--------|----------------------|
| Playwright MCP | INSTALLED (needs 1 sudo apt-get) | Screenshots + verification |
| Crawl4AI | NOT INSTALLED (pip install) | Site content extraction |
| Jina Reader API | REFERENCED in architecture | Content extraction (ready to use) |
| Gemini 2.5 Flash | ACTIVE | Site reconstruction + chatbot |
| Netlify | NOT CONFIGURED | Need API token setup |
| Firecrawl | NOT CONFIGURED | Need API key setup |
| Open Lovable | NOT CONFIGURED | Need self-host or use via API |

**Setup requirements (one-time, ~30 minutes):**
1. `sudo apt-get install -y libnspr4 libnss3 libasound2t64` (Playwright system libs)
2. `pip install crawl4ai browser-use` (AI crawling tools)
3. Sign up for Firecrawl free trial → get API key
4. Sign up for Netlify → get personal access token
5. Clone open-lovable repo and configure with Firecrawl + Gemini API keys
6. Build Genesis chatbot widget (JS embed, backed by Gemini Flash)

---

## Part 11: Risk Assessment

| Risk | Probability | Impact | Mitigation |
|------|-------------|--------|------------|
| Site blocks scrapers (robots.txt) | Medium | Clone fails | Use Playwright as fallback; respect robots.txt; manual workaround for 5% of sites |
| JS-heavy SPA renders blank in HTTrack/wget | High | Poor clone quality | Use Firecrawl/Playwright for JS sites (auto-detected) |
| AI reconstruction misses key content | Medium | Wrong business info | Always verify with human review; auto-QA checks on key fields |
| Netlify free tier limits (300GB bandwidth) | Low | Hosting cost spike | Monitor; Netlify Pro at $19/mo if needed |
| 10Web pagecount limit (5 pages on free) | N/A | Blocked | Agency plans handle unlimited pages |
| Client unhappy with clone quality | Low | Refund request | Show before/after comparison; PageSpeed improvement is objective proof |
| WordPress plugin conflicts on 10Web | Medium | Site instability | Use standardized golden template per trade vertical |
| Copyright issues (using client's site content) | Low | Legal risk | We ARE rebuilding their own site for them — this is legitimate |
| Gemini rate limits during swarm operations | Low | Slow processing | Genesis Rate Maximizer already handles this |

---

## Part 12: Strategic Recommendations

### Primary Stack (Implement NOW)

**For the $397 tradie clone offer, Genesis should use:**

1. **Extraction:** Jina Reader (free, instant) for 80% of sites. Firecrawl ($0.08/site) for JS-heavy sites.
2. **Reconstruction:** Open Lovable workflow (Firecrawl + Gemini Flash) OR direct Playwright screenshots + Gemini Vision reconstruction
3. **Chatbot:** Custom Genesis JS widget (powered by Gemini Flash, ~$0.001/conversation)
4. **Hosting:** Netlify free tier for immediate delivery. Offer 10Web WordPress upgrade for clients who want CMS control.
5. **Upsell:** Telnyx Talking Voice Widget at $197-$597/mo (Genesis already built this)

### Agency Scale (When Hitting 10+ Monthly Clients)

- Add 10Web Agency Premium ($60/mo for 10 sites) for WordPress-dependent clients
- Build "golden templates" per trade vertical (plumber, electrician, HVAC, builder)
- Automate entire pipeline with Genesis swarm: URL in → live site out in 25 minutes
- Price discovery: At 30 sites/month, 10Web Agency Ultimate pricing becomes attractive

### The AI Differentiation (Why Clients Pay $397 vs $50 Fiverr)

The $397 price is justified by:
1. AI chatbot included (handles lead capture 24/7 — worth $100+/mo alone)
2. PageSpeed optimization (90+ vs typical tradie's 35-62 — measurable SEO win)
3. Mobile-first rebuild (many tradies have desktop-only sites from 2015)
4. Upsell path (genesis talks to the client's customers automatically)
5. Proof-of-value: Show side-by-side comparison + before/after PageSpeed scores

---

## Part 13: Implementation Checklist

### One-Time Setup (30 minutes)

- [ ] `sudo apt-get install -y libnspr4 libnss3 libasound2t64` — fix Playwright system libs
- [ ] `pip install crawl4ai firecrawl-py` — install extraction libraries
- [ ] Sign up at firecrawl.dev → add API key to Genesis `.env`
- [ ] Sign up at netlify.com → generate personal access token → add to Genesis `.env`
- [ ] Clone and configure `firecrawl/open-lovable` locally
- [ ] Build Genesis chatbot JS widget (backed by Gemini Flash)
- [ ] Test full pipeline on 3 sample tradie sites (plumber, electrician, builder)

### Per-Client Workflow (15-25 minutes automated)

- [ ] Run site analysis agent (Jina + Gemini Flash business extraction)
- [ ] Run content extraction (Crawl4AI or Firecrawl based on site type)
- [ ] Run site reconstruction (Open Lovable or Playwright + Gemini Vision)
- [ ] Inject Genesis chatbot widget code
- [ ] Deploy to Netlify via API
- [ ] Run PageSpeed check via API
- [ ] Run Playwright screenshot of deployed site (before/after comparison)
- [ ] Human review (10-20 min): verify content accuracy, chatbot response
- [ ] Deliver to client with invoice

---

## Sources

- [Open Lovable GitHub](https://github.com/firecrawl/open-lovable) — 12,500+ stars, Firecrawl's site cloning stack
- [Open Lovable Tutorial](https://www.firecrawl.dev/blog/open-lovable-tutorial) — Firecrawl official tutorial
- [Same.new AI Website Cloner](https://same.new/) — Best visual accuracy, but phishing concern
- [Same.new Phishing Analysis](https://www.netcraft.com/blog/same-automated-impersonation-for-all) — Netcraft security report
- [Capacity.so Clone Website AI](https://capacity.so/clone-website-ai) — 90-95% accuracy alternative
- [10Web Research Report](../Research%20reports/10WEB_WEBSITE_CLONER_RESEARCH.md) — Full Genesis internal research
- [10Web AI Website Builder](https://10web.io/ai-website-builder/) — Official site
- [Firecrawl Pricing](https://www.firecrawl.dev/pricing) — $16-$83/mo plans
- [Firecrawl Reviews and Alternatives 2026](https://www.skyvern.com/blog/firecrawl-reviews-pricing-alternatives/) — Comparison analysis
- [Jina AI vs Firecrawl Comparison](https://blog.apify.com/jina-ai-vs-firecrawl/) — Detailed technical comparison
- [Crawl4AI GitHub](https://github.com/unclecode/crawl4ai) — 58K stars, Apache 2.0
- [Crawl4AI Documentation](https://docs.crawl4ai.com/) — Full docs v0.8.x
- [Top 5 AI Website Cloner Tools 2026](https://www.remio.ai/post/top-5-ai-website-cloner-tools-for-better-productivity-in-2026) — Market overview
- [I Asked 4 AI Tools to Clone My Website](https://asfandyarmalik.medium.com/i-asked-4-ai-tools-to-clone-my-website-heres-what-actually-worked-3fa9ab94697d) — Hands-on comparison
- [Lovable vs Bolt.new 2026](https://www.nxcode.io/resources/news/bolt-new-vs-lovable-2026) — AI builder comparison
- [Gemini CLI Free Website Building](https://juliangoldie.co.uk/gemini-cli-updates/) — Gemini approach
- [HTTrack vs Wget Comparison](https://www.webasha.com/blog/httrack-vs-wget-a-comprehensive-comparison-of-the-best-website-mirroring-tools-for-osint-and-cybersecurity) — Traditional tools
- [Netlify Static Site Deployment Guide](https://www.netlify.com/blog/2016/10/27/a-step-by-step-guide-deploying-a-static-site-or-single-page-app/) — Deployment docs
- [Lovable.dev + GoHighLevel Integration](https://ghl-services-playbooks-automation-crm-marketing.ghost.io/build-beautiful-frontends-without-bloat-how-to-use-lovable-dev-with-gohighlevel-to-elevate-your-saas-or-agency-offer/) — GHL integration guide
- [Genesis Hero Demo Webcrawl Architecture](../plans/HERO_DEMO_WEBCRAWL_ARCHITECTURE.md) — Internal: Jina Reader strategy
- [Genesis Browser Supremacy Architecture](../plans/BROWSER_SUPREMACY_ARCHITECTURE.md) — Internal: Browser stack
- [Tradie Lead List Generation Strategy](../TRADIES/Tradie%20Lead%20List%20Generation%20Strategy.md) — Internal: Target market data

---

*Research Methodology: Live web searches across 12 targeted queries, review of 5 existing Genesis architectural documents, analysis of 30+ source pages. All pricing verified as of 2026-02-19.*

*Generated by Genesis Research System | Claude Sonnet 4.6 | 2026-02-19*
