Generate Customer Stats Counter Section

Create a customer statistics counter section:

Stat Items:

  Customers served: [NUMBER]
  Repeat purchase rate: [PERCENTAGE]%
  Average customer rating: [RATING]/5
  Customer retention rate: [PERCENTAGE]%
  Net Promoter Score: [SCORE]
  Support response time: under [TIME]
  Countries with customers: [NUMBER]
  Products in catalog: [NUMBER]


Select [NUMBER] stats to display from the above or use custom stats:

  Custom stat 1: [VALUE] - [LABEL]
  Custom stat 2: [VALUE] - [LABEL]


Animation:

  Count-up animation on scroll into view
  Duration: [DURATION]ms
  Staggered start (each counter starts [DELAY]ms after previous)
  Easing function: [ease-out/spring/linear]
  Decimal support for ratings and percentages


Layout:

  Stats per row: [3/4]
  Style: [simple-numbers/icon-cards/progress-circles]
  Progress circle option: animated circular progress bar
  Divider between stats: [none/line/dot]
  Section heading: [SECTION_HEADING]


Design Settings:

  Background: [solid-color/gradient/image-overlay]
  Number color: [NUMBER_COLOR]
  Label color: [LABEL_COLOR]
  Icon/circle color: [ACCENT_COLOR]
  Font sizes: number [SIZE]px, label [SIZE]px
  Padding: [TOP_PADDING]px / [BOTTOM_PADDING]px


Requirements:

  IntersectionObserver for animation trigger
  Responsive: 2-column on tablet, single on mobile
  Numbers accessible without JavaScript
  Lightweight implementation
  Support for at least [NUMBER] stat items


Generate the Liquid, CSS, and JavaScript for this customer stats counter as a custom section I can paste into my theme myself.

Where to add it: In the Shopify admin, go to Online Store > Themes > Edit code, create a new file under Sections (e.g. sections/customer-stats-counter.liquid), and paste the generated code in. Save, then open the theme editor and use “Add section” on the homepage or an About page to place it.