// Variation A — final // No em dashes anywhere; service tier cards use placeholder icons. function ImageSlot({ ratio = "4 / 3", label = "Image placeholder", tone = "amber" }) { const palette = tone === "amber" ? { bg: "#FFE7C2", border: "#F0C886", fg: "#7A5A1F" } : tone === "indigo" ? { bg: "#E1E5FF", border: "#B8C0F2", fg: "#3A4499" } : { bg: "#F5F6FF", border: "#DDDFEE", fg: "#5A6076" }; return (
Interactive Visual
To Be Added
); } // Placeholder icon (generic outline glyph in a chip) function PlaceholderIcon({ bg, fg, idx, variant }) { // bar chart const bar = ; // Accountability set: dashboard, checklist, alert, chart const accIcons = [ // laptop (Lucide) , // magnifying glass (Lucide) , // alert , // chart bar]; const icons = variant === "acc" ? accIcons : [ // brain (Lucide) , // mobile phone (Lucide) , // line graph / trend , // layout-dashboard (Lucide) ]; return (
{icons[idx % icons.length]}
); } function VarA_Basics() { const steps = [ { n: "01", title: "Engage", body: "A shopper or field rep scans a QR code on your packaging, display, signage, or marketing asset, and lands on dynamic, contextualized content." }, { n: "02", title: "Evaluate", body: "Every interaction feeds real-time engagement, geo, and execution data back to you, ready to act on." }, { n: "03", title: "Evolve", body: "Use those signals to refine content, fix execution gaps, and make every next campaign sharper than the last." }]; return (
How TapScan Works

Connect every touchpoint to dynamic content & real-time data.

TapScan turns ordinary marketing assets into measurable, context-aware moments, feeding shoppers what they need and giving you the data to prove what's working.

{steps.map((s, i) =>
{s.n}

{s.title}.

{s.body}

)}
); } function VarA_Experience({ onCaseStudies }) { // Placeholder copy until final marketing text lands. Selling-point cards // are intentionally numbered so the team can wireframe the section // before the real claims are written. const tiers = [ { title: "Drive Smarter Engagement", body: "Deliver relevant product information, offers, education, or campaign content based on the user's real-world context (at point of sale or point of use)." }, { title: "Remove Friction at the Point of Action", body: "No app downloads. Users scan and engage instantly from packaging, signage, displays, media, or support materials. Data stored on cloud." }, { title: "Measure What Happens in Market", body: "Track engagement by product, location, language, campaign, time, and channel to understand performance across stores, regions, and audiences." }, { title: "Turn Engagement Into Intelligence", body: "Use real-world interaction data to optimize campaigns, improve content, support sales teams, and make smarter business decisions." }]; return (
TapScan Experience

Influence the Moment. Learn From the Outcome.

TapScan's platform enables brands and retailers to deliver the right content from every physical touchpoint, adapting experiences by language, product, location, retailer, campaign, time, user need, or stage in the customer journey. From one code, teams can support multilingual audiences, localize content by market or store, guide shoppers and consumers to the right experience, and measure which touchpoints are driving engagement and ROI.

{tiers.map((t, i) =>

{t.title}

{t.body}

)}
); } function VarA_Accountability({ onCaseStudies }) { // Placeholder copy until final marketing text lands. const tiers = [ { title: "See Every Activation Live", body: "Know where campaigns, displays, signage, and assets are active across every location, without waiting for reports, spreadsheets, or field updates." }, { title: "Verify Execution with Proof", body: "Capture photo validation, location data, timestamps, and completion records to confirm that every activation happened as intended." }, { title: "Identify Gaps Before They Cost You", body: "Instantly uncover missing assets, execution failures, compliance issues, and rollout inconsistencies while there’s still time to fix them." }, { title: "Turn Execution Into ROI Intelligence", body: "Use live execution data to act while programs are in market, improve operational efficiency, reduce waste, and understand which assets, stores, regions, and campaigns drive results." }]; return (
TapScan Accountability

Know What’s Happening. See What Needs Action.

TapScan gives teams real-time visibility across stores, products, assets, service workflows, supply chain touchpoints, and locations. Instead of relying on manual updates, disconnected reports, or assumptions, TapScan creates a digital record of real-world activity so teams can verify execution, track issues, improve traceability, and protect ROI.

{tiers.map((t, i) =>

{t.title.split("|").map((ln, j) => j === 0 ? ln : [
, ln])}

{t.body}

)}
); } function VarA_About() { // Three values — each gets a brand-coloured chip and a contrasting icon. // Sequence: light brand blue → main brand blue → brand orange. const valueChipBg = ["#6976E7", "#2F3886", "#FFB855"]; // Icon stroke colour per chip — white reads on the blues; the amber chip // needs the navy ink so the glyph still has contrast. const valueIconStroke = ["#fff", "#fff", "#1C2250"]; const values = [ { title: "Insight Over Assumption", body: "We dig into what's actually happening at the touchpoint, not what people think is happening.", icon: }, { title: "Collaboration Drives Results", body: "The best work happens when brand, agency, and field teams build on the same shared signal.", icon: }, { title: "Always Be Evolving", body: "We don't stand still. Every campaign teaches us something, and every next one is sharper for it.", icon: }]; return (
Our Story

Built by brand experts, backed by experience.

TapScan was founded in 2018 as part of Ahead of the Curve Group. Co-founders Terry Dennis and John Snow are former leaders in brand marketing, design, and global customer packaging, with decades of experience at CPG companies including Nestlé and Unilever.

That experience shaped what TapScan is today. We’ve built a dedicated team to close the gap brands are facing, turning everyday touchpoints into adaptive experiences and actionable accountability that brand teams can stand behind.

What We Believe In.

{values.map((v, i) =>
{v.icon}

{v.title}.

{v.body}

)}
Learn More About Us
); } window.VarA_Basics = VarA_Basics; window.VarA_Experience = VarA_Experience; window.VarA_Accountability = VarA_Accountability; window.VarA_About = VarA_About;