docs: clarify purpose and examples

Author: Pyrax

package.json

@@ -5,7 +5,7 @@
   "bugs": {
     "url": "https://github.com/pyrax/react-netlify-forms/issues"
   },
-  "description": "Netlify Forms as components and hook with default form handlers.",
+  "description": "React components and hooks giving you the power of Netlify Forms. Start building serverless forms on Netlify with React.",
   "keywords": [
     "react",
     "netlify",

www/README.md

@@ -2,7 +2,7 @@
 
 <h1 style="display:none;">react-netlify-forms</h1>
 
-> Netlify Forms as components and hook with default form handlers. Honeypot fields and reCAPTCHA are included as ready-to-use components.
+> React components and hooks giving you the power of Netlify Forms. Start building serverless forms on Netlify with React. Honeypot fields and reCAPTCHA are included as ready-to-use components.
 
 [![NPM](https://img.shields.io/npm/v/react-netlify-forms.svg)](https://www.npmjs.com/package/react-netlify-forms) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 
@@ -16,7 +16,7 @@
 
 ## Features
 
-Why should you use react-netlify-forms?
+It gives you all the features of Netlify Forms as simple and **reusable** React components which have been tested on Netlify.
 
 - Default form handlers with support for file uploads.
 - Spam prevention through included honeypot and reCAPTCHA components.

www/gatsby-config.js

@@ -6,7 +6,7 @@ module.exports = {
   pathPrefix: `/react-netlify-forms`,
   siteMetadata: {
     title: `react-netlify-forms`,
-    description: `Netlify Forms as components and hook with default form handlers.`,
+    description: `React components and hooks giving you the power of Netlify Forms. Start building serverless forms on Netlify with React.`,
     author: `Pyrax`
   },
   plugins: [

www/src/pages/examples/contact-form.mdx

@@ -32,7 +32,8 @@ Then, you can use the `NetlifyForm` component in place of the standard form tag.
       )}
       {error && (
         <p sx={{ variant: 'alerts.muted', p: 3 }}>
-          Sorry, we could not reach our servers. Please try again later.
+          Sorry, we could not reach servers. Because it only works on Netlify,
+          our GitHub demo does not provide a response.
         </p>
       )}
       <div>

www/src/pages/examples/formik.mdx

@@ -72,7 +72,8 @@ function NewsletterForm() {
         )}
         {netlify.error && (
           <p sx={{ variant: 'alerts.muted', p: 3 }}>
-            Sorry, we could not reach our servers. Please try again later.
+            Sorry, we could not reach servers. Because it only works on Netlify,
+            our GitHub demo does not provide a response.
           </p>
         )}
         <div>

www/src/pages/examples/react-hook-form.mdx

@@ -52,7 +52,8 @@ function NewsletterForm() {
         )}
         {netlify.error && (
           <p sx={{ variant: 'alerts.muted', p: 3 }}>
-            Sorry, we could not reach our servers. Please try again later.
+            Sorry, we could not reach servers. Because it only works on Netlify,
+            our GitHub demo does not provide a response.
           </p>
         )}
         <div>

www/src/pages/examples/recaptcha.mdx

@@ -43,7 +43,8 @@ Then, you can use the `NetlifyForm` component in place of the standard form tag.
       )}
       {error && (
         <p sx={{ variant: 'alerts.muted', p: 3 }}>
-          Sorry, we could not reach our servers. Please try again later.
+          Sorry, we could not reach servers. Because it only works on Netlify,
+          our GitHub demo does not provide a response.
         </p>
       )}
       <div>