# LinksMatch — 20 Premium Golf Partner Matching Mock Designs

**Project:** 20 high-fidelity, production-ready HTML/CSS mockups for a luxury golf partner-finding and tee-time matching app. Inspired by high-end golf communities, private club apps, and platforms like GolfNow, Clubhouse, and elite resort networks.

**Brand:** LinksMatch
- Tagline: "Meet serious players. Partner at the world's finest courses."
- Focus: High-end private clubs, resort courses (Pebble Beach, Augusta National, St. Andrews, Shinnecock, etc.). Skill-matched pairings, verified golfers, premium tee-time coordination.

## Design Inspirations Used
- Stripe (premium light, elegant fintech feel)
- Linear (dark precise SaaS)
- Vercel (monochrome developer minimal)
- Pinterest (masonry visual discovery)
- Airbnb (warm photography-driven)
- Notion (clean editorial)
- Figma (playful vibrant)
- Airtable (data-dense tables)
- Apple (premium product)
- And hybrids / custom

## How to View
Open any `NN-name.html` directly in a browser. All are self-contained single-file pages (Tailwind CDN + custom CSS). Fully responsive.

## Structure of the 20 Mocks

| # | File | Type | Style Inspiration | Key Focus |
|---|------|------|-------------------|-----------|
| 01 | 01-home-stripe.html | Homepage | Stripe | Elegant hero, featured courses, trust bar |
| 02 | 02-market-linear.html | Partner Marketplace | Linear | Dark grid, advanced filters, live availability |
| 03 | 03-listings-vercel.html | Course Listings | Vercel | Monochrome, precise course cards |
| 04 | 04-discovery-pinterest.html | Visual Discovery | Pinterest | Masonry golfer & course photos |
| 05 | 05-profile-stripe.html | Golfer Profile | Stripe | Premium golfer storefront |
| 06 | 06-detail-linear.html | Partner Detail | Linear | Dark profile + stats + match request |
| 07 | 07-match-vercel.html | Match Calculator | Vercel | Interactive handicap & availability tool |
| 08 | 08-profile-airbnb.html | Golfer Story | Airbnb | Warm photo-driven profile |
| 09 | 09-events-linear.html | Events & Tee Times | Linear | Bidding / booking interface |
| 10 | 10-home-pinterest.html | Homepage | Pinterest | Hero + dense visual feed |
| 11 | 11-dashboard-airtable.html | My Matches Dashboard | Airtable | Data table, upcoming rounds |
| 12 | 12-course-apple.html | Course Detail | Apple | Ultra-premium course showcase |
| 13 | 13-filters-notion.html | Marketplace Filters | Notion | Editorial filters + clean cards |
| 14 | 14-explorer-figma.html | Visual Explorer | Figma | Playful course & partner visualizer |
| 15 | 15-table-supabase.html | Compact Listings | Supabase | Dense table + quick filters |
| 16 | 16-mobile-linear.html | Mobile View | Linear | Responsive mobile partner finder |
| 17 | 17-hybrid-stripe-linear.html | Homepage | Stripe + Linear | Premium dark/light hybrid |
| 18 | 18-tools-vercel.html | Tools Hub | Vercel | Handicap calc, course finder, stats |
| 19 | 19-fullmarket-vercel.html | Full Marketplace | Vercel | Large catalog with sidebar |
| 20 | 20-landing-premium.html | Landing + Onboarding | Stripe | Conversion-focused landing |

All files include:
- Realistic high-end golf data (handicaps, courses, verified members)
- Interactive filters, modals, match requests (where relevant)
- Responsive Tailwind
- Beautiful golf photography placeholders (high-quality Unsplash / lorem picsum for courses & golfers)
- Premium, trustworthy tone appropriate for high-end users

Generated by Hermes Agent (web-designer profile) following the successful MorphForge snake breeding mock pattern.

## Brand Notes
- Target: Serious amateur golfers (handicap 0-18), executives, frequent travelers who play private/resort courses.
- Tone: Confident, refined, understated luxury. No loud colors — deep greens, navy, warm gold, crisp whites.
- Core actions: Find partner → Check availability → Send match request → Book tee time together.