> ## Documentation Index
> Fetch the complete documentation index at: https://docs.boxpressd.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Cigar Brand Website

> Build a modern cigar brand website powered by Boxpressd ratings, smoking sessions, events, and product storytelling.

# Cigar Brand Website Example

This example demonstrates how to build a cigar brand website using the Boxpressd Sites SDK.

The example is based on **BlueHaven Cigars**, a fictional premium cigar brand created to showcase brand-focused experiences.

Unlike lounge websites, brand websites typically focus less on location-based features and more on:

* Brand storytelling
* Product discovery
* Community engagement
* Smoking sessions
* Reviews and ratings
* Events and appearances
* Retailer relationships

***

## Business Context

This example assumes a brand business.

```ts id="q4uxho" theme={null}
{
  businessType: "brand",
  businessId: "bluehaven-cigars"
}
```

Most production websites will use the `BoxpressdProvider` to automatically resolve this context.

***

## Site Structure

```text id="tlq0am" theme={null}
Homepage
├── Hero
├── Featured Cigars
├── Brand Story
├── Community Sessions
├── Reviews
└── Retailer CTA

Cigars
Events
About
Find a Retailer
Contact
```

***

## Homepage

The homepage introduces visitors to the brand while showcasing real-world engagement from the Boxpressd community.

<Image src="/images/examples/bluehaven-homepage.jpg" alt="BlueHaven homepage" caption="Replace with actual homepage screenshot." />

### Hero Section

```tsx id="prf7c7" theme={null}
<section>
  <h1>BlueHaven Cigars</h1>

  <p>
    Premium handcrafted cigars designed for unforgettable smoking experiences.
  </p>
</section>
```

### Review Summary

```tsx id="hr9vfe" theme={null}
<BoxpressdReviewSummary />
```

### Community Sessions

```tsx id="8cb19f" theme={null}
<BoxpressdSessionsFeed
  limit={6}
  showRatings
  showCigarImage
/>
```

### Upcoming Events

```tsx id="pq39y2" theme={null}
<BoxpressdEventList
  status="upcoming"
  limit={3}
/>
```

***

## Cigars Page

The cigars page is the heart of most brand websites.

<Image src="/images/examples/bluehaven-cigars-page.jpg" alt="BlueHaven cigars page" caption="Replace with actual cigars page screenshot." />

### Featured Cigars

Future SDK component:

```tsx id="24yk5h" theme={null}
<FeaturedCigars
  limit={12}
/>
```

### Product Grid

Future SDK component:

```tsx id="qgqjv6" theme={null}
<CigarGrid />
```

### Product Filters

Future SDK component:

```tsx id="g0o0ec" theme={null}
<CigarFilters />
```

***

## Cigar Detail Page

One of the strongest opportunities for SEO and AEO is displaying real-world session activity for a cigar.

<Image src="/images/examples/bluehaven-cigar-detail.jpg" alt="BlueHaven cigar detail page" caption="Replace with actual cigar detail page screenshot." />

### Cigar Information

```tsx id="cqz75r" theme={null}
<section>
  <h1>BlueHaven Reserve Toro</h1>

  <p>
    Medium-bodied cigar featuring notes of cedar, espresso, and dark chocolate.
  </p>
</section>
```

### Community Sessions

```tsx id="z7r6gq" theme={null}
const sessions = await getBoxpressdSessions({
  cigarId: "cgr_12345",
  limit: 10,
})
```

### Session Feed

```tsx id="0k79fw" theme={null}
<BoxpressdSessionsFeed
  cigarId="cgr_12345"
  limit={10}
  showRatings
/>
```

### Future Review Feed

```tsx id="puk0gi" theme={null}
<BoxpressdReviewFeed
  cigarId="cgr_12345"
/>
```

***

## Community Section

Community activity helps demonstrate that real customers are actively smoking and enjoying the brand.

<Image src="/images/examples/bluehaven-community.jpg" alt="BlueHaven community page" caption="Replace with actual community page screenshot." />

### Sessions Feed

