30 lines
833 B
TypeScript
30 lines
833 B
TypeScript
import { Link } from 'react-router-dom'
|
|
import { footer, images } from '../content/site'
|
|
import './Footer.css'
|
|
|
|
export function Footer() {
|
|
return (
|
|
<footer className="site-footer">
|
|
<div className="container footer-inner">
|
|
<div className="footer-brand">
|
|
<img src={images.logo} alt="" className="footer-logo" />
|
|
<div>
|
|
<p className="serif footer-title">{footer.brandLine}</p>
|
|
<p className="footer-slogan">{footer.slogan}</p>
|
|
</div>
|
|
</div>
|
|
<div className="footer-meta">
|
|
<p>
|
|
{footer.copyright} · {footer.icp}
|
|
</p>
|
|
<p>{footer.compliance}</p>
|
|
<p>{footer.dataNote}</p>
|
|
<p>
|
|
<Link to="/contact">联系我们</Link>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
)
|
|
}
|