fix(homepage): copy edits, more breakpoints for carousel; circle favicon

Author: timmywil

gatsby-config.js

@@ -385,7 +385,7 @@ module.exports = {
         background_color: '#ffffff',
         theme_color: '#2f5bea',
         display: 'minimal-ui',
-        icon: 'static/mark.svg'
+        icon: 'static/favicon.svg'
       }
     },
     {

src/components/homepage/Benefits.tsx

@@ -17,7 +17,7 @@ export default function Benefits() {
         id="modular"
         subHeader="Modular"
         header="Develop Across Platforms Using One API"
-        text="Managing voice interfaces across embedded, mobile, and the web can be complicated, time-consuming, and expensive. With Spokestack, spend more time helping customers and less time managing platforms."
+        text="Managing voice interfaces across embedded, mobile, and the web can be complicated, time-consuming, and expensive. With Spokestack, spend more time building voice-powered features for your customers and less time managing platforms."
         image={
           <img
             css={styles.mobileDiagram}
@@ -67,11 +67,11 @@ export default function Benefits() {
           <Fragment>
             <p className="title">
               Spokestack&apos;s, er, stack, has all the voice technology
-              features you could want, but doesn&apos;t make you use any that
-              you don&apos;t need. Voice activity detection that triggers when
-              human speech is heard, wake word activation on your custom
-              phrases, keyword recognition of just the commands you define,
-              automatic speech recognition choices, natural language
+              features you could want, but its modular design doesn’t make you
+              use any that you don’t need. Voice activity detection that
+              triggers when human speech is heard, wake word activation on your
+              custom phrases, keyword recognition of just the commands you
+              define, automatic speech recognition choices, natural language
               understanding of intents and slots, and text-to-speech voices
               unique to you.
             </p>

src/components/homepage/News.tsx

@@ -26,7 +26,7 @@ export default function News() {
     <div id="news" className="ie-fix" css={styles.container}>
       <h2>News &amp; Tutorials</h2>
       <p className="title">
-        Stay informed and learn to build your own Independent Voice Assistant
+        The latest tutorials, low-code integrations, and Spokestack news
       </p>
       <div className="ie-fix" css={styles.content}>
         {sortPosts(posts).map((edge) => {

src/components/homepage/Problems.tsx

@@ -61,7 +61,7 @@ export default function Problems() {
         <ProblemCard
           full
           title="Can't Customize"
-          description="Can your software listen when a user runs it? Can you only speak to users in &ldquo;Siri Voice&rdquo;? Is the platform wake word the only way to open your app?"
+          description="Can your software listen when a user runs it? Can you only speak to users in &ldquo;Siri Voice&rdquo;? Is the platform wake word the only way to activate your app?"
           image={
             <StaticImage
               width={1086}

src/components/homepage/Solution.tsx

@@ -3,15 +3,15 @@ import React from 'react'
 import { StaticImage } from 'gatsby-plugin-image'
 import { css } from '@emotion/react'
 
-const carouselBreakpoints = [750, 980, 1080, 1120, 1240]
+const carouselBreakpoints = [750, 980, 1080, 1240, 1366, 1920]
 
 export default function Solution() {
   return (
     <div id="solution" className="ie-fix" css={styles.solution}>
       <h2>Spokestack Maker</h2>
       <p>
-        Developers and hobbyists use Spokestack to prototype projects before
-        committing to training a universal wake word/keyword model or
+        Startups, developers, and hobbyists use Spokestack to prototype projects
+        before committing to training a universal wake word/keyword model or
         studio-quality TTS voice.
       </p>
       <Carousel