/* Repair comparison — 3 illustrative shop cards with a value-score breakdown across 6 factors. Real-feeling Phoenix shop names (illustrative). */ function RepairComparison() { const { Badge } = window.RevvoDesignSystem_a89086; const { Reveal, Ic } = window; // Live bidding: shops "arrive" one by one when the section enters view. const liveRef = React.useRef(null); const [bidsIn, setBidsIn] = React.useState(0); const [runId, setRunId] = React.useState(0); const startBids = React.useCallback(() => { setBidsIn(0); const reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; if (reduce) { setBidsIn(3); return; } [700, 1500, 2400].forEach((t, i) => setTimeout(() => setBidsIn(i + 1), t)); }, []); React.useEffect(() => { const node = liveRef.current; if (!node) return; let fired = false; const trigger = () => { if (fired) return; fired = true; startBids(); }; const check = () => { const r = node.getBoundingClientRect(); if (r.top < (window.innerHeight || 800) * 0.7 && r.bottom > 0) trigger(); }; check(); window.addEventListener('scroll', check, { passive: true }); const poll = setInterval(() => { if (fired) { clearInterval(poll); return; } check(); }, 500); return () => { window.removeEventListener('scroll', check); clearInterval(poll); }; }, [startBids, runId]); const replayBids = () => { setRunId((n) => n + 1); startBids(); }; const shops = [ { name: 'Camelback Auto Works', area: 'Central Phoenix · 1.8 mi', price: 210, eta: 'Tomorrow', rating: 4.9, reviews: 412, score: 96, best: true, factors: { Price: 92, Rating: 98, Distance: 90, Availability: 95, Speed: 94, Relevance: 97 } }, { name: 'Roosevelt Auto Collective', area: 'Downtown · 3.2 mi', price: 240, eta: 'In 2 days', rating: 4.8, reviews: 286, score: 91, best: false, factors: { Price: 84, Rating: 95, Distance: 82, Availability: 90, Speed: 92, Relevance: 93 } }, { name: 'South Mountain Service Co.', area: 'South Phoenix · 5.6 mi', price: 195, eta: 'In 4 days', rating: 4.7, reviews: 198, score: 88, best: false, factors: { Price: 98, Rating: 90, Distance: 74, Availability: 80, Speed: 84, Relevance: 91 } }, ]; const factorList = ['Price', 'Rating', 'Distance', 'Availability', 'Speed', 'Relevance']; return (

Compare offers

The best value — not just the lowest price.

Vetted local shops respond with real offers. ALEROQ scores each on six factors so you can choose with confidence.

{/* live bidding status bar */}

{bidsIn < 3 ? `Bidding live · ${bidsIn} of 3 in` : '3 offers received'}

{shops.map((s, i) => (

i ? 1 : 0, transform: bidsIn > i ? 'none' : 'translateY(26px) scale(0.97)', filter: bidsIn > i ? 'none' : 'blur(6px)', transition: 'opacity 0.6s var(--ease-out), transform 0.6s var(--ease-out), filter 0.6s var(--ease-out)' }}>

{s.best && ( Best value )}

{s.name}

{s.area}

${s.price} est. total

{s.rating} ({s.reviews}) {s.eta}

{/* value score */}

Value score {s.score}

{/* factor bars */}

{factorList.map((f) => (

{f}

))}

{bidsIn === i + 1 && bidsIn < 3 && ( New bid )}

))}

Shops and figures shown are illustrative. Real offers depend on your vehicle, location, and a mechanic’s inspection.

); } window.RepairComparison = RepairComparison;