✏️ (lp) Fix incorrect additional limits price

apps/landing-page/components/common/Header/Header.tsx

@@ -7,13 +7,13 @@ import {
   useColorModeValue as mode,
   useDisclosure,
   Box,
+  Link,
 } from '@chakra-ui/react'
 import { HamburgerIcon } from 'assets/icons'
 import { ChevronDownIcon } from 'assets/icons/ChevronDownIcon'
 import { CloseIcon } from 'assets/icons/CloseIcon'
 import { Logo } from 'assets/icons/Logo'
 import * as React from 'react'
-import { NextChakraLink } from '../nextChakraAdapters/NextChakraLink'
 import { MobileMenu } from './MobileMenu'
 import { ResourcesMenu } from './ResourcesMenu'
 
@@ -40,7 +40,7 @@ export const Header = () => {
           className="nav-content__mobile"
           color={mode('white', 'white')}
         >
-          <HStack as={NextChakraLink} href="/" rel="home" ml="2">
+          <HStack as={Link} href="/" rel="home" ml="2">
             <Logo boxSize="35px" />
             <Heading as="p" fontSize="lg">
               Typebot
@@ -77,7 +77,7 @@ export const Header = () => {
             <ResourcesMenu isOpen={isOpen} />
           </Flex>
           <Button
-            as={NextChakraLink}
+            as={Link}
             href="/pricing"
             variant="ghost"
             colorScheme="gray"
@@ -86,7 +86,7 @@ export const Header = () => {
             Pricing
           </Button>
           <Button
-            as={NextChakraLink}
+            as={Link}
             href="https://app.typebot.io/signin"
             colorScheme="blue"
             variant="outline"
@@ -95,7 +95,7 @@ export const Header = () => {
             Sign in
           </Button>
           <Button
-            as={NextChakraLink}
+            as={Link}
             href="https://app.typebot.io/register"
             colorScheme="orange"
             fontWeight={700}

apps/landing-page/components/common/Header/MobileMenu.tsx

@@ -1,5 +1,5 @@
 import { Collapse, Stack, Button, Text } from '@chakra-ui/react'
-import { NextChakraLink } from '../nextChakraAdapters/NextChakraLink'
+import Link from 'next/link'
 import { links } from './_data'
 
 type Props = { isOpen: boolean }
@@ -15,7 +15,7 @@ export const MobileMenu = ({ isOpen }: Props) => (
       spacing={4}
     >
       <Button
-        as={NextChakraLink}
+        as={Link}
         href="https://app.typebot.io/signin"
         colorScheme="blue"
         variant="outline"
@@ -24,7 +24,7 @@ export const MobileMenu = ({ isOpen }: Props) => (
         Sign in
       </Button>
       <Button
-        as={NextChakraLink}
+        as={Link}
         href="https://app.typebot.io/register"
         colorScheme="orange"
         fontWeight={700}
@@ -32,7 +32,7 @@ export const MobileMenu = ({ isOpen }: Props) => (
         Create a typebot
       </Button>
       <Button
-        as={NextChakraLink}
+        as={Link}
         href="/pricing"
         variant="outline"
         colorScheme="gray"
@@ -43,7 +43,7 @@ export const MobileMenu = ({ isOpen }: Props) => (
       <Text fontWeight="700">Resources:</Text>
       {links[0].children?.map((link, idx) => (
         <Button
-          as={NextChakraLink}
+          as={Link}
           href={link.href}
           key={idx}
           variant="outline"

apps/landing-page/components/common/Header/ResourcesMenu.tsx

@@ -8,8 +8,8 @@ import {
   useColorModeValue as mode,
 } from '@chakra-ui/react'
 import { ChevronRightIcon } from 'assets/icons/ChevronRightIcon'
+import Link from 'next/link'
 import * as React from 'react'
-import { NextChakraLink } from '../nextChakraAdapters/NextChakraLink'
 import { links } from './_data'
 
 type Props = { isOpen: boolean }
@@ -29,7 +29,8 @@ export const ResourcesMenu = ({ isOpen }: Props) => (
       <Box maxW="7xl" mx="auto" px="8">
         <SimpleGrid spacing="10" columns={2}>
           {links[0].children?.map((item, idx) => (
-            <NextChakraLink
+            <Box
+              as={Link}
               key={idx}
               className="group"
               href={item.href}
@@ -41,9 +42,11 @@ export const ResourcesMenu = ({ isOpen }: Props) => (
               rounded="lg"
               _hover={{ bg: mode('gray.50', 'gray.600') }}
               _focus={{ shadow: 'outline' }}
-              isExternal={
+              target={
                 item.href.startsWith('https') &&
                 !item.href.includes('app.typebot.io')
+                  ? '_blank'
+                  : undefined
               }
             >
               <Center
@@ -80,7 +83,7 @@ export const ResourcesMenu = ({ isOpen }: Props) => (
                   {item.description}
                 </Text>
               </Box>
-            </NextChakraLink>
+            </Box>
           ))}
         </SimpleGrid>
       </Box>