import { Component } from 'solid-js';

const Footer: Component = () => {
  return (
    <footer class="footer">
      <div class="container">
        <div class="footer-grid">
          <div class="footer-brand">
            <h3>ShieldAI</h3>
            <p>AI-powered identity protection for everyone.</p>
          </div>
          <div class="footer-links">
            <h4>Product</h4>
            <a href="#features">Features</a>
            <a href="#pricing">Pricing</a>
            <a href="/blog">Blog</a>
          </div>
          <div class="footer-links">
            <h4>Company</h4>
            <a href="#about">About</a>
            <a href="#privacy">Privacy Policy</a>
            <a href="#terms">Terms of Service</a>
          </div>
          <div class="footer-links">
            <h4>Resources</h4>
            <a href="/blog">Free Rights & Strategies</a>
            <a href="#faq">FAQ</a>
            <a href="#contact">Contact</a>
          </div>
        </div>
        <div class="footer-bottom">
          <p>&copy; {new Date().getFullYear()} ShieldAI. All rights reserved.</p>
        </div>
      </div>
    </footer>
  );
};

export default Footer;
