{d.after.body}
{it.back}
+{dict.body}
+{s.body}
+{dict.source}
+{dict.saveBody}
+ + {dict.saveCta} + +{dict.body}
-- {dict.quote} - {dict.quoteCite} --
{strike.body}
-{dict.body}
-- {dict.name} - {dict.role} -
-{dict.body}
+{dict.body}
-{s.body}
-{dict.source}
-{dict.saveBody}
- - {dict.saveCta} - -{dict.body}
{dict.body}
-{s.meta}
-{p}
- ))} - {i === count - 1 && ( - - {dict.readMore} - - )} -{inspection.body}
{fraud.body}
diff --git a/components/sections/home/PpiExplainer.tsx b/components/sections/home/PpiExplainer.tsx new file mode 100644 index 0000000..2531dce --- /dev/null +++ b/components/sections/home/PpiExplainer.tsx @@ -0,0 +1,61 @@ +import Link from "next/link"; +import type { HomePageDict } from "@/lib/i18n/dictionary"; +import { Rich } from "../shared/Rich"; + +// Explains what a pre-purchase inspection is, so the hero's +// "Inspection Guide" button makes sense to first-time buyers, then +// closes with why VINdicated makes this knowledge free. +export function PpiExplainer({ + dict, + knowledge, + ppiHref, + whereHref, + fraudHref, +}: { + dict: HomePageDict["ppi"]; + knowledge: HomePageDict["publicKnowledge"]; + ppiHref: string; + whereHref: string; + fraudHref: string; +}) { + return ( +
+
{item.body}
+
+
{dict.body}
- - {dict.cta} - -- {dict.question} -
-
-
{dict.body}
-{s.body}
+{dict.body}
-{text}
- {state === "now" && {dict.now}} -{dict.body}
-{dict.stateBody}
-{dict.doneBody}
-{dict.disclaimer}
-0 && pct > 0.05 ? " over" : ""}`} - tabIndex={-1} - ref={(el) => { - focusRef.current = el; - }} - > - {verdict} -
-{dict.why}
-{body}
} + {children} + + ); return ({body}
} - {children} -
-