mirror of
https://github.com/tjsga/tj-sga-website-react.git
synced 2025-04-15 17:30:17 -04:00
31 lines
653 B
TypeScript
31 lines
653 B
TypeScript
import React from 'react';
|
|
import '../css/footer.css';
|
|
import BlockContent from '@sanity/block-content-to-react';
|
|
import useFooter from '../hooks/useFooter';
|
|
|
|
export default function Footer() {
|
|
let footer = useFooter();
|
|
if (!footer) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<section className='footer-wrapper'>
|
|
<img
|
|
className='footer-banner'
|
|
src='/images/footer-banner.png'
|
|
alt='Footer Banner'
|
|
/>
|
|
<div className='footer-container'>
|
|
{footer.columns.map((col, index) => {
|
|
return (
|
|
<div className='footer-col' key={index}>
|
|
<BlockContent blocks={col.content} />
|
|
</div>
|
|
);
|
|
})}
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|