Files
vf_react/src/components/Footer/Footer.js
2025-10-11 16:16:02 +08:00

108 lines
3.1 KiB
JavaScript
Executable File

/*!
=========================================================
* Argon Dashboard Chakra PRO - v1.0.0
=========================================================
* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
* Designed and Coded by Simmmple & Creative Tim
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/
/*eslint-disable*/
import React from "react";
import { Flex, Link, List, ListItem, Text } from "@chakra-ui/react";
export default function Footer() {
return (
<Flex
flexDirection={{
base: "column",
xl: "row",
}}
alignItems={{
base: "center",
xl: "start",
}}
justifyContent='space-between'
px='30px'
pb='20px'>
<Text
color='gray.400'
textAlign={{
base: "center",
xl: "start",
}}
mb={{ base: "20px", xl: "0px" }}>
&copy; {1900 + new Date().getYear()},{" "}
<Text as='span'>
{document.documentElement.dir === "rtl"
? " مصنوع من ❤️ بواسطة"
: "Made with ❤️ by "}
</Text>
<Link
color='blue.400'
href='https://www.creative-tim.com'
target='_blank'>
{document.documentElement.dir === "rtl"
? " توقيت الإبداعية"
: "Creative Tim "}
</Link>
&
<Link color='blue.400' href='https://www.simmmple.com' target='_blank'>
{document.documentElement.dir === "rtl" ? "سيممبل " : " Simmmple"}
</Link>
{document.documentElement.dir === "rtl"
? "للحصول على ويب أفضل"
: " for a better web"}
</Text>
<List display='flex'>
<ListItem
me={{
base: "20px",
md: "44px",
}}>
<Link color='gray.400' href='https://www.creative-tim.com'>
{document.documentElement.dir === "rtl"
? "توقيت الإبداعية"
: "Creative Tim"}
</Link>
</ListItem>
<ListItem
me={{
base: "20px",
md: "44px",
}}>
<Link color='gray.400' href='https://www.simmmple.com'>
{document.documentElement.dir === "rtl" ? "سيممبل" : "Simmmple"}
</Link>
</ListItem>
<ListItem
me={{
base: "20px",
md: "44px",
}}>
<Link
color='gray.400'
href='https://creative-tim.com/blog'>
{document.documentElement.dir === "rtl" ? "مدونة" : "Blog"}
</Link>
</ListItem>
<ListItem>
<Link
color='gray.400'
href='https://www.creative-tim.com/license'>
{document.documentElement.dir === "rtl" ? "رخصة" : "License"}
</Link>
</ListItem>
</List>
</Flex>
);
}