diff --git a/components/Footer/Copyright.js b/components/Footer/Copyright.js new file mode 100644 index 0000000..2c9d08a --- /dev/null +++ b/components/Footer/Copyright.js @@ -0,0 +1,8 @@ +import { Text, TextProps } from '@chakra-ui/layout' +import * as React from 'react' + +export const Copyright = (props) => ( + + © {new Date().getFullYear()} Cath. All rights reserved. + +) \ No newline at end of file diff --git a/components/Footer/Footer.js b/components/Footer/Footer.js new file mode 100644 index 0000000..e3325eb --- /dev/null +++ b/components/Footer/Footer.js @@ -0,0 +1,15 @@ +import { Box, Stack } from '@chakra-ui/react' +import * as React from 'react' +import { Copyright } from './Copyright' +import { SocialMediaLinks } from './SocialMediaLinks' + +export const Footer = () => ( + + + + + + + + +) \ No newline at end of file diff --git a/components/Footer/SocialMediaLinks.js b/components/Footer/SocialMediaLinks.js new file mode 100644 index 0000000..1cf5433 --- /dev/null +++ b/components/Footer/SocialMediaLinks.js @@ -0,0 +1,9 @@ +import { ButtonGroup, ButtonGroupProps, IconButton } from '@chakra-ui/react' +import * as React from 'react' +import { FaGithub } from 'react-icons/fa' + +export const SocialMediaLinks = (props) => ( + + } target='_empty'/> + +) \ No newline at end of file diff --git a/pages/index.js b/pages/index.js index 5f7d154..b6fa385 100644 --- a/pages/index.js +++ b/pages/index.js @@ -2,34 +2,36 @@ import Card from '../components/Card' import { useSession } from 'next-auth/client' import { Text } from "@chakra-ui/react" import Hero from '../components/Hero/Hero' -import {CTA} from '../components/CTA' +import { CTA } from '../components/CTA' import { Features } from '../components/Features/Features' +import {Footer} from '../components/Footer/Footer' export default function Home() { const [session, loading] = useSession() return ( - - <> - {!session && <> - - - + + <> + {!session && <> + + + +