Ass

 

import { useState, useEffect } from 'react'; import { Award, Check, CheckCircle2, ChevronDown, ChevronRight, Clock, Copy, ExternalLink, FlaskConical, HelpCircle, Info, Layers, ListFilter, ShieldCheck, Sparkles, Star, XCircle, Bookmark, ArrowUpDown, } from 'lucide-react'; import { REVIEW_EDITIONS, ProductReview } from './data/reviewsData'; import { ProductVisualPreview } from './components/ProductVisualPreview'; import { RadarComparisonWidget } from './components/RadarComparisonWidget'; import { TrueCostCalculator } from './components/TrueCostCalculator'; import { PersonalizedQuizFinder } from './components/PersonalizedQuizFinder'; import { DeepDiveReviewCard } from './components/DeepDiveReviewCard'; import { PolicyAndOfferModal, ModalType } from './components/PolicyAndOfferModal'; export function App() { const [activeEditionId, setActiveEditionId] = useState(REVIEW_EDITIONS[0].id); const currentEdition = REVIEW_EDITIONS.find((ed) => ed.id === activeEditionId) || REVIEW_EDITIONS[0]; // Table filter & sort states const [tableFilter, setTableFilter] = useState<'all' | 'value' | 'free' | 'enterprise'>('all'); const [tableSort, setTableSort] = useState<'rank' | 'price-asc' | 'performance'>('rank'); // Shortlist bookmark state const [shortlistIds, setShortlistIds] = useState([ REVIEW_EDITIONS[0].products[0].id, ]); // Active FAQ accordion items const [openFaqIdx, setOpenFaqIdx] = useState(0); // Eliminated contenders toggle const [showEliminated, setShowEliminated] = useState(true); // Modal state const [activeModal, setActiveModal] = useState(null); const [modalProduct, setModalProduct] = useState(null); // Hero promo copy state const [heroPromoCopied, setHeroPromoCopied] = useState(false); // Active section for sticky TOC scroll-spy const [activeSection, setActiveSection] = useState('top-picks'); useEffect(() => { setTableFilter('all'); setTableSort('rank'); setShortlistIds([currentEdition.products[0].id]); }, [activeEditionId, currentEdition.products]); useEffect(() => { const sectionIds = [ 'top-picks', 'comparison-matrix', 'head-to-head', 'pricing-calculator', 'deep-dive-reviews', 'eliminated-contenders', 'methodology', 'buyers-faq', ]; const handleScroll = () => { const scrollPos = window.scrollY + 180; for (let i = sectionIds.length - 1; i >= 0; i--) { const el = document.getElementById(sectionIds[i]); if (el && el.offsetTop <= scrollPos) { setActiveSection(sectionIds[i]); break; } } }; window.addEventListener('scroll', handleScroll, { passive: true }); return () => window.removeEventListener('scroll', handleScroll); }, []); const topChoice = currentEdition.products[0]; const topThreePicks = currentEdition.products.slice(0, 3); const handleOpenOffer = (product: ProductReview) => { setModalProduct(product); setActiveModal('offer-modal'); }; const handleJumpToSection = (id: string) => { const el = document.getElementById(id); if (el) { el.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }; const handleJumpToReview = (productId: string) => { handleJumpToSection(`review-${productId}`); }; const handleToggleShortlist = (productId: string) => { setShortlistIds((prev) => prev.includes(productId) ? prev.filter((id) => id !== productId) : [...prev, productId] ); }; const handleCopyHeroPromo = (code: string) => { navigator.clipboard?.writeText(code); setHeroPromoCopied(true); setTimeout(() => setHeroPromoCopied(false), 2200); }; // Filtered and sorted products for the Comparison Matrix const matrixProducts = currentEdition.products .filter((p) => { if (tableFilter === 'value') return p.underBudgetThreshold; if (tableFilter === 'free') return p.hasFreePlan; if (tableFilter === 'enterprise') return p.bestForTags.includes('enterprise'); return true; }) .sort((a, b) => { if (tableSort === 'price-asc') return a.annualDiscountPrice - b.annualDiscountPrice; if (tableSort === 'performance') return b.scores.performance - a.scores.performance; return a.rank - b.rank; }); return (

{/* 1. TOP READER TRUST & FTC AFFILIATE DISCLOSURE BAR */}

Independent Lab Journalism: We test every product & service anonymously in-house. When you buy through our links, we may earn a commission at zero extra cost to you.

•

{/* 2. STICKY PUBLICATION MASTHEAD & EDITION SWITCHER */}

{/* Brand Identity */}

V

VERDICT LABS EST. 2019

Independent Product & Service Benchmarks

{/* Report Category Edition Switcher (Services + Physical Products) */}

2026 Reports: {REVIEW_EDITIONS.map((ed) => ( ))}

{/* Quick Section Links & Top Pick CTA */}

{/* Mobile/Tablet Report Switcher Select */} setActiveEditionId(e.target.value)} className="xl:hidden rounded-lg border border-[#E6E1DA] bg-white px-2.5 py-1.5 text-xs font-semibold text-[#141413] max-w-[165px] sm:max-w-none" > {REVIEW_EDITIONS.map((ed) => ( Report: {ed.shortLabel} ))}

