🚧 Use TS project references

ee/apps/landing-page/components/Homepage/EasyBuildingExperience.tsx

@@ -1,5 +1,4 @@
 import { Flex, Stack, Heading, Box, Text, Button } from '@chakra-ui/react'
-import React from 'react'
 import Image from 'next/image'
 import builderDndSrc from 'public/images/builder-dnd.png'
 import { ArrowRight } from 'assets/icons/ArrowRight'

ee/apps/landing-page/components/Homepage/EasyEmbed.tsx

@@ -1,5 +1,4 @@
 import { Flex, Stack, Heading, Box, Text, Button } from '@chakra-ui/react'
-import React from 'react'
 import Image from 'next/image'
 import nativeFeelingSrc from 'public/images/native-feeling.png'
 import { ArrowRight } from 'assets/icons/ArrowRight'

ee/apps/landing-page/components/Homepage/EndCta.tsx

@@ -9,7 +9,6 @@ import {
   StackProps,
 } from '@chakra-ui/react'
 import Link from 'next/link'
-import React from 'react'
 import { BackgroundPolygons } from './Hero/BackgroundPolygons'
 
 type Props = {

ee/apps/landing-page/components/Homepage/Features/FeatureCard.tsx

@@ -1,5 +1,5 @@
 import { IconProps, Text, Flex, VStack } from '@chakra-ui/react'
-import React, { useState } from 'react'
+import { useState } from 'react'
 
 type FeatureCardProps = {
   Icon: (props: IconProps) => JSX.Element

ee/apps/landing-page/components/Homepage/Features/Features.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import {
   Flex,
   Heading,

ee/apps/landing-page/components/Homepage/Hero/BackgroundPolygons.tsx

@@ -1,5 +1,4 @@
 import { chakra } from '@chakra-ui/react'
-import React from 'react'
 
 type Props = {
   baseTop?: string

ee/apps/landing-page/components/Homepage/Integrations.tsx

@@ -16,7 +16,6 @@ import {
   GoogleDriveLogo,
   N8nLogo,
 } from 'assets/logos'
-import React from 'react'
 
 const firstRowIcons = [
   GmailLogo,

ee/apps/landing-page/components/Homepage/IntroducingChatApps.tsx

@@ -10,7 +10,7 @@ import {
   Checkbox,
   Textarea,
 } from '@chakra-ui/react'
-import React, { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
 import { PublicTypebot } from '@typebot.io/schemas'
 import { sendRequest } from '@typebot.io/lib'
 import { DontIcon } from 'assets/icons/DontIcon'

ee/apps/landing-page/components/Homepage/RealTimeResults.tsx

@@ -4,7 +4,7 @@ import { ArrowRight } from 'assets/icons/ArrowRight'
 import { HandDrawnArrow } from 'assets/illustrations/HandDrawnArrow'
 import { PublicTypebot, Typebot } from '@typebot.io/schemas'
 import Link from 'next/link'
-import React, { useEffect, useRef, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { sendRequest } from '@typebot.io/lib'
 
 const nameBlockId = 'shuUtMDMw9P4iAHbz7B5SqJ'

ee/apps/landing-page/components/PricingPage/FreePlanCard.tsx

@@ -1,7 +1,6 @@
 import { chakra, Tooltip, Text, Button } from '@chakra-ui/react'
 import { HelpCircleIcon } from 'assets/icons/HelpCircleIcon'
 import Link from 'next/link'
-import React from 'react'
 import { PricingCard } from './PricingCard'
 import { chatsLimits } from '@typebot.io/billing/constants'
 

ee/apps/landing-page/components/PricingPage/PlanComparisonTables.tsx

@@ -18,7 +18,6 @@ import { CheckIcon } from 'assets/icons/CheckIcon'
 import { HelpCircleIcon } from 'assets/icons/HelpCircleIcon'
 import { Plan } from '@typebot.io/prisma'
 import Link from 'next/link'
-import React from 'react'
 import { parseNumberWithCommas } from '@typebot.io/lib'
 import { chatsLimits, prices, seatsLimits } from '@typebot.io/billing/constants'
 import { formatPrice } from '@typebot.io/billing/helpers/formatPrice'

ee/apps/landing-page/components/PricingPage/ProPlanCard.tsx

@@ -9,7 +9,6 @@ import {
 } from '@chakra-ui/react'
 import { HelpCircleIcon } from 'assets/icons/HelpCircleIcon'
 import { Plan } from '@typebot.io/prisma'
-import React from 'react'
 import { PricingCard } from './PricingCard'
 import { prices, seatsLimits } from '@typebot.io/billing/constants'
 

ee/apps/landing-page/components/PricingPage/StarterPlanCard.tsx

@@ -2,7 +2,6 @@ import { chakra, Tooltip, Text, HStack, Button, Stack } from '@chakra-ui/react'
 import { HelpCircleIcon } from 'assets/icons/HelpCircleIcon'
 import { Plan } from '@typebot.io/prisma'
 import Link from 'next/link'
-import React from 'react'
 import { PricingCard } from './PricingCard'
 import { prices, seatsLimits } from '@typebot.io/billing/constants'
 

ee/apps/landing-page/components/common/ArticleCta.tsx

@@ -1,5 +1,4 @@
 import { VStack, Heading, Button, Text } from '@chakra-ui/react'
-import React from 'react'
 
 export const ArticleCallToAction = () => (
   <VStack spacing={6}>

ee/apps/landing-page/components/common/Footer.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import React, { ReactNode } from 'react'
+import { ReactNode } from 'react'
 
 import {
   Box,

ee/apps/landing-page/components/common/SocialMetaTags.tsx

@@ -1,5 +1,4 @@
 import Head from 'next/head'
-import React from 'react'
 
 export const SocialMetaTags = ({
   title = 'Typebot - Open-source conversational apps builder',

ee/apps/landing-page/components/common/TableCells.tsx

@@ -1,7 +1,7 @@
 import { CheckCircleIcon } from 'assets/icons/CheckCircleIcon'
 import { CloseIcon } from 'assets/icons/CloseIcon'
 import { Td, Text } from '@chakra-ui/react'
-import React, { ReactNode } from 'react'
+import { ReactNode } from 'react'
 
 export const Yes = (props: { children?: ReactNode }) => (
   <Td display={props.children ? 'flex' : ''}>

ee/apps/landing-page/components/common/TextLink.tsx

@@ -1,5 +1,4 @@
 import Link, { LinkProps } from 'next/link'
-import React from 'react'
 import { chakra, HStack, TextProps } from '@chakra-ui/react'
 import { ExternalLinkIcon } from 'assets/icons/ExternalLinkIcon'