import { jsx, jsxs, Fragment } from "react/jsx-runtime";
import { P as ProcessSteps, U as Users, T as TrendingUp, K as KeyPointsList } from "./index.js";
import "react";
import { I as InfoCard } from "./index2.js";
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return jsxs(Fragment, {
    children: [jsx(ProcessSteps, {
      title: "The Traffic Funnel",
      icon: Users,
      steps: [{
        number: 1,
        title: "Visitors",
        description: "Everyone who lands on your website, regardless of where they came from. This is the widest part of the funnel."
      }, {
        number: 2,
        title: "Identified Leads",
        description: "Visitors we've connected to a real person — someone who submitted a form, made an inquiry, or was identified by the tracking snippet via an email or phone number."
      }, {
        number: 3,
        title: "Conversions",
        description: "Identified leads who completed a purchase. These are the customers whose revenue appears in your measured revenue total."
      }]
    }), "\n", jsx(InfoCard, {
      title: "Where you may be losing potential customers",
      description: "The gap between each stage reveals where to focus",
      icon: TrendingUp,
      variant: "highlighted",
      children: jsxs("div", {
        className: "space-y-4 text-sm",
        children: [jsxs("div", {
          className: "flex items-start gap-3",
          children: [jsx("div", {
            className: "w-2 h-2 rounded-full bg-blue-500 mt-2 flex-shrink-0"
          }), jsxs("div", {
            children: [jsx("h5", {
              className: "font-medium",
              children: "Visitors to Leads gap"
            }), jsx("p", {
              className: "text-muted-foreground",
              children: jsx(_components.p, {
                children: "A large drop-off here means visitors are leaving without identifying themselves. Consider\nwhether your site has clear calls to action, contact forms, or easy ways for visitors to\nshare their information."
              })
            })]
          })]
        }), jsxs("div", {
          className: "flex items-start gap-3",
          children: [jsx("div", {
            className: "w-2 h-2 rounded-full bg-blue-500 mt-2 flex-shrink-0"
          }), jsxs("div", {
            children: [jsx("h5", {
              className: "font-medium",
              children: "Leads to Conversions gap"
            }), jsx("p", {
              className: "text-muted-foreground",
              children: jsx(_components.p, {
                children: "A large drop-off here means leads are identified but not buying. This could point to\npricing, sales follow-up, or the checkout experience as areas to investigate."
              })
            })]
          })]
        })]
      })
    }), "\n", jsx(KeyPointsList, {
      title: "Important to know",
      points: [{
        text: "The funnel only shows people we can track — visitors using ad blockers or private browsing may not appear"
      }, {
        text: "Funnel counts reflect the selected date range — comparing two date ranges side by side shows whether things are improving"
      }],
      variant: "highlighted"
    })]
  });
}
function MDXContent(props = {}) {
  const { wrapper: MDXLayout } = props.components || {};
  return MDXLayout ? jsx(MDXLayout, {
    ...props,
    children: jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
export {
  MDXContent as default
};
