📝 Improve blog capabilities and components

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

@@ -1,11 +1,18 @@
 'use client'
 
-import { Heading, Button, Text, Flex, VStack } from '@chakra-ui/react'
+import {
+  Heading,
+  Button,
+  Text,
+  Flex,
+  VStack,
+  StackProps,
+} from '@chakra-ui/react'
 import Link from 'next/link'
 import React from 'react'
 import { BackgroundPolygons } from './Hero/BackgroundPolygons'
 
-export const EndCta = () => {
+export const EndCta = (props: StackProps) => {
   return (
     <VStack
       as="section"
@@ -14,6 +21,7 @@ export const EndCta = () => {
       bgGradient="linear(to-b, gray.900, gray.800)"
       height="100vh"
       justifyContent="center"
+      {...props}
     >
       <BackgroundPolygons />
       <VStack
@@ -29,7 +37,7 @@ export const EndCta = () => {
           letterSpacing="tight"
           data-aos="fade-up"
         >
-          Take your forms to the next level
+          Improve conversion and user engagement with typebots
         </Heading>
         <Flex>
           <Button
@@ -46,7 +54,7 @@ export const EndCta = () => {
         </Flex>
 
         <Text color="gray.400" data-aos="fade-up" data-aos-delay="400">
-          No trial. Generous, unlimited <strong>free</strong> plan.
+          No trial. Generous <strong>free</strong> plan.
         </Text>
       </VStack>
     </VStack>