import Link from "next/link";

import Image from "next/image";

export default function Footer() {
    return (
        <footer className="bg-gray-50 dark:bg-black pt-20 pb-10 border-t border-gray-200 dark:border-gray-800">
            <div className="max-w-7xl mx-auto px-6">
                <div className="grid grid-cols-1 md:grid-cols-4 gap-12 mb-12">
                    <div className="col-span-1 md:col-span-1">
                        <Link href="/" className="inline-block relative w-48 h-16">
                            <Image
                                src="/assets/images/blue-logo.png"
                                alt="Sky and Soil Footer Logo"
                                fill
                                className="object-contain"
                            />
                        </Link>
                        <p className="mt-4 text-sm text-gray-500 dark:text-gray-400">
                            Premium real estate in Bangalore. We connect you with nature and luxury.
                        </p>
                    </div>

                    <div>
                        <h4 className="font-semibold text-foreground mb-4">Quick Links</h4>
                        <ul className="space-y-2 text-sm text-gray-600 dark:text-gray-400">
                            <li><Link href="/about" className="hover:text-primary transition-colors">About Us</Link></li>
                            <li><Link href="/projects" className="hover:text-primary transition-colors">Projects</Link></li>
                            <li><Link href="/lifestyle" className="hover:text-primary transition-colors">Lifestyle</Link></li>
                            <li><Link href="/contact" className="hover:text-primary transition-colors">Contact</Link></li>
                        </ul>
                    </div>

                    <div>
                        <h4 className="font-semibold text-foreground mb-4">Legal</h4>
                        <ul className="space-y-2 text-sm text-gray-600 dark:text-gray-400">
                            <li><Link href="/privacy-policy" className="hover:text-primary transition-colors">Privacy Policy</Link></li>
                            <li><Link href="/terms-of-service" className="hover:text-primary transition-colors">Terms of Service</Link></li>
                        </ul>
                    </div>

                    <div>
                        <h4 className="font-semibold text-foreground mb-4">Contact</h4>
                        <ul className="space-y-2 text-sm text-gray-600 dark:text-gray-400">
                            <li>Bangalore, Karnataka</li>
                            <li>+91 80 1234 5678</li>
                            <li>hello@skyandsoil.com</li>
                        </ul>
                    </div>
                </div>

                <div className="border-t border-gray-200 dark:border-gray-800 pt-8 flex flex-col items-center justify-center text-xs text-gray-400 dark:text-gray-500 text-center gap-2">
                    <p>
                        © {new Date().getFullYear()} Sky and Soil | Powered by
                        <a
                            href="https://metatroncubesolutions.com/"
                            target="_blank"
                            rel="noopener noreferrer"
                            className="ml-1"
                            style={{ color: "#11147e", textDecoration: "none" }}
                        >
                            MetatronCube
                        </a>
                        — All Rights Reserved
                    </p>
                </div>
            </div>
        </footer>
    );
}
