SaaS Product Landing Page

Design a SaaS product landing page for a project management tool. The page should include:

1. **Sticky navigation bar** — Logo on the left, links (Features, Pricing, Blog, Customers) in the center, and two CTA buttons on the right: "Log in" (ghost) and "Start free trial" (solid blue). On scroll, the nav gets a white background + subtle shadow.

2. **Hero section** — Large centered headline: "Ship projects faster, together." Subheadline explaining the value prop in 1–2 sentences. Two CTAs: "Start free — no credit card" (primary blue) and "Watch demo →" (link style). Below the CTAs, add a row of 5 company logos as social proof ("Trusted by teams at:"). Below logos show a browser-frame mockup screenshot of the app.

3. **Feature grid** — Section title "Everything your team needs." Three feature cards per row (two rows): each card has an icon, bold feature name, and 1–2 sentence description. Features: Task Management, Real-time Chat, File Sharing, Timeline View, Automations, Reporting.

4. **Testimonials band** — Full-width gray band with 3 quote cards side by side. Each has a star rating, quote text, author name, role, and company logo.

5. **Pricing teaser** — Section with 3 plan cards: Starter ($19/mo), Pro ($49/mo, highlighted as "Most popular"), Enterprise (Contact us). Each shows key features as a checkmark list and a CTA button.

6. **Footer CTA banner** — Dark background, "Ready to get started?" headline, subtitle, and a single "Start your free trial" button.

7. **Footer** — 4-column links layout with company info on the left, plus copyright and legal links row at the bottom.

Use a white background, blue (#2563EB) as primary, generous whitespace, and a clean sans-serif font like Inter.

[NAV — sticky]
  [Logo: Taskr]  |  Features  Pricing  Blog  Customers  |  [Log in]  [Start free trial →]

[HERO — centered, full-width section]
  Ship projects faster, together.
  "The all-in-one workspace for modern teams to plan, track, and ship great work."
  [Start free — no credit card]   [Watch demo →]

  Trusted by teams at:
  [Stripe logo]  [Linear logo]  [Notion logo]  [Figma logo]  [Vercel logo]

  ┌────────────────────────────────────────────────────────┐
  │              [App screenshot / browser mockup]         │
  └────────────────────────────────────────────────────────┘

[FEATURES — section]
  Everything your team needs.

  ┌────────────────┐  ┌────────────────┐  ┌────────────────┐
  │ ✅ Task Mgmt   │  │ 💬 Real-time   │  │ 📎 File        │
  │                │  │    Chat        │  │    Sharing     │
  │ Organize work  │  │ Stay aligned   │  │ Keep files     │
  │ with boards,   │  │ with team      │  │ close to the   │
  │ lists & tasks. │  │ messaging.     │  │ work.          │
  └────────────────┘  └────────────────┘  └────────────────┘
  ┌────────────────┐  ┌────────────────┐  ┌────────────────┐
  │ 📅 Timeline    │  │ ⚡ Automations │  │ 📊 Reporting   │
  │ Visualize      │  │ Eliminate      │  │ Track progress │
  │ deadlines on   │  │ repetitive     │  │ with custom    │
  │ a Gantt chart. │  │ manual tasks.  │  │ dashboards.    │
  └────────────────┘  └────────────────┘  └────────────────┘

[TESTIMONIALS — gray band]
  ┌───────────────────────┐  ┌───────────────────────┐  ┌───────────────────────┐
  │ ★★★★★                 │  │ ★★★★★                 │  │ ★★★★★                 │
  │ "Taskr cut our        │  │ "Onboarding new        │  │ "The timeline view    │
  │ planning time in      │  │ devs is now a          │  │ alone is worth the    │
  │ half. Game changer."  │  │ breeze."               │  │ price."               │
  │ — Sara K., VP Eng      │  │ — Tom B., CTO          │  │ — Maria L., PM        │
  │ [Logo]                │  │ [Logo]                │  │ [Logo]                │
  └───────────────────────┘  └───────────────────────┘  └───────────────────────┘

[PRICING — 3 cards]
  ┌──────────────┐  ┌──────────────────┐  ┌──────────────┐
  │ Starter      │  │ ★ Pro ★           │  │ Enterprise   │
  │ $19 / mo     │  │ $49 / mo          │  │ Contact us   │
  │ ✓ 5 users    │  │ ✓ Unlimited users │  │ ✓ SSO        │
  │ ✓ 10 projects│  │ ✓ Unlimited proj  │  │ ✓ SLA        │
  │ ✓ Basic rep. │  │ ✓ Automations     │  │ ✓ Dedicated  │
  │ [Get started]│  │ [Start free trial]│  │ [Contact]    │
  └──────────────┘  └──────────────────┘  └──────────────┘

[FOOTER CTA BANNER — dark bg]
  Ready to get started?
  Join 10,000+ teams already using Taskr.
  [Start your free trial →]

[FOOTER — 4 cols]
  Taskr          Product        Company        Legal
  © 2026         Features       About          Privacy
                 Pricing        Blog           Terms
                 Changelog      Careers        Cookies