import { MapPin, Phone, Mail, Clock } from "lucide-react";

const Footer = () => {
  const currentYear = new Date().getFullYear();

  return (
    <footer className="bg-forest text-cream py-16">
      <div className="container mx-auto px-4">
        <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
          {/* Company Info */}
          <div className="lg:col-span-2">
            <h3 className="text-2xl font-display font-semibold mb-4">
              Greg Knopp, P.C.
            </h3>
            <p className="text-cream/80 mb-6 leading-relaxed">
              Certified Public Accountant providing trusted tax, accounting, and business advisory services to Corpus Christi families and businesses since 2003.
            </p>
            
            <div className="space-y-3">
              <div className="flex items-center gap-3">
                <MapPin className="w-5 h-5 text-brass flex-shrink-0" strokeWidth={1.5} />
                <span className="text-cream/80">Corpus Christi, TX</span>
              </div>
              <div className="flex items-center gap-3">
                <Phone className="w-5 h-5 text-brass flex-shrink-0" strokeWidth={1.5} />
                <a href="tel:+13618543711" className="text-cream/80 hover:text-cream gentle-transition">
                  (361) 854-3711
                </a>
              </div>
              <div className="flex items-center gap-3">
                <Mail className="w-5 h-5 text-brass flex-shrink-0" strokeWidth={1.5} />
                <a href="mailto:info@gregknopp.com" className="text-cream/80 hover:text-cream gentle-transition">
                  info@gregknopp.com
                </a>
              </div>
              <div className="flex items-center gap-3">
                <Clock className="w-5 h-5 text-brass flex-shrink-0" strokeWidth={1.5} />
                <span className="text-cream/80">Mon-Fri: 8:00 AM - 6:00 PM</span>
              </div>
            </div>
          </div>
          
          {/* Services */}
          <div>
            <h4 className="font-display font-semibold mb-4">Services</h4>
            <ul className="space-y-2">
              <li><a href="#" className="text-cream/80 hover:text-cream gentle-transition">Tax Preparation</a></li>
              <li><a href="#" className="text-cream/80 hover:text-cream gentle-transition">Accounting & Bookkeeping</a></li>
              <li><a href="#" className="text-cream/80 hover:text-cream gentle-transition">Payroll Solutions</a></li>
              <li><a href="#" className="text-cream/80 hover:text-cream gentle-transition">IRS Representation</a></li>
              <li><a href="#" className="text-cream/80 hover:text-cream gentle-transition">Business Consulting</a></li>
            </ul>
          </div>
          
          {/* Resources */}
          <div>
            <h4 className="font-display font-semibold mb-4">Resources</h4>
            <ul className="space-y-2">
              <li><a href="#" className="text-cream/80 hover:text-cream gentle-transition">Tax Guides</a></li>
              <li><a href="#" className="text-cream/80 hover:text-cream gentle-transition">Calculators</a></li>
              <li><a href="#" className="text-cream/80 hover:text-cream gentle-transition">FAQs</a></li>
              <li><a href="#" className="text-cream/80 hover:text-cream gentle-transition">Client Login</a></li>
              <li><a href="#" className="text-cream/80 hover:text-cream gentle-transition">Newsletter</a></li>
            </ul>
          </div>
        </div>
        
        {/* Certifications */}
        <div className="border-t border-cream/20 mt-12 pt-8">
          <div className="flex flex-col md:flex-row justify-between items-center gap-4">
            <div className="flex flex-wrap gap-6 text-sm text-cream/70">
              <span>CPA • AICPA Member • IRS Enrolled Agent</span>
            </div>
            <div className="flex gap-6 text-sm text-cream/70">
              <a href="#" className="hover:text-cream gentle-transition">Privacy Policy</a>
              <a href="#" className="hover:text-cream gentle-transition">Accessibility</a>
            </div>
          </div>
          
          <div className="text-center text-cream/60 text-sm mt-6">
            © {currentYear} Greg Knopp, P.C. All rights reserved.
          </div>
        </div>
      </div>
    </footer>
  );
};

export default Footer;