88 lines
2.0 KiB
TypeScript
88 lines
2.0 KiB
TypeScript
'use client';
|
|
|
|
/*eslint-disable*/
|
|
import Link from '@/components/link/Link';
|
|
import {
|
|
Flex,
|
|
List,
|
|
ListItem,
|
|
Text,
|
|
useColorModeValue,
|
|
} from '@chakra-ui/react';
|
|
|
|
export default function Footer() {
|
|
const textColor = useColorModeValue('gray.500', 'white');
|
|
return (
|
|
<Flex
|
|
zIndex="3"
|
|
flexDirection={{
|
|
base: 'column',
|
|
xl: 'row',
|
|
}}
|
|
alignItems="center"
|
|
justifyContent="space-between"
|
|
px={{ base: '30px', md: '50px' }}
|
|
pb="30px"
|
|
>
|
|
<Text
|
|
color={textColor}
|
|
fontSize={{ base: 'xs', md: 'sm' }}
|
|
textAlign={{
|
|
base: 'center',
|
|
xl: 'start',
|
|
}}
|
|
fontWeight="500"
|
|
mb={{ base: '10px', xl: '0px' }}
|
|
>
|
|
{' '}
|
|
© {new Date().getFullYear()}
|
|
<Text as="span" fontWeight="500" ms="4px">
|
|
Horizon UI Boilerplate. All Rights Reserved.
|
|
</Text>
|
|
</Text>
|
|
<List display="flex">
|
|
<ListItem
|
|
me={{
|
|
base: '10px',
|
|
md: '44px',
|
|
}}
|
|
>
|
|
<Link
|
|
fontWeight="500"
|
|
fontSize={{ base: 'xs', md: 'sm' }}
|
|
color={textColor}
|
|
href="https://horizon-ui.com"
|
|
>
|
|
Homepage
|
|
</Link>
|
|
</ListItem>
|
|
<ListItem
|
|
me={{
|
|
base: '10px',
|
|
md: '44px',
|
|
}}
|
|
>
|
|
<Link
|
|
fontWeight="500"
|
|
fontSize={{ base: 'xs', md: 'sm' }}
|
|
color={textColor}
|
|
href="https://horizon-ui.notion.site/Terms-Conditions-6e79229d25ed48f48a481962bc6de3ee"
|
|
>
|
|
Terms of Use
|
|
</Link>
|
|
</ListItem>
|
|
<ListItem>
|
|
<Link
|
|
fontWeight="500"
|
|
fontSize={{ base: 'xs', md: 'sm' }}
|
|
color={textColor}
|
|
href="https://horizon-ui.notion.site/Privacy-Policy-8addde50aa8e408ca5c5f5811c38f971"
|
|
>
|
|
Privacy Policy
|
|
</Link>
|
|
</ListItem>
|
|
</List>
|
|
</Flex>
|
|
);
|
|
}
|