Update copy (#47)

* Update website copy * Polishing * Update airt description
airtai · Apr 17, 2024 · 717200a · 717200a
1 parent 74d05be
commit 717200a
Show file tree

Hide file tree

Showing 9 changed files with 435 additions and 578 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -1,56 +1,55 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 
-const lightCodeTheme = require('prism-react-renderer/themes/github');
-const darkCodeTheme = require('prism-react-renderer/themes/dracula');
+const lightCodeTheme = require("prism-react-renderer/themes/github");
+const darkCodeTheme = require("prism-react-renderer/themes/dracula");
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
-  title: 'airt',
-  tagline: 'AI in motion',
+  title: "airt",
+  tagline: "AI in motion",
   customFields: {
-    description:
-      'Efficient and scalable solution for building AI-powered microservices for streaming data.',
+    description: "Build your own SaaS with our multi-agent AI framework.",
   },
-  favicon: 'img/AIRT_icon_blue.svg',
+  favicon: "img/AIRT_icon_blue.svg",
 
   // Set the production url of your site here
-  url: 'http://www.airt.ai/',
+  url: "http://www.airt.ai/",
   // Set the /<baseUrl>/ pathname under which your site is served
   // For GitHub pages deployment, it is often '/<projectName>/'
-  baseUrl: '/',
+  baseUrl: "/",
 
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.
-  organizationName: 'airt', // Usually your GitHub org/user name.
-  projectName: 'website', // Usually your repo name.
-  deploymentBranch: 'gh-pages',
+  organizationName: "airt", // Usually your GitHub org/user name.
+  projectName: "website", // Usually your repo name.
+  deploymentBranch: "gh-pages",
 
-  onBrokenLinks: 'throw',
-  onBrokenMarkdownLinks: 'warn',
+  onBrokenLinks: "throw",
+  onBrokenMarkdownLinks: "warn",
 
   // Even if you don't use internalization, you can use this field to set useful
   // metadata like html lang. For example, if your site is Chinese, you may want
   // to replace "en" with "zh-Hans".
   i18n: {
-    defaultLocale: 'en',
-    locales: ['en'],
+    defaultLocale: "en",
+    locales: ["en"],
   },
 
   presets: [
     [
-      'classic',
+      "classic",
       /** @type {import('@docusaurus/preset-classic').Options} */
       ({
         docs: {
-          sidebarPath: require.resolve('./sidebars.js'),
+          sidebarPath: require.resolve("./sidebars.js"),
         },
         blog: false,
         theme: {
-          customCss: require.resolve('./src/css/custom.css'),
+          customCss: require.resolve("./src/css/custom.css"),
         },
         gtag: {
-          trackingID: 'G-KM9N6TFVWE',
+          trackingID: "G-KM9N6TFVWE",
         },
       }),
     ],
@@ -60,80 +59,90 @@ const config = {
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
       // Replace with your project's social card
-      image: 'img/airt-social-card.png',
+      image: "img/airt-social-card.png",
       colorMode: {
-        defaultMode: 'light',
+        defaultMode: "light",
         disableSwitch: true,
       },
       navbar: {
-        title: 'airt',
+        title: "airt",
         logo: {
-          alt: 'airt logo',
-          src: 'img/AIRT_icon_blue.svg',
+          alt: "airt logo",
+          src: "img/AIRT_icon_blue.svg",
         },
         items: [
           {
-            type: 'dropdown',
-            label: 'Products',
-            position: 'right',
+            type: "dropdown",
+            label: "Products",
+            position: "right",
             items: [
               {
-                label: 'FastStream framework',
-                href: 'https://faststream.airt.ai',
-              }
-            ]
+                label: "FastAgency",
+                href: "https://fastagency.ai",
+              },
+            ],
           },
           {
-            type: 'dropdown',
-            label: 'Tools',
-            position: 'right',
+            type: "dropdown",
+            label: "Tools",
+            position: "right",
             items: [
               {
-                label: 'Monotonic Neural Networks',
-                href: 'https://monotonic.airt.ai',
+                label: "FastStream",
+                href: "https://faststream.airt.ai",
               },
               {
-                label: 'Material for nbdev',
-                href: 'https://nbdev-mkdocs.airt.ai',
-              }
-            ]
+                label: "Monotonic Neural Networks",
+                href: "https://monotonic.airt.ai",
+              },
+            ],
+          },
+          {
+            to: "news",
+            label: "News",
+            position: "right",
+            className: "styled-item",
+          },
+          {
+            to: "about-us",
+            label: "About Us",
+            position: "right",
+            className: "styled-item",
           },
-          {to: 'news', label: 'News', position: 'right', className: "styled-item"},
-          {to: 'about-us', label: 'About Us', position: 'right', className: "styled-item"},
           {
-            href: 'https://discord.gg/CJWmYpyFbc',
-            position: 'right',
+            href: "https://discord.gg/CJWmYpyFbc",
+            position: "right",
             className: "social-link extra-margin header-discord-link",
             "aria-label": "Discord Link",
           },
           {
-            href: 'https://github.com/airtai',
-            position: 'right',
+            href: "https://github.com/airtai",
+            position: "right",
             className: "social-link header-github-link",
             "aria-label": "GitHub repository",
           },
           {
-            href: 'https://twitter.com/airt_AI',
-            position: 'right',
+            href: "https://twitter.com/airt_AI",
+            position: "right",
             className: "social-link header-twitter-link",
             "aria-label": "Twitter Home Page",
           },
           {
-            href: 'https://www.facebook.com/airt.ai.api',
-            position: 'right',
+            href: "https://www.facebook.com/airt.ai.api",
+            position: "right",
             className: "social-link header-facebook-link",
             "aria-label": "Facebook Home Page",
           },
           {
-            href: 'https://www.linkedin.com/company/airt-ai',
-            position: 'right',
+            href: "https://www.linkedin.com/company/airt-ai",
+            position: "right",
             className: "social-link header-linkedin-link",
             "aria-label": "LinkedIn Home Page",
           },
         ],
       },
       footer: {
-        style: 'dark',
+        style: "dark",
         links: [
           // {
           //   title: 'Docs',
@@ -145,7 +154,7 @@ const config = {
           //   ],
           // },
           {
-            title: 'COMMUNITY',
+            title: "COMMUNITY",
             items: [
               {
                 html: `
@@ -175,45 +184,45 @@ const config = {
             ],
           },
           {
-            title: 'EXPLORE PRODUCTS',
+            title: "EXPLORE PRODUCTS",
             items: [
               {
-                label: 'FastStream framework',
-                href: 'https://faststream.airt.ai',
-              }
+                label: "FastAgency",
+                href: "https://fastagency.ai",
+              },
             ],
           },
           {
-            title: 'EXPLORE TOOLS',
+            title: "EXPLORE TOOLS",
             items: [
               {
-                label: 'Monotonic Neural Networks',
-                href: 'https://monotonic.airt.ai',
+                label: "FastStream",
+                href: "https://faststream.airt.ai",
               },
               {
-                label: 'Material for nbdev',
-                href: 'https://nbdev-mkdocs.airt.ai',
-              }
+                label: "Monotonic Neural Networks",
+                href: "https://monotonic.airt.ai",
+              },
             ],
           },
           {
-            title: 'EXPLORE MORE',
+            title: "EXPLORE MORE",
             items: [
               {
-                label: 'News',
-                to: 'news',
+                label: "News",
+                to: "news",
               },
               {
-                label: 'About Us',
-                to: 'about-us',
+                label: "About Us",
+                to: "about-us",
               },
               {
-                label: 'Company information',
-                to: 'company-information',
+                label: "Company information",
+                to: "company-information",
               },
               {
-                label: 'Contact Us',
-                to: 'contact-us',
+                label: "Contact Us",
+                to: "contact-us",
               },
             ],
           },

diff --git a/src/components/HomepageFeatures/index.js b/src/components/HomepageFeatures/index.js
@@ -1,46 +1,42 @@
-import React from 'react';
-import clsx from 'clsx';
-import styles from './styles.module.css';
+import React from "react";
+import clsx from "clsx";
+import styles from "./styles.module.css";
 
 const FeatureList = [
   {
-    title: 'DEV TOOL FOR DATA IN MOTION',
+    title: "MASTER COMPLEXITY WITH SYNERGY",
     // Svg: require('@site/static/img/dev-tool-for-data-in-motion.svg').default,
-    src: 'img/dev-tool-for-data-in-motion.svg',
+    src: "img/Robot_Yes_No_transparent.svg",
     description: (
-      <>
-        Efficient and scalable framework that allows developers to create, test, and 
-        manage microservices for streaming data with ease.
-      </>
+      <>Harness collective intelligence for problem-solving efficiency.</>
     ),
   },
   {
-    title: 'BLEEDING EDGE TECHNOLOGY',
+    title: "FLEXIBLE, SCALABLE INTEGRATION",
     // Svg: require('@site/static/img/bleeding-edge-technology.svg').default,
-    src: 'img/bleeding-edge-technology.svg',
-    description: (
-      <>
-        Autonomous AI agents for rapid development and deployment of microservices. From problem in plain English to deployable solution in a matter of minutes.
-      </>
-    ),
+    src: "img/Robot_winner_transparent.svg",
+    description: <>Create and integrate specialized AI agents seamlessly.</>,
   },
   {
-    title: 'DRIVING IMPACT WITH DEEP LEARNING',
+    title: "EFFORTLESS MULTI-AGENT DEPLOYMENT",
     // Svg: require('@site/static/img/driving-impact-with-deep-learning.svg').default,
-    src: 'img/driving-impact-with-deep-learning.svg',
-    description: (
-      <>
-        Incorporated GPT-based model that predicts future events to be streamed, and outperforms all other alternatives (SOTA results against IBM and Google).
-      </>
-    ),
+    src: "img/bleeding-edge-technology.svg",
+    description: <>Easily launch distributed multi-agent systems.</>,
   },
 ];
 
-function Feature({src, title, description}) {
+function Feature({ src, title, description }) {
   return (
-    <div className={clsx('col col--4')}>
+    <div className={clsx("col col--4")}>
       <div className="text--center">
-        <img className={styles.featureSvg} src={src} />
+        <img
+          className={
+            src === "img/Robot_winner_transparent.svg"
+              ? styles.featureSvgAutoWidth
+              : styles.featureSvg
+          }
+          src={src}
+        />
         {/* <Svg className={styles.featureSvg} role="img" /> */}
       </div>
       <div className={styles.featureContainer}>
@@ -61,7 +57,7 @@ export default function HomepageFeatures() {
         <div className={clsx('col col--12')}>
           <p className={styles.description}>Some very long placeholder description for airt.........................................</p>
         </div> */}
-        <div className="row">
+        <div className={`row ${styles.featureContainerWrapper}`}>
           {FeatureList.map((props, idx) => (
             <Feature key={idx} {...props} />
           ))}

diff --git a/src/components/HomepageFeatures/styles.module.css b/src/components/HomepageFeatures/styles.module.css
@@ -14,6 +14,13 @@
   width: 300px;
   height: 300px;
 }
+
+.featureSvgAutoWidth {
+  width: auto;
+  height: 300px;
+  margin-left: -40px;
+}
+
 .title {
   font-size: 2.3rem;
   text-align: center;
@@ -29,11 +36,21 @@
 .featureContainer {
   padding: 1.5rem 3rem 8rem 3rem;
 }
+.featureContainerWrapper {
+  margin-bottom:0rem;
+}
 /* .featureDescription {
   font-size: 0.9rem;
 } */
 @media screen and (max-width: 996px) {
+  .featureContainerWrapper {
+    margin-bottom:6rem;
+  }
   .featureContainer {
-    padding: 0 3rem 5rem;
+    padding: 0 3rem;
+    text-align: center;
+  }
+  .featureSvgAutoWidth {
+    margin-left: 0px;
   }
 }