4leggedITTemplate

    Standards

    Adoptable Pets — hybrid mode

    Local listings shown alongside one or more provider adapters at once — for a site that curates its own featured pets but also pulls a live feed.

    Example

    Animal Friends of the Valleys (Wildomar, CA) is a real rescue whose public listings are used below to demonstrate this adapter with real-world data. This template and 4leggedIT are not affiliated with Animal Friends of the Valleys.

    Adoptable Pets

    Meet Luna
    Luna

    Adult • Female • Husky

    See Animal Friends of the Valleys' current listing for full details.

    Meet Malcom
    Malcom

    Adult • Male • German Shepherd Dog

    See Animal Friends of the Valleys' current listing for full details.

    Meet Raiya
    Raiya

    Adult • Female • American Pit Bull Terrier

    See Animal Friends of the Valleys' current listing for full details.

    Meet Toby
    Toby

    Adult • Male • Shepherd (Unknown Type)

    See Animal Friends of the Valleys' current listing for full details.

    Petfinder feed

    Petfinder Listings

    Or view all pets on Petfinder.

    Adopt-a-Pet feed

    Adopt-a-Pet Listings

    Open Adopt-a-Pet

    Or view all pets on Adopt-a-Pet.

    Or view all pets on GetBuddy.

    Apply to Adopt

    Standard

    - Use `mode="hybrid"` when a site curates its own featured pets locally but also wants one or more live provider feeds on the same page.

    - Combine `localPets` with any of `petfinder`, `adoptAPet`, `getBuddy` — each renders its own section in the order: local, then Petfinder, then Adopt-a-Pet, then GetBuddy.

    - Every provider adapter used in hybrid mode still needs its own `listingsUrl`/sibling cross-link URLs — hybrid doesn't relax the no-JS-fallback requirement (the "Or view all pets on..." line) for any individual adapter.

    - Keep conversion actions at section level (`ctas` + `footerCta`) instead of per-card apply buttons — this applies across every mode, including hybrid's multiple sub-sections.

    - `headless=true` renders local listings/cards only, skipping provider embeds and the section title, for embedding inside a custom layout.

    - `labels` overrides section copy (empty-state text, feed names) for i18n/site customization.

    - Component: `template/src/components/patterns/AdoptablePetsSection.tsx`