HomePhabricator
Diffusion Comm cc4eeea6c47d

[landing] redesign the subscription form component

Tags
None
Referenced Files
F566247: Screenshot 2023-05-31 at 12.10.37 PM.png
Aug 8 2023, 2:08 PM
File Not Attached
F566246: Screenshot 2023-05-31 at 12.10.45 PM.png
Aug 8 2023, 2:08 PM
File Not Attached
F551454: Screenshot 2023-05-22 at 5.13.59 PM.png
Aug 8 2023, 2:08 PM
File Not Attached
F551453: Screenshot 2023-05-22 at 5.13.49 PM.png
Aug 8 2023, 2:08 PM
File Not Attached
F551450: Screenshot 2023-05-22 at 5.12.39 PM.png
Aug 8 2023, 2:08 PM
File Not Attached
F551449: Screenshot 2023-05-22 at 5.10.53 PM.png
Aug 8 2023, 2:08 PM
File Not Attached
F551448: Screenshot 2023-05-22 at 5.10.49 PM.png
Aug 8 2023, 2:08 PM
File Not Attached
Subscribers
None

Description

[landing] redesign the subscription form component

Summary:
As part of the Hero redesign for the landing page we need to redesign our SubscriptionForm component. The focus of this diff is to change the language and visuals (color and layout by separating the input field from the button) shown on SubscriptionForm. Here is a screenshot of the Figma doc (please note that a subsequent diff will handle displaying the feedback text shown in the Figma)

Screenshot 2023-05-22 at 5.10.49 PM.png (2×3 px, 2 MB)

Screenshot 2023-05-22 at 5.10.53 PM.png (2×3 px, 2 MB)

Depends on D7914

Test Plan:
Please see the screenshots below:

Desktop Normal:

Screenshot 2023-05-22 at 5.12.39 PM.png (2×3 px, 1 MB)

Hover:

Success Case:

Screenshot 2023-05-22 at 5.13.49 PM.png (2×3 px, 1 MB)

Error Case:

Screenshot 2023-05-22 at 5.13.59 PM.png (2×3 px, 1 MB)

Mobile View:

Screenshot 2023-05-31 at 12.10.45 PM.png (2×3 px, 904 KB)

Tablet View:

Screenshot 2023-05-31 at 12.10.37 PM.png (2×3 px, 943 KB)

Reviewers: atul, kamil

Reviewed By: atul

Subscribers: ashoat, tomek, atul

Differential Revision: https://phab.comm.dev/D7915

Details

Provenance
ginsuAuthored on May 21 2023, 1:49 PM
Reviewer
atul
Differential Revision
D7915: [landing] redesign the subscription form component
Parents
rCOMM5119a4a27a09: [landing] remove react-text-loop dependency
Branches
Unknown
Tags
Unknown