Skip to content

EDU-3945: landing pages redesign #3327

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 49 commits into
base: main
Choose a base branch
from
Draft

EDU-3945: landing pages redesign #3327

wants to merge 49 commits into from

Conversation

jsundai
Copy link
Contributor

@jsundai jsundai commented Feb 7, 2025

What does this PR do?

WIP

This PR implements a comprehensive redesign of Temporal's documentation landing pages, focusing on improved developer experience, modern design patterns, and streamlined onboarding flows.

Pages modified:
/ (Homepage)
/develop (Developer guide landing)
/develop/go, /develop/java, /develop/php, /develop/python, /develop/typescript, /develop/dotnet (SDK landing pages)
/develop/*/setup (New setup pages for all SDKs)
/introduction (Enhanced with new image assets and layout)
/features (Complete redesign)
/getting-started (Full revamp as new page)

Notes to reviewers

Summary of changes in this PR:
Landing Page Redesigns

  • Homepage: Complete visual overhaul with new card-based layout, updated typography (Aeonik font family), and improved color scheme
  • Developer Guide Landing Pages: Redesigned /develop section with cleaner card layouts and better content hierarchy
  • SDK Landing Pages: Standardized design across Go, Java, PHP, Python, TypeScript, and .NET with:
    - New card-based layout replacing previous list format
    - Streamlined content focusing on titles and descriptions
  • Getting Started Page: New page instead of redirect with gradient borders and improved CTAs

Interactive React Components

  • Pattern Cards: Hover effects with subtle transforms and shadow changes
  • CTA Sections: Interactive elements with gradient borders and hover states
  • SDK Cards: Logo integration with proper spacing and hover interactions
  • Navigation: Enhanced with new Ask AI button integration

Enhanced Developer Onboarding

  • Setup Pages: Created dedicated setup/installation pages for all SDKs in two-column format
  • Getting Started Flow: Redesigned with clear activity time badges (5min, 10min, 20min) and progressive disclosure
  • Quick Start CTAs: Prominent "Create an account" and next page CTAs with gradient styling

Developer Experience Features

  • Ask AI button on navbar: Added navbar button that integrates with existing Kapa AI widget: This is a custom React component with sparkle icon. Has responsive design (text on desktop, icon-only on mobile). Provides proper spacing and visual integration with existing navbar elements.

@jsundai jsundai requested a review from a team as a code owner February 7, 2025 18:59
@jsundai jsundai marked this pull request as draft February 10, 2025 17:12
@fairlydurable fairlydurable added the work-in-progress This PR is not yet ready for technical or team review. Ideally it should be converted to a draft. label Feb 27, 2025
@jsundai jsundai removed the work-in-progress This PR is not yet ready for technical or team review. Ideally it should be converted to a draft. label Feb 27, 2025
@jsundai jsundai removed the docs-team label Mar 4, 2025
jsundai and others added 4 commits June 13, 2025 16:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants