Davron/dwatt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

language text full complated

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2025-11-10 17:21:28 +05:00
commit 0e8b310558
93 changed files with 12581 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
components/footer.tsx Normal file
View File

@@ -0,0 +1,92 @@
import { useLanguage } from "@/contexts/language-context"
import { Github, Linkedin, Twitter } from "lucide-react"
export default function Footer() {
const {t} = useLanguage();
return (
<footer className="bg-foreground text-white py-12 md:py-16">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
<div>
<div className="flex items-center gap-2 mb-4">
<div className="w-8 h-8 bg-primary rounded-lg flex items-center justify-center">
<span className="text-white font-bold text-sm">D</span>
</div>
<span className="font-bold text-lg">{t.footer.brand}</span>
</div>
<p className="text-white/70 text-sm">{t.footer.description}</p>
</div>
<div>
<h4 className="font-semibold mb-4">{t.footer.product.title}</h4>
<ul className="space-y-2 text-sm text-white/70">
<li>
<a href="#" className="hover:text-white transition">
{t.footer.product.items[0]}
</a>
</li>
<li>
<a href="#" className="hover:text-white transition">
{t.footer.product.items[1]}
</a>
</li>
<li>
<a href="#" className="hover:text-white transition">
{t.footer.product.items[2]}
</a>
</li>
</ul>
</div>
<div>
<h4 className="font-semibold mb-4">{t.footer.company.title}</h4>
<ul className="space-y-2 text-sm text-white/70">
<li>
<a href="#" className="hover:text-white transition">
{t.footer.company.items[0]}
</a>
</li>
<li>
<a href="#" className="hover:text-white transition">
{t.footer.company.items[1]}
</a>
</li>
<li>
<a href="#" className="hover:text-white transition">
{t.footer.company.items[2]}
</a>
</li>
</ul>
</div>
<div>
<h4 className="font-semibold mb-4">{t.footer.follow}</h4>
<div className="flex gap-4">
<a href="#" className="text-white/70 hover:text-white transition">
<Twitter size={20} />
</a>
<a href="#" className="text-white/70 hover:text-white transition">
<Linkedin size={20} />
</a>
<a href="#" className="text-white/70 hover:text-white transition">
<Github size={20} />
</a>
</div>
</div>
</div>
<div className="border-t border-white/10 pt-8 flex flex-col md:flex-row justify-between items-center text-sm text-white/70">
<p>{t.footer.rights}</p>
<div className="flex gap-6 mt-4 md:mt-0">
<a href="#" className="hover:text-white transition">
{t.footer.policies[0]}
</a>
<a href="#" className="hover:text-white transition">
{t.footer.policies[1]}
</a>
</div>
</div>
</div>
</footer>
)
}