Before — dealer pricing lived in a multi‑tab Excel workbook that was emailed to resellers on request. Dealers had to manually calculate their own pricing, and any discount change meant redistributing the file. Staff spent significant time fielding calls from dealers who couldn't find what they needed.
After — a hosted dealer pricing tool with real‑time discount logic, profile‑based pricing tiers, product filtering, and a built‑in order builder with export and email summary. Dealers access it directly — no file to download, no call required.
+@@ -180,8 +194,22 @@"We've been imagining something like this for years. Our catalog used to live in a spreadsheet we'd email back and forth — now our dealers can filter products, build orders in their own pricing, and send them through electronically. Mike built exactly what we needed."
+
Before — the customer order form was a printed Excel sheet with basic formulas. Sales reps filled it in manually, calculated totals by hand, and emailed or faxed it in. The process was error‑prone, slow, and entirely dependent on one person knowing where everything was.
After — a hosted web order form with multiple pricing tiers, a pattern selector with live unit pricing, cut‑length calculators, and a print‑ready summary. Orders are submitted electronically — no phone call, no fax, no manual calculation.
+
diff --git a/style.css b/style.css index ccfac78..fbd81e9 100644 --- a/style.css +++ b/style.css @@ -160,6 +160,21 @@ blockquote { border-left: 4px solid var(--steel); border-radius: 0 6px 6px 0; } blockquote p { margin: 0; font-style: italic; color: var(--ink-soft); } +.case-shots { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 22px 0 4px; } +.case-shot { margin: 0; display: flex; flex-direction: column; gap: 8px; } +.case-shot-label { font-family: Verdana, Geneva, sans-serif; font-size: 0.7rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--steel-deep); font-weight: bold; } +.case-shot-frame { border: 1px solid var(--line); border-radius: 6px; overflow: hidden; background: var(--panel); height: 300px; } +.case-shot-frame img { width: 100%; height: 100%; object-fit: cover; object-position: top left; display: block; } +.case-cite { display: flex; align-items: center; gap: 12px; margin-top: 16px; } +.case-headshot { width: 46px; height: 46px; border-radius: 50%; overflow: hidden; flex-shrink: 0; border: 1px solid var(--line); background: var(--paper); } +.case-headshot img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; } +.case-cite-text { display: flex; flex-direction: column; line-height: 1.3; } +.case-name { font-family: Verdana, Geneva, sans-serif; font-size: 0.86rem; font-weight: bold; color: var(--ink); } +.case-role { font-family: Verdana, Geneva, sans-serif; font-size: 0.76rem; color: var(--ink-soft); } +@media (max-width: 640px) { + .case-shots { grid-template-columns: 1fr; gap: 16px; } + .case-shot-frame { height: 210px; } +} /* Process */ .steps { list-style: none; counter-reset: step; margin: 36px 0 0; padding: 0; }"I've been in this industry long enough to be skeptical of tech promises. This wasn't that. Michael took the time to understand our process first, then built something that fits. It's a massive leap forward for us."
+