/* global React */ const { useState: useStateS, useEffect: useEffectS } = React; // ============== LOGO MARQUEE ============== function LogoStrip() { const logos = [ 'Halberd Builders', 'Forge & Iron Co.', 'Meridian Drywall', 'Ash Carpentry', 'Northpoint Concrete', 'Birch Mechanical', 'Stonecut Roofing', 'Lantern Electric', 'Atlas Glazing', 'Veridian Civil', ]; return (
Used daily by independent contractors across the trades
{[...logos, ...logos].map((l, i) => ( {l} ))}
); } // ============== VALUE BENTO ============== function ValueBento() { return (
Why teams switch

Stop quoting at the kitchen table.
Start quoting on the clock.

ProTakeoff strips out the bloat of legacy estimators. Five tools. Three exports. One keyboard. Built for the bid you need to send tonight.

{[ { tag: 'Precision', icon: , title: <>A tape measure that
actually keeps up., copy: 'Point-and-click areas, lengths, and counts with auto-snap, ortho lock, and the keyboard shortcuts your CAD-trained brain already knows.', bullets: ['Auto-snap & ortho lock', 'Keyboard-first hotkeys', 'Per-sheet calibration'], gif: 'assets/feature-precision.gif', alt: 'Live takeoff measurement on a floor plan', }, { tag: 'AI Indexing', icon: , title: <>Sheet renaming
in seconds., copy: 'Drag in a 200-page PDF. ProTakeoff reads each title block and renames every page — A-201, A-301, S-100 — before your coffee cools.', bullets: ['Reads every title block', 'Auto-numbers in CSI order', 'Re-runnable on revisions'], gif: 'assets/feature-rename.gif', alt: 'AI batch-renaming PDF sheets', }, { tag: 'Net Logic', icon: , title: <>Cutouts that math
themselves., copy: 'Punch as many windows, doors, and openings as you want into an area. The net square-footage updates the moment you click.', bullets: ['Nested cutouts', 'Live net SF', 'Audit trail per area'], gif: 'assets/feature-cutout.gif', alt: 'Cutouts subtracting from net area', }, { tag: 'Overlay review', icon: , title: <>Compare drawing sets
right on top., copy: 'Compare revised drawing sets directly on top of your base plans. Blue + red overlays make scope changes easier to review before takeoff, pricing, or coordination.', bullets: ['Blue + red overlays', 'Opacity controls', 'Scope-change review'], video: 'assets/feature-overlay-comparison.mp4', videoRatio: '938 / 794', alt: 'Overlay comparison showing blue and red revised construction drawings', }, { tag: 'Auto Count', icon: , title: <>Instant takeoffs
with AutoCount., copy: 'Auto Count finds repeated symbols across the sheet, then routes each match through review and approval before it becomes a count point. Fast symbol takeoffs with a human check built in.', bullets: ['Instant symbol counts', 'Review + approve matches', 'Accepted takeoff points'], video: 'assets/autocount.mp4', videoRatio: '16 / 10', alt: 'Auto Count finding repeated symbols on a dark construction drawing', }, { tag: 'Dark / Light', icon: , title: <>Choose the mode
that fits the job., copy: 'Switch between dark and light workspaces when you need more contrast, less glare, or a cleaner plan view. The same tools stay exactly where your hands expect them.', bullets: ['Dark mode for low glare', 'Light mode for crisp plans', 'Same takeoff workflow'], video: 'assets/dark-light-mode-native.mp4', videoRatio: '21 / 16', alt: 'Switching ProTakeoff between dark and light mode workspaces', }, ].map((f, i) => (
{f.icon} {f.tag}

{f.title}

{f.copy}

    {f.bullets.map(b => (
  • {b}
    • ))}
{f.visual || (f.video ? (
))}
); } function SpecCell({ label, value }) { return (
{label} {value}
); } function AutoCountFeatureMock() { const markers = [ [12, 22], [28, 16], [45, 17], [82, 14], [79, 24], [13, 40], [13, 57], [14, 73], [24, 80], [50, 80], [66, 70], [72, 69], [82, 39], [82, 58], [82, 72], [86, 82], ]; const rows = [100, 99, 92, 92, 91, 90, 89, 89, 88, 88, 88, 88, 88, 87, 86, 86]; return (
{markers.map(([x, y], i) => ( ))}
Markups 1/4" = 1'0" Count
); } function BentoMeasureMock() { return (
26'-4" 11'-2"
); } // ============== HOW IT WORKS ============== function HowItWorks() { const features = [ { tag: 'Assemblies', icon: , title: <>Build assemblies
that price themselves., copy: 'Bundle material, labor, waste, and unit cost into reusable assemblies. Measure once, stamp the assembly onto the takeoff, and keep pricing logic tied to the quantity.', bullets: ['Material + labor templates', 'Reusable across projects', 'Unit pricing tied to takeoff'], visual: , }, { tag: 'Estimate generation', icon: , title: <>Generate estimates
from measured work., copy: 'Measured rows roll into sections, quantities, unit costs, and export-ready totals. Send a polished PDF, Excel workbook, or CSV without rebuilding the bid by hand.', bullets: ['Sectioned bid structure', 'PDF / Excel / CSV outputs', 'Totals from source quantities'], visual: , }, ]; return (
Assemblies to estimates

Turn measured scope
into priced work.

After the takeoff is measured, ProTakeoff keeps the numbers moving: reusable assemblies become priced rows, and priced rows become bid-ready exports.

{features.map((feature, index) => (
{feature.icon} {feature.tag}

{feature.title}

{feature.copy}

    {feature.bullets.map((bullet) => (
  • {bullet}
    • ))}
{feature.visual}
))}
); } function AssemblyTemplatePreview() { return (

Assembly: 5/8" Drywall (Painted)

5/8" gypsum board1.05 SF/SF
Joint compound0.04 GAL/SF
Tape2.1 LF/SF
Primer + 2 coats latex0.012 GAL/SF
Labor — installer0.04 HR/SF
Stamp on any area $3.84 / sf
); } function EstimateTemplatePreview() { const sections = [ { number: '01', title: 'General Requirements', total: '$23,550.00', items: [ ['1.1', 'Project Management & Supervision', '1', 'LS', '$12,500.00'], ['1.2', 'Temporary Facilities', '1', 'LS', '$4,250.00'], ], }, { number: '02', title: 'Concrete', total: '$58,742.50', items: [ ['2.1', 'Concrete Slab on Grade (4")', '4,250', 'SF', '$18,062.50'], ['2.2', 'Concrete Footings', '160', 'LF', '$3,600.00'], ['2.3', 'Concrete Walls', '1,200', 'SF', '$14,580.00'], ], }, { number: '03', title: 'Structural Steel', total: '$76,320.00', items: [ ['3.1', 'Structural Steel Supply', '12,000', 'LB', '$61,200.00'], ['3.2', 'Structural Steel Erection', '12,000', 'LB', '$15,120.00'], ], }, ]; return (
estimate preview ready
ProTakeoff

Estimate

EST-4821 · valid for 30 days
Project Riverside Office Building 1234 Riverside Drive
Client Bluewater Construction Attn: Alex Morgan
# Description Qty Total
{sections.map((section) => (
{section.number} {section.title} {section.total}
{section.items.map((item) => (
{item[0]} {item[1]} {item[2]} {item[3]} {item[4]}
))} ))}
Notes

Generated from measured takeoff quantities. Ready for PDF or Excel export.

Total $171,694.53
PDF Excel CSV
); } // ============== TESTIMONIALS ============== function Testimonials() { const quotes = [ { q: "Replaced a $4,200/yr PlanSwift seat in an afternoon. Estimators didn't even need a training session.", a: "Rachel Voorhees", r: "Estimating Lead, Halberd Builders" }, { q: "At $10 a month, this is the easiest software bill I approve. Nothing else in takeoff comes close to this much value for the price.", a: "Marcus Bell", r: "Owner, Bell & Co Drywall" }, { q: "Built for the way contractors actually work. Local files, keyboard-first, no logged-in dashboard nonsense.", a: "Imani Roth", r: "Civil PM, Veridian" }, ]; return (
From the field

