docs(lp): 💄 Refont LP for v2

apps/landing-page/components/common/Navbar/NavContent.tsx

@@ -65,7 +65,7 @@ const MobileNavContext = ({
         <Button
           as={NextChakraLink}
           href="https://app.typebot.io/register"
-          colorScheme="blue"
+          colorScheme="orange"
           w="full"
           size="lg"
           mt="5"
@@ -90,43 +90,44 @@ const DesktopNavContent = ({
       color={mode('bg.gray800', 'white')}
     >
       <HStack as={NextChakraLink} href="/" rel="home">
-        <Logo boxSize="35px" isDark={mode(false, true)} />
+        <Logo boxSize="35px" />
         <Heading as="p" fontSize="lg">
           Typebot
         </Heading>
       </HStack>
-      <HStack
-        as="ul"
-        id="nav__primary-menu"
-        aria-label="Main Menu"
-        listStyleType="none"
-      >
-        {links.map((link, idx) => (
-          <Box as="li" key={idx} id={`nav__menuitem-${idx}`}>
-            {link.children ? (
-              <Submenu.Desktop link={link} />
-            ) : (
-              <NavLink.Desktop href={link.href ?? '#'}>
-                {link.label}
-              </NavLink.Desktop>
-            )}
-          </Box>
-        ))}
-      </HStack>
-      <HStack spacing="8" minW="240px" justify="space-between">
-        <Box
+
+      <HStack spacing="4" minW="240px" justify="space-between">
+        <HStack
+          as="ul"
+          id="nav__primary-menu"
+          aria-label="Main Menu"
+          listStyleType="none"
+        >
+          {links.map((link, idx) => (
+            <Box as="li" key={idx} id={`nav__menuitem-${idx}`}>
+              {link.children ? (
+                <Submenu.Desktop link={link} />
+              ) : (
+                <NavLink.Desktop href={link.href ?? '#'}>
+                  {link.label}
+                </NavLink.Desktop>
+              )}
+            </Box>
+          ))}
+        </HStack>
+        <Button
           as={NextChakraLink}
           href="https://app.typebot.io/signin"
           colorScheme="blue"
-          variant="ghost"
+          variant="outline"
           fontWeight="bold"
         >
           Sign in
-        </Box>
+        </Button>
         <Button
           as={NextChakraLink}
           href="https://app.typebot.io/register"
-          colorScheme="blue"
+          colorScheme="orange"
           fontWeight="bold"
         >
           Create a typebot

apps/landing-page/components/common/Navbar/NavMenu.tsx

@@ -9,7 +9,7 @@ export const NavMenu = (props: MotionBoxProps) => (
     variants={variants}
     outline="0"
     opacity="0"
-    bg={useColorModeValue('white', 'gray.700')}
+    bg={useColorModeValue('white', 'gray.800')}
     w="full"
     shadow="lg"
     px="4"

apps/landing-page/components/common/Navbar/SubmenuItem.tsx

@@ -43,7 +43,7 @@ export const SubmenuItem = (props: SubmenuItemProps) => {
         w="10"
         h="10"
         fontSize="3xl"
-        color={mode('blue.600', 'blue.400')}
+        color={'blue.300'}
       >
         {icon}
       </Center>

apps/landing-page/components/common/Navbar/_data.tsx

@@ -1,4 +1,4 @@
-import { BookIcon } from 'assets/icons/BookIcon'
+import { GitHubIcon } from 'assets/icons'
 import { DocIcon } from 'assets/icons/DocIcon'
 import { MapIcon } from 'assets/icons/MapIcon'
 import { PeopleCircleIcon } from 'assets/icons/PeopleCircleIcon'
@@ -20,11 +20,10 @@ export const links = [
     label: 'Resources',
     children: [
       {
-        label: 'Blog',
-        description:
-          "Content about high-performing forms and guides on how to leverage Typebot's power",
-        href: '/blog',
-        icon: <BookIcon />,
+        label: 'GitHub repository',
+        description: 'Check out the entire source code of the project',
+        href: 'https://github.com/baptisteArno/typebot.io',
+        icon: <GitHubIcon fill="blue.300" />,
       },
       {
         label: 'Documentation',