dilon656/problemsolver-hub

1import React from 'react';2import { Link } from 'react-router-dom';3 4const Footer = () => {5  return (6    <footer className="py-8 px-6 border-t border-gray-800 bg-gray-900">7      <div className="container mx-auto">8        <div className="grid grid-cols-1 md:grid-cols-4 gap-8">9          <div>10            <h3 className="text-xl font-bold mb-4 text-blue-500">Scope</h3>11            <p className="text-gray-400">Connecting communities through collaborative problem-solving.</p>12          </div>13          14          <div>15            <h4 className="font-semibold mb-4">Navigation</h4>16            <ul className="space-y-2">17              <li><Link to="/" className="text-gray-400 hover:text-blue-500 transition-colors">Home</Link></li>18              <li><Link to="/browse" className="text-gray-400 hover:text-blue-500 transition-colors">Browse</Link></li>19              <li><Link to="/post-problem" className="text-gray-400 hover:text-blue-500 transition-colors">Post Problem</Link></li>20            </ul>21          </div>22          23          <div>24            <h4 className="font-semibold mb-4">Legal</h4>25            <ul className="space-y-2">26              <li><Link to="/terms" className="text-gray-400 hover:text-blue-500 transition-colors">Terms</Link></li>27              <li><Link to="/privacy" className="text-gray-400 hover:text-blue-500 transition-colors">Privacy</Link></li>28            </ul>29          </div>30          31          <div>32            <h4 className="font-semibold mb-4">Connect</h4>33            <div className="flex space-x-4">34              <a href="#" className="text-gray-400 hover:text-blue-500 transition-colors">35                <svg xmlns="http://www.w3.org/2000/svg" className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">36                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" />37                </svg>38              </a>39              <a href="#" className="text-gray-400 hover:text-blue-500 transition-colors">40                <svg xmlns="http://www.w3.org/2000/svg" className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">41                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" />42                </svg>43              </a>44            </div>45          </div>46        </div>47        48        <div className="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500">49          <p>&copy; {new Date().getFullYear()} Scope. All rights reserved.</p>50        </div>51      </div>52    </footer>53  );54};55 56export default Footer;