61 lines
2.9 KiB
TypeScript
61 lines
2.9 KiB
TypeScript
import { Container } from "@/components/container";
|
|
import Link from "next/link";
|
|
import { Logo } from "@/components/Logo";
|
|
|
|
export function Footer() {
|
|
return (
|
|
<footer className="bg-neutral-900 text-neutral-300 py-20">
|
|
<Container>
|
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
|
|
<div className="space-y-6">
|
|
<Logo className="text-white" />
|
|
<p className="text-sm leading-relaxed">
|
|
SoleVibe is dedicated to providing high-quality, fashionable footwear for the modern professional. We believe every step should be taken in style and comfort.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h4 className="text-white font-bold mb-6">Shop</h4>
|
|
<ul className="space-y-4 text-sm">
|
|
<li><Link href="/shop?cat=men" className="hover:text-white transition-colors">Men's Collection</Link></li>
|
|
<li><Link href="/shop?cat=women" className="hover:text-white transition-colors">Women's Collection</Link></li>
|
|
<li><Link href="/shop?cat=sneakers" className="hover:text-white transition-colors">Sneakers</Link></li>
|
|
<li><Link href="/shop?cat=formal" className="hover:text-white transition-colors">Formal Shoes</Link></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4 className="text-white font-bold mb-6">Company</h4>
|
|
<ul className="space-y-4 text-sm">
|
|
<li><Link href="/about" className="hover:text-white transition-colors">About Us</Link></li>
|
|
<li><Link href="/contact" className="hover:text-white transition-colors">Contact</Link></li>
|
|
<li><Link href="/book" className="hover:text-white transition-colors">Book a Fitting</Link></li>
|
|
<li><Link href="/privacy" className="hover:text-white transition-colors">Privacy Policy</Link></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4 className="text-white font-bold mb-6">Contact Us</h4>
|
|
<ul className="space-y-4 text-sm">
|
|
<li>123 Fashion Street, Style City</li>
|
|
<li>+1 (555) 123-4567</li>
|
|
<li>hello@solevibe.com</li>
|
|
<li className="pt-4">
|
|
<div className="flex gap-4">
|
|
{/* Social icons would go here */}
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div className="border-t border-neutral-800 mt-16 pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
|
|
<p className="text-xs">
|
|
© {new Date().getFullYear()} SoleVibe Inc. All rights reserved.
|
|
</p>
|
|
<div className="flex gap-6 text-xs">
|
|
<Link href="/terms" className="hover:text-white">Terms of Service</Link>
|
|
<Link href="/shipping" className="hover:text-white">Shipping Info</Link>
|
|
</div>
|
|
</div>
|
|
</Container>
|
|
</footer>
|
|
);
|
|
}
|