{/* 3. ASYMMETRIC 2-COLUMN EDITORIAL HERO */}

{/* Left Column (7 cols ~ 60%): Editorial Authority & Testing Proof */}

{/* Eyebrow & Timestamp */}

{currentEdition.categoryEyebrow} {currentEdition.reportCode} • {currentEdition.lastUpdated}

{/* Headline */}

{currentEdition.heroHeadline}

{/* Executive Deck */}

{currentEdition.heroDeck}

{/* High-Intent Search Sub-Callout */}

Buyer’s Quick Note:{' '} {currentEdition.searchIntentSubhead}

{/* Author & Peer Reviewer Byline Card */}

{currentEdition.leadReviewer.avatarInitials}

By {currentEdition.leadReviewer.name} Lead Tester ({currentEdition.leadReviewer.yearsExperience} Yrs Exp)

{currentEdition.leadReviewer.role} • {currentEdition.leadReviewer.credentials}

Peer Reviewed & Fact-Checked By

{currentEdition.peerReviewer.name} — {currentEdition.peerReviewer.role}

{currentEdition.peerReviewer.credentials}

{/* 4-Stat Empirical Proof Strip */}

{currentEdition.proofStats.hoursTested}

Hands-On Lab Testing

{currentEdition.proofStats.contendersTested}

Evaluated In-House

{currentEdition.proofStats.stressTestMetric}

{currentEdition.proofStats.stressTestLabel}

$0 Paid

Zero Sponsored Ranks

{/* Right Column (5 cols ~ 40%): At-a-Glance Editor's Choice Spotlight Card */}

{/* Burnished Gold Award Ribbon */}

2026 EDITOR’S CHOICE • #1 TOP PICK

{topChoice.overallScore.toFixed(1)} / 10

{/* Product Name & Starting Price */}

{topChoice.vendor}

{topChoice.name}

Verified Rate

${topChoice.annualDiscountPrice}

{topChoice.priceUnit}

{/* Interactive Visual Preview */} {/* 3 Core Winning Reasons */}

Why It Won Our 6-Month Stress Test:

{topChoice.threeKeyTakeaways.map((reason, idx) => (

{reason}

))}

{/* Promo Code Copy Box */} {topChoice.promoCode && (

Reader Deal:{' '} {topChoice.promoDiscountText}

)} {/* Primary & Secondary CTAs */}

{topChoice.freeTrialText}

{/* 4. INTERACTIVE 2-CLICK PERSONALIZED QUIZ FINDER */}

