PawPair

Developer reference

Showcase

Catalog of sample pages, live section modules, live UI components, and a side-by-side light / dark landing preview for the PawPair template.

Pages

Links to every sample page currently available in the app.

Home

/

Landing page with full marketing section stack.

Visit →

About

/about

Mission, values, team, and community commitment.

Visit →

Pricing

/pricing

Plans, comparison table, FAQ, and final CTA.

Visit →

Blog

/blog

Article list with featured post and filters.

Visit →

Blog Grid

/blog/grid

Alternate blog index using a card grid layout.

Visit →

Blog Post

/blog/how-to-plan-a-low-stress-first-pet-meetup

Single article with body, related posts, and newsletter.

Visit →

Contact

/contact

Contact form, options, FAQ preview, and CTA.

Visit →

OTP

/otp

One-time password verification sample flow.

Visit →

404

/this-page-does-not-exist

Custom not-found page with branded illustration.

Visit →

Sections

Live renders of every page-level section module from @/sections/.

Home

@/sections/home/announcementAnnouncement
@/sections/home/heroHero

The social app for pets and their humans

Your pet's next best friend is closer than you think.

Create a profile, discover compatible pets nearby, and plan safer playdates with humans you can trust.

  • Free to create a profile
  • Compatibility-based discovery
  • Safety-first meetup tools
Pets and their humans meeting for a playdate at the park
Mochi

Mochi

Verified

Shih Tzu mix · 3 yrs · 1.8 km

92% match
@/sections/home/social-proofSocial Proof
Mochi
Luna
Atlas
Pepper
Benny

More good walks. Fewer awkward park introductions.

4.9
average community rating
12,000+
introductions started
Hundreds
of local walks planned

Demo metrics for showcase purposes — not verified real-world data.

@/sections/home/how-it-worksHow It Works

Three steps to a better first sniff.

1
Create their profile
Add personality, size, age, energy level, play style, favorite activities, and a few great photos.
2
Discover compatible pets
Browse nearby profiles and understand why each pet may be a good fit.
3
Chat and meet safely
Message the pet parent, agree on expectations, and plan a public first meetup.
@/sections/home/compatibility-featuresCompatibility Features

More than a cute photo

Matching built around personality—not just proximity.

Energy Match
Find pets who want the same pace, from slow neighborhood walks to full-speed park sessions.
Play Style
Separate gentle players, chase lovers, wrestlers, observers, and pets still learning social confidence.
Size and Age Preferences
Set comfortable ranges for safer, more enjoyable introductions.
Availability
Match with people whose walking and playdate schedules fit yours.
Distance
Choose a realistic discovery radius around your neighborhood.
Social Comfort
Make space for shy, reactive, senior, or selectively social pets.
@/sections/home/product-previewProduct Preview

Everything you need before the leashes come out.

PawPair app screens showing discovery, matches, and messaging
Mochi
Mochi
92% match
Shih Tzu mix · 3 years · small
Energy
medium
Play style
Gentle chase
Distance
1.8 km away
Looking for
Weekend walks, Small-dog playdates

Weekend walks and small-dog playdates.

@/sections/home/safetySafety
Pet parents meeting safely in a public park

Designed for responsible introductions

Meet with more context and less guesswork.

  • Profile verification
  • Owner-controlled messaging
  • Public meetup suggestions
  • Block and report tools
  • Clear pet behavior notes
  • Community guidelines
  • Optional vaccination-status field
  • Meetup checklists
Read the safety guide

Verification and safety tools reduce uncertainty, but they do not remove all risk. Always use your judgment and meet in public places.

@/sections/home/use-casesUse Cases

Whatever their social speed, there is a place for them.

The Weekend Walker
For pets who need company on regular neighborhood routes.
The Park Sprinter
For high-energy dogs looking for compatible play sessions.
The Gentle Senior
For slower companions who prefer calm company.
The Curious Introvert
For shy pets who need patient, low-pressure introductions.
A group of pets and owners on a community walk
@/sections/home/testimonialsTestimonials

Friendships approved by pets and humans.

Luna's avatar
Bea & Luna
Cebu
Luna usually gets overwhelmed at the park. PawPair helped us meet one calm dog at a time, and now she has a walking buddy every Sunday.
Atlas's avatar
Marco & Atlas
Manila
The energy filters saved us from guessing. Atlas finally met a dog who can keep up with him.
Pepper's avatar
Nina & Pepper
Quezon City
I moved to a new city knowing nobody. My cat did not become a social butterfly, but I found a community that understands her.
@/sections/home/pricing-previewPricing Preview

Start free. Upgrade when your pack grows.

Free

New Friend

Free

Create a meaningful profile and start matching without paying.
Plus
Most popular

Best Friend

$8/mo

More discovery power when your pack starts to grow.
Pack

Community Pack

$16/mo

Tools for multi-pet households and local community hosts.
@/sections/home/final-ctaFinal CTA
Happy pets and humans after a successful match

Ready when they are

Meet the right kind of wild.

Create a free profile and start discovering compatible pets near you.

About

@/sections/about/heroHero

Why PawPair exists

Pet friendship should not depend on a lucky park encounter.

