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>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,80 @@
|
||||
'use client';
|
||||
|
||||
/*eslint-disable*/
|
||||
import {
|
||||
Flex,
|
||||
Link,
|
||||
List,
|
||||
ListItem,
|
||||
useColorModeValue
|
||||
} from '@chakra-ui/react';
|
||||
|
||||
export default function Footer() {
|
||||
let textColor = useColorModeValue('gray.500', 'white');
|
||||
return (
|
||||
<Flex
|
||||
mt="auto"
|
||||
zIndex="3"
|
||||
flexDirection={{
|
||||
base: 'column',
|
||||
lg: 'row'
|
||||
}}
|
||||
alignItems="center"
|
||||
justifyContent="space-between"
|
||||
px={{ base: '30px', md: '0px' }}
|
||||
pb="30px"
|
||||
>
|
||||
<List
|
||||
display="flex"
|
||||
flexDirection={{
|
||||
base: 'row',
|
||||
md: 'row'
|
||||
}}
|
||||
>
|
||||
<ListItem
|
||||
me={{
|
||||
base: '16px',
|
||||
md: '44px'
|
||||
}}
|
||||
>
|
||||
<Link
|
||||
fontWeight="500"
|
||||
fontSize={{ base: '10px', md: 'sm' }}
|
||||
color={textColor}
|
||||
isExternal
|
||||
href="https://horizon-ui.notion.site/Terms-Conditions-6e79229d25ed48f48a481962bc6de3ee"
|
||||
>
|
||||
Terms & Conditions
|
||||
</Link>
|
||||
</ListItem>
|
||||
<ListItem
|
||||
me={{
|
||||
base: '16px',
|
||||
md: '44px'
|
||||
}}
|
||||
>
|
||||
<Link
|
||||
fontWeight="500"
|
||||
fontSize={{ base: '10px', md: 'sm' }}
|
||||
color={textColor}
|
||||
isExternal
|
||||
href="https://horizon-ui.notion.site/Privacy-Policy-8addde50aa8e408ca5c5f5811c38f971"
|
||||
>
|
||||
Privacy Policy
|
||||
</Link>
|
||||
</ListItem>
|
||||
<ListItem>
|
||||
<Link
|
||||
fontWeight="500"
|
||||
fontSize={{ base: '10px', md: 'sm' }}
|
||||
color={textColor}
|
||||
isExternal
|
||||
href="https://horizon-ui.notion.site/Refund-Policy-5d5fa25f7fac4978a0be6fcf3036c6ee"
|
||||
>
|
||||
Refund Policy
|
||||
</Link>
|
||||
</ListItem>
|
||||
</List>
|
||||
</Flex>
|
||||
);
|
||||
}
|
||||
158
boilerplate-chakra-pro-main/components/footer/FooterWebsite.tsx
Normal file
158
boilerplate-chakra-pro-main/components/footer/FooterWebsite.tsx
Normal file
@@ -0,0 +1,158 @@
|
||||
/*eslint-disable*/
|
||||
'use client';
|
||||
|
||||
import logo from '/public/logo-horizon-boilerplate.png';
|
||||
import { HSeparator } from '@/components/separator/Separator';
|
||||
import { Flex, Link, Text, Image, useColorModeValue } from '@chakra-ui/react';
|
||||
import React from 'react';
|
||||
|
||||
export function FooterWebsite() {
|
||||
const textColorSecondary = useColorModeValue('gray.600', 'white');
|
||||
return (
|
||||
<Flex
|
||||
zIndex="3"
|
||||
flexDirection={{
|
||||
base: 'column',
|
||||
}}
|
||||
alignItems="center"
|
||||
justifyContent="space-between"
|
||||
position="relative"
|
||||
px={{ base: '20px', xl: '0px' }}
|
||||
pb="50px"
|
||||
bg="white"
|
||||
>
|
||||
<HSeparator
|
||||
mb="0px"
|
||||
mt={{ base: '0px', md: '100px', lg: '0px' }}
|
||||
maxW="1170px"
|
||||
mx="auto"
|
||||
bg="gray.200"
|
||||
/>
|
||||
<Flex
|
||||
justifyContent="space-between"
|
||||
mt="50px"
|
||||
w={{ base: '100%', xl: '1170px' }}
|
||||
flexDirection={{
|
||||
base: 'column',
|
||||
lg: 'row',
|
||||
}}
|
||||
maxW={{ base: '100%', xl: '1170px' }}
|
||||
maxH="max-content"
|
||||
mx="auto"
|
||||
>
|
||||
<Link
|
||||
display={'flex'}
|
||||
alignItems="center"
|
||||
justifyContent={'center'}
|
||||
href="/"
|
||||
>
|
||||
<Image
|
||||
alt=" "
|
||||
w="36px"
|
||||
src={logo.src}
|
||||
/>
|
||||
<Text ms="8px" me="10px" fontWeight="800" color="#120F43">
|
||||
Horizon UI Boilerplate
|
||||
</Text>
|
||||
</Link>
|
||||
<Flex
|
||||
direction={{ base: 'column', md: 'row' }}
|
||||
justifyItems="center"
|
||||
alignItems="center"
|
||||
textAlign={'center'}
|
||||
w={{ base: '100%', md: '100%', lg: '100%', xl: 'unset' }}
|
||||
>
|
||||
<Flex
|
||||
direction="column"
|
||||
justify={'center'}
|
||||
mx="auto"
|
||||
align="center"
|
||||
mb={{ base: '20px', lg: '0px' }}
|
||||
>
|
||||
<Flex my="auto" direction={{ base: 'column', md: 'row' }}>
|
||||
<Link
|
||||
isExternal={true}
|
||||
href="/pricing"
|
||||
fontSize="sm"
|
||||
color={textColorSecondary}
|
||||
fontWeight="500"
|
||||
letterSpacing="0px"
|
||||
me={{ base: '0px', md: '40px' }}
|
||||
mb={{ base: '20px', md: '0px' }}
|
||||
>
|
||||
Pricing
|
||||
</Link>
|
||||
<Link
|
||||
isExternal={true}
|
||||
href="/dashboard/settings"
|
||||
fontSize="sm"
|
||||
color={textColorSecondary}
|
||||
fontWeight="500"
|
||||
letterSpacing="0px"
|
||||
me={{ base: '0px', md: '40px' }}
|
||||
mb={{ base: '20px', md: '0px' }}
|
||||
>
|
||||
Account
|
||||
</Link>
|
||||
<Link
|
||||
isExternal={true}
|
||||
href="https://horizon-ui.notion.site/Refund-Policy-5d5fa25f7fac4978a0be6fcf3036c6ee"
|
||||
fontSize="sm"
|
||||
color={textColorSecondary}
|
||||
fontWeight="500"
|
||||
letterSpacing="0px"
|
||||
me={{ base: '0px', md: '40px' }}
|
||||
mb={{ base: '20px', md: '0px' }}
|
||||
>
|
||||
Refund Policy
|
||||
</Link>
|
||||
<Link
|
||||
isExternal={true}
|
||||
href="https://horizon-ui.notion.site/Privacy-Policy-8addde50aa8e408ca5c5f5811c38f971"
|
||||
fontSize="sm"
|
||||
color={textColorSecondary}
|
||||
fontWeight="500"
|
||||
letterSpacing="0px"
|
||||
me={{ base: '0px', md: '40px' }}
|
||||
mb={{ base: '20px', md: '0px' }}
|
||||
>
|
||||
Privacy Policy
|
||||
</Link>
|
||||
<Link
|
||||
isExternal={true}
|
||||
href="https://horizon-ui.notion.site/Terms-Conditions-6e79229d25ed48f48a481962bc6de3ee"
|
||||
fontSize="sm"
|
||||
color={textColorSecondary}
|
||||
fontWeight="500"
|
||||
letterSpacing="0px"
|
||||
me={{ base: '0px', md: '40px' }}
|
||||
mb={{ base: '20px', md: '0px' }}
|
||||
>
|
||||
Terms of service
|
||||
</Link>
|
||||
</Flex>
|
||||
</Flex>
|
||||
</Flex>
|
||||
</Flex>
|
||||
<Flex w="100%" maxW="1170px" px={{ base: '10px', md: '100px' }}>
|
||||
<Text
|
||||
lineHeight="180%"
|
||||
fontSize="sm"
|
||||
textAlign="center"
|
||||
color="gray.600"
|
||||
fontWeight="500"
|
||||
letterSpacing="0px"
|
||||
mt="40px"
|
||||
mb="40px"
|
||||
>
|
||||
<Text as="span" fontWeight={'700'}>
|
||||
Use it with caution:
|
||||
</Text>{' '}
|
||||
This tool can be helpful, but it is not a substitute for your own
|
||||
knowledge and understanding. Make sure to use it as a supplement to
|
||||
your own research and writing, rather than relying on it exclusively.
|
||||
</Text>
|
||||
</Flex>
|
||||
</Flex>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user