Rubix Home page development

src/components/HomePage/Client.jsx

@@ -0,0 +1,50 @@
+import { Box, Container, Text, Image } from "@chakra-ui/react";
+import client1 from "../../assets/images/client1.png";
+
+const Client = () => {
+  const Content = {
+    heading: `Look Who's Building on Rubix`,
+  };
+  return (
+    <Box
+      height={"100vh"}
+      background={"#101015"}
+      backgroundSize={"cover"}
+      backgroundRepeat={"no-repeat"}
+    >
+      <Text
+        as={"h2"}
+        paddingTop={"2rem"}
+        paddingBottom={"2rem"}
+        fontWeight={700}
+        fontSize={"40px"}
+        textAlign={"center"}
+        textTransform={"capitalize"}
+        color={"#fff"}
+      >
+        {Content.heading}
+      </Text>
+      <Container
+        maxW="container.lg"
+        display={"grid"}
+        placeContent={"center"}
+        height={"50vh"}
+      >
+        <Box
+          display={"flex"}
+          justifyContent={"space-between"}
+          alignItems={"center"}
+          flexWrap={"wrap"}
+        >
+          <Image src={client1} />
+          <Image src={client1} />
+          <Image src={client1} />
+          <Image src={client1} />
+          <Image src={client1} />
+        </Box>
+      </Container>
+    </Box>
+  );
+};
+
+export default Client;