docs(lp): 💄 Refont LP for v2

baptisteArno · Mar 17, 2022 · 21e926a · 21e926a
1 parent c437211
commit 21e926a
Show file tree

Hide file tree

Showing 131 changed files with 2,824 additions and 3,250 deletions.
diff --git a/apps/landing-page/assets/icons/AccessibilityIcon.tsx b/apps/landing-page/assets/icons/AccessibilityIcon.tsx
@@ -1,5 +1,5 @@
-import Icon, { IconProps } from "@chakra-ui/icon";
-import React from "react";
+import Icon, { IconProps } from '@chakra-ui/icon'
+import React from 'react'
 
 export const AccessibilityIcon = (props: IconProps) => (
   <Icon
@@ -12,4 +12,4 @@ export const AccessibilityIcon = (props: IconProps) => (
     <path d="M256 112a56 56 0 1156-56 56.06 56.06 0 01-56 56z" />
     <path d="M432 112.8l-.45.12-.42.13c-1 .28-2 .58-3 .89-18.61 5.46-108.93 30.92-172.56 30.92-59.13 0-141.28-22-167.56-29.47a73.79 73.79 0 00-8-2.58c-19-5-32 14.3-32 31.94 0 17.47 15.7 25.79 31.55 31.76v.28l95.22 29.74c9.73 3.73 12.33 7.54 13.6 10.84 4.13 10.59.83 31.56-.34 38.88l-5.8 45-32.19 176.19q-.15.72-.27 1.47l-.23 1.27c-2.32 16.15 9.54 31.82 32 31.82 19.6 0 28.25-13.53 32-31.94s28-157.57 42-157.57 42.84 157.57 42.84 157.57c3.75 18.41 12.4 31.94 32 31.94 22.52 0 34.38-15.74 32-31.94a57.17 57.17 0 00-.76-4.06L329 301.27l-5.79-45c-4.19-26.21-.82-34.87.32-36.9a1.09 1.09 0 00.08-.15c1.08-2 6-6.48 17.48-10.79l89.28-31.21a16.9 16.9 0 001.62-.52c16-6 32-14.3 32-31.93S451 107.81 432 112.8z" />
   </Icon>
-);
+)
diff --git a/apps/landing-page/assets/icons/AlbumsIcon.tsx b/apps/landing-page/assets/icons/AlbumsIcon.tsx
diff --git a/apps/landing-page/assets/icons/AnalyticsIcon.tsx b/apps/landing-page/assets/icons/AnalyticsIcon.tsx
diff --git a/apps/landing-page/assets/icons/ArrowRight.tsx b/apps/landing-page/assets/icons/ArrowRight.tsx
@@ -0,0 +1,18 @@
+import Icon, { IconProps } from '@chakra-ui/icon'
+import React from 'react'
+
+export const ArrowRight = (props: IconProps) => (
+  <Icon
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    {...props}
+  >
+    <line x1="5" y1="12" x2="19" y2="12"></line>
+    <polyline points="12 5 19 12 12 19"></polyline>
+  </Icon>
+)
diff --git a/apps/landing-page/assets/icons/BookIcon.tsx b/apps/landing-page/assets/icons/BookIcon.tsx
diff --git a/apps/landing-page/assets/icons/BuildIcon.tsx b/apps/landing-page/assets/icons/BuildIcon.tsx
diff --git a/apps/landing-page/assets/icons/CaluclatorIcon.tsx b/apps/landing-page/assets/icons/CaluclatorIcon.tsx
@@ -1,5 +1,5 @@
-import Icon, { IconProps } from "@chakra-ui/icon";
-import React from "react";
+import Icon, { IconProps } from '@chakra-ui/icon'
+import React from 'react'
 
 export const CalculatorIcon = (props: IconProps) => (
   <Icon
@@ -11,4 +11,4 @@ export const CalculatorIcon = (props: IconProps) => (
     <title>Calculator</title>
     <path d="M416 80a48.05 48.05 0 00-48-48H144a48.05 48.05 0 00-48 48v352a48.05 48.05 0 0048 48h224a48.05 48.05 0 0048-48zM168 432a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm88 160a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm112 136a24 24 0 01-48 0v-80a24 24 0 0148 0zm-24-136a24 24 0 1124-24 24 24 0 01-24 24zm19.31-100.69A16 16 0 01352 176H160a16 16 0 01-16-16V96a16 16 0 0116-16h192a16 16 0 0116 16v64a16 16 0 01-4.69 11.31z" />
   </Icon>
-);
+)
diff --git a/apps/landing-page/assets/icons/CheckIcon.tsx b/apps/landing-page/assets/icons/CheckIcon.tsx
@@ -1,5 +1,5 @@
-import Icon, { IconProps } from "@chakra-ui/icon";
-import React from "react";
+import Icon, { IconProps } from '@chakra-ui/icon'
+import React from 'react'
 
 export const CheckIcon = (props: IconProps) => (
   <Icon
@@ -12,4 +12,4 @@ export const CheckIcon = (props: IconProps) => (
     <title>Checkmark Circle</title>
     <path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm108.25 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z" />
   </Icon>
-);
+)
diff --git a/apps/landing-page/assets/icons/ChevronDownIcon.tsx b/apps/landing-page/assets/icons/ChevronDownIcon.tsx
@@ -1,5 +1,5 @@
-import Icon, { IconProps } from "@chakra-ui/icon";
-import React, { SVGProps } from "react";
+import Icon, { IconProps } from '@chakra-ui/icon'
+import React from 'react'
 
 export const ChevronDownIcon = (props: IconProps) => (
   <Icon
@@ -18,4 +18,4 @@ export const ChevronDownIcon = (props: IconProps) => (
       d="M112 184l144 144 144-144"
     />
   </Icon>
-);
+)
diff --git a/apps/landing-page/assets/icons/ChevronRightIcon.tsx b/apps/landing-page/assets/icons/ChevronRightIcon.tsx
@@ -1,5 +1,5 @@
-import Icon, { IconProps } from "@chakra-ui/icon";
-import React from "react";
+import Icon, { IconProps } from '@chakra-ui/icon'
+import React from 'react'
 
 export const ChevronRightIcon = (props: IconProps) => (
   <Icon
@@ -18,4 +18,4 @@ export const ChevronRightIcon = (props: IconProps) => (
       d="M184 112l144 144-144 144"
     />
   </Icon>
-);
+)
diff --git a/apps/landing-page/assets/icons/ConditionIcon.tsx b/apps/landing-page/assets/icons/ConditionIcon.tsx
@@ -1,5 +1,5 @@
-import Icon, { IconProps } from "@chakra-ui/icon";
-import React from "react";
+import Icon, { IconProps } from '@chakra-ui/icon'
+import React from 'react'
 
 export const ConditionIcon = (props: IconProps) => (
   <Icon
@@ -11,4 +11,4 @@ export const ConditionIcon = (props: IconProps) => (
     <title>Git Branch</title>
     <path d="M416 160a64 64 0 10-96.27 55.24c-2.29 29.08-20.08 37-75 48.42-17.76 3.68-35.93 7.45-52.71 13.93v-126.2a64 64 0 10-64 0v209.22a64 64 0 1064.42.24c2.39-18 16-24.33 65.26-34.52 27.43-5.67 55.78-11.54 79.78-26.95 29-18.58 44.53-46.78 46.36-83.89A64 64 0 00416 160zM160 64a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zm192-256a32 32 0 1132-32 32 32 0 01-32 32z" />
   </Icon>
-);
+)
diff --git a/apps/landing-page/assets/icons/DoIcon.tsx b/apps/landing-page/assets/icons/DoIcon.tsx
@@ -0,0 +1,23 @@
+import Icon, { IconProps } from '@chakra-ui/icon'
+import React from 'react'
+
+export const DoIcon = (props: IconProps) => (
+  <Icon
+    viewBox="0 0 150 150"
+    boxSize="50px"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="#4ADE80"
+    fillOpacity="0.8"
+    {...props}
+  >
+    <rect width="150" height="150" rx="75" />
+    <path
+      d="M100 58L65.625 92.375L50 76.75"
+      stroke="white"
+      strokeWidth="10"
+      fill="#40b76f"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Icon>
+)
diff --git a/apps/landing-page/assets/icons/DocIcon.tsx b/apps/landing-page/assets/icons/DocIcon.tsx
@@ -1,5 +1,5 @@
-import Icon, { IconProps } from "@chakra-ui/icon";
-import React from "react";
+import Icon, { IconProps } from '@chakra-ui/icon'
+import React from 'react'
 
 export const DocIcon = (props: IconProps) => (
   <Icon
@@ -12,4 +12,4 @@ export const DocIcon = (props: IconProps) => (
     <path d="M428 224H288a48 48 0 01-48-48V36a4 4 0 00-4-4h-92a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V228a4 4 0 00-4-4zm-92 160H176a16 16 0 010-32h160a16 16 0 010 32zm0-80H176a16 16 0 010-32h160a16 16 0 010 32z" />
     <path d="M419.22 188.59L275.41 44.78a2 2 0 00-3.41 1.41V176a16 16 0 0016 16h129.81a2 2 0 001.41-3.41z" />
   </Icon>
-);
+)
diff --git a/apps/landing-page/assets/icons/DontIcon.tsx b/apps/landing-page/assets/icons/DontIcon.tsx
@@ -0,0 +1,27 @@
+import Icon, { IconProps } from '@chakra-ui/icon'
+import React from 'react'
+
+export const DontIcon = (props: IconProps) => (
+  <Icon
+    viewBox="0 0 150 150"
+    boxSize="50px"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <rect width="150" height="150" rx="75" fill="#F87171" fillOpacity="0.8" />
+    <path
+      d="M100 50L50 100"
+      stroke="white"
+      strokeWidth="10"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M50 50L100 100"
+      stroke="white"
+      strokeWidth="10"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Icon>
+)
diff --git a/apps/landing-page/assets/icons/EyeDropIcon.tsx b/apps/landing-page/assets/icons/EyeDropIcon.tsx
diff --git a/apps/landing-page/assets/icons/FolderIcon.tsx b/apps/landing-page/assets/icons/FolderIcon.tsx
@@ -1,5 +1,5 @@
-import Icon, { IconProps } from "@chakra-ui/icon";
-import React from "react";
+import Icon, { IconProps } from '@chakra-ui/icon'
+import React from 'react'
 
 export const FolderIcon = (props: IconProps) => (
   <Icon
@@ -11,4 +11,4 @@ export const FolderIcon = (props: IconProps) => (
     <title>Folder Open</title>
     <path d="M408 96H252.11a23.89 23.89 0 01-13.31-4L211 73.41A55.77 55.77 0 00179.89 64H104a56.06 56.06 0 00-56 56v24h416c0-30.88-25.12-48-56-48zM423.75 448H88.25a56 56 0 01-55.93-55.15L16.18 228.11v-.28A48 48 0 0164 176h384.1a48 48 0 0147.8 51.83v.28l-16.22 164.74A56 56 0 01423.75 448zm56.15-221.45z" />
   </Icon>
-);
+)
diff --git a/apps/landing-page/assets/icons/GithubLogo.tsx b/apps/landing-page/assets/icons/GithubLogo.tsx
@@ -0,0 +1,17 @@
+import { Icon, IconProps } from '@chakra-ui/react'
+import React from 'react'
+
+export const GitHubIcon = (props: IconProps) => (
+  <Icon
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    {...props}
+  >
+    <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
+  </Icon>
+)
diff --git a/apps/landing-page/assets/icons/GlobeIcon.tsx b/apps/landing-page/assets/icons/GlobeIcon.tsx
diff --git a/apps/landing-page/assets/icons/Logo.tsx b/apps/landing-page/assets/icons/Logo.tsx
@@ -1,22 +1,14 @@
-import Icon, { IconProps } from "@chakra-ui/icon";
-import React from "react";
+import Icon, { IconProps } from '@chakra-ui/icon'
+import React from 'react'
 
