Generate Star Rating Showcase Section

Create a star rating showcase section:

Aggregate Rating Display:

  Large star rating graphic: [RATING] out of 5
  Numeric score in large text
  Total review count: “Based on [NUMBER] reviews”
  Rating source badge(s): [Google/Trustpilot/Judge.me/Shopify/Yelp]


Rating Breakdown:

  5-star bar: [PERCENTAGE]% ([COUNT] reviews)
  4-star bar: [PERCENTAGE]% ([COUNT] reviews)
  3-star bar: [PERCENTAGE]% ([COUNT] reviews)
  2-star bar: [PERCENTAGE]% ([COUNT] reviews)
  1-star bar: [PERCENTAGE]% ([COUNT] reviews)
  Animated progress bars on scroll


Highlighted Reviews:

  Top [NUMBER] selected reviews displayed below breakdown
  Review text, author, date, star rating per review
  “Verified Purchase” badge
  Helpful count


Layout Options:

  Display style: [compact-banner/detailed-section/sidebar-widget]
  Compact: single row with stars, score, count
  Detailed: breakdown chart with highlighted reviews
  Alignment: [center/left]


Design Settings:

  Star color (filled): [FILLED_COLOR]
  Star color (empty): [EMPTY_COLOR]
  Progress bar color: [BAR_COLOR]
  Background color: [BACKGROUND_COLOR]
  Section heading: [SECTION_HEADING]
  Padding: [TOP_PADDING]px / [BOTTOM_PADDING]px


Requirements:

  Schema markup for AggregateRating
  Half-star support in display
  Responsive layout
  Accessible star rating announcements
  Click-to-filter by star rating
  Support for multiple review source badges