```tsx id="qj2zz6" theme={null}
<BoxpressdSessionsFeed
  limit={12}
  layout="grid"
  showRatings
  showCigarImage
/>
```

### Popular Cigars

Future SDK component:

```tsx id="5t7o7g" theme={null}
<PopularCigars />
```

### Community Leaderboard

Future SDK component:

```tsx id="9zyl4o" theme={null}
<CommunityLeaderboard />
```

***

## Events Page

Brands frequently participate in:

* Lounge events
* Product launches
* Trade shows
* Cigar festivals
* Meet-and-greets

<Image src="/images/examples/bluehaven-events.jpg" alt="BlueHaven events page" caption="Replace with actual events page screenshot." />

### Upcoming Events

```tsx id="zcg1fa" theme={null}
<BoxpressdEventList
  status="upcoming"
  layout="grid"
/>
```

### Event Calendar

```tsx id="ax4xhp" theme={null}
<BoxpressdEventCalendar />
```

***

## About Page

The About page tells the brand story.

<Image src="/images/examples/bluehaven-about.jpg" alt="BlueHaven about page" caption="Replace with actual about page screenshot." />

Common sections include:

* Founder story
* Brand philosophy
* Tobacco sourcing
* Manufacturing process
* Product lineup
* Awards and recognition

***

## Find a Retailer

Most cigar brands need a retailer locator.

<Image src="/images/examples/bluehaven-retailers.jpg" alt="BlueHaven retailer locator" caption="Replace with actual retailer locator screenshot." />

Future SDK component:

```tsx id="3hf24m" theme={null}
<RetailerLocator />
```

Future SDK component:

```tsx id="qvjxvb" theme={null}
<RetailerMap />
```

***

## SEO Strategy

Brand websites benefit significantly from server-rendered content.

### Upcoming Events

```tsx id="iqmw1j" theme={null}
const events = await getBoxpressdEvents({
  status: "upcoming",
  limit: 6,
})
```

### Community Sessions

```tsx id="y9j9mw" theme={null}
const sessions = await getBoxpressdSessions({
  limit: 10,
})
```

### Cigar Sessions

```tsx id="0z1mte" theme={null}
const cigarSessions = await getBoxpressdSessions({
  cigarId: "cgr_12345",
  limit: 10,
})
```

### Parallel Fetching

```tsx id="g39dgi" theme={null}
const [events, sessions] = await Promise.all([
  getBoxpressdEvents({
    status: "upcoming",
    limit: 6,
  }),
  getBoxpressdSessions({
    limit: 10,
  }),
])
```

***

## Why Sessions Matter for Brands

Unlike lounge websites, brand websites often lack constantly changing content.

Sessions solve this problem by providing:

* Fresh content
* Real customer engagement
* Product validation
* Community interaction
* AI-friendly content signals

A cigar with hundreds of smoking sessions becomes far more compelling than a static product page.

***

## Future Enhancements

Potential future SDK integrations include:

### Featured Cigars

```tsx id="33ytpa" theme={null}
<FeaturedCigars />
```

### Product Reviews

```tsx id="sr6l52" theme={null}
<BoxpressdReviewFeed />
```

### Retailer Locator

```tsx id="b3srm8" theme={null}
<RetailerLocator />
```

### Popular Cigars

```tsx id="44wut7" theme={null}
<PopularCigars />
```

### Community Leaderboard

```tsx id="bxjv7w" theme={null}
<CommunityLeaderboard />
```

### Product Comparison Tool

```tsx id="n7h8so" theme={null}
<CigarComparisonTool />
```

***

## Why This Pattern Works

A successful cigar brand website should combine:

* Strong storytelling
* Product discovery
* Community engagement
* Event promotion
* Search-friendly content

The Boxpressd Sites SDK allows brands to leverage real-world smoking activity and community data to create experiences that are difficult to replicate with traditional static websites.

***

## Related Examples

* Cigar Lounge Website
* Retailer Website
* Stogies Case Study
* Next.js SSR

These examples demonstrate additional implementation patterns using the Boxpressd Sites SDK.