- in - - 2 minutes. - -
- in less than 2 minutes. -
-
-
-
-
);
};
diff --git a/src/pages/Home/UseCases.tsx b/src/pages/Home/SectionFive.tsx
similarity index 59%
rename from src/pages/Home/UseCases.tsx
rename to src/pages/Home/SectionFive.tsx
index a1aff8a..7c9d357 100644
--- a/src/pages/Home/UseCases.tsx
+++ b/src/pages/Home/SectionFive.tsx
@@ -2,20 +2,19 @@ import { Container } from "@mui/material";
import Button from "components/Button";
import Typography from "components/Typography";
import { useUserInfoCtx } from "components/UserInfo/UserInfo";
-import React from "react";
-const UseCases: React.FC = () => {
+const SectionFive = () => {
const { handleLogin } = useUserInfoCtx();
return (
-
+
+
+ How Genesi Works
+
+
+
+ {sections[currentSection]}
+
+
+
+
+ );
+};
+
+export default SectionFour;
diff --git a/src/pages/Home/SectionFourSlideOne.tsx b/src/pages/Home/SectionFourSlideOne.tsx
new file mode 100644
index 0000000..bc46f5f
--- /dev/null
+++ b/src/pages/Home/SectionFourSlideOne.tsx
@@ -0,0 +1,28 @@
+import Typography from "components/Typography";
+
+const SectionFourSlideOne = () => {
+ return (
+ <>
+
+
+ Enter your data
+
+
+ Add everything you want to share with your plugin users
+
+
+
+ Image
+
+
+ );
+};
+
+export default SectionFourSlideOne;
diff --git a/src/pages/Home/SectionFourSlideThree.tsx b/src/pages/Home/SectionFourSlideThree.tsx
new file mode 100644
index 0000000..8f8c380
--- /dev/null
+++ b/src/pages/Home/SectionFourSlideThree.tsx
@@ -0,0 +1,31 @@
+import Typography from "components/Typography";
+
+const SectionFourSlideThree = () => {
+ return (
+ <>
+
+
+ Publish you plugin and let the magic happen{" "}
+
+
+ As soon as your plugin is approved it will be online
+
+
+ You will be able to edit details whenever you want
+
+
+
+ Imageaaaaaaaaaaaaaaaaa
+
+
+ );
+};
+
+export default SectionFourSlideThree;
diff --git a/src/pages/Home/SectionFourSlideTwo.tsx b/src/pages/Home/SectionFourSlideTwo.tsx
new file mode 100644
index 0000000..ad1ea7e
--- /dev/null
+++ b/src/pages/Home/SectionFourSlideTwo.tsx
@@ -0,0 +1,28 @@
+import Typography from "components/Typography";
+
+const SectionFourSlideOne = () => {
+ return (
+ <>
+
+
+ Share the link with ChatGPTto test you plugin
+
+
+ Start to chat with your onw data{" "}
+
+
+
+ Imageuyuyuyuyuyuyuyuyuyuyuyuyuyuyuyuyuyuyuyuyuyuyuyuyuyuyuyuy
+
+
+ );
+};
+
+export default SectionFourSlideOne;
diff --git a/src/pages/Home/SectionFourSteps.tsx b/src/pages/Home/SectionFourSteps.tsx
new file mode 100644
index 0000000..7964584
--- /dev/null
+++ b/src/pages/Home/SectionFourSteps.tsx
@@ -0,0 +1,78 @@
+import Typography from "components/Typography";
+import { motion } from "framer-motion";
+
+type InputProps = {
+ currentSection: number;
+};
+const SectionFourSteps = ({ currentSection }: InputProps) => {
+ return (
+
+ 1
+ 2
+ 3
+
+ );
+};
+
+type BallProps = {
+ size: "big" | "small";
+ children: string;
+};
+
+const Ball = ({ size, children }: BallProps) => (
+
+
+ Build ChatGPT plugins
+
+ in + 2 minutes. +
+
+
+ *No credit card required
+
+
+
+ );
+};
+
+export default SectionOne;
diff --git a/src/pages/Home/SectionThree.tsx b/src/pages/Home/SectionThree.tsx
new file mode 100644
index 0000000..a3c5972
--- /dev/null
+++ b/src/pages/Home/SectionThree.tsx
@@ -0,0 +1,46 @@
+import { Container } from "@mui/material";
+import { memo } from "react";
+import SectionThreeTemplate from "./SectionThreeTemplate";
+
+const SectionThree = () => {
+ return (
+ + in + 2 minutes. +
+
+
+ {title}
+
+
+
+ {skills.map((skill, index) => (
+
+
+ {skill}
+
+
+ ))}
+
+
+);
+
+export default SectionThreeTemplate;
diff --git a/src/pages/Home/SectionTwo.tsx b/src/pages/Home/SectionTwo.tsx
new file mode 100644
index 0000000..4547d16
--- /dev/null
+++ b/src/pages/Home/SectionTwo.tsx
@@ -0,0 +1,36 @@
+import { Container } from "@mui/material";
+import Typography from "components/Typography";
+
+const SectionTwo = () => {
+ return (
+
+
+
+
+ );
+};
+
+export default SectionTwo;
diff --git a/src/pages/Home/Video.tsx b/src/pages/Home/Video.tsx
new file mode 100644
index 0000000..1b54288
--- /dev/null
+++ b/src/pages/Home/Video.tsx
@@ -0,0 +1,26 @@
+const youTubeVideo =
+ "https://www.youtube.com/embed/_awRHFcAS2k?si=Ywk8rQa15Dle3Z9Z";
+const Video = () => {
+ return (
+
+
+ Customize the answers of ChatGPT with your data.
+
+
+ GenesiAI is a tool that allows you to create your ChatGPT custom
+ plugin in a couple of clicks, without any coding experience or
+ technical expertise.
+
+
+
+ Image
+
+
+
+ );
+};
+
+export default Video;
diff --git a/src/pages/Home/WhatSection.tsx b/src/pages/Home/WhatSection.tsx
deleted file mode 100644
index ddc78bf..0000000
--- a/src/pages/Home/WhatSection.tsx
+++ /dev/null
@@ -1,201 +0,0 @@
-import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutline";
-import { Box, Grid, Typography } from "@mui/material";
-import React from "react";
-
-const WhatSection: React.FC = () => {
- return (
-
+
+
+ - Consider your custom plugin like the personal assistant you’ve always - been looking for, for you and your company. The AI collects the data, - reads it and put it all together in a unique ecosystem. -
-
{" "} -
{" "} -
-
-