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

layout changed and footer change bg color to primary

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2025-12-09 18:22:42 +05:00
parent 45fbeaf77d
commit 6d6a25637a
4 changed files with 41 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
components/Footer.tsx
View File

@@ -27,7 +27,7 @@ export function Footer() {
};
return (
<footer className="bg-gray-900 text-white">
<footer className="bg-linear-to-br from-primary to-gray-800 text-white">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
<motion.div
variants={containerVariants}
@@ -48,33 +48,33 @@ export function Footer() {
/>
</h3>
<p className="text-gray-400 text-sm">
Premium industrial pumps and equipment.
{t.footer.common.premium_title}
</p>
</motion.div>
{/* Quick Links */}
<motion.div variants={itemVariants}>
<h4 className="font-semibold mb-4">Quick Links</h4>
<h4 className="font-semibold mb-4">{t.footer.common.quickLinks}</h4>
<ul className="space-y-2 text-gray-400 text-sm">
<li>
<a href="#about" className="hover:text-white transition-colors">
About Us
<a href="#about" className="hover:text-white transition-colors text-[15px] ">
{t.footer.common.aboutUs}
</a>
</li>
<li>
<a
href="#products"
className="hover:text-white transition-colors"
className="hover:text-white text-[15px] transition-colors"
>
Products
{t.footer.common.products}
</a>
</li>
<li>
<a
href="#contact"
className="hover:text-white transition-colors"
className="hover:text-white text-[15px] transition-colors"
>
Contact
{t.footer.common.contact}
</a>
</li>
</ul>
@@ -82,11 +82,11 @@ export function Footer() {
{/* Contact Info */}
<motion.div variants={itemVariants}>
<h4 className="font-semibold mb-4">Contact</h4>
<h4 className="font-semibold mb-4">{t.footer.common.contact}</h4>
<ul className="space-y-2 text-gray-400 text-sm">
<li>Email: info@firma.uz</li>
<li>Phone: +998 (99) 123-45-67</li>
<li>Telegram: @firma_support</li>
<li className="text-[15px]">{t.footer.common.email}: info@firma.uz</li>
<li className="text-[15px]">{t.footer.common.phone}: +998 (99) 123-45-67</li>
<li className="text-[15px]">{t.footer.common.telegram}: @firma_support</li>
</ul>
</motion.div>
@@ -102,7 +102,7 @@ export function Footer() {
href={link.href}
whileHover={{ scale: 1.2 }}
whileTap={{ scale: 0.95 }}
className="p-2 bg-gray-800 rounded-lg hover:bg-blue-600 transition-colors"
className="p-2 bg-gray-800 rounded-lg hover:bg-primary transition-colors"
aria-label={link.label}
>
<Icon size={20} />