-export const Logo = ({
-  isDark,
-  ...props
-}: { isDark?: boolean } & IconProps) => (
+export const Logo = (props: IconProps) => (
   <Icon
     viewBox="0 0 500 500"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <rect
-      width="500"
-      height="500"
-      rx="75"
-      fill={!isDark ? "#0042DA" : "white"}
-    />
+    <rect width="500" height="500" rx="75" fill={'#0042DA'} />
     <rect
       x="438.709"
       y="170.968"
@@ -39,13 +31,13 @@ export const Logo = ({
       height="290.323"
       rx="32.2581"
       transform="rotate(-90 61.29 332.259)"
-      fill={!isDark ? "white" : "#0042DA"}
+      fill={'white'}
     />
     <path
       fillRule="evenodd"
       clipRule="evenodd"
       d="M406.451 267.742C388.635 267.742 374.193 282.184 374.193 300C374.193 317.815 388.635 332.258 406.451 332.258C424.267 332.258 438.709 317.815 438.709 300C438.709 282.184 424.267 267.742 406.451 267.742Z"
-      fill={!isDark ? "white" : "#0042DA"}
+      fill={'white'}
     />
   </Icon>
-);
+)
diff --git a/apps/landing-page/assets/icons/MagicWandIcon.tsx b/apps/landing-page/assets/icons/MagicWandIcon.tsx
diff --git a/apps/landing-page/assets/icons/MapIcon.tsx b/apps/landing-page/assets/icons/MapIcon.tsx
@@ -1,5 +1,5 @@
-import Icon, { IconProps } from "@chakra-ui/icon";
-import React from "react";
+import Icon, { IconProps } from '@chakra-ui/icon'
+import React from 'react'
 
 export const MapIcon = (props: IconProps) => (
   <Icon
@@ -11,4 +11,4 @@ export const MapIcon = (props: IconProps) => (
     <title>Map</title>
     <path d="M48.17 113.34A32 32 0 0032 141.24V438a32 32 0 0047 28.37c.43-.23.85-.47 1.26-.74l84.14-55.05a8 8 0 003.63-6.72V46.45a8 8 0 00-12.51-6.63zM212.36 39.31A8 8 0 00200 46v357.56a8 8 0 003.63 6.72l96 62.42A8 8 0 00312 466V108.67a8 8 0 00-3.64-6.73zM464.53 46.47a31.64 31.64 0 00-31.5-.88 12.07 12.07 0 00-1.25.74l-84.15 55a8 8 0 00-3.63 6.72v357.46a8 8 0 0012.52 6.63l107.07-73.46a32 32 0 0016.41-28v-296a32.76 32.76 0 00-15.47-28.21z" />
   </Icon>
-);
+)