
// components/pages/footer
import { useContext } from "react";
import { Row, Col } from "antd";
import ParallaxImage from "./ParallaxImage";
import {
UsergroupAddOutlined,
ApiOutlined,
CopyrightOutlined,
} from "@ant-design/icons";
import { ThemeContext } from "../../context/theme";
const Footer = () => {
const [theme, setTheme] = useContext(ThemeContext);
return (
<div
style={{ borderTop: `5px solid ${theme === "light" ? "#000" : "#fff"}` }}
>
<ParallaxImage url="/images/bg6.jpeg">
<Row>
<Col style={{ textAlign: "center", color: "#000" }} span={8}>
<UsergroupAddOutlined style={{ fontSize: 80 }} />
<br />
The Ultimate Blogging Platform
</Col>
<Col style={{ textAlign: "center", color: "#000" }} span={8}>
<ApiOutlined style={{ fontSize: 80 }} />
<br />
Built using MERN Stack (MongonDB, Express, React, Node)
</Col>
<Col style={{ textAlign: "center", color: "#000" }} span={8}>
<CopyrightOutlined style={{ fontSize: 80 }} />
<br />
Copyright {new Date().getFullYear()} © All rights reserved
</Col>
</Row>
<br />
</ParallaxImage>
</div>
);
};
export default Footer;