62 lines
3.4 KiB
TypeScript
62 lines
3.4 KiB
TypeScript
import Link from "next/link";
|
|
|
|
import Image from "next/image";
|
|
|
|
export default function Footer() {
|
|
return (
|
|
<footer className="bg-gray-50 dark:bg-black pt-16 pb-8 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="#" className="hover:text-primary transition-colors">Privacy Policy</Link></li>
|
|
<li><Link href="#" className="hover:text-primary transition-colors">Terms of Service</Link></li>
|
|
<li><Link href="#" className="hover:text-primary transition-colors">Disclaimer</Link></li>
|
|
<li><Link href="#" className="hover:text-primary transition-colors">RERA Compliance</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 md:flex-row items-center justify-between text-xs text-gray-400 dark:text-gray-500">
|
|
<p>© {new Date().getFullYear()} Sky and Soil. All rights reserved.</p>
|
|
<p>Designed with precision.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|