← Back
1
Trade
2
Info
3
Design
4
Preview
🔧 Trade
🏢 Business Info
Business name
City & state
Phone
Tagline (optional)
Years in biz
Google reviews
⚙️ Site Sections
✓
24/7 Emergency
✓
Financing
✓
Veteran Discount
✓
Before/After
✓
About Us
✓
Service Area
✓
Reviews
✓
FAQ
🛡 Credibility optional — leave blank to skip
Your guarantee
License #
Financing
🎨 Colors & Font
Quick presets
Accent color
#1B6CA8
Dark color
#0D2235
Font style
📸 Photos
✨ AI Copy Generator BETA
yourbusiness.com
Live preview

Pick your trade, fill in your info,
then click Preview my site →

You'll see a live preview of your actual website.

Get this site live — starting at $100

Get your site live

Your order

Business—
Trade—
City—
Colors
PlanWebsite + Hosting
One-time$100
Monthly$65/mo
Choose your plan
Website Only

Site + Hosting

$100
one-time, then $65/mo
Custom site, live in 48h, hosted + managed.
⚡ Atlas AI

Site + Atlas

$100
one-time, then $65/mo
Atlas follows up every lead by text — automatically.
⭐ Argus AI

Site + Argus

$100
one-time, then $65/mo
Argus replies to every Google review — builds trust.
Total today
$100 + $65/mo after
✓ Satisfaction guaranteed  ·  ✓ No contracts  ·  ✓ We handle everything
` : `
Our Work

Before & After

${svcPhotos.slice(0,3).map(p=>`
`).join('')}
Upload a before + after photo in the sidebar to enable the drag slider.
` : ''; const financingBanner = toggles.has('financing') ? `
Flexible financing available
0% interest options · Apply in minutes
Learn more →
` : ''; const veteranSection = toggles.has('veteran') ? `
Veteran-Owned

10% discount for military & veterans

Proudly serving those who served. Show your military ID for an automatic 10% discount.

` : ''; const aboutSection = toggles.has('about') ? `
About Us

Who we are

${aboutText}${cfg.years ? ` Over ${cfg.years} years serving the community.` : ''}

` : ''; const areaSection = toggles.has('area') ? `
Service Area

Serving the greater ${city} area

Map of service area
` : ''; const faqSection = toggles.has('faq') ? `
FAQ

Common questions

${[['Do you offer free estimates?','Yes — we provide free on-site estimates for all jobs.'], ['Are you licensed and insured?',`Fully licensed and insured in ${city}.`], ['How quickly can you come out?','Same-day and next-day appointments available.'] ].map(([q,a]) => `
${q}
${a}
`).join('')}
` : ''; return ` ${biz} — ${trade} in ${city} ${emergencyBar}
${trade} · ${city}

${headline}

${trustLine}

${cta} Free estimate
${cfg.financing ? `
💳 ${cfg.financing}
` : ''} ${cfg.guarantee ? `
✓ ${cfg.guarantee}
` : ''} ${cfg.reviews ? `
★★★★★${cfg.reviews} Google reviews
` : ''}
${trustItems.map((t,i)=>`${t}`).join('')}
${financingBanner} ${reviewsSection}
Services

What we do

Serving ${city} and the surrounding area.

${svcList.map((svc,i)=>`
${svc}
${svcDescs[svc] || 'Call for availability'}
`).join('')}
${gallerySection}${veteranSection}${aboutSection}${areaSection}${faqSection}

Ready to get it done?

${phone}
`; } /* ── PREVIEW BUTTON ── */ document.getElementById('previewBtn').addEventListener('click', () => { hasPreviewedOnce = true; buildAndShowPreview(); updateSteps(); }); /* ── CTA BAR → PURCHASE PANEL ── */ document.getElementById('ctaBarBtn').addEventListener('click', openPurchase); function openPurchase() { const panel = document.getElementById('purchasePanel'); panel.classList.add('open'); document.getElementById('summaryBiz').textContent = config.biz || '—'; document.getElementById('summaryTrade').textContent = config.trade || '—'; document.getElementById('summaryCity').textContent = config.city || '—'; document.getElementById('swatchAccent').style.background = config.accent; document.getElementById('swatchDark').style.background = config.dark; updatePlanUI(); } document.getElementById('purchaseClose').addEventListener('click', () => { document.getElementById('purchasePanel').classList.remove('open'); }); /* ── PLAN SELECTOR ── */ const planPrices = { basic: '$100', nora: '$100', atlas: '$100', argus: '$100' }; const planLabels = { basic: 'Website + Hosting', nora: 'Website + Nora', atlas: 'Website + Atlas', argus: 'Website + Argus' }; function updatePlanUI() { ['planBasic','planNora','planAtlas','planArgus'].forEach(id => { const el = document.getElementById(id); const plan = el.dataset.plan; const selected = config.plan === plan; el.classList.toggle('selected', selected); el.querySelector('.plan-radio').style.background = selected ? 'var(--teal)' : ''; el.querySelector('.plan-radio').style.borderColor = selected ? 'var(--teal)' : ''; }); const price = planPrices[config.plan] || '$100'; document.getElementById('summaryPlan').textContent = planLabels[config.plan] || 'Website + Hosting'; document.getElementById('summaryOneTime').textContent = price; document.getElementById('checkoutTotal').innerHTML = `${price} + $65/mo after`; document.getElementById('checkoutBtn').textContent = `Get started — pay ${price}`; } ['planBasic','planNora','planAtlas','planArgus'].forEach(id => { document.getElementById(id).addEventListener('click', () => { config.plan = document.getElementById(id).dataset.plan; updatePlanUI(); }); }); /* ── CHECKOUT BUTTON ── */ document.getElementById('checkoutBtn').addEventListener('click', () => { const params = new URLSearchParams({ biz: config.biz, city: config.city, phone: config.phone, trade: config.trade, accent: config.accent, dark: config.dark, plan: config.plan, notes: config.notes, }); window.open('https://trevoadvisors.com/checkout/?' + params.toString(), '_blank'); }); /* ── INIT ── */ renderPhotoGrid();