chore(lp): 📦️ Import existing Landing page

apps/landing-page/components/Homepage/Hero/Testimonials/Testimonial.tsx

@@ -0,0 +1,59 @@
+import { Box, Flex, HStack, Stack, Text } from '@chakra-ui/react'
+import * as React from 'react'
+import Image from 'next/image'
+import { QuoteLeftIcon } from 'assets/icons/QuoteLeftIcon'
+
+interface TestimonialProps {
+  image: StaticImageData
+  name: string
+  role: string
+  children: React.ReactNode
+}
+
+export const Testimonial = (props: TestimonialProps) => {
+  const { image, name, role, children } = props
+  return (
+    <Flex
+      flexDir="column"
+      justify="space-between"
+      as="blockquote"
+      p="6"
+      rounded="md"
+      bgColor="blue.400"
+      color="white"
+      shadow="lg"
+      {...props}
+    >
+      <Stack>
+        <QuoteLeftIcon boxSize="25px" />
+        <Text mt="3" fontSize="xl" maxW="38rem" color="gray.50">
+          {children}
+        </Text>
+      </Stack>
+
+      <HStack mt="6" spacing="4">
+        <Image
+          src={image}
+          alt={name}
+          placeholder="blur"
+          width="80px"
+          height="80px"
+          className="rounded-full"
+        />
+        <Box>
+          <Text
+            as="cite"
+            fontStyle="normal"
+            fontWeight="extrabold"
+            color="white"
+          >
+            {name}
+          </Text>
+          <Text fontSize="sm" color={'gray.100'}>
+            {role}
+          </Text>
+        </Box>
+      </HStack>
+    </Flex>
+  )
+}

apps/landing-page/components/Homepage/Hero/Testimonials/index.tsx

@@ -0,0 +1,36 @@
+import { chakra, Stack } from '@chakra-ui/react'
+import * as React from 'react'
+import joshuaPictureSrc from 'public/images/homepage/joshua.jpg'
+import julienPictureSrc from 'public/images/homepage/julien.jpg'
+import { Testimonial } from './Testimonial'
+
+export const Testimonials = () => {
+  return (
+    <Stack direction={['column', 'row']} spacing="10" maxW="800px">
+      <Testimonial
+        name="Joshua Lim"
+        role="Growth Strategist @ Socialhackrs Media"
+        image={joshuaPictureSrc}
+      >
+        I upgraded my typeforms to typebots and saw a conversion rate increase{' '}
+        <chakra.span fontWeight="bold" color="orange.300">
+          from 14% to 43%
+        </chakra.span>{' '}
+        on my marketing campaigns. I noticed the improvement on day one. That
+        was a game-changer.
+      </Testimonial>
+      <Testimonial
+        name="Julien Muratot"
+        role="Growth Manager @ Hornetwork"
+        image={julienPictureSrc}
+      >
+        I run Google ads all year long on our landing page that contains a
+        typebot. I saw a{' '}
+        <chakra.span fontWeight="bold" color="orange.300">
+          2x increase
+        </chakra.span>{' '}
+        on our conversation rate compared to our old WordPress form.
+      </Testimonial>
+    </Stack>
+  )
+}