Commit 544aa34
authored
feat(landing): calmer first screen, full-bleed header, credits-led community entries, hesitant-only download prompt (#7178)
* feat(landing): simplify header community entry, move language switcher to footer, video-first hero
- Header: community entry becomes a plain word (飞书群 / 飛書群 / Discord);
zh / zh-tw hover reveals the Feishu group QR; benefit list and framed
pill removed; Discord / Feishu rows dropped from the Community dropdown
- Language switcher moves from the fixed header into the footer bottom bar
(homepage + shared site-footer, opens upward); Header keeps the prop for
call-site compatibility but no longer renders it
- Hero: drop the Claude-Design eyebrow (SEO layer keeps it), move the
value-promise paragraph and the product shot into the About section,
replace the first-screen shot with a click-to-play YouTube walkthrough
* feat(landing): merge about statement with hero value promise, product shot replaces desktop-native panel art
* feat(landing): move community entry from header to hero, beside the download CTA
* feat(landing): full-bleed flush-top header with icon-only community + X links
* feat(landing): drop X from the Community dropdown (lives in the header icon cluster)
* feat(landing): restore hero community button; keep Download in the bar at every width
* feat(landing): Feishu mark for the community entry, credits nudge on header + hero entries, core-trait chips in hero
* feat(landing): reword the coding-agent chip
* feat(landing): reframe the local-run chip around data safety
* feat(landing): reword the brand chip to brand consistency
* feat(landing): shorten the data-safety chip
* feat(landing): merge BYOK and coding-agent chips
* feat(landing): right-align the footer language switcher next to the social icons
* feat(landing): tighten the about statement across all locales
* feat(landing): lead the hero chips with brand consistency
* feat(landing): icon-only language switcher back in the header action cluster
* feat(landing): hero headline from the redesign, scenario line, no selection frame; hesitant-only download prompt; drop Launch Week float
- Hero: "The Vibe Design Workspace for your brand." as the single-line
headline (all 17 locales), scenario line reordered to prototype / slides /
marketing image / video / dashboard, blueprint selection frame removed
- Download prompt: any download click suppresses it for 30 days; triggers are
now exit intent or scroll-past-hero + 20s dwell (the old 35s / 3-page rules
fired on cold traffic with an 84% close rate); tests updated
- Launch Week float removed from the homepage (754 closes vs 61 opens)
* chore(landing): drop a stray local screenshot script
* fix(landing): keep the brand intact on phones; thread canonical-only into the footer switcher
- <=640px hides the secondary icon cluster from the bar and pins the brand
so it no longer collapses to 0px at 320/375px (ja/zh/en); Download stays.
Layout test now asserts 320/375/420 alongside 1081/1367.
- The three canonical-only community pages and the canonical PPT tutorial
now pass localeCanonicalOnly to SiteFooter, matching their header; a
source-level test fails if a canonical-only page forgets the flag.
* fix(landing): make the hero video play button the single focus target
The facade wrapper was a focusable generic div while the labelled button was
pulled out of the tab order. The button is now the only focusable control and
native Enter / Space activation bubbles to the frame's click handler; the
custom keydown handler on the div is removed. Adds a source-level regression
test for the facade's accessibility contract.
* fix(landing): visible focus ring on the hero video play button
---------
Co-authored-by: Joey <236967869+joeylee12629-star@users.noreply.github.com>1 parent 5459ffb commit 544aa34
17 files changed
Lines changed: 936 additions & 614 deletions
File tree
- apps/landing-page
- app
- _components
- pages
- community
- open-design-hong-kong-workshop
- open-design-osaka-meetup
- open-design-shanghai-workshop
- tutorials
- public/community
- tests
Lines changed: 49 additions & 8 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
24 | 24 | | |
25 | 25 | | |
26 | 26 | | |
27 | | - | |
28 | | - | |
| 27 | + | |
| 28 | + | |
| 29 | + | |
| 30 | + | |
| 31 | + | |
| 32 | + | |
| 33 | + | |
| 34 | + | |
29 | 35 | | |
30 | 36 | | |
31 | 37 | | |
| |||
92 | 98 | | |
93 | 99 | | |
94 | 100 | | |
95 | | - | |
96 | | - | |
| 101 | + | |
97 | 102 | | |
98 | 103 | | |
99 | 104 | | |
| |||
245 | 250 | | |
246 | 251 | | |
247 | 252 | | |
248 | | - | |
249 | | - | |
| 253 | + | |
| 254 | + | |
| 255 | + | |
| 256 | + | |
| 257 | + | |
| 258 | + | |
| 259 | + | |
| 260 | + | |
| 261 | + | |
| 262 | + | |
| 263 | + | |
| 264 | + | |
| 265 | + | |
| 266 | + | |
| 267 | + | |
| 268 | + | |
| 269 | + | |
| 270 | + | |
| 271 | + | |
| 272 | + | |
| 273 | + | |
| 274 | + | |
| 275 | + | |
| 276 | + | |
| 277 | + | |
| 278 | + | |
| 279 | + | |
250 | 280 | | |
| 281 | + | |
251 | 282 | | |
252 | | - | |
| 283 | + | |
253 | 284 | | |
254 | 285 | | |
255 | | - | |
| 286 | + | |
256 | 287 | | |
257 | 288 | | |
| 289 | + | |
| 290 | + | |
| 291 | + | |
| 292 | + | |
| 293 | + | |
| 294 | + | |
| 295 | + | |
| 296 | + | |
| 297 | + | |
| 298 | + | |
258 | 299 | | |
259 | 300 | | |
260 | 301 | | |
| |||
0 commit comments