📝 Add "Top 5 Alternatives to Landbot" article

Co-authored-by: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Co-authored-by: Baptiste Arnaud <baptiste.arnaud95@gmail.com>

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

@@ -12,7 +12,12 @@ import Link from 'next/link'
 import React from 'react'
 import { BackgroundPolygons } from './Hero/BackgroundPolygons'
 
-export const EndCta = (props: StackProps) => {
+type Props = {
+  heading?: string
+  polygonsBaseTop?: string
+} & StackProps
+
+export const EndCta = (props: Props) => {
   return (
     <VStack
       as="section"
@@ -23,22 +28,24 @@ export const EndCta = (props: StackProps) => {
       justifyContent="center"
       {...props}
     >
-      <BackgroundPolygons />
+      <BackgroundPolygons baseTop={props.polygonsBaseTop} />
       <VStack
         spacing="6"
-        maxW="2xl"
+        maxW="3xl"
         mx="auto"
         px={{ base: '6', lg: '8' }}
         py={{ base: '16', sm: '20' }}
         textAlign="center"
       >
-        <Heading
-          fontWeight="extrabold"
-          letterSpacing="tight"
-          data-aos="fade-up"
-        >
-          Improve conversion and user engagement with typebots
-        </Heading>
+        {props.heading ? (
+          <Heading
+            fontWeight="extrabold"
+            letterSpacing="tight"
+            data-aos="fade-up"
+          >
+            {props.heading}
+          </Heading>
+        ) : null}
         <Flex>
           <Button
             as={Link}

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

@@ -1,7 +1,10 @@
 import { chakra } from '@chakra-ui/react'
 import React from 'react'
 
-export const BackgroundPolygons = () => {
+type Props = {
+  baseTop?: string
+}
+export const BackgroundPolygons = ({ baseTop = '100px' }: Props) => {
   return (
     <>
       <chakra.div
@@ -9,7 +12,7 @@ export const BackgroundPolygons = () => {
         className="floating animation-delay-3000"
         pos="absolute"
         left="0px"
-        top="100px"
+        top={baseTop}
         data-aos="fade"
         data-aos-delay="200"
       >
@@ -20,7 +23,7 @@ export const BackgroundPolygons = () => {
         className="floating animation-delay-4000"
         pos="absolute"
         right="-10px"
-        top="30px"
+        top={`calc(${baseTop} - '70px')`}
         data-aos="fade"
         data-aos-delay="200"
       >