Audit
diff --git a/src/shared/components/css/QnASection.css b/src/shared/components/css/QnASection.css
index 3c9f2c3..1eacb99 100644
--- a/src/shared/components/css/QnASection.css
+++ b/src/shared/components/css/QnASection.css
@@ -4,7 +4,7 @@
}
.iconDropUp {
transition: transform 1.5s;
- transform: rotate(180deg);
+ transform: rotateY(180deg);
}
.listItem__QnA {
diff --git a/src/shared/components/css/Roadmap.css b/src/shared/components/css/Roadmap.css
index 781e4cb..e090254 100644
--- a/src/shared/components/css/Roadmap.css
+++ b/src/shared/components/css/Roadmap.css
@@ -1,7 +1,6 @@
#timeline {
display: flex;
column-gap: 12px;
- background-color: #031625;
justify-content: space-between;
flex: 1;
}
diff --git a/src/shared/components/healthcare/ApproachSection.tsx b/src/shared/components/healthcare/ApproachSection.tsx
new file mode 100644
index 0000000..edbe4a0
--- /dev/null
+++ b/src/shared/components/healthcare/ApproachSection.tsx
@@ -0,0 +1,110 @@
+import React, { useState, useEffect } from "react";
+import { HiOutlineUserGroup } from "react-icons/hi";
+import { useTranslation } from "react-i18next";
+import { TbReportSearch } from "react-icons/tb";
+import userBehavior from "../../../assets/images/image19.png";
+import userInformation from "../../../assets/images/image20.png";
+import userInteraction from "../../../assets/images/image21.png";
+
+// const listApproach = [
+// {
+// title: "Step 1",
+// contents: [
+// {
+// content:
+// "Build MVP version of product that provides a free chatbot service on diseases for users.",
+// },
+// {
+// content:
+// "Attract a large number of users to experience the best features of the product.",
+// },
+// {
+// content:
+// "Become an application that users use before they use Google.",
+// },
+// ],
+// },
+// {
+// title: "Step 2",
+// contents: [
+// {
+// content: "Add more accurate and reliable data sources.",
+// },
+// {
+// content:
+// "For each answer, additional questions will be asked to encourage users to provide more information.",
+// },
+// {
+// content:
+// "Enhance the ability to synthesize disease information from conversation history with users.",
+// },
+// ],
+// },
+// {
+// title: "Step 3",
+// contents: [
+// {
+// content: "Refine the product based on user feedback.",
+// },
+// {
+// content: "Provide additional valuable services such as: ",
+// navcontent: [
+// "Suggesting reputable clinics to users.",
+// "Booking medical appointments.",
+// ],
+// },
+// ],
+// },
+// ];
+const Approach = () => {
+ const { t } = useTranslation("approachSectionHealthCare");
+ const [appRoachData, setAppRoachData] = useState([]);
+ useEffect(() => {
+ setAppRoachData(t("data", { returnObjects: true }));
+ console.log(appRoachData);
+ }, [t]);
+ return (
+
+
The Approach
+
+ {appRoachData.map((item: any) => {
+ return (
+
+
+
{item.title}
+
+ {item.contents.map((item: any) => {
+ return (
+ <>
+ -
+ {item.content}
+
+ {item.navcontent?.map((item: any) => {
+ return - + {item}
;
+ })}
+
+
+
+ );
+ })}
+
+
+
+ );
+ })}
+
+
+ );
+};
+
+export default Approach;
diff --git a/src/shared/components/healthcare/Competitions.tsx b/src/shared/components/healthcare/Competitions.tsx
new file mode 100644
index 0000000..5426510
--- /dev/null
+++ b/src/shared/components/healthcare/Competitions.tsx
@@ -0,0 +1,42 @@
+import React from "react";
+
+const Competitions = () => {
+ return (
+
+
Competitions
+
+
+
+
+ Innovative
+
+
+ Specialization
+
+
+ Google
+
+
+ ChatGPT
+
+
+
+ Us
+
+
+
+
+ Traditional Chatbot
+
+
+
+
+ Chat Application
+
+
+
+
+ );
+};
+
+export default Competitions;
diff --git a/src/shared/components/healthcare/CustomerInsight.tsx b/src/shared/components/healthcare/CustomerInsight.tsx
new file mode 100644
index 0000000..7457dd3
--- /dev/null
+++ b/src/shared/components/healthcare/CustomerInsight.tsx
@@ -0,0 +1,77 @@
+import React from "react";
+import { BiSearchAlt } from "react-icons/bi";
+import { TbFileDislike, TbFileLike } from "react-icons/tb";
+import { AiOutlineMessage } from "react-icons/ai";
+import customerInsight from "../../../assets/images/image22.png";
+import { useTranslation } from "react-i18next";
+
+const listInsight = [
+ {
+ content:
+ "Users need a reliable and easy-to-understand source of information.",
+ },
+ {
+ content:
+ "Users dislike having to synthesize complex information after conducting searches.",
+ },
+ {
+ content:
+ "Users prefer to search for information about illnesses as a reference before seeing a doctor.",
+ },
+ {
+ content:
+ "People with mental health issues tend to prefer texting about their problems.",
+ },
+];
+const CustomerInsight = () => {
+ const { t } = useTranslation("customerInsightHealthCare");
+ return (
+
+
+ {t("title")}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default CustomerInsight;
diff --git a/src/shared/components/healthcare/FirstSection.tsx b/src/shared/components/healthcare/FirstSection.tsx
new file mode 100644
index 0000000..0e36546
--- /dev/null
+++ b/src/shared/components/healthcare/FirstSection.tsx
@@ -0,0 +1,30 @@
+import React from "react";
+import robotImage from "../../../assets/images/robot-2.png";
+import robotImage2 from "../../../assets/images/robot-coin1.png";
+const FirstSection = () => {
+ return (
+
+
+ SGPT for Healthcare
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default FirstSection;
diff --git a/src/shared/components/healthcare/ProblemsSection.tsx b/src/shared/components/healthcare/ProblemsSection.tsx
new file mode 100644
index 0000000..752e7cb
--- /dev/null
+++ b/src/shared/components/healthcare/ProblemsSection.tsx
@@ -0,0 +1,97 @@
+import React, { useState, useEffect } from "react";
+import { HiOutlineUserGroup } from "react-icons/hi";
+import { TbReportSearch } from "react-icons/tb";
+import { useTranslation } from "react-i18next";
+
+import userBehavior from "../../../assets/images/image19.png";
+import userInformation from "../../../assets/images/image20.png";
+import userInteraction from "../../../assets/images/image21.png";
+
+const listProblems = [
+ {
+ title: "User behavior",
+ content:
+ "Satisfying the habit of searching for any unusual signs related to the user's health",
+ },
+ {
+ title: "Information",
+ content:
+ "Providing accurate and easy-to-understand information for users",
+ },
+ {
+ icon: "HiOutlineUserGroup",
+ title: "Interaction",
+ content:
+ "Providing a good user experience with high interactivity, encourage users to provide more valuable information about their illness",
+ },
+];
+const ProblemsSection = () => {
+ const { t } = useTranslation("problemsSectionHealthCare");
+ const [problemsSectionData, setProblemsSectionData] = useState([]);
+ useEffect(() => {
+ setProblemsSectionData(t("data", { returnObjects: true }));
+ }, [t]);
+ return (
+
+
+ {t("title")}
+
+
+ {/* [&>*:not(:first-child)]:border-l-2 */}
+ {problemsSectionData.map((item: any) => {
+ return (
+ <>
+
+
+
+
+
+
+ {item.title}
+
+
+
{item.content}
+
+
+
+ );
+ })}
+ {/*
+
+
+
+
User Information
+
+
+ Providing accurate and easy-to-understand information for users
+
+
+
+
+
+
+
Interaction
+
+
+ Providing a good user experience with high interactivity, encourage
+ users to provide more valuable information about their illness
+
+
*/}
+
+
+ );
+};
+
+export default ProblemsSection;
diff --git a/src/shared/components/healthcare/SolutionsOfProduct.tsx b/src/shared/components/healthcare/SolutionsOfProduct.tsx
new file mode 100644
index 0000000..cb4838d
--- /dev/null
+++ b/src/shared/components/healthcare/SolutionsOfProduct.tsx
@@ -0,0 +1,95 @@
+import React from "react";
+import { BiSearchAlt } from "react-icons/bi";
+import { useTranslation } from "react-i18next";
+import { TbFileDislike, TbFileLike } from "react-icons/tb";
+import { AiOutlineMessage } from "react-icons/ai";
+import customerInsight from "../../../assets/images/image22.png";
+import { BsDatabaseCheck } from "react-icons/bs";
+import { RiCodeSSlashLine, RiSettings4Line } from "react-icons/ri";
+
+const listSolutions = [
+ {
+ title: "DATA",
+ content: [
+ "Reliable and authoritative data sources.",
+ "The data is certified by hospitals and specialist doctors.",
+ ],
+ },
+ {
+ title: "TECHNOLOGY",
+ content: [
+ "The development and research team has extensive experience in developing products in the healthcare industry.",
+ ],
+ },
+ {
+ title: "CUSTOMIZATION",
+ content: [
+ "The server is designed to handle large amounts of data and has high scalability.",
+ "The system is highly customizable and adaptable to each business and hospital",
+ ],
+ },
+];
+const SolutionsOfProduct = () => {
+ const { t } = useTranslation("solutionsOfProductHealthCare");
+ return (
+
+
+ The Solutions of Product
+
+
+
+
+
+
+
+
{t("data1.title")}
+
+ - {t("data1.contents.content1")}
+ - {t("data1.contents.content2")}
+
+
+
+
+
+
+
+
+
+
{t("data2.title")}
+
+ - {t("data2.contents.content1")}
+
+
+
+
+
+
+
+
+
+
+
{t("data3.title")}
+
+ - {t("data3.contents.content1")}
+ - {t("data3.contents.content2")}
+
+
+
+
+
+ );
+};
+
+export default SolutionsOfProduct;
diff --git a/src/shared/components/home/AboutSection.tsx b/src/shared/components/home/AboutSection.tsx
index 4ff9697..86f7c11 100644
--- a/src/shared/components/home/AboutSection.tsx
+++ b/src/shared/components/home/AboutSection.tsx
@@ -8,7 +8,7 @@ import TypingText from "../animated/TypingText";
type Props = {};
const AboutSection = (props: Props) => {
- const { t } = useTranslation("aboutSection");
+ const { t } = useTranslation("aboutSectionHome");
const copyToClipboard = (address: string) => {
navigator.clipboard.writeText(address);
diff --git a/src/shared/components/home/FirstSection.tsx b/src/shared/components/home/FirstSection.tsx
index 0f04eca..66616a5 100644
--- a/src/shared/components/home/FirstSection.tsx
+++ b/src/shared/components/home/FirstSection.tsx
@@ -52,7 +52,7 @@ const socials = [
];
const FirstSection = () => {
- const { t } = useTranslation("firstSection");
+ const { t } = useTranslation("firstSectionHome");
const address = "0x3c97331438e90680a17c35905ffc2b8ef760f844";
const truncateAddress = (address: string) => {
return address.slice(0, 5) + "......" + address.slice(-5);
@@ -117,7 +117,7 @@ const FirstSection = () => {