Files
InfoGenie/InfoGenie-frontend/src/components/Footer.js
2026-04-01 22:03:57 +08:00

35 lines
1.0 KiB
JavaScript
Executable File

import React from 'react';
const Footer = () => {
const currentYear = new Date().getFullYear();
return (
<footer
className={[
'text-white mt-[60px]',
'bg-[linear-gradient(135deg,rgba(129,199,132,0.62)_0%,rgba(102,187,106,0.62)_100%)]',
'backdrop-blur-[16px] [backdrop-filter:blur(16px)_saturate(125%)]',
'shadow-[0_-2px_16px_rgba(0,0,0,0.08)]',
'border-t border-white/35',
'pt-10 pb-20 md:pb-5',
].join(' ')}
>
<div className="max-w-[1200px] mx-auto px-4">
<div className="text-center mb-6">
<h3 className="text-white text-xl font-bold mb-3">万象口袋</h3>
</div>
<div className="h-px bg-white/20 my-6" />
<div className="text-center text-xs text-white/80 leading-relaxed">
<p className="mb-2">
<strong>蜀ICP备2025151694号 | Copyright © 2025-{currentYear}</strong>
</p>
</div>
</div>
</footer>
);
};
export default Footer;