docs(lp): 📝 Change SEO related info

2022-03-17 14:37:00 +01:00
parent d0ece4cc8f
commit 8ba231f393
13 changed files with 13 additions and 36 deletions
--- 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}
  />
 )
--- 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>
--- 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,
    })
  }, [])

--- 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 />
--- 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"
--- 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>

--- 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>
--- a/apps/landing-page/public/images/preview.png
+++ b/apps/landing-page/public/images/preview.png
--- a/apps/landing-page/public/images/previews/blog.png
+++ b/apps/landing-page/public/images/previews/blog.png
--- a/apps/landing-page/public/images/previews/home-fr.png
+++ b/apps/landing-page/public/images/previews/home-fr.png
--- a/apps/landing-page/public/images/previews/home.png
+++ b/apps/landing-page/public/images/previews/home.png
--- a/apps/landing-page/public/images/previews/pricing-fr.png
+++ b/apps/landing-page/public/images/previews/pricing-fr.png
--- a/apps/landing-page/public/images/previews/pricing.png
+++ b/apps/landing-page/public/images/previews/pricing.png