[V0_FILE]typescriptreact:file="app/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" "use client" import { useState, useEffect, useRef } from "react" import { Search, Share2, Plus, MessageSquare, Pin, Maximize2, TrendingUp, TrendingDown } from "lucide-react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Bar, BarChart, Line, LineChart, CartesianGrid, XAxis, YAxis, ResponsiveContainer, Area, AreaChart, } from "recharts" import { ChartTooltip } from "@/components/ui/chart" const sameStoreGrowthData = [ { company: "KMX", growth: 8.1, model: "Traditional", color: "#10b981" }, { company: "GPI", growth: 2.0, model: "Traditional", color: "#3b82f6" }, { company: "CVNA", growth: -8.0, model: "CVNA", color: "#ef4444" }, { company: "ABG", growth: -5.2, model: "Traditional", color: "#f59e0b" }, ] const timeSeriesData = [ { quarter: "Q1 2023", KMX: 5.2, GPI: 1.8, CVNA: -12.1, ABG: -3.4 }, { quarter: "Q2 2023", KMX: 6.8, GPI: 2.1, CVNA: -10.5, ABG: -2.1 }, { quarter: "Q3 2023", KMX: 7.2, GPI: 1.9, CVNA: -9.8, ABG: -1.8 }, { quarter: "Q4 2023", KMX: 7.8, GPI: 2.2, CVNA: -8.9, ABG: -0.9 }, { quarter: "Q1 2024", KMX: 8.0, GPI: 2.0, CVNA: -8.2, ABG: -1.2 }, { quarter: "Q1 2025", KMX: 8.1, GPI: 2.0, CVNA: -8.0, ABG: -5.2 }, ] const marketShareData = [ { segment: "Traditional", value: 78.5, change: 2.1 }, { segment: "CVNA Model", value: 12.3, change: -1.8 }, { segment: "Other Online", value: 9.2, change: -0.3 }, ] const chartConfig = { KMX: { label: "CarMax", color: "#10b981" }, GPI: { label: "Group 1", color: "#3b82f6" }, CVNA: { label: "Carvana", color: "#ef4444" }, ABG: { label: "Asbury", color: "#f59e0b" }, } // Chart Component function ChartPanel({ type, title, description, isActive, onMaximize }) { const renderChart = () => { switch (type) { case "performance": return ( `${value}%`} tick={{ fill: "#64748b" }} /> { if (active && payload && payload.length) { const data = payload[0].payload return (

{label}

{data.model} Model

= 0 ? "text-green-400" : "text-red-400"}`}> {data.growth >= 0 ? "+" : ""} {data.growth}% Growth

) } return null }} /> entry.color} radius={[4, 4, 0, 0]} /> ) case "trends": return ( `${value}%`} tick={{ fill: "#64748b" }} /> { if (active && payload && payload.length) { return (

{label}

{payload.map((entry, index) => (

{entry.name}: {entry.value >= 0 ? "+" : ""} {entry.value}%

))}

) } return null }} /> ) case "market": return ( `${value}%`} tick={{ fill: "#64748b" }} /> { if (active && payload && payload.length) { const data = payload[0].payload return (

{label}

Market Share: {data.value}%

= 0 ? "text-green-400" : "text-red-400"}`}> Change: {data.change >= 0 ? "+" : ""} {data.change}%

) } return null }} /> ) default: return null } } return (

{/* Chart Header */}

{title}

{isActive && ( Active )}

{/* Chart Content */}

{description &&

{description}

} {renderChart()}

) } export default function FullWidthSideBySide() { const [activeSection, setActiveSection] = useState("performance") const sectionRefs = useRef({}) // Scroll spy effect to determine active section useEffect(() => { const handleScroll = () => { const scrollPosition = window.scrollY + 200 const sections = ["performance", "trends", "market"] for (const section of sections) { const element = sectionRefs.current[section] if (element) { const { offsetTop, offsetHeight } = element if (scrollPosition >= offsetTop && scrollPosition < offsetTop + offsetHeight) { setActiveSection(section) break } } } } window.addEventListener("scroll", handleScroll) return () => window.removeEventListener("scroll", handleScroll) }, []) return (

{/* Header */}

Research Assistant

{/* Main Content - Full Width Split View */}

{/* Text Content Panel */}

{/* Title */}

Same Store Used Vehicle Growth: CVNA vs Traditional Dealership Models

{/* Performance Overview Section */}

(sectionRefs.current.performance = el)} className={`transition-all duration-300 ${ activeSection === "performance" ? "bg-slate-900/20 border-l-4 border-blue-500 pl-4 -ml-4" : "" }`} >