Every pet has a different comfort level, play style, and social rhythm. PawPair was imagined as a better way for pet parents to understand those differences and find companions who genuinely fit.

Pets and their humans gathering in a local park community
@/sections/about/mission-visionMission & Vision

Mission & vision

What we are building toward.

Mission

Happier, healthier, more social lives
Help pets live happier, healthier, and more social lives through better local connections.

Vision

Thoughtful introductions, everyday simple
Make thoughtful pet introductions as normal and accessible as booking a walk.
@/sections/about/origin-storyOrigin Story

Origin story

Friendly does not always mean compatible.

PawPair began with a simple observation: two friendly pets are not automatically compatible. One may want to sprint, another may prefer to sniff quietly, and their humans may have completely different routines.

The product was designed around the idea that context improves introductions. Better profiles, clearer expectations, and thoughtful matching can make social experiences less stressful for pets and people.

@/sections/about/valuesValues

Our values

Principles that shape every product decision.

We design for pets first, then for the humans who care for them—never the other way around.

Pet Wellbeing First
Engagement metrics never matter more than healthy interactions.
Compatibility Over Popularity
The goal is not to collect the most matches. The goal is to find good ones.
Humans Stay in Control
Pet parents decide who to talk to, what to share, and when to meet.
Local Community Matters
Strong communities are built through consistent, responsible connections.
Design Should Feel Easy
Responsible choices should be clear, accessible, and simple to complete.
@/sections/about/teamTeam

The team

A small pack with big care for pets.

Fictional roles that show how PawPair thinks about product, safety, community, and craft.

Maya Ortega

Founder and Product Lead

Former pet parent turned product builder. Focused on making introductions feel safer and more intentional.
Jules Reyes

Head of Pet Safety

Shapes meetup guidance, reporting tools, and wellbeing standards so every first meet starts on solid ground.
Aya Santos

Community Experience Lead

Builds programs for local packs, shelters, and trainers who help pets thrive together.
Kenji Park

Design Engineer

Crafts interfaces that stay calm under pressure—clear CTAs, readable profiles, and accessible flows.
@/sections/about/community-commitmentCommunity Commitment

Community commitment

Standards we hold ourselves—and our community—to.

PawPair is built for respectful, inclusive, and responsible pet socializing in real neighborhoods.

  • Respectful profile standards
  • Inclusive treatment of pet types and breeds
  • Responsible first-meet guidance
  • Collaboration with trainers and shelters
  • Clear reporting tools
  • Accessible product design
@/sections/about/final-ctaFinal CTA

Help us build better local packs.

Whether you are creating a profile, partnering with us, or just saying hello—we would love to hear from you.

Pricing

@/sections/pricing/heroHero

Pricing

Start free. Upgrade when your pack needs more.

Create a meaningful profile and find matches without paying. Paid plans unlock convenience, visibility, and community tools.

PawPair is for friendships and community—not a breeding marketplace.

  • Mochi
  • Luna
  • Atlas
  • Pepper
@/sections/pricing/plansPlans

Plans

Choose the plan that fits your pack.

Every plan includes safety checklist access and compatibility-minded discovery.

New Friend

Free
Free
Create a meaningful profile and start matching without paying.
  • One pet profile
  • Standard local discovery
  • Limited daily likes
  • Basic compatibility details
  • Match and chat
  • Safety checklist access
Most popular

Best Friend

Plus
$8/month
More discovery power when your pack starts to grow.
  • Everything in Free
  • Unlimited likes
  • Advanced compatibility filters
  • See who liked your pet
  • Extended discovery radius
  • Profile boost each month
  • Read receipts
  • Saved search preferences

Community Pack

Pack
$16/month
Tools for multi-pet households and local community hosts.
  • Everything in Plus
  • Up to four pet profiles
  • Create group walks
  • Host local pet circles
  • Event planning tools
  • Priority support
  • Community moderation controls
  • Partner discounts (coming soon)
@/sections/pricing/comparisonComparison

Compare

See what each plan unlocks.

A quick look at the differences across Free, Plus, and Pack.

Pet profiles

Free
1
Plus
1
Pack
Up to 4

Daily likes

Free
Limited
Plus
Unlimited
Pack
Unlimited

Compatibility filters

Free
Basic
Plus
Advanced
Pack
Advanced

See who liked your pet

Free
Plus
Yes
Pack
Yes

Discovery radius

Free
Standard
Plus
Extended
Pack
Extended

Profile boost

Free
Plus
Monthly
Pack
Monthly

Group walks & pet circles

Free
Plus
Pack
Yes

Priority support

Free
Plus
Pack
Yes
@/sections/pricing/faqFAQ

FAQ

Questions about plans and pricing.

Straight answers so you can pick a plan with confidence.

@/sections/pricing/final-ctaFinal CTA

One good match can change the whole week.

Start with a free profile. Upgrade only when you need more discovery and community tools.

Two pet parents and their dogs celebrating a successful match outdoors.

Blog

@/sections/blog/heroHero

PawPair Blog

Guides for better playdates, walks, and local pet communities.

Practical stories and safety-minded tips for pet parents who want friendship without the guesswork.