{/* 5. TOP 3 QUICK VERDICT PODIUM (ABOVE-THE-FOLD SCANNABLE WINNERS) */}

Executive Summary • For Readers In A Hurry

The Top 3 Winners at a Glance

If you don’t have time to read our full 6,500-word lab report, these three finalists outperformed the rest of the field across speed, pricing fairness, and support.

{topThreePicks.map((pick, index) => { const isGold = index === 0; return (

{/* Card Ribbon */}

#{pick.rank} • {pick.badge} {pick.overallScore.toFixed(1)}

{pick.name}

${pick.annualDiscountPrice} {pick.priceUnit}

{pick.tagline}

Lab Benchmark: {pick.benchmarkLatencyOrMetric}

Live Support Speed: {pick.supportResponseMetric}

{pick.threeKeyTakeaways.map((bullet, bIdx) => (
• {bullet}
))}

); })}

{/* 6. MAIN 12-COLUMN ASYMMETRIC EDITORIAL LAYOUT (STICKY LEFT RAIL + MAIN STREAM) */}

{/* LEFT 3-COLUMN STICKY RAIL (DESKTOP TABLE OF CONTENTS + SHORTLIST + QUICK PICK) */}

{/* Scroll-Spy Navigation Box */}

In This Lab Report

{[ { id: 'top-picks', label: 'Top 3 Quick Verdict' }, { id: 'comparison-matrix', label: 'Full Comparison Matrix' }, { id: 'head-to-head', label: 'Head-to-Head Radar Tool' }, { id: 'pricing-calculator', label: 'True Cost Calculator' }, { id: 'deep-dive-reviews', label: 'In-Depth Lab Reviews' }, { id: 'eliminated-contenders', label: 'Eliminated Contenders' }, { id: 'methodology', label: 'How We Tested (Rubric)' }, { id: 'buyers-faq', label: 'Buyer’s Guide & FAQ' }, ].map((nav) => ( ))}

{/* Direct Jump to Ranked Products */}

Jump to Product Review

{currentEdition.products.map((p) => ( ))}

{/* Saved Shortlist Box */}

Your Saved Shortlist ({shortlistIds.length})

{shortlistIds.length === 0 ? (

Click "Save to Compare" on any review card to bookmark contenders here.

) : (

{currentEdition.products .filter((p) => shortlistIds.includes(p.id)) .map((saved) => (

{saved.name}

${saved.annualDiscountPrice} • {saved.overallScore.toFixed(1)}/10

))}

)}

{/* Sticky Mini Top Pick Reminder */}

#1 Editor’s Choice {topChoice.overallScore.toFixed(1)}/10

{topChoice.name}

{topChoice.promoDiscountText || topChoice.freeTrialText}

{/* RIGHT 9-COLUMN MAIN EDITORIAL STREAM */}

{/* SECTION A: INTERACTIVE SORTABLE COMPARISON MATRIX */}

Side-by-Side Specification & Benchmark Matrix

All {currentEdition.products.length} Finalists Compared

{/* Filter & Sort Controls */}

{[ { id: 'all', label: 'All Finalists' }, { id: 'value', label: 'Best Value' }, { id: 'free', label: 'Has Free Tier' }, { id: 'enterprise', label: 'Enterprise Ready' }, ].map((tab) => ( ))}

setTableSort(e.target.value as typeof tableSort)} className="bg-transparent text-xs font-semibold text-[#141413] focus:outline-none cursor-pointer" > Sort: Overall Rank Sort: Lowest Price Sort: Lab Speed Score

{/* Responsive Table */}

{matrixProducts.length === 0 ? ( ) : ( matrixProducts.map((p) => { const isBest = p.rank === 1; return ( ); }) )}

