Skip to content
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

[New Homepage] #1232

Closed
Chloeroumengas opened this issue Sep 20, 2023 · 0 comments
Closed

[New Homepage] #1232

Chloeroumengas opened this issue Sep 20, 2023 · 0 comments
Assignees
Labels
epic Used to tag the issue describing the whole epic
Milestone

Comments

@Chloeroumengas
Copy link

Chloeroumengas commented Sep 20, 2023

Why do we need this functionality?

Current homepage is ouf-of-day.

What are we developing?

Redesign homepage + update information

What are the validation criteria to validate this feature?

  • See Figma maquettes
  • On mobile and desktop with different website sizes

What's out of scope for this feature?

Should this feature be feature flagged?

Yes.
Use in growthbook the flag: 🚩 new-homepage-activated (boolean)

How are we going to code this feature?

1- Navbar:

  • 1-a AAUser, when I click on sign up, I can sign up with email + pwd, email +magic link, and login with google auth
  • 1-b AAUser, I can see the new navbar with Log In and with Sign Up

2- Screen 1:

  • 2-a AAUser, I can see a degrade behind taking the upper left space of the homepage
  • 2-b AAUser, I can see the complete background (degrade + white + beige)
  • 2-c AAUser, I can see the text and the action calls
    • Get a second Brain with Quivr
    • Upload all your files
    • CTA: (no contact sales team for now)
    • Demo Video
  • 2-d AAUser, I can see the 2 superposed images

3- Screen 2:

  • 3-a: Add demo video
  • 3-b: Add background dark purple
  • 3-c: Add texts + CTA

4- Screen 3:

  • 4-a: Add white background
  • 4-b: Add component UseCases
  • 4-c: Connect UseCases components to CMS

5- Screen 4:

  • 5-a: Add beige background + purple rectangle
  • 5-b: Add component "What people say about Quivr"
    • Connect to LinkedIn and to Twitter
  • 5-c: Add components in the last purple rectangle:
    • Title + body
    • CTA
    • Links to Git + LinkedIn + Discord

6 - 🐞 Small fixes

  • 6 - a: fix slanted white gradient
  • 6 - b: fix testimonial too large width

7 - ✉️ Contact sales team

  • 7 - a: Redirect the CTA from the home-page to a contact-page with header (black text), testimonials and footer from home page
  • 7 - b: Add the form in a modal (not linked to email yet) and replace form by thank you message after clicking on the contact button
  • 7 - c: Add validation with react-hook-form
  • 7 - d: Send email from the backend with resend
  • 7 - e: Trigger the email from the front

Are there any technical decisions made that should be shared?

What is preventing us from delivering this feature?

What can the feature potentially break?

@Chloeroumengas Chloeroumengas added the epic Used to tag the issue describing the whole epic label Sep 20, 2023
@Chloeroumengas Chloeroumengas added this to the V3 milestone Sep 20, 2023
matthieujacq added a commit that referenced this issue Oct 11, 2023
## Relates to

Epic: #1232 
Issue: #1377 

## 🚩 Feature flag

Use in growthbook the flag: `new-homepage-activated` (boolean)

## 📷 Screenshots

### 🖥️ Desktop

<img width="1059" alt="image"
src="https://github.com/StanGirard/quivr/assets/67386567/e0bae17a-bb94-4ba8-8dc3-a79d18f5d933">

### 📱 Mobile

<img width="377" alt="image"
src="https://github.com/StanGirard/quivr/assets/67386567/af8398dc-d9df-4034-a329-49aae3b2bf45">

<img width="375" alt="image"
src="https://github.com/StanGirard/quivr/assets/67386567/c5d53051-939e-49df-9c0a-212eff576b34">

---------

Co-authored-by: Zineb El Bachiri <100568984+gozineb@users.noreply.github.com>
@matthieujacq matthieujacq moved this to In Progress in Quivr's Roadmap Oct 12, 2023
matthieujacq added a commit that referenced this issue Oct 17, 2023
# Description

Epic #1232 
Issue #1409 

## Checklist before requesting a review

## Screenshots (if appropriate):
<img width="1512" alt="image"
src="https://github.com/StanGirard/quivr/assets/67386567/0543102c-59f1-4957-b2a1-2b017088172a">

<img width="426" alt="image"
src="https://github.com/StanGirard/quivr/assets/67386567/932e3f24-b142-4606-854b-5f2821991e8b">
matthieujacq added a commit that referenced this issue Oct 18, 2023
# Description

Epic: #1232
Issue: #1418 

## Checklist before requesting a review


## Screenshots (if appropriate):

<img width="1052" alt="image"
src="https://github.com/StanGirard/quivr/assets/67386567/3947e622-de08-4357-bb8c-6766421a1fa7">
matthieujacq added a commit that referenced this issue Oct 18, 2023
# Description

Footer section

Epic: #1232 
US: #1422

## Screenshots (if appropriate):

<img width="1127" alt="image"
src="https://github.com/StanGirard/quivr/assets/67386567/b8d5410b-7f1d-49fe-b3e6-87dec5e18529">
matthieujacq added a commit that referenced this issue Oct 20, 2023
# Description

Epic: #1232
Issue: #1443

## Screenshots (if appropriate):

### 🖥️ Desktop

<img width="1512" alt="image"
src="https://github.com/StanGirard/quivr/assets/67386567/dce63bf7-0046-4f2b-9633-bdc34a1b0893">


### 📱 Mobile

<img width="338" alt="image"
src="https://github.com/StanGirard/quivr/assets/67386567/8828b5bc-3819-4774-9d77-d60fbff72e6c">
matthieujacq added a commit that referenced this issue Oct 23, 2023
## Linked to

Epic: #1232 
Issue: #1454

## Description

Validate required fields and email pattern using react-hook-form.
matthieujacq added a commit that referenced this issue Oct 23, 2023
# Description

Issue: #1445
Epic: #1232

## ⚠️ À rajouter en variables d'environnement

```env
RESEND_CONTACT_SALES_FROM=contact_sales@resend.dev
RESEND_CONTACT_SALES_TO=<change-me>
```
matthieujacq added a commit that referenced this issue Oct 24, 2023
# Description

Epic: #1232 
US: #1446

Send email address and message content to the backend. Display a loader
in loading state and a toast message on error.
@mamadoudicko mamadoudicko moved this from In Progress to To Be Validated in Quivr's Roadmap Oct 24, 2023
@Chloeroumengas Chloeroumengas moved this from To Be Validated to Done in Quivr's Roadmap Oct 26, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
epic Used to tag the issue describing the whole epic
Projects
None yet
Development

No branches or pull requests

2 participants