Reviews

import { BoxpressdReviewSummary } from "@boxpressd/sites-sdk/reviews"

export default function ReviewsSection() {
  return (
    <BoxpressdReviewSummary />
  )
}

<section>
  <h2>Trusted by the Community</h2>

  <BoxpressdReviewSummary />
</section>

import { BoxpressdRatingBadge } from "@boxpressd/sites-sdk"

export default function VenueCard() {
  return (
    <BoxpressdRatingBadge
      rating={4.9}
      reviewCount={247}
    />
  )
}

<BoxpressdRatingBadge
  rating={4.8}
  reviewCount={82}
  size="sm"
/>

<BoxpressdRatingBadge
  rating={4.9}
  reviewCount={247}
  size="lg"
/>

{
  averageRating: 4.9,
  reviewCount: 247,
  recommendationPercentage: 97
}

<section className="trust-section">
  <h2>Trusted by Cigar Enthusiasts</h2>

  <BoxpressdReviewSummary />
</section>

<BoxpressdCard>
  <h3>Stogies Cigar Lounge & Tap House</h3>

  <BoxpressdRatingBadge
    rating={4.9}
    reviewCount={247}
  />
</BoxpressdCard>

<BoxpressdReviewSummary />

<BoxpressdReviewSummary />

:root {
  --bxp-primary: #d3a966;
  --bxp-border-radius: 16px;
}

<section className="review-section">
  <BoxpressdReviewSummary />
</section>

.review-section {
  --bxp-primary: #d3a966;
}