docs(lp): 📝 Change SEO related info

baptisteArno · Mar 17, 2022 · 8ba231f · 8ba231f
1 parent d0ece4c
commit 8ba231f
Show file tree

Hide file tree

Showing 13 changed files with 13 additions and 36 deletions.
diff --git a/apps/landing-page/components/common/Navbar/NavMenu.tsx b/apps/landing-page/components/common/Navbar/NavMenu.tsx
@@ -1,4 +1,3 @@
-import { useColorModeValue } from '@chakra-ui/react'
 import { Variants } from 'framer-motion'
 import * as React from 'react'
 import { MotionBox, MotionBoxProps } from './MotionBox'
@@ -9,14 +8,13 @@ export const NavMenu = (props: MotionBoxProps) => (
     variants={variants}
     outline="0"
     opacity="0"
-    bg={useColorModeValue('white', 'gray.800')}
+    bgGradient="linear(to-b, gray.900, gray.800)"
     w="full"
     shadow="lg"
     px="4"
     pos="absolute"
     insetX="0"
-    pt="6"
-    pb="12"
+    py="12"
     {...props}
   />
 )

diff --git a/apps/landing-page/components/common/SocialMetaTags.tsx b/apps/landing-page/components/common/SocialMetaTags.tsx
@@ -2,15 +2,15 @@ import Head from 'next/head'
 import React from 'react'
 
 export const SocialMetaTags = ({
-  title,
-  description,
+  title = 'Typebot - Open-source conversational apps builder',
+  description = 'Powerful blocks to create unique chat experiences. Embed them anywhere on your apps and start collecting results like magic.',
   currentUrl,
-  imagePreviewUrl,
+  imagePreviewUrl = 'https://www.typebot.io/images/preview.png',
 }: {
-  title: string
-  description: string
+  title?: string
+  description?: string
   currentUrl: string
-  imagePreviewUrl: string
+  imagePreviewUrl?: string
 }) => (
   <Head>
     <title>{title}</title>

diff --git a/apps/landing-page/pages/_app.tsx b/apps/landing-page/pages/_app.tsx
@@ -12,6 +12,7 @@ const App = ({ Component, pageProps }: AppProps) => {
     AOS.init({
       easing: 'ease',
       duration: 1000,
+      once: true,
     })
   }, [])
 

diff --git a/apps/landing-page/pages/index.tsx b/apps/landing-page/pages/index.tsx
@@ -14,12 +14,7 @@ import { Testimonials } from 'components/Homepage/Testimonials'
 const App = () => {
   return (
     <Stack w="full" overflowX="hidden" bgColor="gray.900">
-      <SocialMetaTags
-        title="Typebot: Conversational Form Builder"
-        description="Convert 4x more with beautiful conversational forms. Embed them directly in your applications without a line of code."
-        currentUrl={`https://www.typebot.io/`}
-        imagePreviewUrl={`https://www.typebot.io/images/previews/home.png`}
-      />
+      <SocialMetaTags currentUrl={`https://www.typebot.io/`} />
       <Hero />
       <IntroducingChatApps />
       <EasyBuildingExperience />

diff --git a/apps/landing-page/pages/pricing.tsx b/apps/landing-page/pages/pricing.tsx
@@ -27,14 +27,7 @@ const Pricing = () => {
         bgGradient="linear(to-b, gray.900, gray.800)"
         pb={40}
       >
-        <SocialMetaTags
-          title={'Pricing'}
-          description={
-            "99% of Typebot's features are available to all users for free."
-          }
-          currentUrl={`https://www.typebot.io/pricing`}
-          imagePreviewUrl={`https://www.typebot.io/images/previews/pricing.png`}
-        />
+        <SocialMetaTags currentUrl={`https://www.typebot.io/pricing`} />
         <Head>
           <link
             rel="alternate"

diff --git a/apps/landing-page/pages/privacy-policies.tsx b/apps/landing-page/pages/privacy-policies.tsx
@@ -8,12 +8,7 @@ const PrivacyPolicies = () => {
   return (
     <div className="flex flex-col items-center w-full overflow-x-hidden ">
       <Navbar />
-      <SocialMetaTags
-        title="Privacy Policies for Typebot"
-        description="Create beautiful conversational forms"
-        currentUrl={`https://www.typebot.io/privacy-policies`}
-        imagePreviewUrl={`https://www.typebot.io/images/previews/home.png`}
-      />
+      <SocialMetaTags currentUrl={`https://www.typebot.io/privacy-policies`} />
       <Stack spacing={10} mx="auto" maxW="3xl" my="20">
         <Heading as="h1">Privacy Policy for Typebot</Heading>
 

diff --git a/apps/landing-page/pages/terms-of-service.tsx b/apps/landing-page/pages/terms-of-service.tsx
@@ -5,12 +5,7 @@ import { SocialMetaTags } from 'components/common/SocialMetaTags'
 const PrivacyPolicies = () => {
   return (
     <div className="flex flex-col items-center w-full overflow-x-hidden ">
-      <SocialMetaTags
-        title="Website Terms and Conditions of Use"
-        description="Create beautiful conversational forms"
-        currentUrl={`https://www.typebot.io/terms-of-service`}
-        imagePreviewUrl={`https://www.typebot.io/images/previews/home.png`}
-      />
+      <SocialMetaTags currentUrl={`https://www.typebot.io/terms-of-service`} />
       <Navbar />
       <Stack spacing={10} mx="auto" maxW="3xl" my="20">
         <Heading as="h1">Website Terms and Conditions of Use</Heading>

diff --git a/apps/landing-page/public/images/preview.png b/apps/landing-page/public/images/preview.png
diff --git a/apps/landing-page/public/images/previews/blog.png b/apps/landing-page/public/images/previews/blog.png
diff --git a/apps/landing-page/public/images/previews/home-fr.png b/apps/landing-page/public/images/previews/home-fr.png
diff --git a/apps/landing-page/public/images/previews/home.png b/apps/landing-page/public/images/previews/home.png
diff --git a/apps/landing-page/public/images/previews/pricing-fr.png b/apps/landing-page/public/images/previews/pricing-fr.png
diff --git a/apps/landing-page/public/images/previews/pricing.png b/apps/landing-page/public/images/previews/pricing.png