import { NavLink } from 'react-router-dom'
import { FiHome, FiMail, FiPhone, FiMapPin } from 'react-icons/fi'
import './footer.css'

const Footer = () => {
    return (
        <footer className="bg-gradient-to-br from-primary-900 to-primary-700 text-white">
            {/* Main Footer Content */}
            <div className="max-w-7xl mx-auto px-6 py-12">
                <div className="grid gap-8 md:grid-cols-2 lg:grid-cols-4">
                    {/* Company Info */}
                    <div className="space-y-4">
                        <h6 className="text-lg font-semibold text-white">
                            Испитување материјали и консултантство
                        </h6>
                        <p className="text-neutral-300 leading-relaxed">
                            Вашиот партнер во контролата на безбедно градење и квалитетно живеење
                        </p>
                        <img 
                            src="/imklogorgb.png" 
                            alt="IMK Logo" 
                            className="h-12 w-auto mt-4"
                        />
                    </div>

                    {/* Services */}
                    <div className="space-y-4">
                        <h6 className="text-lg font-semibold text-white">
                            Услуги
                        </h6>
                        <div className="flex flex-col space-y-2">
                            <NavLink 
                                to="/lab"
                                className="text-neutral-300 hover:text-primary-400 transition-colors"
                            >
                                Лабораториски анализи
                            </NavLink>
                            <NavLink 
                                to="/ultrasound"
                                className="text-neutral-300 hover:text-primary-400 transition-colors"
                            >
                                Испитување со ултразвук
                            </NavLink>
                            <NavLink 
                                to="/consulting"
                                className="text-neutral-300 hover:text-primary-400 transition-colors"
                            >
                                Консултатски услуги
                            </NavLink>
                        </div>
                    </div>

                    {/* Useful Links */}
                    <div className="space-y-4">
                        <h6 className="text-lg font-semibold text-white">
                            Корисни линкови
                        </h6>
                        <div className="flex flex-col space-y-2">
                            <a 
                                href="#" 
                                className="text-neutral-300 hover:text-primary-400 transition-colors"
                            >
                                Безбедно градење
                            </a>
                            <a 
                                href="#" 
                                className="text-neutral-300 hover:text-primary-400 transition-colors"
                            >
                                Контрола на квалитет
                            </a>
                            <NavLink 
                                to="/certificates"
                                className="text-neutral-300 hover:text-primary-400 transition-colors"
                            >
                                Сертификати
                            </NavLink>
                        </div>
                    </div>

                    {/* Contact Info */}
                    <div className="space-y-4">
                        <h6 className="text-lg font-semibold text-white">
                            Контакт
                        </h6>
                        <div className="flex flex-col space-y-3">
                            <div className="flex items-center space-x-3 text-neutral-300">
                                <FiMapPin className="h-5 w-5 text-primary-400" />
                                <span>16-та Македонска бригада бр. 18</span>
                            </div>
                            <div className="flex items-center space-x-3 text-neutral-300">
                                <FiMail className="h-5 w-5 text-primary-400" />
                                <a 
                                    href="mailto:stanko@imk.mk"
                                    className="hover:text-primary-400 transition-colors"
                                >
                                    stanko@imk.mk
                                </a>
                            </div>
                            <div className="flex items-center space-x-3 text-neutral-300">
                                <FiMail className="h-5 w-5 text-primary-400" />
                                <a 
                                    href="mailto:info.imkmk@gmail.com"
                                    className="hover:text-primary-400 transition-colors"
                                >
                                    info.imkmk@gmail.com
                                </a>
                            </div>
                            <div className="flex items-center space-x-3 text-neutral-300">
                                <FiPhone className="h-5 w-5 text-primary-400" />
                                <a 
                                    href="tel:+38970279877"
                                    className="hover:text-primary-400 transition-colors"
                                >
                                    + 389 70 279 877
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {/* Copyright Bar */}
            <div className="border-t border-primary-800">
                <div className="max-w-7xl mx-auto px-6 py-4">
                    <div className="flex flex-col md:flex justify-between items-center space-y-2 md:space-y-0">
                        <div className="text-neutral-400 text-sm">
                            © {new Date().getFullYear()} IMK. Сите права се задржани.
                        </div>
                        {/* <div className="flex items-center space-x-4">
                            <a 
                                href="/privacy"
                                className="text-sm text-neutral-400 hover:text-primary-400 transition-colors"
                            >
                                Политика на приватност
                            </a>
                            <a 
                                href="/terms"
                                className="text-sm text-neutral-400 hover:text-primary-400 transition-colors"
                            >
                                Услови за користење
                            </a>
                        </div> */}
                    </div>
                </div>
            </div>
        </footer>
    )
}

export default Footer