From 374e5ba73e79a90f56d28d0535d68c29f563b884 Mon Sep 17 00:00:00 2001 From: Edouard Wautier <4435185+Duncid@users.noreply.github.com> Date: Mon, 6 Nov 2023 11:21:20 +0100 Subject: [PATCH] New Homepage (#2305) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * wip * wip * wip * wip * wip * wip * wip * wip * Still wip * wip * New alpha Sparkle * New alpha Sparkle * New alpha Sparkle * Large screen version * Large screen version polish * Footer * Large screen version polish * smaller images * working my way up from small screens * working my way up from small screens * package reset * package reset * Refactoring for smaller screens * Refactoring for smaller screens adding tabs * Reset changes in sparkle for separate PR * clean * Moving to Sparkle29 * Reset front directory to match origin/main * Polishing * Ready for prod * Adding new sign in, sign up, anchor links in the bar * package front * fine tune * Fixing * Fixing * Fixing names * Fixing potential Webgl problem on iPhone * adding shape icons * Polishing texts and animation * Copy fixes * Polishing plan look * Polishing * Fix rebase and bump sparkle * Use PlanTable that we already have in subscription page * Handle the signup buttons * Fix post rebase --------- Co-authored-by: édouard wautier Co-authored-by: PopDaph Co-authored-by: Daphné Popin --- front/components/Button.tsx | 102 +- front/components/PlansTables.tsx | 38 +- front/components/home/contentComponents.tsx | 261 ++++ front/components/home/particles.tsx | 162 ++- front/components/home/scrollingHeader.tsx | 4 +- front/components/sparkle/OnboardingLayout.tsx | 14 +- front/package-lock.json | 8 +- front/package.json | 2 +- front/pages/index.tsx | 1101 ++++++++++++----- front/pages/w/[wId]/join.tsx | 87 +- front/public/static/landing/apps.png | Bin 0 -> 121571 bytes front/public/static/landing/assistants.png | Bin 0 -> 498241 bytes front/public/static/landing/builder.png | Bin 0 -> 245814 bytes front/public/static/landing/connect.png | Bin 0 -> 292237 bytes front/public/static/landing/conversation.png | Bin 0 -> 120253 bytes .../static/{ => landing}/landing_block.png | Bin .../static/{ => landing}/landing_chat.png | Bin .../{ => landing}/landing_data_sources.png | Bin front/public/static/landing/llm.png | Bin 0 -> 379304 bytes front/public/static/landing/partners.png | Bin 0 -> 332627 bytes front/public/static/landing/slack.png | Bin 0 -> 162871 bytes 21 files changed, 1389 insertions(+), 390 deletions(-) create mode 100644 front/components/home/contentComponents.tsx create mode 100644 front/public/static/landing/apps.png create mode 100644 front/public/static/landing/assistants.png create mode 100644 front/public/static/landing/builder.png create mode 100644 front/public/static/landing/connect.png create mode 100644 front/public/static/landing/conversation.png rename front/public/static/{ => landing}/landing_block.png (100%) rename front/public/static/{ => landing}/landing_chat.png (100%) rename front/public/static/{ => landing}/landing_data_sources.png (100%) create mode 100644 front/public/static/landing/llm.png create mode 100644 front/public/static/landing/partners.png create mode 100644 front/public/static/landing/slack.png diff --git a/front/components/Button.tsx b/front/components/Button.tsx index 92d6df25be66..14175a40beda 100644 --- a/front/components/Button.tsx +++ b/front/components/Button.tsx @@ -1,4 +1,12 @@ -import { Button } from "@dust-tt/sparkle"; +import { + Button, + DropdownMenu, + GithubLogo, + GoogleLogo, + Icon, + LoginIcon, + RocketIcon, +} from "@dust-tt/sparkle"; import { classNames } from "@app/lib/utils"; @@ -37,6 +45,98 @@ export function SignInButton({ variant="tertiary" icon={icon} onClick={onClick} + size="md" > ); } + +export function SignInDropDownButton({ + buttonVariant = "tertiary", + buttonLabel = "Sign in", + buttonIcon = LoginIcon, + buttonClassname = "", + shouldDisplayGithub, + onClickGithub, + onClickGoogle, +}: { + buttonVariant?: "primary" | "secondary" | "tertiary"; + buttonLabel?: string; + buttonIcon?: typeof Icon; + buttonClassname?: string; + shouldDisplayGithub: boolean; + onClickGithub: () => void; + onClickGoogle: () => void; +}) { + return ( + + +