Performance Comparison Overview

CarMax leads traditional dealership peers with{" "} +8.1% comparable store growth, demonstrating the strength of their established 250-store network and omni-channel approach. This performance significantly outpaces industry averages and showcases the resilience of traditional dealership models in mature markets.

Carvana operates under a fundamentally different model {" "} that emphasizes company-wide expansion over same-store metrics. The{" "} -8.0% decline in same-store performance reflects the challenges of the online-first approach in maintaining market penetration depth while pursuing geographic breadth.

Among traditional dealerships,{" "} ABG faces significant headwinds with{" "} -5.2% same store declines, contrasting sharply with GPI's modest but positive{" "} +2.0% organic growth, indicating varied execution capabilities within the traditional model.

{/* Key Metrics Cards */}

Best Performer

KMX +8.1%

Traditional Model

Worst Performer

CVNA -8.0%

Online-First Model

{/* Historical Analysis Section */}

(sectionRefs.current.trends = el)} className={`transition-all duration-300 ${ activeSection === "trends" ? "bg-slate-900/20 border-l-4 border-blue-500 pl-4 -ml-4" : "" }`} >

Historical Performance Trends

The historical data reveals a clear divergence between traditional and online-first business models over the past two years.{" "} CarMax has shown consistent improvement, with same-store growth accelerating from 5.2% in Q1 2023 to the current 8.1%, demonstrating the compound benefits of their omni-channel strategy and established customer relationships.

Carvana's trajectory tells a different story, with same-store metrics declining from -12.1% in Q1 2023 to -8.0% currently. While this represents improvement in absolute terms, it highlights the ongoing challenges of converting online traffic into sustained local market penetration without physical presence.

Group 1 Automotive has maintained stability, hovering around the 2% growth range consistently, which reflects the steady but unspectacular performance typical of franchise-based dealership networks with diversified geographic exposure.

{/* Trend Insights */}

Key Trend Observations

• CarMax shows accelerating growth trajectory (+2.9% improvement)
• Carvana improving but still negative (-4.1% improvement from trough)
• Traditional dealers maintain more consistent performance
• Market divergence increasing between business models

{/* Market Context Section */}

(sectionRefs.current.market = el)} className={`transition-all duration-300 ${ activeSection === "market" ? "bg-slate-900/20 border-l-4 border-blue-500 pl-4 -ml-4" : "" }`} >

Market Share Distribution & Analysis

Traditional dealerships maintain dominant market position {" "} with 78.5% market share, reflecting the enduring strength of the established model. This dominance has actually increased by 2.1 percentage points, suggesting that despite digital disruption narratives, physical dealership networks continue to capture market share.

The CVNA model represents 12.3% of the market{" "} but has declined by 1.8 percentage points, indicating that the online-first approach may have reached a natural ceiling in market penetration without significant model evolution or market expansion strategies.

The used vehicle retail market continues to favor established players with physical infrastructure and proven service capabilities.{" "} Traditional dealerships benefit from customer trust, financing relationships, trade-in capabilities, and service departments that create multiple touchpoints for revenue generation and customer retention.

{/* Market Share Breakdown */}

78.5%

Traditional

+2.1%

12.3%

CVNA Model

-1.8%

9.2%

Other Online

-0.3%

{/* Data Table */}

Same Store Growth Metrics by Company

Company	Q1 2025 vs Q1 2024	FY2026**	Business Model Context
KMX	—	+8.1%	250 stable store base, omni-channel focus
GPI	+2.0%	—	U.S. and U.K. operations, franchise model
CVNA	-8.0%	—	Online-first, geographic expansion focus
ABG	-5.2%	—	Traditional dealership network

{/* Strategic Implications */}

Strategic Implications

Traditional Model Advantages

• Physical presence builds customer trust and loyalty
• Multiple revenue streams (sales, service, financing)
• Trade-in capabilities enhance customer convenience
• Established relationships with lenders and OEMs

Online-First Challenges

• Higher customer acquisition costs
• Limited service and financing opportunities
• Logistics complexity for vehicle delivery
• Difficulty building local market depth

{/* Action Items */}

Build KPI table for all ridesharing companies for last 3 years

{/* Charts Panel - Pinned to Sections */}

{/* Performance Chart - Pinned to Performance Section */} console.log("Maximize performance chart")} /> {/* Trends Chart - Pinned to Historical Section */} console.log("Maximize trends chart")} /> {/* Market Share Chart - Pinned to Market Section */} console.log("Maximize market chart")} />

) }