diff --git a/index.html b/index.html index ee0bc5d..2d45a96 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,6 @@ - Vite + React diff --git a/src/assets/fonts/Mona-Sans.woff2 b/public/Mona-Sans.woff2 similarity index 100% rename from src/assets/fonts/Mona-Sans.woff2 rename to public/Mona-Sans.woff2 diff --git a/src/assets/fonts/Mona-Sans-Regular.woff2 b/src/assets/fonts/Mona-Sans-Regular.woff2 deleted file mode 100644 index a63c04b..0000000 Binary files a/src/assets/fonts/Mona-Sans-Regular.woff2 and /dev/null differ diff --git a/src/assets/fonts/Mona-Sans.ttf b/src/assets/fonts/Mona-Sans.ttf deleted file mode 100644 index 446c86d..0000000 Binary files a/src/assets/fonts/Mona-Sans.ttf and /dev/null differ diff --git a/src/assets/images/CardImg.png b/src/assets/images/CardImg.png new file mode 100644 index 0000000..f77afa9 Binary files /dev/null and b/src/assets/images/CardImg.png differ diff --git a/src/assets/images/Finalo education.png b/src/assets/images/Finaloeducation.png similarity index 100% rename from src/assets/images/Finalo education.png rename to src/assets/images/Finaloeducation.png diff --git a/src/assets/images/client1.png b/src/assets/images/client1.png deleted file mode 100644 index 8f8810d..0000000 Binary files a/src/assets/images/client1.png and /dev/null differ diff --git a/src/assets/images/jupiter meta.png b/src/assets/images/jupitermeta.png similarity index 100% rename from src/assets/images/jupiter meta.png rename to src/assets/images/jupitermeta.png diff --git a/src/assets/images/smart city.png b/src/assets/images/smartcity.png similarity index 100% rename from src/assets/images/smart city.png rename to src/assets/images/smartcity.png diff --git a/src/components/Card/HomeCard.jsx b/src/components/Card/HomeCard.jsx new file mode 100644 index 0000000..9b80e7a --- /dev/null +++ b/src/components/Card/HomeCard.jsx @@ -0,0 +1,79 @@ +/* eslint-disable no-unused-vars */ +import { Box, Container, Text, Image, Button } from "@chakra-ui/react"; +import cardimg from "../../assets/images/CardImg.png"; +import { Badge } from "@chakra-ui/react"; + +const HomeCard = () => { + return ( + + + + + + INSIGHT + + + + Published: March 13, 2020 + + + Multichain over Blockchain — A reality check on security threat + + + + + + + + + ); +}; + +export default HomeCard; diff --git a/src/components/Carousel/Carousel.jsx b/src/components/Carousel/Carousel.jsx deleted file mode 100644 index c2fed20..0000000 --- a/src/components/Carousel/Carousel.jsx +++ /dev/null @@ -1,15 +0,0 @@ -import { Swiper, SwiperSlide } from "swiper/react"; -import "swiper/css"; - -const Carousel = () => { - return ( - - Slide 1 - Slide 2 - Slide 3 - Slide 4 - - ); -}; - -export default Carousel; diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx new file mode 100644 index 0000000..2d4aced --- /dev/null +++ b/src/components/Footer/Footer.jsx @@ -0,0 +1,72 @@ +/* eslint-disable react/no-unescaped-entities */ +import { + Box, + Button, + Container, + Flex, + Image, + Input, + Text, +} from "@chakra-ui/react"; +import { + FormControl, + FormLabel, + FormErrorMessage, + FormHelperText, +} from "@chakra-ui/react"; +import logo from "../../assets/images/rubix.png"; + +const Footer = () => { + return ( + + + + + + + + + Stay up to date with Rubix + + + + + Sign up for our newsletter and receive the
latest updates. + + + setEmail(e.target.value)} + /> + + + + + + + ); +}; + +export default Footer; diff --git a/src/components/HomePage/Client.jsx b/src/components/HomePage/Client.jsx index 6027902..a582c7d 100644 --- a/src/components/HomePage/Client.jsx +++ b/src/components/HomePage/Client.jsx @@ -1,5 +1,26 @@ import { Box, Container, Text, Image } from "@chakra-ui/react"; -import client1 from "../../assets/images/client1.png"; +import chainx from "../../assets/images/chainx.png"; +import ensurity from "../../assets/images/ensurity.png"; +import exr from "../../assets/images/EXR.png"; +import finalo from "../../assets/images/Finaloeducation.png"; +import iskon from "../../assets/images/iskon.png"; +import jupiter from "../../assets/images/jupitermeta.png"; +import ondc from "../../assets/images/ondc.png"; +import smartcity from "../../assets/images/smartcity.png"; +import ymca from "../../assets/images/ymca.png"; +import bescom from "../../assets/images/bescom.png"; + +const imgWidth = { + width: "230px", + height: "82px", + objectFit: "contain", + filter: "grayscale(1)", + transition: "0.5s", + + _hover: { + filter: "grayscale(0)", + }, +}; const Client = () => { const Content = { @@ -25,22 +46,35 @@ const Client = () => { {Content.heading} - - - - - + + + + + + + + + + + + diff --git a/src/components/HomePage/HomeBanner.jsx b/src/components/HomePage/HomeBanner.jsx index 41c9da3..20e2234 100644 --- a/src/components/HomePage/HomeBanner.jsx +++ b/src/components/HomePage/HomeBanner.jsx @@ -90,26 +90,6 @@ const HomeBanner = () => { border={"1px solid white"} borderRadius={"10px"} fontSize={"20px"} - // sx={{ - // "::before": { - // content: '""', - // position: "absolute", - // top: "50%", - // left: "50%", - // transform: "translate(-50%, -50%)", - // width: "0", - // height: "0", - // borderRadius: "50%", - // bgGradient: - // "radial-gradient(circle, #d4dae0, #b7bccd, #a49db6, #987c99, #8e5c74)", - // transition: "width 0.3s ease-in-out, height 0.3s ease-in-out", - // }, - // "&:hover::before": { - // width: "100%", - // height: "100%", - // zIndex: "-1", - // }, - // }} _hover={{ color: "#000", border: "none", diff --git a/src/components/HomePage/Resources.jsx b/src/components/HomePage/Resources.jsx index a7604eb..30512b8 100644 --- a/src/components/HomePage/Resources.jsx +++ b/src/components/HomePage/Resources.jsx @@ -1,4 +1,6 @@ -import { Box, Container, Text, Image } from "@chakra-ui/react"; +/* eslint-disable no-unused-vars */ +import { Box, Container, Text, Image, Button } from "@chakra-ui/react"; +import HomeCard from "../Card/HomeCard"; const Content = { heading: `Resources and Latest Happenings`, @@ -7,7 +9,7 @@ const Content = { const Resources = () => { return ( { > {Content.heading} - + + + {Array.from({ length: 4 }).map((_, index) => ( + + ))} + + + + + ); }; diff --git a/src/components/Theme/Fonts.jsx b/src/components/Theme/Fonts.jsx index b041df5..53d5280 100644 --- a/src/components/Theme/Fonts.jsx +++ b/src/components/Theme/Fonts.jsx @@ -1,18 +1,18 @@ -import { Global } from "@emotion/react"; +// import { Global } from "@emotion/react"; -const Fonts = () => ( - -); +// const Fonts = () => ( +// +// ); -export default Fonts; +// export default Fonts; diff --git a/src/components/Theme/Theme.jsx b/src/components/Theme/Theme.jsx index 04438c4..2d9e4a8 100644 --- a/src/components/Theme/Theme.jsx +++ b/src/components/Theme/Theme.jsx @@ -3,7 +3,7 @@ import "@fontsource/poppins"; const theme = extendTheme({ fonts: { - body: `'Mona-Sans', sans-serif`, + body: `"Mona Sans", sans-serif`, p: `Poppins`, }, styles: { diff --git a/src/index.css b/src/index.css index f0b359f..1d7f81e 100644 --- a/src/index.css +++ b/src/index.css @@ -6,6 +6,6 @@ font-stretch: 75% 125%; } -html { +/* html { font-family: "Mona Sans"; -} +} */ diff --git a/src/main.jsx b/src/main.jsx index 891e32e..cb01b5a 100644 --- a/src/main.jsx +++ b/src/main.jsx @@ -4,12 +4,12 @@ import App from "./App.jsx"; import "./index.css"; import { ChakraProvider } from "@chakra-ui/react"; import theme from "./components/Theme/Theme.jsx"; -import Fonts from "./components/Theme/Fonts.jsx"; +// import Fonts from "./components/Theme/Fonts.jsx"; ReactDOM.createRoot(document.getElementById("root")).render( - + {/* */} diff --git a/src/pages/HomePage.jsx b/src/pages/HomePage.jsx index 59d0575..b203d28 100644 --- a/src/pages/HomePage.jsx +++ b/src/pages/HomePage.jsx @@ -1,3 +1,4 @@ +import Footer from "../components/Footer/Footer"; import Client from "../components/HomePage/Client"; import HomeBanner from "../components/HomePage/HomeBanner"; import Resources from "../components/HomePage/Resources"; @@ -14,6 +15,7 @@ const HomePage = () => { +