Copy fixes

packages/website/src/components/Hero.tsx

@@ -24,12 +24,16 @@ export const Hero = () => {
           <div className="relative z-10 md:text-center lg:text-left">
             <div className="relative">
               <p className="inline text-white font-display text-5xl">
-                SDK for rich conversational experiences powered by <a href="https://nlx.ai" target="_blank">NLX</a>&reg;
+                SDK for rich conversational experiences powered by{" "}
+                <a href="https://nlx.ai" target="_blank">
+                  NLX
+                </a>
+                &reg;
               </p>
               <p className="mt-3 text-2xl text-white65">
                 Add chat and multimodal capabilities to your page in minutes.
-                Add fully custom components with a dozen lines of code, or
-                engineer from the ground up yourself.
+                Introduce fully custom components with only a dozen lines of
+                code, or engineer from the ground up yourself.
               </p>
               <div className="mt-8 flex gap-4 md:justify-center lg:justify-start">
                 <button

packages/website/src/content/02-04-web-widget-try-live.tsx

@@ -71,7 +71,7 @@ export const WebWidgetTryLive = () => {
       <PageContent md={content} />
       <Note
         title="Important"
-        body="In order for the bot communication to work (i.e. not trigger CORS errors), make sure that the URL of your webpage is added to the whitelisted URL list of your API channel in Dialog Studio."
+        body="In order for the bot communication to work (i.e., not trigger CORS errors), make sure that the URL of your webpage is added to the whitelisted URL list of your API channel in Dialog Studio."
       />
       <div className="mt-6 space-y-4">
         <ConfigEditor

packages/website/src/content/03-03-disclaimer.tsx

@@ -25,7 +25,7 @@ export const WebWidgetComponentsDisclaimer = () => {
       <PageContent md={content} />
       <Note
         title="Note"
-        body="This component example is purely presentational. What happens when the user clicks the 'Accept' or 'Deny' buttons should be wired up according individual tracking setups and privacy policy."
+        body="This component example is purely presentational. What happens when the user clicks the 'Accept' or 'Deny' buttons should be wired up according to individual tracking setups and privacy policy."
       />
     </>
   );

packages/website/src/content/03-04-carousel.tsx

@@ -7,7 +7,7 @@ import { InlineWidget } from "../components/InlineWidget";
 import { carouselSnippet } from "../snippets";
 
 export const content = `
-This carousel component presents list-type information in a rich, visually appealing manner.
+This carousel component presents list-type information in a rich, visually-appealing manner.
 
 ~~~js
 ${carouselSnippet}
@@ -24,9 +24,9 @@ export const WebWidgetComponentsCarousel = () => {
           [
             {
               type: "custom",
-              element: <Carousel data={carouselExampleData} />
-            }
-          ]
+              element: <Carousel data={carouselExampleData} />,
+            },
+          ],
         ]}
       />
       <PageContent md={content} />

packages/website/src/content/04-02-custom-widgets-react.tsx

@@ -4,7 +4,7 @@ import { PageContent } from "../components/PageContent";
 import { customWidgetSnippet } from "../snippets";
 
 export const content = `
-The React and Preact packages expose a single custom hook called [useChat]().
+The React and Preact packages expose a single custom hook called \`useChat\`.
 
 The following code snippet shows a few features easily implemented using this hook:
 - set up a controlled input field.

packages/website/src/content/05-02-headless-api.tsx

@@ -32,7 +32,7 @@ Trigger a specific intent. The most common use of this method is to show welcome
 
 ### \`sendStructured: (request: StructuredRequest) => void\`
 
-Send a combination of choice, slots and intent ID in one request.
+Send a combination of choice, slots, and intent ID in one request.
 
 ### \`subscribe: (subscriber: (responses: Response[], newResponse: Response | undefined) => void) => void\`
 
@@ -54,7 +54,7 @@ Reset the conversation. This makes sure that information previously collected by
 export const HeadlessApi = () => {
   return (
     <>
-      <PageTitle pretitle="Headless API" title="API Reference" />
+      <PageTitle pretitle="Headless API" title="API reference" />
       <PageContent md={content} />
     </>
   );

packages/website/src/content/06-03-multimodal-try-live.tsx

@@ -37,7 +37,7 @@ export const MultimodalTryLive = () => {
       <PageContent md={content} />
       <Note
         title="Important"
-        body="In order for the journey communication to work (i.e. not trigger CORS errors), make sure that the URL of your webpage is added to the whitelisted URL list of your journey in Dialog Studio."
+        body="In order for the journey communication to work (i.e., not trigger CORS errors), make sure that the URL of your webpage is added to the whitelisted URL list of your journey in Dialog Studio."
       />
       <div className="mt-6 space-y-4">
         <ConfigEditor

packages/website/src/custom-components/Carousel.tsx

@@ -23,7 +23,7 @@ export const carouselExampleData: Document[] = [
   {
     id: "2",
     name: "The Hip",
-    description: "Time to hit the streest on that brand new fixie.",
+    description: "Time to hit the streets on that brand new fixie.",
     imageUrl: "./images/robert-bye-tG36rvCeqng-unsplash.jpg",
     url: "",
   },