@/sections/blog/filtersFilters

Browse by topic

Filter articles by category
@/sections/blog/newsletterNewsletter

Subscribe for pet tips

Get occasional guides on first meetups, play signals, and neighborhood walks—no spam, just useful notes.

@/sections/blog/article-headerArticle Header
First Meetups

How to plan a low-stress first pet meetup

A practical checklist for choosing the right place, timing, and expectations before leashes come out.

Aya Santos

Aya Santos

Community Experience Lead·March 12, 2026·6 min read

How to plan a low-stress first pet meetup
@/sections/blog/article-bodyArticle Body

A first meetup goes better when both pets and humans know what to expect. Start with a public park, short duration, and clear communication.

Compatibility cues like energy level and play style help you choose the right companion before you arrive.

Bring treats, keep leashes on for the first greeting, and leave room to pause if either pet looks overwhelmed.

Compatibility cues like energy level and play style help you choose the right companion before you arrive.

Contact

@/sections/contact/heroHero

Let's talk pets, partnerships, or product.

Send a message and choose the topic that best matches what you need.

@/sections/contact/contact-formContact Form

Send us a message

We read every note. Choose a topic so we can route your message to the right teammate.

@/sections/contact/contact-optionsContact Options

Or reach the right desk directly

Prefer email? Use the inbox that matches your question—demo addresses only.

Support
Account help, matching questions, and product troubleshooting.
Partnerships
Community hosts, local businesses, and collaboration ideas.
Press
Media kits, interviews, and product announcements.
Safety
Urgent safety reports and community guideline concerns.
@/sections/contact/faq-previewFAQ Preview

Quick answers before you write

A few questions we hear often. For plan details, visit the pricing FAQ.

See pricing FAQ

@/sections/contact/final-ctaFinal CTA

Looking for a playmate instead?

Create a free pet profile and start discovering compatible companions nearby.

Start matching

Not Found

@/sections/not-found/heroHero

404 — This trail went cold

We sniffed everywhere. This page is gone.

The link may have moved, or someone buried it in the backyard.

Curious pet looking for a missing page on a dotted paw trail

OTP

@/sections/otpOTP Verify

Confirm it's you

We sent a 6-digit code to your email. Enter it below — it expires in 10 minutes.

Didn't receive a code?

← Back to sign in

Components

Live examples of UI primitives from @/components/.

accordion

Yes. It follows WAI-ARIA design patterns for accordions and keyboard navigation.

alert

alert-dialog

aspect-ratio

16:9

attachment

project-brief.pdf2.4 MB

avatar

PP

badge

Badge

breadcrumb

bubble

Hey! Are we still on for the playdate tomorrow?

button

button-group

calendar

July 2026

card

Card Title
Card description goes here.

Card content area for details, metrics, or supporting copy.

carousel

Slide 1

First slide content

Slide 2

Second slide content

Slide 3

Third slide content

Slide 4

Fourth slide content

Slide 5

Fifth slide content

embla-carousel

Horizontal

Slide 1

First slide content

Slide 2

Second slide content

Slide 3

Third slide content

Slide 4

Fourth slide content

Slide 5

Fifth slide content

Horizontal auto-width

All
Dogs
Cats
Puppies
Senior pets
Playdates
Walking buddies
Training tips

Vertical

Slide 1
Slide 2
Slide 3
Slide 4
Slide 5

chart

checkbox

collapsible

Order summary

3 items · $129.00

combobox

command

context-menu

dialog

direction

Left to right layout

drawer

dropdown-menu

empty

No messages yet
When you start chatting with matches, conversations will appear here.

field

We will never share your email with anyone else.

hover-card

input

input-group

input-otp

item

Unread messages

3 new messages from pet owners near you.

kbd

K

label

marker

Updated 2 hours ago

menubar

message

JD
Hello! How can I help you today?

message-scroller

Hey there! Welcome to PawPair support.
How can we help you and your pet today?
You can ask about matching, safety tips, or account settings.
Our team typically replies within a few minutes.
Feel free to share photos of your pet too!

motion/scroll-reveal

Revealed content

This block animates into view with a subtle fade and slide.

native-select

navigation-menu

pagination

popover

progress

Uploading
x

radio-group

resizable

Panel One
Panel Two

scroll-area

select

separator

Above

Below

sheet

skeleton

slider

sonner

spinner

switch

table

InvoiceStatusMethodAmount
INV001PaidCredit card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank transfer$350.00

tabs

Default

Make changes to your account settings here.

Responsive (carousel below @sm)

Content for Overview.

textarea

toggle

toggle-group

tooltip

Light & dark landing preview

Side-by-side mini landing cards forced into light and dark themes via the .dark class — independent of the site-wide theme toggle.

Light mode

PawPairLight

Better matches. Happier tails.

Find playmates and pet-parent friends nearby

Compatibility-first matching for safer meetups, walking buddies, and local community.

Create a profileHow it works

Dark mode

PawPairDark

Better matches. Happier tails.

Find playmates and pet-parent friends nearby

Compatibility-first matching for safer meetups, walking buddies, and local community.

Create a profileHow it works