TIJIAO

src/components/Footer.tsx

@@ -0,0 +1,29 @@
+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>
+  )
+}