113 lines
6.1 KiB
TypeScript
113 lines
6.1 KiB
TypeScript
import Link from "next/link";
|
|
import Image from "next/image";
|
|
import OpenDevSocietyBranding from "./OpenDevSocietyBranding";
|
|
|
|
const Footer = () => {
|
|
return (
|
|
<footer className="bg-gray-900 text-white border-t border-gray-800">
|
|
<div className="container mx-auto px-4 py-12">
|
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
|
{/* Brand Section */}
|
|
<div className="col-span-1 md:col-span-2">
|
|
<Link href="/" className="flex items-center gap-2 mb-4">
|
|
<Image
|
|
src="/assets/images/logo.png"
|
|
alt="OpenStock"
|
|
width={150}
|
|
height={38}
|
|
className="brightness-0 invert"
|
|
/>
|
|
</Link>
|
|
<p className="text-gray-400 mb-10 max-w-md">
|
|
OpenStock is an open-source alternative to expensive market platforms. Track real-time prices, set personalized alerts, and explore detailed company insights — built openly, for everyone, forever free.
|
|
</p>
|
|
<div className="flex space-x-6">
|
|
<Link
|
|
href="https://github.com/Open-Dev-Society/OpenStock"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="text-gray-400 hover:text-white transition-colors duration-200 relative group"
|
|
>
|
|
<span className="relative">
|
|
GitHub
|
|
<span className="absolute left-0 bottom-0 w-0 h-0.5 bg-white transition-all duration-300 group-hover:w-full"></span>
|
|
</span>
|
|
</Link>
|
|
<Link
|
|
href="https://www.linkedin.com/company/opendevsociety-in/"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="text-gray-400 hover:text-blue-400 transition-colors duration-200 relative group"
|
|
>
|
|
<span className="relative">
|
|
LinkedIn
|
|
<span className="absolute left-0 bottom-0 w-0 h-0.5 bg-blue-400 transition-all duration-300 group-hover:w-full"></span>
|
|
</span>
|
|
</Link>
|
|
<Link
|
|
href="https://discord.gg/jdJuEMvk"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="text-gray-400 hover:text-blue-600 transition-colors duration-200 relative group"
|
|
>
|
|
<span className="relative">
|
|
Discord
|
|
<span className="absolute left-0 bottom-0 w-0 h-0.5 bg-blue-600 transition-all duration-300 group-hover:w-full"></span>
|
|
</span>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Resources */}
|
|
<div>
|
|
<h3 className="text-lg font-semibold mb-4">Resources</h3>
|
|
<ul className="space-y-2">
|
|
<li>
|
|
<Link href="/api-docs" className="text-gray-400 hover:text-white transition-colors duration-200 relative group">
|
|
<span className="relative">
|
|
API Documentation
|
|
<span className="absolute left-0 bottom-0 w-0 h-0.5 bg-white transition-all duration-300 group-hover:w-full"></span>
|
|
</span>
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/help" className="text-gray-400 hover:text-white transition-colors duration-200 relative group">
|
|
<span className="relative">
|
|
Help Center
|
|
<span className="absolute left-0 bottom-0 w-0 h-0.5 bg-white transition-all duration-300 group-hover:w-full"></span>
|
|
</span>
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/terms" className="text-gray-400 hover:text-white transition-colors duration-200 relative group">
|
|
<span className="relative">
|
|
Terms of Service
|
|
<span className="absolute left-0 bottom-0 w-0 h-0.5 bg-white transition-all duration-300 group-hover:w-full"></span>
|
|
</span>
|
|
</Link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Divider */}
|
|
<div className="border-t border-gray-800 mt-8 pt-8">
|
|
<div className="flex flex-col md:flex-row justify-between items-center">
|
|
{/* Copyright */}
|
|
<div className="text-gray-400 text-sm mb-4 md:mb-0">
|
|
© {new Date().getFullYear()} Open Dev Society. All rights reserved.
|
|
</div>
|
|
|
|
{/* Open Dev Society Branding */}
|
|
<div className="flex items-center space-x-2">
|
|
<OpenDevSocietyBranding />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
};
|
|
|
|
export default Footer;
|