update pay function
This commit is contained in:
@@ -0,0 +1,87 @@
|
||||
'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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user