crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-08-01 14:31:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adding footer

Browse Source
This commit is contained in:
Belen Curcio
2020-10-05 18:00:54 -03:00
parent b581b1902e
commit 1fcae029a7
4 changed files with 55 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
components/core/Footer/Footer.tsx
View File

@@ -1,7 +1,7 @@
import cn from 'classnames'
import { FC } from 'react'
import s from './Footer.module.css'
import { Container } from '@components/ui'
import { Container, Logo } from '@components/ui'
interface Props {
className?: string
@@ -12,7 +12,52 @@ const Footer: FC<Props> = ({ className }) => {
const rootClassName = cn(s.root, className)
return (
<footer className={rootClassName}>
<Container className={s.container}></Container>
<Container className={s.container}>
<div className="my-12 grid grid-cols-2 gap-8 xl:mt-0 xl:col-span-2 py-6">
<div className="md:grid md:grid-cols-2 md:gap-8">
<div className="">
<div className="flex flex-row space-x-4 items-center">
<span className="rounded-full border border-gray-300">
<Logo />
</span>
<span>ACME</span>
</div>
</div>
<div className="mt-12 md:mt-0">
<ul className="space-y-4">
<li>
<a
href="#"
className="text-base leading-6 text-gray-300 hover:text-white"
>
About
</a>
</li>
<li>
<a
href="#"
className="text-base leading-6 text-gray-300 hover:text-white"
>
Terms of Use
</a>
</li>
<li>
<a
href="#"
className="text-base leading-6 text-gray-300 hover:text-white"
>
Privacy Policy
</a>
</li>
</ul>
</div>
</div>
<div className="flex justify-end mt-12 md:mt-0">
&copy; 2020 ACME, Inc. All rights reserved.
</div>
</div>
<hr className="text-base leading-6 text-gray-400 xl:text-center border-t border-gray-700" />
</Container>
</footer>
)
}