feat(web): refresh Flutter Web landing page copy and layout#13574
feat(web): refresh Flutter Web landing page copy and layout#13574kevmoo wants to merge 8 commits into
Conversation
Refreshes the Flutter Web landing page (flutter.dev/development/web) to align with new marketing messaging and target audiences. - Updates Hero section to emphasize high-performance web applications. - Updates 3-point pitch features: 'Same code', 'Same experience', and 'Great performance' (with WebAssembly). - Adds a 'When to use Flutter on the web' comparison grid (Ideal vs. Less Ideal use cases). - Replaces the generic CTA section with a custom dual-pathway CTA targeting existing Flutter developers and web developers new to Flutter. - Updates layout and typography styles for the new section and custom CTAs.
|
Staged preview of the updated docs.flutter.dev site (updated for commit b7047a5): https://flutter-docs-prod--docs-pr13574-draft-web-refresh-5y4oykfg.web.app |
|
Staged preview of the updated flutter.dev site (updated for commit b7047a5): https://flutter-dev-230821--www-pr13574-draft-web-refresh-5swydr0d.web.app |
Style inline links inside the "When to use Flutter on the web" comparison grid. - Adds styling for `a` tags inside `.use-case-col` to use the primary blue color (`--blue-6`) and underline. - Adds hover state using `--blue-7`. - Updates the compiled stylesheet hash in `style_hash.dart` to `SpDqoGChHvZv`. This ensures the "Jaspr" alternative option link is clearly visible as a link.
|
Add a "How we build our own web experiences" mirror grid below the "When to use" section. - Highlights Flutter & Dart DevTools as an example of application-centric tooling built with Flutter Web. - Highlights dart.dev, flutter.dev, and pub.dev as examples of content-rich websites built with Jaspr. - Adds SCSS styles for the separator, subheading, and paragraph layout. - Updates the compiled stylesheet hash in `style_hash.dart` to `qNVkEeks2cg-`.
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
There was a problem hiding this comment.
Code Review
This pull request updates the "Flutter on the Web" page with revised copy, a detailed section outlining ideal and less ideal use cases, and a restructured Call to Action (CTA) section with pathways for both existing Flutter developers and web developers. It also adds the corresponding SCSS styles and updates the generated styles hash. A critical compilation error was identified in web_page.dart where a section is marked as const but contains non-constant children; removing the const keyword is recommended to resolve this.
|
@kevmoo - left my feedback. I'll approve once you address them. I'll also send this page to our designers to get updated design for the section you created - this is fine though for our first take. Appreciate you submitting the PR! |
Address feedback from abdallahshaban557 and gemini-code-assist. - Shortens hero title to "Pixel-Perfect Web Applications". - Removes "zero compromise" from hero copy. - Integrates developer tool and website examples into the "When to use" grid columns: - Mentions DevTools in "Rich Application UIs". - Mentions dart.dev, flutter.dev, and pub.dev in the Jaspr alternative bullet. - Removes the separate "How we build" grid and styling. - Changes the second pathway button text to "Get started". - Re-compiles styles and updates generated hash to "SpDqoGChHvZv".
|
3 participants
Refreshes the Flutter Web landing page (flutter.dev/development/web) to align with new marketing messaging and target audiences.