diff --git a/app/layout.tsx b/app/layout.tsx
index e33fd6c..98f6690 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,16 +1,18 @@
-
-
 import { ReactNode } from "react";
 import "../i18n/request"; // i18n config faylini import qilamiz
 import { LanguageProvider } from "@/context/language-context";
-import './globals.css'
+import "./globals.css";
+import { Navbar } from "@/components/Navbar";
+import { Footer } from "@/components/Footer";
 
 export default function RootLayout({ children }: { children: ReactNode }) {
   return (
     <html lang="uz">
       <body>
         <LanguageProvider>
+          <Navbar />
           {children}
+          <Footer />
         </LanguageProvider>
       </body>
     </html>
diff --git a/app/page.tsx b/app/page.tsx
index d1513c7..a0c9966 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,12 +1,8 @@
-"use client";
-
-import { Navbar } from "@/components/Navbar";
 import { ShowCase } from "@/components/ShowCase";
 import { About } from "@/components/About";
 import { ProductsGrid } from "@/components/ProductsGrid";
 import { FAQ } from "@/components/FAQ";
 import { ContactForm } from "@/components/ContactForm";
-import { Footer } from "@/components/Footer";
 
 const HERO_IMAGES = [
   "/product/product.jpg",
@@ -18,15 +14,12 @@ const HERO_IMAGES = [
 export default function Home() {
   return (
     <main>
-      <Navbar />
-      <ShowCase
-        images={HERO_IMAGES}
-      />
+      <ShowCase images={HERO_IMAGES} />
       <About />
+      feature.labelKey
       <ProductsGrid />
       <FAQ />
       <ContactForm />
-      <Footer />
     </main>
   );
 }
diff --git a/components/Footer.tsx b/components/Footer.tsx
index 1367196..44d75a0 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -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} />
diff --git a/lib/translations.ts b/lib/translations.ts
index f2cdf49..2a57504 100644
--- a/lib/translations.ts
+++ b/lib/translations.ts
@@ -61,6 +61,16 @@ export const translations = {
     footer: {
       copyright: "© 2025 Firma. Barcha huquqlar himoyalangan.",
       followUs: "Bizni kuzatib turing",
+      common: {
+        premium_title: "Premium sanoat nasoslari va uskunalari",
+        quickLinks: "Tezkor havolalar",
+        aboutUs: "Biz haqimizda",
+        products: "Mahsulotlar",
+        contact: "Bog'lanish",
+        email: "Email",
+        phone: "Telefon",
+        telegram: "Telegram",
+      },
     },
     products_list: {
       pump_1: {
@@ -146,6 +156,16 @@ export const translations = {
     footer: {
       copyright: "© 2025 Firma. Все права защищены.",
       followUs: "Следите за нами",
+      common: {
+        premium_title: "Премиальные промышленные насосы и оборудование",
+        quickLinks: "Быстрые ссылки",
+        aboutUs: "О нас",
+        products: "Продукты",
+        contact: "Контакт",
+        email: "Email",
+        phone: "Телефон",
+        telegram: "Телеграм",
+      },
     },
     products_list: {
       pump_1: {