Bid faster.
Sleep better.

{quotes.map((t, i) => (
"
{t.q}
{t.a} {t.r}
))}
); } // ============== PRICING ============== function Pricing() { const [yearly, setYearly] = useStateS(false); return (
Honest pricing

Two tiers. No upsell.
No surprises.

30-day full trial · no credit card Cancel anytime 5-pack volume discount above 30 seats
); } function PriceCard({ tier, price, cycle, caption, features, cta, highlight, badge }) { return (
{badge && {badge}} {tier}
${price} {cycle}
{caption}
    {features.map((f, i) => (
  • {f}
    • ))}
{cta}
); } // ============== FAQ ============== function FAQ() { const [open, setOpen] = useStateS(0); const items = [ { q: 'Does ProTakeoff need an internet connection?', a: 'Nope. The whole app is local. We sign you in once to validate the license, then you can run offline indefinitely. Files stay on your machine — perfect for jobsite trailers and locked-down enterprise networks.' }, { q: 'How does this compare to Bluebeam, PlanSwift, or On-Screen Takeoff?', a: 'It\'s narrower on purpose. We don\'t do markup review or RFI tracking — we focus on the takeoff and quote loop. The result: 4× faster on quantity work, ~10% the price, and no mandatory cloud account.' }, { q: 'Can I import my existing assemblies and templates?', a: 'Yes. We import .pst, .csv, and Excel-format assemblies. Most teams transfer their entire library in one drag-and-drop and are billing the next morning.' }, { q: 'What does the AI page-renaming actually do?', a: 'It runs OCR on every sheet\'s title block and rewrites the filename to match the sheet number and title — A‑201 Floor Plan, S‑101 Foundation, etc. It runs locally; pages never leave your machine.' }, { q: 'Do you offer volume pricing for general contractors?', a: 'Above 30 seats we offer custom pricing and a deployment script for IT. Email info@protakeoff.org and we\'ll send it the same day.' }, ]; return (
Questions, answered

Before you click download.
{items.map((it, i) => (

{it.a}

 ))}
); } // ============== DOWNLOAD CTA ============== function DownloadCTA() { return (
Free 30-day trial

Quote tonight's bid
on tonight's clock.

One installer. Two minutes. Zero credit card. The next time you sit down to a stack of plans, ProTakeoff will be there.

v0.1.16 · 85.4MB · April 2026 Win 10+ · macOS 12+
); } function DownloadArt() { return (
1 month Free trial no card needed
); } // ============== FOOTER ============== function Footer() { return (

Takeoff and estimating, the way contractors would have built it themselves.

info@protakeoff.org
); } function FooterCol({ title, links }) { return (

{title}

); } // ============== NAV ============== function Nav() { const [open, setOpen] = useState(false); const links = [ { label: 'Features', href: '#benefits' }, { label: 'How it works', href: '#how' }, { label: 'Pricing', href: '#pricing' }, { label: 'FAQ', href: '#faq' }, ]; useEffect(() => { if (!open) return; const onKey = (event) => { if (event.key === 'Escape') setOpen(false); }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [open]); return ( ); } Object.assign(window, { LogoStrip, ValueBento, HowItWorks, Testimonials, Pricing, FAQ, DownloadCTA, Footer, Nav, });