import React, { useMemo, useState } from "react";
import { motion } from "framer-motion";
import { CheckCircle2, ArrowRight, ShieldCheck, TrendingUp, Car, Calculator, BadgeDollarSign } from "lucide-react";
import { Card, CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
const BLUE = "#0077c8";
const GREEN = "#97d700";
function formatCurrency(value) {
return new Intl.NumberFormat("en-US", {
style: "currency",
currency: "USD",
maximumFractionDigits: 0,
}).format(value || 0);
}
function formatPercent(value) {
return `${Number(value || 0).toFixed(1)}%`;
}
export default function TrustedSaleLandingPage() {
const [monthlyUnits, setMonthlyUnits] = useState(85);
const [avgGross, setAvgGross] = useState(1800);
const [conversionRate, setConversionRate] = useState(14);
const [grossLift, setGrossLift] = useState(900);
const [conversionLift, setConversionLift] = useState(18);
const roi = useMemo(() => {
const additionalUnits = monthlyUnits * (conversionLift / 100);
const grossFromHigherValue = monthlyUnits * grossLift;
const grossFromMoreUnits = additionalUnits * avgGross;
const monthlyLift = grossFromHigherValue + grossFromMoreUnits;
const annualLift = monthlyLift * 12;
return {
additionalUnits,
grossFromHigherValue,
grossFromMoreUnits,
monthlyLift,
annualLift,
newConversionRate: conversionRate * (1 + conversionLift / 100),
};
}, [monthlyUnits, avgGross, conversionRate, grossLift, conversionLift]);
return (
{[
["Monthly used units", monthlyUnits, setMonthlyUnits, 10, 300, "units"],
["Current avg front-end gross", avgGross, setAvgGross, 500, 5000, "$"],
["Current lead-to-sale conversion", conversionRate, setConversionRate, 5, 35, "%"],
["Gross lift per Trusted Sale unit", grossLift, setGrossLift, 100, 2500, "$"],
["Conversion lift", conversionLift, setConversionLift, 1, 40, "%"],
].map(([label, value, setter, min, max, suffix]) => (
))}
);
}
Trusted Sale™
Turn inventory into Trusted Retail Vehicles.
Make reconditioning visible, give customers proof, and help your sales team sell value instead of defending price.
Vehicle Trust Badge
Retail Ready
Verified
Used Cars = Low Trust
Dealers are investing more into vehicles than ever. But when customers cannot see the work, price becomes everything.
{[
[Car, "Value is invisible", "Recon, inspection, and quality are rarely merchandised clearly."],
[BadgeDollarSign, "Price takes over", "Buyers compare against the cheapest similar listing."],
[TrendingUp, "Gross gets compressed", "Your team defends price instead of presenting value."],
].map(([Icon, title, text]) => (
))}
{title}
{text}
The Trusted Sale Framework
A simple system for making value visible across listings, showroom conversations, and sales follow-up.
{["Inspect", "Recondition", "Prove", "Present", "Sell"].map((step, index) => (
))}
0{index + 1}
{step}
Estimate the upside of visible trust.
Use directional assumptions to model how higher gross and stronger conversion could impact monthly and annual profit.
Projected Annual Gross Lift
{formatCurrency(roi.annualLift)}
Directional model based on your selected monthly volume, gross lift, and conversion lift assumptions.
Monthly lift
{formatCurrency(roi.monthlyLift)}
Additional monthly units
{roi.additionalUnits.toFixed(1)}
Gross from value lift
{formatCurrency(roi.grossFromHigherValue)}
Modeled conversion rate
{formatPercent(roi.newConversionRate)}
You’re already doing the work.
Now get paid for it.