83 lines
4.7 KiB
TypeScript
83 lines
4.7 KiB
TypeScript
"use client"
|
|
|
|
import Link from "next/link"
|
|
|
|
export function SiteFooter() {
|
|
return (
|
|
<footer className="bg-[#2a2a2a] text-white pt-12">
|
|
<div className="container mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-12 text-center md:text-left">
|
|
{/* ABOUT */}
|
|
<div>
|
|
<h3 className="text-[12px] font-black uppercase mb-6 tracking-widest">ABOUT</h3>
|
|
<ul className="space-y-2 text-[11px] text-white/60 font-medium tracking-tight">
|
|
<li><Link href="/about" className="hover:text-primary transition-colors">About us</Link></li>
|
|
<li><Link href="/privacy" className="hover:text-primary transition-colors">Privacy Policy</Link></li>
|
|
<li><Link href="/responsible-gaming" className="hover:text-primary transition-colors">Responsible Gaming</Link></li>
|
|
<li><Link href="/contact" className="hover:text-primary transition-colors">Contact us</Link></li>
|
|
</ul>
|
|
</div>
|
|
|
|
{/* INFORMATION */}
|
|
<div>
|
|
<h3 className="text-[12px] font-black uppercase mb-6 tracking-widest">INFORMATION</h3>
|
|
<ul className="space-y-2 text-[11px] text-white/60 font-medium tracking-tight">
|
|
<li><Link href="/terms" className="hover:text-primary transition-colors">Terms & Conditions</Link></li>
|
|
<li><Link href="/faq" className="hover:text-primary transition-colors">FAQ</Link></li>
|
|
<li><Link href="/rules" className="hover:text-primary transition-colors">Betting Rules</Link></li>
|
|
<li><Link href="/info" className="hover:text-primary transition-colors">Betting Information</Link></li>
|
|
</ul>
|
|
</div>
|
|
|
|
{/* SPORTS */}
|
|
<div>
|
|
<h3 className="text-[12px] font-black uppercase mb-6 tracking-widest">SPORTS</h3>
|
|
<ul className="space-y-2 text-[11px] text-white/60 font-medium tracking-tight">
|
|
<li><Link href="/live" className="hover:text-primary transition-colors text-blue-400">Live betting</Link></li>
|
|
<li><Link href="/football" className="hover:text-primary transition-colors">Football</Link></li>
|
|
<li><Link href="/basketball" className="hover:text-primary transition-colors">Basketball</Link></li>
|
|
<li><Link href="/tennis" className="hover:text-primary transition-colors">Tennis</Link></li>
|
|
<li><Link href="/volleyball" className="hover:text-primary transition-colors">Volleyball</Link></li>
|
|
</ul>
|
|
</div>
|
|
|
|
{/* PLAY NOW */}
|
|
<div>
|
|
<h3 className="text-[12px] font-black uppercase mb-6 tracking-widest">PLAY NOW</h3>
|
|
<ul className="space-y-2 text-[11px] text-white/60 font-medium tracking-tight">
|
|
<li><Link href="/virtual" className="hover:text-primary transition-colors">Virtual</Link></li>
|
|
<li><Link href="/special-games" className="hover:text-primary transition-colors">Special Games</Link></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Logo Section */}
|
|
<div className="flex flex-col items-center justify-center py-16 border-t border-white/5 mt-12 bg-[#222]">
|
|
<div className="flex items-center bg-[#1a1a1a] px-5 py-2">
|
|
<div className="bg-[#852222] px-3 py-1 -skew-x-12">
|
|
<span className="text-3xl font-black text-white italic tracking-tighter skew-x-12 inline-block">HARIF</span>
|
|
</div>
|
|
<span className="text-3xl font-black text-[#ff9800] italic tracking-tighter ml-1">SPORT</span>
|
|
</div>
|
|
|
|
{/* Footer Links */}
|
|
<div className="flex flex-wrap items-center justify-center gap-6 mt-12 text-[11px] font-bold tracking-tight text-white/80">
|
|
<Link href="/affiliates" className="hover:text-primary uppercase transition-colors">Affiliates</Link>
|
|
<span className="size-1 bg-white/10 rounded-full" />
|
|
<Link href="/complaints" className="hover:text-primary uppercase transition-colors">Complaints</Link>
|
|
<span className="size-1 bg-white/10 rounded-full" />
|
|
<Link href="/deposits" className="hover:text-primary uppercase transition-colors">Deposits and Withdrawals</Link>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Cookie Text */}
|
|
<div className="bg-[#1a1a1a] py-10 px-6 text-center">
|
|
<div className="container mx-auto max-w-5xl">
|
|
<p className="text-[10px] text-white/40 leading-relaxed font-medium uppercase tracking-tight">
|
|
By accessing, or continuing to use or browse this site, you consent to our use of certain cookies to improve your experience with us. We only use cookies that will enhance your experience and will not interfere with your privacy. Please look at our Cookie Policy for further informations on our use of the cookie and how you can disable it or manage it if you so choose.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
)
|
|
}
|