From 0a98c31d61e48017203904b05a0372142b220986 Mon Sep 17 00:00:00 2001 From: souhaib benbouzid Date: Mon, 8 Jan 2024 20:24:44 +0100 Subject: [PATCH] improve landing hero --- packages/ui/src/button/index.tsx | 17 +- web/src/assets/svg/404.svg | 750 +------------------------ web/src/assets/svg/landing-headers.svg | 238 +++++--- web/src/pages/landing/index.tsx | 2 +- 4 files changed, 177 insertions(+), 830 deletions(-) diff --git a/packages/ui/src/button/index.tsx b/packages/ui/src/button/index.tsx index e7a3cb6d5..683a266d0 100644 --- a/packages/ui/src/button/index.tsx +++ b/packages/ui/src/button/index.tsx @@ -5,7 +5,7 @@ import { BaseUIProps, ChildrenProp } from "src/_types"; import { Link } from "src/link"; export interface ButtonProps extends BaseUIProps, ChildrenProp { - variant: "v1" | "v2" | "v3"; + variant: "v1" | "v2" | "v3" | "v4"; onClick?: (event: MouseEvent) => void; href?: string; } @@ -16,12 +16,25 @@ const variantToMUIButtonVariant: Record< > = { v2: "text", v3: "contained", + v4: "outlined", }; export const Button: FC = ({ children, variant, margin, ...props }) => { const { toCSSMargin } = useTheme(); switch (variant) { + case "v4": + return ( + + {children} + + ); + case "v1": return ( @@ -32,7 +45,7 @@ export const Button: FC = ({ children, variant, margin, ...props }) default: return ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/web/src/assets/svg/landing-headers.svg b/web/src/assets/svg/landing-headers.svg index 0d6820638..f7e008125 100644 --- a/web/src/assets/svg/landing-headers.svg +++ b/web/src/assets/svg/landing-headers.svg @@ -1,79 +1,161 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/src/pages/landing/index.tsx b/web/src/pages/landing/index.tsx index e0dc61b78..d31ed366d 100644 --- a/web/src/pages/landing/index.tsx +++ b/web/src/pages/landing/index.tsx @@ -64,7 +64,7 @@ const LandingPage: FC = () => { -