108 lines
4.5 KiB
TypeScript
108 lines
4.5 KiB
TypeScript
"use client";
|
|
import { Container } from "@/components/container";
|
|
import Link from "next/link";
|
|
import { Logo } from "@/components/Logo";
|
|
|
|
export function Footer() {
|
|
return (
|
|
<footer className="border-t bg-neutral-50 dark:bg-neutral-900/50 py-12">
|
|
<Container>
|
|
<div className="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
|
|
<div>
|
|
<Logo />
|
|
<p className="text-sm text-neutral-600 dark:text-neutral-400 mt-4">
|
|
Premium furniture for modern living. Quality, style, and comfort delivered to your door.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h3 className="font-semibold mb-4">Shop</h3>
|
|
<ul className="space-y-2">
|
|
<li>
|
|
<Link href="/shop" className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">
|
|
All Products
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/categories" className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">
|
|
Categories
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/shop?filter=new" className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">
|
|
New Arrivals
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/shop?filter=sale" className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">
|
|
Sale
|
|
</Link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h3 className="font-semibold mb-4">Customer Service</h3>
|
|
<ul className="space-y-2">
|
|
<li>
|
|
<Link href="/contact" className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">
|
|
Contact Us
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/shipping" className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">
|
|
Shipping Info
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/returns" className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">
|
|
Returns
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/faq" className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">
|
|
FAQ
|
|
</Link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h3 className="font-semibold mb-4">Company</h3>
|
|
<ul className="space-y-2">
|
|
<li>
|
|
<Link href="/about" className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">
|
|
About Us
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/privacy" className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">
|
|
Privacy Policy
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/terms" className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">
|
|
Terms of Service
|
|
</Link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div className="border-t pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
|
|
<p className="text-sm text-neutral-600 dark:text-neutral-400">
|
|
© {new Date().getFullYear()} FurniHome. All rights reserved.
|
|
</p>
|
|
<div className="flex gap-6">
|
|
<Link href="#" className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">
|
|
Facebook
|
|
</Link>
|
|
<Link href="#" className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">
|
|
Instagram
|
|
</Link>
|
|
<Link href="#" className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">
|
|
Pinterest
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</Container>
|
|
</footer>
|
|
);
|
|
}
|