remove contact us section (#241)

Co-authored-by: tinashe <[email protected]>

django_project/frontend/src/pages/About/index.tsx

@@ -177,102 +177,6 @@ export default function AboutPage() {
       </Flex>
     </Box>
 
-
-
-      {/* Contact Us Section */}
-      <Box bg="gray.100" py="50px" px="20px">
-        <Heading as="h2" fontSize="36px" color="black" fontWeight="bold" mb="30px" textAlign="center">
-          Contact Us
-        </Heading>
-        <Flex justify="center">
-          <Box width={{ base: "100%", md: "60%" }}>
-            <form>
-              {/* First Row - Name and Last Name */}
-              <Flex mb="20px" justify="space-between" flexWrap="wrap">
-                <Box width={{ base: "100%", md: "48%" }} mb={{ base: "20px", md: "0" }}>
-                  <Text fontWeight="bold" mb="8px" color="gray.700">First Name</Text>
-                  <Input
-                    placeholder="First Name"
-                    size="lg"
-                    bg="white"
-                    border="1px solid gray"
-                    mb="20px"
-                    _focus={{ borderColor: "green.500" }}
-                  />
-                </Box>
-                <Box width={{ base: "100%", md: "48%" }} mb={{ base: "20px", md: "0" }}>
-                  <Text fontWeight="bold" mb="8px" color="gray.700">Last Name</Text>
-                  <Input
-                    placeholder="Last Name"
-                    size="lg"
-                    bg="white"
-                    border="1px solid gray"
-                    mb="20px"
-                    _focus={{ borderColor: "green.500" }}
-                  />
-                </Box>
-              </Flex>
-
-              {/* Second Row - Email and Organisation */}
-              <Flex mb="20px" justify="space-between" flexWrap="wrap">
-                <Box width={{ base: "100%", md: "48%" }} mb={{ base: "20px", md: "0" }}>
-                  <Text fontWeight="bold" mb="8px" color="gray.700">Email</Text>
-                  <Input
-                    placeholder="Your Email"
-                    size="lg"
-                    bg="white"
-                    border="1px solid gray"
-                    mb="20px"
-                    _focus={{ borderColor: "green.500" }}
-                  />
-                </Box>
-                <Box width={{ base: "100%", md: "48%" }} mb={{ base: "20px", md: "0" }}>
-                  <Text fontWeight="bold" mb="8px" color="gray.700">Organisation</Text>
-                  <Input
-                    placeholder="Organisation"
-                    size="lg"
-                    bg="white"
-                    border="1px solid gray"
-                    mb="20px"
-                    _focus={{ borderColor: "green.500" }}
-                  />
-                </Box>
-              </Flex>
-
-              {/* Third Row - Additional Details */}
-              <Box mb="20px">
-                <Text fontWeight="bold" mb="8px" color="gray.700">Additional Details</Text>
-                <Textarea
-                  placeholder="Provide additional details"
-                  size="lg"
-                  bg="white"
-                  border="1px solid gray"
-                  _focus={{ borderColor: "green.500" }}
-                  height="200px"
-                  resize="vertical"
-                />
-              </Box>
-
-
-              {/* Button Section - Placing Button on Right */}
-              <Flex justify="flex-end">
-                <Button
-                    backgroundColor="dark_green.800"
-                    _hover={{ backgroundColor: "light_green.400" }}
-                    fontWeight={700}
-                    w="20%"
-                    color="white.a700"
-                    borderRadius={5}
-                    p={4}
-                  >
-                    Submit
-                </Button>
-              </Flex>
-            </form>
-          </Box>
-        </Flex>
-      </Box>
-
       {/* Footer */}
       <Footer />
     </>