Footer.tsx

import { Box, Link, Stack } from "@chakra-ui/react";
import YCLogo from "../assets/yc.webp";

export default function Footer() {
  return (
    <Box as="footer" py={4}>
      <Stack
        direction={{ base: "column", md: "row" }}
        spacing={4}
        align="center"
        justify="center"
        fontSize={"sm"}
        my={{ base: 4, md: 0 }}
      >
        <Link
          href="https://github.com/sweepai"
          textAlign={{ base: "center", md: "left" }}
        >
          Github
        </Link>
        <Link 
          href="https://community.sweep.dev"
          textAlign={{ base: "center", md: "left" }}
        >
          Community
        </Link>
        <Link
          href="https://docs.sweep.dev"
          textAlign={{ base: "center", md: "left" }}
        >
          Docs
        </Link>
        <Link
          href="/pricing"
          textAlign={{ base: "center", md: "left" }}
        >
          Pricing
        </Link>
        <Link
          href="/privacy.pdf"
          textAlign={{ base: "center", md: "left" }}
        >
          Privacy
        </Link>
        <Link
          href="/tos.pdf"
          textAlign={{ base: "center", md: "left" }}
        >
          Terms of Services
        </Link>
        <Link
          href="https://ycombinator.com/companies/sweep"
          target="_blank"
          rel="noopener noreferrer"
          display="inline-flex"
          alignItems="center"
          textAlign={{ base: "center", md: "left" }}
        >
          Backed by{" "}
          <img
            src={YCLogo}
            alt="Y Combinator"
            style={{ marginLeft: "10px" }}
            height="10px"
          />
        </Link>
        <p className="transparentText">© 2023 Sweep AI, Inc.</p>
      </Stack>
    </Box>
  );
}