Rank & Contender	Lab Score	Verified Price	{currentEdition.benchmarkColumnLabel}	Support SLA	Official Deal
No contenders match that exact filter combination.{' '}
#{p.rank} {p.badge}	{p.overallScore.toFixed(1)} /10	${p.annualDiscountPrice} {' '} {p.priceUnit} {p.hasFreePlan && ( + Free Plan Available )}	{p.benchmarkLatencyOrMetric}	{p.supportResponseMetric}

{/* SECTION B: INTERACTIVE HEAD-TO-HEAD RADAR & DELTA COMPARATOR */}

{/* SECTION C: INTERACTIVE TRUE COST OF OWNERSHIP (TCO) CALCULATOR */} {/* SECTION D: DEEP-DIVE HANDS-ON PRODUCT REVIEWS */}

Unvarnished Lab Verdicts • Pros, Cons & Fine-Print Audits

In-Depth Reviews of the Top {currentEdition.products.length} Finalists

Every contender below was tested on paid, unannounced accounts. Expand any review card to inspect full pricing tiers and our contract fine-print audit.

{currentEdition.products.map((product) => ( ))}

{/* SECTION E: CONTENDERS WE TESTED & ELIMINATED (TRUST BUILDER) */}

Editorial Transparency • Why Others Missed The Cut

Other Contenders We Tested & Eliminated

Unlike generic affiliate directories that give every brand a "9.5/10" to maximize clicks, we eliminate products that fail our stress tests or hide predatory renewal clauses.

{showEliminated && (

{currentEdition.eliminatedContenders.map((elim, idx) => (

{elim.name} Lab Score: {elim.score.toFixed(1)}/10

Why It Was Eliminated:{' '} {elim.reasonEliminated}

))}

)}

{/* SECTION F: TRANSPARENT 5-STAGE TESTING METHODOLOGY */}

Our Empirical Evaluation Protocol

How We Test, Score & Audit Every Contender

Our scoring algorithm combines automated telemetry with blind mystery-shopping of customer support and fine-print contract audits. Here is how each contender’s overall score out of 10.0 is weighted:

{currentEdition.methodologySteps.map((step, idx) => (

{step.weight} Metric: {step.metricTested}

{step.title}

{step.description}

))}

{/* SECTION G: HIGH-INTENT BUYER'S GUIDE & FAQ ACCORDION */}

Buyer’s Guide & Frequently Asked Questions

Key Questions Answered Before You Buy

Direct answers to the most common pricing, migration, cancellation, and compliance questions from our readers.

{currentEdition.faqs.map((faq, idx) => { const isOpen = openFaqIdx === idx; return (

{isOpen && (

{faq.answer}

)}

); })}

{/* Final Bottom Conversion Summary Banner */}

Final 2026 Lab Recommendation

Ready to try {topChoice.name} risk-free?

{topChoice.freeTrialText} • Starting at{' '} ${topChoice.annualDiscountPrice} {topChoice.priceUnit} .

{/* 7. GOOGLE ADS & READER TRUST COMPLIANT FOOTER */}

V

VERDICT LABS™

Verdict Labs is an independent product and service testing publication headquartered in New York & Austin. Our systems engineers and analysts evaluate software, cloud infrastructure, and studio hardware using reproducible laboratory benchmarks.

Lab Protocol v4.2 • ISSN 2694-8120 • Reader-Supported Since 2019

2026 Flagship Benchmark Editions

{REVIEW_EDITIONS.map((ed) => (
))}

Ethics, Policies & Disclosures

© {new Date().getFullYear()} Verdict Labs Media LLC. All rights reserved. All trademarks belong to their respective owners.

Pricing & availability audited April 2026. Always verify final terms on the vendor’s official checkout page.

{/* 8. MOBILE STICKY BOTTOM CONVERSION BAR */}

#1 PICK ({topChoice.overallScore.toFixed(1)}/10) ${topChoice.annualDiscountPrice}

{topChoice.name}

{/* 9. MODAL FOR VERIFIED DEAL ACTIVATION & POLICIES */} setActiveModal(null)} />

); } export default App;