diff --git a/src/assets/images/bt-bg.png b/src/assets/images/bt-bg.png new file mode 100644 index 0000000..a5a0c9d Binary files /dev/null and b/src/assets/images/bt-bg.png differ diff --git a/src/assets/images/dot-orange.svg b/src/assets/images/dot-orange.svg new file mode 100644 index 0000000..0ea4d1b --- /dev/null +++ b/src/assets/images/dot-orange.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/images/home-roadmap-road.png b/src/assets/images/home-roadmap-road.png new file mode 100644 index 0000000..193c086 Binary files /dev/null and b/src/assets/images/home-roadmap-road.png differ diff --git a/src/shared/components/home/RoadMap.tsx b/src/shared/components/home/RoadMap.tsx index 20244ad..8af2a2f 100644 --- a/src/shared/components/home/RoadMap.tsx +++ b/src/shared/components/home/RoadMap.tsx @@ -3,6 +3,10 @@ import React, { useEffect, useRef, useState } from "react"; import { VscDebugBreakpointLog } from "react-icons/vsc"; import { useTranslation } from "react-i18next"; import "../css/Roadmap.css"; +import backgroundRoadMap from "../../../assets/images/home-roadmap-road.png"; +import boderItem from "../../../assets/images/bt-bg.png"; +import dotOrange from "../../../assets/images/dot-orange.svg"; + type Props = {}; const RoadMap = (props: Props) => { @@ -57,16 +61,242 @@ const RoadMap = (props: Props) => {

Road Map

- {/*
*/} - +
+
+
+ + Q2 2023 + +
+
+
+ + + Form teams + +
+
+ + + Ideas & concept + +
+
+
+
+
+ + July 2023 + +
+
+
+ + + Complete POC{" "} + +
+
+ + + Launch Hospital Contract Testnet V1 + +
+
+ + + Publish Blue Paper in International Conference + +
+
+ + + Pitch Deck Release + +
+
+
+
+
+ + Aug 2023 + +
+
+
+ + + Participate world finalist of WSEEC + +
+
+ + + Publish White Paper + +
+
+ + + Alpha Launching + +
+
+ + + Design Marketplace + +
+
+
+
+
+ + Sep & Oct 2023 + +
+
+
+ + + Launch Marketplace Testnet + +
+
+ + + Partnership expansion with clinics + +
+
+ + + Fund raising (Angel) + +
+
+ + + Community growth + +
+
+ + + ERC-20 Token Airdrop Campaign + +
+
+
+ +
+
+ + Nov 2023 + +
+
+
+ + + Launch Marketplace V2 Testnet + +
+
+ + + IDO and Token Listing + +
+
+ + + Staking + +
+
+ + + Customize products for hospitals and clinics + +
+
+
+ +
+
+ + Dec 2023 + +
+
+
+ + + Beta Launching + +
+
+ + + Partnership expansion with hospitals + +
+
+ + + Co-branding Partnerships + +
+
+
+ +
+
+ + Jan 2024 + +
+
+
+ + + Launch Mainnet V1 + +
+
+
+
+ {/* - {/* */} {roadMapData.map((item: any, index: any) => { return (
{
); })} - + */} - // ); }; diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 1cc11f1..af50554 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -2,16 +2,18 @@ module.exports = { content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"], theme: { - // screens: { - // mb: "320px", - // sm: "640px", - // // => @media (min-width: 640px) { ... } - // md: "768px", - // lg: "1024px", - // // => @media (min-width: 1024px) { ... } - // desktop: "1280px", - // // => @media (min-width: 1280px) { ... } - // }, + screens: { + mb: "320px", + sm: "640px", + // => @media (min-width: 640px) { ... } + md: "768px", + lg: "1024px", + // => @media (min-width: 1024px) { ... } + tablet: "960px", + tablet1: "1060px", + desktop: "1200px", + // => @media (min-width: 1280px) { ... } + }, extend: { keyframes: { listShowdown: {