<!-- source-hash: aa11a1879c86772619c2a16ae6fa5a48 -->
A client-side React section component that renders the "Share Your Experience" CTA block used on the Flamingo case-studies page, displaying review platform cards (G2, Capterra, TrustPilot, GetApp) alongside an embedded contact form.

## Key Components

- **`ShareExperienceSection`** — Main exported component; composes the heading, subtitle, "How it works" block, review platform benefit cards, and a `ContactForm` into a unified CTA section.
- **`ShareExperienceSectionProps`** — Interface exposing overridable props: `title`, `subtitle`, `howItWorksTitle`, `howItWorksBody`, `contactFormProps`, and `className`.
- **`DEFAULT_CONTACT_FORM_PROPS`** — Pre-configured `ContactForm` defaults (prefilled reason/message, hidden fields, outline button style) matching the hub's `/case-studies` behavior; caller-supplied `contactFormProps` take precedence via spread order.

## Usage Example

**Hub usage (auto-resolved context):**

```typescript
<ShareExperienceSection
  contactFormProps={{
    userId: currentUser.id,
    rdtCid: rdtCid,
    onSubmitSuccess: () => router.push('/case-studies/thank-you'),
  }}
/>
```

**Embed usage (brand-neutral override):**

```typescript
<ShareExperienceSection
  title="Share Your Experience"
  subtitle="Help other IT teams make better decisions."
  howItWorksTitle="How it works?"
  howItWorksBody="Submit your details and we'll be in touch."
  contactFormProps={{
    successRedirectUrl: '/thank-you',
  }}
  className="my-16"
/>
```

**Minimal usage (all defaults):**

```typescript
<ShareExperienceSection />
```

The inner `ContactForm` submits through the ambient `EndpointsRuntime.contactUrl` proxy, so no per-call-site API wiring is required for embedded deployments behind a `/content` reverse proxy.