From 49d87d9ef046f9bd5fe2677567c2e0a7b24e029c Mon Sep 17 00:00:00 2001 From: francesco Date: Tue, 28 Mar 2023 18:58:57 +0200 Subject: [PATCH 1/3] OpenAI web update --- lib/src/form/EntityForm.tsx | 2 +- .../data_enhancement/AutofillFeature.tsx | 62 +++++++++--------- .../data_enhancement/DataEnhancementHero.tsx | 14 ++-- website/static/img/data/product_demo_dark.mp4 | Bin 0 -> 455941 bytes .../static/img/data/product_demo_light.mp4 | Bin 0 -> 524451 bytes 5 files changed, 39 insertions(+), 39 deletions(-) create mode 100644 website/static/img/data/product_demo_dark.mp4 create mode 100644 website/static/img/data/product_demo_light.mp4 diff --git a/lib/src/form/EntityForm.tsx b/lib/src/form/EntityForm.tsx index a6c0cf89a..012606137 100644 --- a/lib/src/form/EntityForm.tsx +++ b/lib/src/form/EntityForm.tsx @@ -424,7 +424,7 @@ function EntityFormInternal>({ {collection.singularName ?? collection.name + " entry"} diff --git a/website/src/partials/data_enhancement/AutofillFeature.tsx b/website/src/partials/data_enhancement/AutofillFeature.tsx index 9e5347c75..eb8af53da 100644 --- a/website/src/partials/data_enhancement/AutofillFeature.tsx +++ b/website/src/partials/data_enhancement/AutofillFeature.tsx @@ -3,6 +3,11 @@ import { BrowserFrame } from "../BrowserFrame"; import { TwoColumns } from "../general/TwoColumns"; import { useColorMode } from "@docusaurus/theme-common"; +// @ts-ignore +import demoDark from "@site/static/img/data/product_demo_dark.mp4"; +// @ts-ignore +import demoLight from "@site/static/img/data/product_demo_light.mp4"; + export function AutofillFeature() { const { colorMode } = useColorMode(); @@ -10,22 +15,6 @@ export function AutofillFeature() { return ( - -

- Our FireCMS OpenAI plugin includes an autofill feature that saves time and - increases accuracy. -

- -

- With the autofill feature, you can quickly fill in - repetitive or frequently used information, such as your - name, address, or email address, with just a few clicks or - taps. This helps to reduce errors and typos and saves you - time when filling out forms or submitting information. -

- } - right={<> -
- {/**/} - {/* */} - {/**/} + } + right={<> +

+ Fill in the details of the Nike Air Max 90 +

+

+ Use a prompt to indicate how you would like the autofill + feature to work. Imagine you have an ecommerce store and + you want to add a new product to your catalog. +

+

+ ...or you are writing an article +

+

+ ...or creating the content of a course +

+

+ ...or anything you can think of +

+ +

+ The OpenAI plugin for FireCMS will use the latest GPT model + from OpenAI to generate the content for you. You can then + edit the generated content and save it to your database. +

}/> ); } diff --git a/website/src/partials/data_enhancement/DataEnhancementHero.tsx b/website/src/partials/data_enhancement/DataEnhancementHero.tsx index 0f5683456..a83e4e46a 100644 --- a/website/src/partials/data_enhancement/DataEnhancementHero.tsx +++ b/website/src/partials/data_enhancement/DataEnhancementHero.tsx @@ -1,8 +1,6 @@ import React from "react"; import { useColorMode } from "@docusaurus/theme-common"; - -import { Hero } from "../general/Hero"; import { CTAButtonMixin } from "../utils"; import { TwoColumns } from "../general/TwoColumns"; @@ -22,16 +20,15 @@ export function DataEnhancementHero() {

- Our CMS with OpenAI integration offers a powerful + FireCMS with OpenAI integration offers a powerful autofill feature that can save you time and increase the accuracy - of - your data entry. + of your data entry.

- Sign up now and experience the power of OpenAI to - enhance - your data entry and streamline your business processes. + Sign up now and experience the power of the latest GPT + models to enhance your data entry and streamline your + business processes.

@@ -57,6 +54,7 @@ export function DataEnhancementHero() { data-aos="fade-up" className={" flex content-center justify-center"}>