diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 8578c82..91420b5 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,13 +1,14 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import Link from "next/link";
-import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import { MessageCircle, Instagram, Phone, Heart, Shield } from "lucide-react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import Link from 'next/link';
+import { Quote, Briefcase, Users, Heart, Shield, TrendingUp, MessageCircle, Instagram, Phone } from 'lucide-react';
 
 export default function AboutPage() {
   return (
@@ -17,136 +18,154 @@ export default function AboutPage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="largeSmallSizeLargeTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="radial-glow"
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleApple
+        <NavbarStyleApple 
           brandName="Dehkonbozor"
           navItems={[
             { name: "Smartfonlar", id: "smartphones" },
             { name: "Noutbuklar", id: "laptops" },
             { name: "Aksessuarlar", id: "accessories" },
             { name: "Muddatli to'lov", id: "installment" },
-            { name: "Biz haqimizda", id: "/about" },
+            { name: "Biz haqimizda", id: "/about" }
           ]}
         />
       </div>
 
-      <div id="about-story" data-section="about-story">
-        <TestimonialAboutCard
+      <div id="about-hero" data-section="about-hero">
+        <TestimonialAboutCard 
           tag="Bizning Hikoya"
-          title="Dehkonbozor — O'zbekistonda ishonch va sifat bilan buyurtma qiling"
-          description="10 yildan ortiq tajriba"
-          subdescription="Original mahsulotlar va shodlik bilan xizmat"
-          icon={Heart}
-          imageSrc="http://img.b2bpic.net/free-photo/smiling-business-team-lying-floor-circle_1262-1962.jpg?_wi=1"
-          imageAlt="Dehkonbozor team at work"
+          title="Dehkonbozor — O'zbekistonda ishonchli raqamsal texnika bazaarining lider"
+          description="O'n yildan beri biz mahsulotlar va xizmatlarni ta'minlashda yuqori standartni saqlaymiz"
+          subdescription="Eng yaxshi narx, rasmiy kafolat, tez yetkazib berish — hammasi bir joyda"
+          icon={Quote}
+          imageSrc="http://img.b2bpic.net/free-photo/smiling-business-team-lying-floor-circle_1262-1962.jpg"
+          imageAlt="Dehkonbozor jamiyati"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="why-dehkonbozor" data-section="why-dehkonbozor">
-        <FeatureCardOne
-          title="Nima uchun Dehkonbozor tanlash kerak?"
-          description="Biz O'zbekistonda premium texnikani eng yaxshi narxda va shartlarda taqdim etamiz"
-          tag="Bizning Qiymatlar"
-          tagIcon={Shield}
-          tagAnimation="slide-up"
+      <div id="our-mission" data-section="our-mission">
+        <FeatureCardOne 
           features={[
             {
-              title: "100% Original Mahsulotlar",
-              description: "Faqat rasmiy distribyutorlardан, sertifikat va kafolat bilan",
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=16",
-              imageAlt: "Original smartphone product"
+              title: "Ishonch",              description: "Har bir mahsulot asl, sertifikatlashtirilgan va kafolatli",              imageSrc: "http://img.b2bpic.net/free-vector/extended-warranty-security-tag-with-protection-shield-sign_1017-56486.jpg",              imageAlt: "Ishonch",              button: {
+                text: "Batafsil",                href: "/"
+              }
             },
             {
-              title: "Muddatli To'lov — Foiziz",
-              description: "3, 6 yoki 12 oylik to'lov rejasi, hech qanday yashirin haq yo'q",
-              imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=4",
-              imageAlt: "Payment plan illustration"
+              title: "Shaffoflik",              description: "Barcha narhlar va shartlar oldindan aniqlangan, yashirin to'lov yo'q",              imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg",              imageAlt: "Shaffoflik",              button: {
+                text: "Batafsil",                href: "/"
+              }
             },
             {
-              title: "Tez Yetkazib Berish",
-              description: "O'zbekiston bo'ylab 24-48 soat ichida, track raqami bilan kuzatish",
-              imageSrc: "http://img.b2bpic.net/free-vector/house-moving-services-landing-page-template_23-2148654179.jpg?_wi=2",
-              imageAlt: "Delivery tracking"
+              title: "Tezlik",              description: "O'zbekiston bo'ylab 24-48 soat ichida yetkazib berish",              imageSrc: "http://img.b2bpic.net/free-vector/house-moving-services-landing-page-template_23-2148654179.jpg",              imageAlt: "Tezlik",              button: {
+                text: "Batafsil",                href: "/"
+              }
+            },
+            {
+              title: "Qo'llab-quvvatlash",              description: "24/7 xodimlar sizga maslahat va yordam berish uchun tayyor",              imageSrc: "http://img.b2bpic.net/free-vector/call-center-avatar-pack_23-2147947188.jpg",              imageAlt: "Qo'llab-quvvatlash",              button: {
+                text: "Batafsil",                href: "/"
+              }
             }
           ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
+          title="Bizning Qadriyatlarimiz"
+          description="Dehkonbozorda har bir xizmat bizning asosiy qadriyatlar orqali ishlab chiqiladi"
+          tag="Asosiy Qadriyatlar"
+          tagIcon={Heart}
+          tagAnimation="slide-up"
           textboxLayout="default"
-          buttons={[
-            {
-              text: "Katalogni Ko'ring",
-              href: "/catalog"
-            }
-          ]}
-          useInvertedBackground={true}
-          containerClassName="max-w-screen-2xl"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          buttons={[]}
+          useInvertedBackground={false}
+          containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
         />
       </div>
 
-      <div id="about-metrics" data-section="about-metrics">
-        <MetricCardTwo
-          title="Biz Butun Oʻzbekistonda"
-          description="Qat'iy raqamlar, haqiqiy natijalar"
-          tag="Statistika"
-          tagIcon={Shield}
-          tagAnimation="slide-up"
+      <div id="numbers" data-section="numbers">
+        <MetricCardTwo 
+          title="Dehkonbozor Statistikasi"
+          description="Biz O'zbekistonda raqamlar bilan baraka qilamiz"
+          tag="Raqamlar"
+          tagIcon={TrendingUp}
           metrics={[
             {
-              id: "1",
-              value: "50,000+",
-              description: "Baxtli Mijozlar"
+              id: "1",              value: "500K+",              description: "Xursand mijozlar"
             },
             {
-              id: "2",
-              value: "10+",
-              description: "Yil Tajriba"
+              id: "2",              value: "10+",              description: "Yillik tajriba"
             },
             {
-              id: "3",
-              value: "24/7",
-              description: "Qoʻllab-Quvvatlash"
+              id: "3",              value: "100%",              description: "Asl mahsulotlar"
             },
             {
-              id: "4",
-              value: "100%",
-              description: "Original Texnika"
+              id: "4",              value: "24/7",              description: "Qo'llab-quvvatlash"
             }
           ]}
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          containerClassName="max-w-screen-2xl"
+          containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
+        />
+      </div>
+
+      <div id="team-testimonials" data-section="team-testimonials">
+        <TestimonialCardOne 
+          testimonials={[
+            {
+              id: "1",              name: "Alisher Mahmudov",              role: "IT Oqituvchisi",              company: "Tech Academy Tashkent",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg",              imageAlt: "Alisher Mahmudov"
+            },
+            {
+              id: "2",              name: "Gulnora Abdullayeva",              role: "Buxgalter",              company: "Marketing Agentlik",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "Gulnora Abdullayeva"
+            },
+            {
+              id: "3",              name: "Javlon Shodmonov",              role: "Grafik Dizayner",              company: "Creative Studio",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",              imageAlt: "Javlon Shodmonov"
+            },
+            {
+              id: "4",              name: "Sevara Raxmatova",              role: "Sotuvchi",              company: "Fashion Boutique",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-suffering-from-schizophrenia_23-2149332551.jpg",              imageAlt: "Sevara Raxmatova"
+            }
+          ]}
+          title="Bizning Mijozlar Nima Deyishadi?"
+          description="Haqiqiy foydalanuvchilardан haqiqiy fikrlar"
+          tag="Mijozlar Fikri"
+          tagIcon={Quote}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterCard
+        <FooterCard 
           logoText="Dehkonbozor"
           copyrightText="© 2025 Dehkonbozor. Barcha huquqlar himoyalangan. O'zbekistonda original texnika."
           socialLinks={[
             {
               icon: MessageCircle,
-              href: "https://t.me/dehkonbozor",
-              ariaLabel: "Telegram"
+              href: "https://t.me/dehkonbozor",              ariaLabel: "Telegram"
             },
             {
               icon: Instagram,
-              href: "https://instagram.com/dehkonbozor",
-              ariaLabel: "Instagram"
+              href: "https://instagram.com/dehkonbozor",              ariaLabel: "Instagram"
             },
             {
               icon: Phone,
-              href: "tel:+998712095555",
-              ariaLabel: "Call Us"
+              href: "tel:+998712095555",              ariaLabel: "Call Us"
             }
           ]}
           containerClassName="bg-background"
diff --git a/src/app/admin/analytics/page.tsx b/src/app/admin/analytics/page.tsx
index 3f7a38b..d60ca4a 100644
--- a/src/app/admin/analytics/page.tsx
+++ b/src/app/admin/analytics/page.tsx
@@ -1,13 +1,10 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import { MessageCircle, Instagram, Phone, TrendingUp, Users, ShoppingCart } from "lucide-react";
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import { BarChart3, TrendingUp } from 'lucide-react';
 
-export default function AdminAnalyticsPage() {
+export default function AnalyticsPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -15,230 +12,95 @@ export default function AdminAnalyticsPage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="largeSmallSizeLargeTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="radial-glow"
       headingFontWeight="extrabold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarStyleApple
-          brandName="Dehkonbozor Admin"
-          navItems={[
-            { name: "Content", id: "/admin/content" },
-            { name: "Analytics", id: "/admin/analytics" },
-            { name: "Store", id: "/" },
-          ]}
-        />
-      </div>
-
-      <div id="admin-analytics-hero" data-section="admin-analytics-hero" className="mx-auto px-4 md:px-6 py-16 md:py-24">
-        <div className="max-w-screen-2xl mx-auto">
-          <div className="text-center mb-16">
-            <h1 className="text-5xl md:text-6xl font-extrabold leading-tight mb-6 text-foreground">
-              Tahlil va Statistika
-            </h1>
-            <p className="text-xl md:text-2xl text-foreground/80 max-w-3xl mx-auto">
-              Dehkonbozor sotuvlari, foydalanuvchilar va faoliyatining real vaqt tahlili
-            </p>
-          </div>
+      <div className="p-8">
+        <h1 className="text-3xl font-bold mb-8">Analytics Dashboard</h1>
+        
+        <div id="sales-metrics" data-section="sales-metrics">
+          <MetricCardTwo 
+            title="Sales Metrics"
+            description="Current sales performance and trends"
+            tag="Sales"
+            tagIcon={TrendingUp}
+            metrics={[
+              {
+                id: "1",                value: "$125K",                description: "Total Revenue"
+              },
+              {
+                id: "2",                value: "2.5K",                description: "Orders Completed"
+              },
+              {
+                id: "3",                value: "98%",                description: "Customer Satisfaction"
+              },
+              {
+                id: "4",                value: "12.5%",                description: "Growth Rate"
+              }
+            ]}
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
         </div>
-      </div>
 
-      <div id="admin-sales-metrics" data-section="admin-sales-metrics">
-        <MetricCardTwo
-          title="Asosiy Sotuvlar Ko'rsatkichlari"
-          description="Bu oy uchun eng muhim raqamlar"
-          tag="Sales"
-          tagIcon={ShoppingCart}
-          metrics={[
-            {
-              id: "1",
-              value: "2,547",
-              description: "Jami Buyurtmalar",
-            },
-            {
-              id: "2",
-              value: "$487.2K",
-              description: "Jami Daromad",
-            },
-            {
-              id: "3",
-              value: "89.4%",
-              description: "O'rtacha Konversiya",
-            },
-            {
-              id: "4",
-              value: "4.8/5",
-              description: "O'rtacha Reyting",
-            },
-          ]}
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          containerClassName="max-w-screen-2xl"
-        />
-      </div>
-
-      <div id="admin-user-metrics" data-section="admin-user-metrics">
-        <MetricCardTwo
-          title="Foydalanuvchi Faoliyati"
-          description="Tizimda faol foydalanuvchilar va ularning harakatlar"
-          tag="Users"
-          tagIcon={Users}
-          metrics={[
-            {
-              id: "1",
-              value: "12,847",
-              description: "Faol Foydalanuvchilar",
-            },
-            {
-              id: "2",
-              value: "3,291",
-              description: "Yangi Ro'yxatdan O'tganlar",
-            },
-            {
-              id: "3",
-              value: "7,534",
-              description: "Buyurtma Berganlar",
-            },
-            {
-              id: "4",
-              value: "58.2%",
-              description: "Qayta Buyurtma Qilganlar",
-            },
-          ]}
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          containerClassName="max-w-screen-2xl"
-        />
-      </div>
-
-      <div id="admin-analytics-reports" data-section="admin-analytics-reports">
-        <FeatureCardOne
-          title="Batafsil Hisobotlar"
-          description="Sotuvlar, foydalanuvchilar va mahsulotlar haqidagi detalili tahlilni ko'ring"
-          tag="Reports"
-          tagIcon={TrendingUp}
-          features={[
-            {
-              title: "Sotuvlar Hisoboti",
-              description: "Kunlik, haftalik va oylik sotuvlarni tekshiring, trendlarni tahlil qiling",
-              imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=14",
-              imageAlt: "Sales report",
-              button: {
-                text: "Hisobotni Ko'rish",
-                href: "/admin/analytics/sales-report",
+        <div id="product-metrics" className="mt-12" data-section="product-metrics">
+          <MetricCardTwo 
+            title="Product Metrics"
+            description="Product performance and inventory status"
+            tag="Products"
+            tagIcon={BarChart3}
+            metrics={[
+              {
+                id: "1",                value: "542",                description: "Active Products"
               },
-            },
-            {
-              title: "Mahsulot Performance",
-              description: "Eng ko'p sotilgan mahsulotlar, kam sotilganlar va trendlarga qarab tasvir",
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=28",
-              imageAlt: "Product performance",
-              button: {
-                text: "Performance",
-                href: "/admin/analytics/product-performance",
+              {
+                id: "2",                value: "89",                description: "Low Stock Items"
               },
-            },
-            {
-              title: "Foydalanuvchi Tahlili",
-              description: "Foydalanuvchilarning harakatlar, sayt o'tish oraqlari, konversiya funeli",
-              imageSrc: "http://img.b2bpic.net/free-vector/call-center-avatar-pack_23-2147947188.jpg?_wi=4",
-              imageAlt: "User analytics",
-              button: {
-                text: "Tahlili",
-                href: "/admin/analytics/user-analytics",
+              {
+                id: "3",                value: "4.8",                description: "Average Rating"
               },
-            },
-            {
-              title: "Marketing Kanallar",
-              description: "Qaysi kanallardan maksimal traffic va konversiya kelib turibgani tekshiring",
-              imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7915.jpg?_wi=4",
-              imageAlt: "Marketing channels",
-              button: {
-                text: "Kanallarni Ko'rish",
-                href: "/admin/analytics/channels",
-              },
-            },
-          ]}
-          gridVariant="two-columns-alternating-heights"
-          animationType="slide-up"
-          textboxLayout="default"
-          buttons={[
-            {
-              text: "Eksport Qilish",
-              href: "/admin/analytics/export",
-            },
-          ]}
-          useInvertedBackground={false}
-          containerClassName="max-w-screen-2xl"
-        />
-      </div>
+              {
+                id: "4",                value: "156K",                description: "Total Sales Units"
+              }
+            ]}
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
 
-      <div id="admin-conversion-metrics" data-section="admin-conversion-metrics">
-        <MetricCardTwo
-          title="Konversiya va ROI"
-          description="Reklama va marketing qo'llab-quvvatlagichning samaradorligi"
-          tag="Performance"
-          tagIcon={TrendingUp}
-          metrics={[
-            {
-              id: "1",
-              value: "3.45%",
-              description: "Sayt Konversiyasi",
-            },
-            {
-              id: "2",
-              value: "$12.50",
-              description: "O'rtacha Buyurtma Qiymati",
-            },
-            {
-              id: "3",
-              value: "245%",
-              description: "ROI",
-            },
-            {
-              id: "4",
-              value: "2.1K",
-              description: "Tashrif Sanasi",
-            },
-          ]}
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          containerClassName="max-w-screen-2xl"
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterCard
-          logoText="Dehkonbozor Admin"
-          copyrightText="© 2025 Dehkonbozor Admin Panel. Barcha huquqlar himoyalangan."
-          socialLinks={[
-            {
-              icon: MessageCircle,
-              href: "https://t.me/dehkonbozor",
-              ariaLabel: "Telegram",
-            },
-            {
-              icon: Instagram,
-              href: "https://instagram.com/dehkonbozor",
-              ariaLabel: "Instagram",
-            },
-            {
-              icon: Phone,
-              href: "tel:+998712095555",
-              ariaLabel: "Call Us",
-            },
-          ]}
-          containerClassName="bg-background"
-          cardClassName="bg-card rounded-soft shadow-subtle-shadow"
-        />
+        <div id="engagement-metrics" className="mt-12" data-section="engagement-metrics">
+          <MetricCardTwo 
+            title="Engagement Metrics"
+            description="User engagement and activity metrics"
+            tag="Engagement"
+            tagIcon={TrendingUp}
+            metrics={[
+              {
+                id: "1",                value: "45.2K",                description: "Active Users"
+              },
+              {
+                id: "2",                value: "3.2M",                description: "Page Views"
+              },
+              {
+                id: "3",                value: "2m 34s",                description: "Avg. Session Time"
+              },
+              {
+                id: "4",                value: "65%",                description: "Return Visitors"
+              }
+            ]}
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
       </div>
     </ThemeProvider>
   );
diff --git a/src/app/admin/content/page.tsx b/src/app/admin/content/page.tsx
index ad41f76..e2a0273 100644
--- a/src/app/admin/content/page.tsx
+++ b/src/app/admin/content/page.tsx
@@ -1,20 +1,10 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
-import { MessageCircle, Instagram, Phone, Package, BarChart3, Settings } from "lucide-react";
-import Link from "next/link";
-
-export default function AdminContentPage() {
-  const navItems = [
-    { name: "Content", id: "/admin/content" },
-    { name: "Analytics", id: "/admin/analytics" },
-    { name: "Back to Store", id: "/" },
-  ];
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import { FileText, MessageSquare, AlertCircle } from 'lucide-react';
 
+export default function ContentPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -22,215 +12,42 @@ export default function AdminContentPage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="largeSmallSizeLargeTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="radial-glow"
       headingFontWeight="extrabold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarStyleApple
-          brandName="Dehkonbozor Admin"
-          navItems={[
-            { name: "Content", id: "/admin/content" },
-            { name: "Analytics", id: "/admin/analytics" },
-            { name: "Store", id: "/" },
-          ]}
-        />
-      </div>
-
-      <div id="admin-hero" data-section="admin-hero" className="mx-auto px-4 md:px-6 py-16 md:py-24">
-        <div className="max-w-screen-2xl mx-auto">
-          <div className="text-center mb-16">
-            <h1 className="text-5xl md:text-6xl font-extrabold leading-tight mb-6 text-foreground">
-              Kontent Boshqaruvi
-            </h1>
-            <p className="text-xl md:text-2xl text-foreground/80 max-w-3xl mx-auto">
-              Dehkonbozor omborining mahsulotlarini, kategoriyalarini va promosyonlarini boshqaring
-            </p>
-          </div>
+      <div className="p-8">
+        <h1 className="text-3xl font-bold mb-8">Content Management</h1>
+        
+        <div id="content-metrics" data-section="content-metrics">
+          <MetricCardTwo 
+            title="Content Metrics"
+            description="Content management and performance"
+            tag="Content"
+            tagIcon={FileText}
+            metrics={[
+              {
+                id: "1",                value: "2,847",                description: "Published Articles"
+              },
+              {
+                id: "2",                value: "534",                description: "Pending Review"
+              },
+              {
+                id: "3",                value: "89",                description: "Drafts"
+              },
+              {
+                id: "4",                value: "1.2M",                description: "Total Views"
+              }
+            ]}
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
         </div>
       </div>
-
-      <div id="admin-management" data-section="admin-management">
-        <FeatureCardOne
-          title="Mahsulot Boshqaruvi"
-          description="Yangi mahsulotlar qo'shing, narxlarni o'zgartiing va inventarini kuzatib turing"
-          tag="Admin Tools"
-          tagIcon={Package}
-          features={[
-            {
-              title: "Mahsulot Qo'shish",
-              description: "Yangi mahsulotlar qo'shing, rasmlar yuklang va tafsilotlarni kiriting",
-              imageSrc: "http://img.b2bpic.net/free-photo/startup-employees-hand-packing-products-warehouse-shipping-area_482257-131446.jpg?_wi=4",
-              imageAlt: "Product management",
-              button: {
-                text: "Mahsulot Qo'shish",
-                href: "/admin/content/products/new",
-              },
-            },
-            {
-              title: "Kategoriyalar",
-              description: "Smartfonlar, Noutbuklar, Aksessuarlar va boshqalar uchun kategoriyalar boshqaring",
-              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg?_wi=9",
-              imageAlt: "Categories management",
-              button: {
-                text: "Kategoriyalar",
-                href: "/admin/content/categories",
-              },
-            },
-            {
-              title: "Narxlar va Diskontar",
-              description: "Mahsulot narxlarini o'zgartiring, promosyonlar va aksiyalar yarating",
-              imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=12",
-              imageAlt: "Pricing management",
-              button: {
-                text: "Narxlarni Boshqarish",
-                href: "/admin/content/pricing",
-              },
-            },
-            {
-              title: "Inventar",
-              description: "Qolgan qolmalarni kuzatib turing, zaxiralarni qayta to'ldiring va boshqarish",
-              imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=14",
-              imageAlt: "Inventory management",
-              button: {
-                text: "Inventar Boshqaruvi",
-                href: "/admin/content/inventory",
-              },
-            },
-          ]}
-          gridVariant="two-columns-alternating-heights"
-          animationType="slide-up"
-          textboxLayout="default"
-          buttons={[
-            {
-              text: "Barcha Mahsulotlarni Ko'rish",
-              href: "/admin/content/products",
-            },
-          ]}
-          useInvertedBackground={true}
-          containerClassName="max-w-screen-2xl"
-        />
-      </div>
-
-      <div id="admin-content-stats" data-section="admin-content-stats">
-        <MetricCardTwo
-          title="Kontentning Holatini Ko'rish"
-          description="Omborning joriy holati va boshqarish indekslari"
-          tag="Stats"
-          tagIcon={BarChart3}
-          metrics={[
-            {
-              id: "1",
-              value: "487",
-              description: "Faol Mahsulotlar",
-            },
-            {
-              id: "2",
-              value: "23",
-              description: "Aktiv Promosyonlar",
-            },
-            {
-              id: "3",
-              value: "98%",
-              description: "Inventar Zangligi",
-            },
-            {
-              id: "4",
-              value: "12",
-              description: "Kategoriyalar",
-            },
-          ]}
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          containerClassName="max-w-screen-2xl"
-        />
-      </div>
-
-      <div id="admin-settings" data-section="admin-settings">
-        <FeatureCardOne
-          title="Tizim Sozlamalari"
-          description="Dehkonbozor platformasining asosiy sozlamalarini boshqaring"
-          tag="Configuration"
-          tagIcon={Settings}
-          features={[
-            {
-              title: "Sayt Sozlamalari",
-              description: "Saytning nomi, hozirgi manzil, telefon raqam va boshqa ma'lumotlarni o'zgartiring",
-              imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7915.jpg?_wi=3",
-              imageAlt: "Site settings",
-              button: {
-                text: "Sozlamalar",
-                href: "/admin/content/settings",
-              },
-            },
-            {
-              title: "Muddatli To'lov Shartlari",
-              description: "Muddatli to'lovning shartlarini, foizlarini va muddatlarini sozlang",
-              imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=13",
-              imageAlt: "Payment settings",
-              button: {
-                text: "To'lov Sozlamalari",
-                href: "/admin/content/payment-settings",
-              },
-            },
-            {
-              title: "Email Shablonlari",
-              description: "Buyurtma, yetkazib berish va qaytarish emaillarining shablonlarini o'zgartiring",
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=27",
-              imageAlt: "Email templates",
-              button: {
-                text: "Shablonlar",
-                href: "/admin/content/email-templates",
-              },
-            },
-            {
-              title: "Yetkazib Berish Metodlari",
-              description: "Yetkazib berish variantlarini, shartlarini va narxlarini boshqaring",
-              imageSrc: "http://img.b2bpic.net/free-vector/house-moving-services-landing-page-template_23-2148654179.jpg?_wi=5",
-              imageAlt: "Shipping methods",
-              button: {
-                text: "Yetkazib Berish",
-                href: "/admin/content/shipping",
-              },
-            },
-          ]}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          containerClassName="max-w-screen-2xl"
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterCard
-          logoText="Dehkonbozor Admin"
-          copyrightText="© 2025 Dehkonbozor Admin Panel. Barcha huquqlar himoyalangan."
-          socialLinks={[
-            {
-              icon: MessageCircle,
-              href: "https://t.me/dehkonbozor",
-              ariaLabel: "Telegram",
-            },
-            {
-              icon: Instagram,
-              href: "https://instagram.com/dehkonbozor",
-              ariaLabel: "Instagram",
-            },
-            {
-              icon: Phone,
-              href: "tel:+998712095555",
-              ariaLabel: "Call Us",
-            },
-          ]}
-          containerClassName="bg-background"
-          cardClassName="bg-card rounded-soft shadow-subtle-shadow"
-        />
-      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/admin/customers/page.tsx b/src/app/admin/customers/page.tsx
index 1af1c5a..be37f4d 100644
--- a/src/app/admin/customers/page.tsx
+++ b/src/app/admin/customers/page.tsx
@@ -1,23 +1,10 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import Link from "next/link";
-import { MessageCircle, Instagram, Phone, Users, Shield } from "lucide-react";
-
-export default function AdminCustomersPage() {
-  const navItems = [
-    { name: "Smartfonlar", id: "/" },
-    { name: "Noutbuklar", id: "/" },
-    { name: "Aksessuarlar", id: "/" },
-    { name: "Muddatli to'lov", id: "/" },
-    { name: "Biz haqimizda", id: "/" }
-  ];
+import { Users, ShoppingCart, Heart } from 'lucide-react';
 
+export default function CustomersPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -25,179 +12,42 @@ export default function AdminCustomersPage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="largeSmallSizeLargeTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="radial-glow"
       headingFontWeight="extrabold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarStyleApple 
-          brandName="Dehkonbozor" 
-          navItems={navItems}
-        />
-      </div>
-
-      <div id="admin-customers-overview" data-section="admin-customers-overview" className="mx-auto px-4 md:px-6 py-12">
-        <div className="max-w-screen-2xl mx-auto mb-12">
-          <h1 className="text-4xl md:text-5xl font-extrabold leading-tight mb-4">
-            Mijozlar Boshqaruvi
-          </h1>
-          <p className="text-lg md:text-xl text-foreground/80">
-            Barcha mijozlarni boshqarib, ularning buyurtmaları va profillarini kuzatib boring
-          </p>
+      <div className="p-8">
+        <h1 className="text-3xl font-bold mb-8">Customer Management</h1>
+        
+        <div id="customer-metrics" data-section="customer-metrics">
+          <MetricCardTwo 
+            title="Customer Metrics"
+            description="Customer base and engagement data"
+            tag="Customers"
+            tagIcon={Users}
+            metrics={[
+              {
+                id: "1",                value: "15.8K",                description: "Total Customers"
+              },
+              {
+                id: "2",                value: "8.2K",                description: "Active Customers"
+              },
+              {
+                id: "3",                value: "4.5",                description: "Avg. Orders per Customer"
+              },
+              {
+                id: "4",                value: "$245",                description: "Avg. Customer Lifetime Value"
+              }
+            ]}
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
         </div>
       </div>
-
-      <div id="customers-metrics" data-section="customers-metrics" className="mx-auto px-4 md:px-6">
-        <MetricCardTwo
-          title="Mijozlar Statistikasi"
-          description="Joriy davrdagi mijozlar va buyurtmalar ko'rsatkichlari"
-          tag="Admin Paneli"
-          tagIcon={Users}
-          metrics={[
-            {
-              id: "1",
-              value: "8,542",
-              description: "Jami Ro'yxatdan O'tgan Mijozlar"
-            },
-            {
-              id: "2",
-              value: "3,267",
-              description: "Faol Mijozlar"
-            },
-            {
-              id: "3",
-              value: "5,275",
-              description: "Jami Buyurtmalar"
-            },
-            {
-              id: "4",
-              value: "42.8M so'm",
-              description: "Jami Savdo Hajmi"
-            }
-          ]}
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="customers-features" data-section="customers-features" className="mx-auto px-4 md:px-6 py-12">
-        <FeatureCardOne
-          title="Mijozlarni Boshqarish Vositalari"
-          description="Mijozlarning hisob-kitoblarini kuzatib borish, buyurtmaları tahlil qilish va qo'llab-quvvatlash xizmati"
-          tag="Admin Funktiyalari"
-          tagIcon={Shield}
-          features={[
-            {
-              title: "Mijozlar Katalogi",
-              description: "Barcha ro'yxatdan o'tgan mijozlarning to'liq ma'lumotlari va buyurtma tarixlari",
-              imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-team-lying-floor-circle_1262-1962.jpg?_wi=2",
-              button: {
-                text: "Katalogga O'tish",
-                href: "#"
-              }
-            },
-            {
-              title: "Buyurtma Boshqaruvi",
-              description: "Barcha buyurtmalarni ko'rib, holati o'zgartirib, yetkazib berish ma'lumotlarini yangilash",
-              imageSrc: "http://img.b2bpic.net/free-photo/startup-employees-hand-packing-products-warehouse-shipping-area_482257-131446.jpg?_wi=3",
-              button: {
-                text: "Buyurtmalarni Ko'rish",
-                href: "#"
-              }
-            },
-            {
-              title: "Mijoz Tahlili",
-              description: "Mijozning xarid faoliyati, saviyligi va xizmat sifati ratingi",
-              imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=11",
-              button: {
-                text: "Tahlilga O'tish",
-                href: "#"
-              }
-            }
-          ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          textboxLayout="default"
-          buttons={[
-            {
-              text: "Yangi Mijozni Qo'shish",
-              href: "#"
-            }
-          ]}
-          useInvertedBackground={true}
-        />
-      </div>
-
-      <div id="customers-faq" data-section="customers-faq" className="mx-auto px-4 md:px-6 py-12">
-        <FaqSplitText
-          faqs={[
-            {
-              id: "1",
-              title: "Mijozning profilini qanday ko'rib chiqam?",
-              content: "Mijozlar ro'yxatida mijozning ismini yoki ID raqamini tanlang. Profil sahifasida uning barcha ma'lumotlari, buyurtmalari va to'lovlari ko'rsatiladi."
-            },
-            {
-              id: "2",
-              title: "Mijozni sistemadan o'chirib tashlash mumkinmi?",
-              content: "Ha, lekin faqat tarixiy ma'lumot sifatida saqlash uchun o'chirib tashlash tavsiya etiladi. To'liq o'chirish ba'zi tarixiy ma'lumotlarni yo'q qiladi."
-            },
-            {
-              id: "3",
-              title: "Buyurtma holatini qanday o'zgartiraman?",
-              content: "Buyurtma ro'yxatida buyurtmani tanlang va 'Holat' menyudan yangi holat (Kutayotgan, Yuborilgan, Yetkazilgan, Bekor Qilingan) ni tanlang."
-            },
-            {
-              id: "4",
-              title: "Mijozga qo'llab-quvvatlash xabari qanday yuboram?",
-              content: "Profil sahifasida 'Xabar Yuborish' tugmasini bosing. Xabar email yoki SMS orqali yuboriladi, MI mijozning aloqa usuliga qarab."
-            },
-            {
-              id: "5",
-              title: "Mijozlar hisobotini qanday yuklab olam?",
-              content: "Admin panelining 'Hisobotlar' bo'limida 'Mijozlar Ro'yxati' hisobotini tanlang. CSV, Excel yoki PDF formatida yuklab olish mumkin."
-            },
-            {
-              id: "6",
-              title: "Mijozning buying qilish faoliyatini qanday analiz qilam?",
-              content: "Profil sahifasida 'Tahlil' bo'limi mavjud. Bu yerda mijozning o'rtacha haridi, eng ko'p xarid qilgan mahsulotlar va xarqlar ko'rsatiladi."
-            }
-          ]}
-          sideTitle="Mijozlar Boshqaruvi Uchun Tez-Tez So'raladigan Savollar"
-          sideDescription="Mijozlar panelini ishlatish bo'yicha barcha savollarning javoblari"
-          textPosition="left"
-          faqsAnimation="slide-up"
-          useInvertedBackground={true}
-          animationType="smooth"
-        />
-      </div>
-
-      <div id="footer" data-section="footer" className="mx-auto px-4 md:px-6 py-20">
-        <FooterCard
-          logoText="Dehkonbozor"
-          copyrightText="© 2025 Dehkonbozor. Barcha huquqlar himoyalangan. O'zbekistonda original texnika."
-          socialLinks={[
-            {
-              icon: MessageCircle,
-              href: "https://t.me/dehkonbozor",
-              ariaLabel: "Telegram"
-            },
-            {
-              icon: Instagram,
-              href: "https://instagram.com/dehkonbozor",
-              ariaLabel: "Instagram"
-            },
-            {
-              icon: Phone,
-              href: "tel:+998712095555",
-              ariaLabel: "Call Us"
-            }
-          ]}
-        />
-      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/admin/dashboard/page.tsx b/src/app/admin/dashboard/page.tsx
index 8a0852f..7641d31 100644
--- a/src/app/admin/dashboard/page.tsx
+++ b/src/app/admin/dashboard/page.tsx
@@ -1,22 +1,10 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import Link from "next/link";
-import { MessageCircle, Instagram, Phone } from "lucide-react";
-
-export default function AdminDashboardPage() {
-  const navItems = [
-    { name: "Smartfonlar", id: "/admin/dashboard" },
-    { name: "Noutbuklar", id: "admin-orders" },
-    { name: "Aksessuarlar", id: "admin-products" },
-    { name: "Muddatli to'lov", id: "admin-payments" },
-    { name: "Biz haqimizda", id: "/about" },
-  ];
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import { BarChart2, TrendingUp } from 'lucide-react';
 
+export default function DashboardPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -24,125 +12,41 @@ export default function AdminDashboardPage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="largeSmallSizeLargeTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="radial-glow"
       headingFontWeight="extrabold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarStyleApple
-          brandName="Dehkonbozor"
-          navItems={navItems}
-        />
-      </div>
-
-      <div id="admin-metrics" data-section="admin-metrics">
-        <MetricCardTwo
-          title="Admin Panel — Asosiy Ko'rsatkich"
-          description="Umumiy sotuvlar, buyurtmalar va foydalanuvchilar statistikasi"
-          tag="Statistika"
-          metrics={[
-            {
-              id: "1",
-              value: "2,547",
-              description: "Bugungi Buyurtmalar",
-            },
-            {
-              id: "2",
-              value: "156.8M",
-              description: "Bugungi Daromad",
-            },
-            {
-              id: "3",
-              value: "45K",
-              description: "Faol Foydalanuvchilar",
-            },
-            {
-              id: "4",
-              value: "98.5%",
-              description: "Ish Vaqti Mavjudligi",
-            },
-          ]}
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="admin-orders-section" data-section="admin-orders-section">
-        <FeatureCardOne
-          title="So'nggi Buyurtmalar"
-          description="Eng yangi buyurtmalar va ularning holati"
-          tag="Boshqaruv"
-          features={[
-            {
-              title: "Kutilmoqda",
-              description: "456 buyurtma tasdiqni kutmoqda",
-              imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7915.jpg?_wi=2",
-              imageAlt: "Pending orders",
-              button: {
-                text: "Qaytarish",
-                href: "/admin/orders?status=pending",
+      <div className="p-8">
+        <h1 className="text-3xl font-bold mb-8">Admin Dashboard</h1>
+        
+        <div id="dashboard-metrics" data-section="dashboard-metrics">
+          <MetricCardTwo 
+            title="Dashboard Overview"
+            description="Quick overview of key metrics"
+            tag="Overview"
+            tagIcon={BarChart2}
+            metrics={[
+              {
+                id: "1",                value: "$45.2K",                description: "Today's Revenue"
               },
-            },
-            {
-              title: "Yetkazib Berish",
-              description: "234 buyurtma yetkazib berilmoqda",
-              imageSrc: "http://img.b2bpic.net/free-vector/house-moving-services-landing-page-template_23-2148654179.jpg?_wi=3",
-              imageAlt: "Shipping orders",
-              button: {
-                text: "Kuzatish",
-                href: "/admin/orders?status=shipping",
+              {
+                id: "2",                value: "892",                description: "Today's Orders"
               },
-            },
-            {
-              title: "Yakunlangan",
-              description: "8,923 muvaffaqiyatli buyurtma",
-              imageSrc: "http://img.b2bpic.net/free-photo/startup-employees-hand-packing-products-warehouse-shipping-area_482257-131446.jpg?_wi=1",
-              imageAlt: "Completed orders",
-              button: {
-                text: "Ko'rish",
-                href: "/admin/orders?status=completed",
+              {
+                id: "3",                value: "1.2K",                description: "New Customers"
               },
-            },
-          ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          textboxLayout="default"
-          buttons={[
-            {
-              text: "Barchasi",
-              href: "/admin/orders",
-            },
-          ]}
-          useInvertedBackground={true}
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterCard
-          logoText="Dehkonbozor"
-          copyrightText="© 2025 Dehkonbozor Admin Panel. Barcha huquqlar himoyalangan."
-          socialLinks={[
-            {
-              icon: MessageCircle,
-              href: "https://t.me/dehkonbozor",
-              ariaLabel: "Telegram",
-            },
-            {
-              icon: Instagram,
-              href: "https://instagram.com/dehkonbozor",
-              ariaLabel: "Instagram",
-            },
-            {
-              icon: Phone,
-              href: "tel:+998712095555",
-              ariaLabel: "Call Us",
-            },
-          ]}
-        />
+              {
+                id: "4",                value: "98.5%",                description: "Uptime"
+              }
+            ]}
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
       </div>
     </ThemeProvider>
   );
diff --git a/src/app/admin/installment/page.tsx b/src/app/admin/installment/page.tsx
index 7c78342..bd2c4f3 100644
--- a/src/app/admin/installment/page.tsx
+++ b/src/app/admin/installment/page.tsx
@@ -1,23 +1,10 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import Link from "next/link";
-import { MessageCircle, Instagram, Phone, Package, Shield } from "lucide-react";
-
-export default function AdminInstallmentPage() {
-  const navItems = [
-    { name: "Smartfonlar", id: "/" },
-    { name: "Noutbuklar", id: "/" },
-    { name: "Aksessuarlar", id: "/" },
-    { name: "Muddatli to'lov", id: "/" },
-    { name: "Biz haqimizda", id: "/" }
-  ];
+import { CreditCard, DollarSign } from 'lucide-react';
 
+export default function InstallmentPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -25,179 +12,42 @@ export default function AdminInstallmentPage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="largeSmallSizeLargeTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="radial-glow"
       headingFontWeight="extrabold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarStyleApple 
-          brandName="Dehkonbozor" 
-          navItems={navItems}
-        />
-      </div>
-
-      <div id="admin-installment-overview" data-section="admin-installment-overview" className="mx-auto px-4 md:px-6 py-12">
-        <div className="max-w-screen-2xl mx-auto mb-12">
-          <h1 className="text-4xl md:text-5xl font-extrabold leading-tight mb-4">
-            Muddatli To'lov Arijalari
-          </h1>
-          <p className="text-lg md:text-xl text-foreground/80">
-            Barcha muddatli to'lov arizalarini boshqaring va kuzatib boring
-          </p>
+      <div className="p-8">
+        <h1 className="text-3xl font-bold mb-8">Installment Management</h1>
+        
+        <div id="installment-metrics" data-section="installment-metrics">
+          <MetricCardTwo 
+            title="Installment Metrics"
+            description="Installment plan performance"
+            tag="Installments"
+            tagIcon={CreditCard}
+            metrics={[
+              {
+                id: "1",                value: "3.2K",                description: "Active Plans"
+              },
+              {
+                id: "2",                value: "$8.5M",                description: "Total Value"
+              },
+              {
+                id: "3",                value: "98.2%",                description: "Payment Rate"
+              },
+              {
+                id: "4",                value: "2.1%",                description: "Default Rate"
+              }
+            ]}
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
         </div>
       </div>
-
-      <div id="installment-metrics" data-section="installment-metrics" className="mx-auto px-4 md:px-6">
-        <MetricCardTwo
-          title="Muddatli To'lov Statistikasi"
-          description="Joriy oyning muddatli to'lov ko'rsatkichlari"
-          tag="Admin Paneli"
-          tagIcon={Package}
-          metrics={[
-            {
-              id: "1",
-              value: "1,247",
-              description: "Jami Ariza Soni"
-            },
-            {
-              id: "2",
-              value: "892",
-              description: "Tasdiqlangan Arizalar"
-            },
-            {
-              id: "3",
-              value: "185",
-              description: "Kutayotgan Arizalar"
-            },
-            {
-              id: "4",
-              value: "170",
-              description: "Rad Etilgan Arizalar"
-            }
-          ]}
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="installment-features" data-section="installment-features" className="mx-auto px-4 md:px-6 py-12">
-        <FeatureCardOne
-          title="Muddatli To'lov Tizimini Boshqaring"
-          description="Arizalarni tasdiqlab, ijrosi bo'lgan to'lovlarni kuzatib borish va hisobotlar yaratish"
-          tag="Admin Funktiyalari"
-          tagIcon={Shield}
-          features={[
-            {
-              title: "Ariza Tasdiqlovchi",
-              description: "Yangi muddatli to'lov arizalarini ko'rib chiqib, tasdiqlab yoki rad etib",
-              imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=8",
-              button: {
-                text: "Arizalarni Ko'rish",
-                href: "#"
-              }
-            },
-            {
-              title: "To'lov Jadval",
-              description: "Har bir muddatli to'lov uchun oylik to'lov jadvali va ijrosi",
-              imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=9",
-              button: {
-                text: "Jadvallarni Boshqaring",
-                href: "#"
-              }
-            },
-            {
-              title: "Hisobotlar",
-              description: "Muddatli to'lov xizmatining to'liq tahlili va moliyaviy hisobotlari",
-              imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=10",
-              button: {
-                text: "Hisobotlarni Yuklab Oling",
-                href: "#"
-              }
-            }
-          ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          textboxLayout="default"
-          buttons={[
-            {
-              text: "Yangi Ariza Ko'rish",
-              href: "#"
-            }
-          ]}
-          useInvertedBackground={true}
-        />
-      </div>
-
-      <div id="installment-faq" data-section="installment-faq" className="mx-auto px-4 md:px-6 py-12">
-        <FaqSplitText
-          faqs={[
-            {
-              id: "1",
-              title: "Muddatli to'lov arizasini qanday tasdiqlayman?",
-              content: "Ariza ro'yxatida yangi arizani tanlang, mijozning ma'lumotlarini ko'rib chiqib, 'Tasdiqlash' tugmasini bosib tasdiqlay olasiz."
-            },
-            {
-              id: "2",
-              title: "Ariza rad etish imkoni bormi?",
-              content: "Ha, agar ariza shartnomaga mos kelmasa yoki xavf bo'lsa, 'Rad Etish' tugmasini bosib rad etishingiz mumkin. Sistema avtomatik xabar yuboradi."
-            },
-            {
-              id: "3",
-              title: "To'lov jadvali qanday ishlaydi?",
-              content: "Har bir tasdiqlangan muddatli to'lov uchun sistema avtomatik oylik to'lov jadvalini yaratadi. Mijozlar har oy keyingi to'lov kunga ruxsat oladi."
-            },
-            {
-              id: "4",
-              title: "Muddatli to'loviladi riskni qanday kamaytirish mumkin?",
-              content: "Sistema IBAN raqami, telefon va pasport ma'lumotlarini tekshiradi. Shubhali mijozlar uchun qo'shimcha tekshiruv talab qilinishi mumkin."
-            },
-            {
-              id: "5",
-              title: "Hisobotlar qanday formatlarda yuklanadi?",
-              content: "CSV, Excel va PDF formatlarida hisobotlar yuklab olish mumkin. Ma'lumotlar kunlik, oylik yoki custom sana diapazoni bo'yicha filtrlansa mumkin."
-            },
-            {
-              id: "6",
-              title: "Muddatli to'lov statistikasini kuzatib borish qanday?",
-              content: "Admin panelining bosh sahifasida real-vaqtda jami arizalar, tasdiqlangan, kutayotgan va rad etilgan arizalar raqamlari ko'rsatiladi."
-            }
-          ]}
-          sideTitle="Admin Paneli Uchun Tez-Tez So'raladigan Savollar"
-          sideDescription="Muddatli to'lov tizimini boshqarish bo'yicha barcha savollarning javoblari"
-          textPosition="left"
-          faqsAnimation="slide-up"
-          useInvertedBackground={true}
-          animationType="smooth"
-        />
-      </div>
-
-      <div id="footer" data-section="footer" className="mx-auto px-4 md:px-6 py-20">
-        <FooterCard
-          logoText="Dehkonbozor"
-          copyrightText="© 2025 Dehkonbozor. Barcha huquqlar himoyalangan. O'zbekistonda original texnika."
-          socialLinks={[
-            {
-              icon: MessageCircle,
-              href: "https://t.me/dehkonbozor",
-              ariaLabel: "Telegram"
-            },
-            {
-              icon: Instagram,
-              href: "https://instagram.com/dehkonbozor",
-              ariaLabel: "Instagram"
-            },
-            {
-              icon: Phone,
-              href: "tel:+998712095555",
-              ariaLabel: "Call Us"
-            }
-          ]}
-        />
-      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/admin/products/page.tsx b/src/app/admin/products/page.tsx
index bf4f90c..5fc086b 100644
--- a/src/app/admin/products/page.tsx
+++ b/src/app/admin/products/page.tsx
@@ -1,27 +1,10 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import Link from "next/link";
-import { MessageCircle, Instagram, Phone, Package, TrendingUp } from "lucide-react";
-
-export default function AdminProductsPage() {
-  const navItems = [
-    { name: "Smartfonlar", id: "smartphones" },
-    { name: "Noutbuklar", id: "laptops" },
-    { name: "Aksessuarlar", id: "accessories" },
-    { name: "Muddatli to'lov", id: "installment" },
-    { name: "Biz haqimizda", id: "/about" },
-  ];
-
-  const adminNavItems = [
-    { name: "Mahsulotlar", id: "/admin/products" },
-    { name: "Buyurtmalar", id: "/admin/orders" },
-  ];
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import { Package, AlertTriangle } from 'lucide-react';
 
+export default function ProductsPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -29,160 +12,42 @@ export default function AdminProductsPage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="largeSmallSizeLargeTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="radial-glow"
       headingFontWeight="extrabold"
     >
-      <div id="nav" data-section="nav" className="sticky top-0 z-50 bg-background/95 backdrop-blur-sm">
-        <NavbarStyleApple
-          brandName="Dehkonbozor Admin"
-          navItems={adminNavItems}
-        />
-      </div>
-
-      <div id="products-inventory" data-section="products-inventory" className="py-16 md:py-20">
-        <div className="mx-auto px-4 md:px-6 max-w-screen-2xl">
-          <div className="mb-12">
-            <h1 className="text-4xl md:text-5xl font-extrabold text-foreground mb-4">
-              Mahsulotlar Boshqaruvi
-            </h1>
-            <p className="text-lg text-foreground/70">
-              Inventori nazorat qiling, yangi mahsulotlar qo'shing va narxlarni yangilang
-            </p>
-          </div>
-
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
-            <div className="bg-card rounded-soft p-6 border border-accent/20">
-              <div className="text-4xl font-extrabold text-primary-cta mb-2">1,247</div>
-              <p className="text-foreground/70">Jami Mahsulot</p>
-            </div>
-            <div className="bg-card rounded-soft p-6 border border-accent/20">
-              <div className="text-4xl font-extrabold text-primary-cta mb-2">342</div>
-              <p className="text-foreground/70">Stokda Mavjud</p>
-            </div>
-            <div className="bg-card rounded-soft p-6 border border-accent/20">
-              <div className="text-4xl font-extrabold text-primary-cta mb-2">89</div>
-              <p className="text-foreground/70">Kam Stok</p>
-            </div>
-            <div className="bg-card rounded-soft p-6 border border-accent/20">
-              <div className="text-4xl font-extrabold text-primary-cta mb-2">12</div>
-              <p className="text-foreground/70">Tugatilgan</p>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div id="top-products" data-section="top-products" className="py-16 md:py-20 bg-background-accent/30">
-        <div className="mx-auto px-4 md:px-6 max-w-screen-2xl">
-          <MetricCardTwo
-            title="Eng ko'p sotilgan mahsulotlar"
-            description="Bu oydagi eng yaxshi ko'rsatkich"
-            tag="Reytingi"
-            tagIcon={TrendingUp}
+      <div className="p-8">
+        <h1 className="text-3xl font-bold mb-8">Product Management</h1>
+        
+        <div id="product-overview" data-section="product-overview">
+          <MetricCardTwo 
+            title="Product Overview"
+            description="Product inventory and status"
+            tag="Products"
+            tagIcon={Package}
             metrics={[
               {
-                id: "1",
-                value: "3,421",
-                description: "Samsung Galaxy S24 Ultra sotuvlar"
+                id: "1",                value: "1,240",                description: "Total Products"
               },
               {
-                id: "2",
-                value: "2,856",
-                description: "iPhone 15 Pro sotuvlar"
+                id: "2",                value: "342",                description: "Out of Stock"
               },
               {
-                id: "3",
-                value: "2,134",
-                description: "MacBook Pro sotuvlar"
+                id: "3",                value: "89",                description: "Low Stock"
               },
               {
-                id: "4",
-                value: "1,876",
-                description: "AirPods Pro sotuvlar"
+                id: "4",                value: "809",                description: "In Stock"
               }
             ]}
-            gridVariant="four-items-2x2-equal-grid"
+            gridVariant="uniform-all-items-equal"
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
           />
         </div>
       </div>
-
-      <div id="category-management" data-section="category-management" className="py-16 md:py-20">
-        <div className="mx-auto px-4 md:px-6 max-w-screen-2xl">
-          <FeatureCardOne
-            title="Kategoriyalarni Boshqarish"
-            description="Mahsulot kategoriyalarini o'zgartiring, yangi kategoriyalar qo'shing yoki mavjud kategoriyalarni tahrirlang"
-            tag="Admin Panel"
-            tagIcon={Package}
-            features={[
-              {
-                title: "Smartfonlar",
-                description: "245 mahsulot | $4.2M inventory qiymati",
-                imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=26",
-                imageAlt: "Smartphones category"
-              },
-              {
-                title: "Noutbuklar",
-                description: "156 mahsulot | $8.7M inventory qiymati",
-                imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=13",
-                imageAlt: "Laptops category"
-              },
-              {
-                title: "Aksessuarlar",
-                description: "634 mahsulot | $1.2M inventory qiymati",
-                imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg?_wi=8",
-                imageAlt: "Accessories category"
-              },
-              {
-                title: "Gadjetlar",
-                description: "212 mahsulot | $2.1M inventory qiymati",
-                imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=6",
-                imageAlt: "Gadgets category"
-              }
-            ]}
-            gridVariant="two-columns-alternating-heights"
-            animationType="slide-up"
-            textboxLayout="default"
-            buttons={[
-              {
-                text: "Yangi Kategoriya Qo'shish",
-                href: "#add-category"
-              }
-            ]}
-            useInvertedBackground={true}
-          />
-        </div>
-      </div>
-
-      <div id="footer" data-section="footer" className="bg-background">
-        <div className="mx-auto px-4 md:px-6">
-          <FooterCard
-            logoText="Dehkonbozor"
-            copyrightText="© 2025 Dehkonbozor Admin. Barcha huquqlar himoyalangan."
-            socialLinks={[
-              {
-                icon: MessageCircle,
-                href: "https://t.me/dehkonbozor",
-                ariaLabel: "Telegram"
-              },
-              {
-                icon: Instagram,
-                href: "https://instagram.com/dehkonbozor",
-                ariaLabel: "Instagram"
-              },
-              {
-                icon: Phone,
-                href: "tel:+998712095555",
-                ariaLabel: "Call Us"
-              }
-            ]}
-          />
-        </div>
-      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/brands/page.tsx b/src/app/brands/page.tsx
index c6df89e..cc954c2 100644
--- a/src/app/brands/page.tsx
+++ b/src/app/brands/page.tsx
@@ -1,13 +1,8 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import Link from 'next/link';
-import { MessageCircle, Instagram, Phone, Package, Shield, TrendingUp } from 'lucide-react';
+import { Award, Star } from 'lucide-react';
 
 export default function BrandsPage() {
   return (
@@ -17,192 +12,41 @@ export default function BrandsPage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="largeSmallSizeLargeTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="radial-glow"
       headingFontWeight="extrabold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarStyleApple 
-          brandName="Dehkonbozor"
-          navItems={[
-            { name: "Smartfonlar", id: "smartphones" },
-            { name: "Noutbuklar", id: "laptops" },
-            { name: "Aksessuarlar", id: "accessories" },
-            { name: "Muddatli to'lov", id: "installment" },
-            { name: "Biz haqimizda", id: "/about" }
-          ]}
-        />
-      </div>
-
-      <div id="featured-brands" data-section="featured-brands">
-        <FeatureCardOne 
-          features={[
-            {
-              title: "Apple",
-              description: "Premium smartphones, laptops, and accessories from Apple. Latest iPhone models and MacBook computers with official warranty.",
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=17",
-              imageAlt: "Apple Products",
-              button: {
-                text: "Mahsulotlarni ko'rish",
-                href: "/catalog?brand=apple"
+      <div className="p-8">
+        <h1 className="text-3xl font-bold mb-8">Featured Brands</h1>
+        
+        <div id="brand-metrics" data-section="brand-metrics">
+          <MetricCardTwo 
+            title="Brand Statistics"
+            description="Top performing brands and partnerships"
+            tag="Brands"
+            tagIcon={Award}
+            metrics={[
+              {
+                id: "1",                value: "125",                description: "Partner Brands"
+              },
+              {
+                id: "2",                value: "4.8",                description: "Avg. Brand Rating"
+              },
+              {
+                id: "3",                value: "98%",                description: "Customer Satisfaction"
+              },
+              {
+                id: "4",                value: "562K",                description: "Total Brand Products"
               }
-            },
-            {
-              title: "Samsung",
-              description: "Advanced technology from Samsung. Galaxy smartphones, laptops, and accessories with cutting-edge features.",
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=18",
-              imageAlt: "Samsung Products",
-              button: {
-                text: "Mahsulotlarni ko'rish",
-                href: "/catalog?brand=samsung"
-              }
-            },
-            {
-              title: "Lenovo",
-              description: "Professional laptops and tablets from Lenovo. Powerful devices for work and entertainment with reliability.",
-              imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=8",
-              imageAlt: "Lenovo Products",
-              button: {
-                text: "Mahsulotlarni ko'rish",
-                href: "/catalog?brand=lenovo"
-              }
-            },
-            {
-              title: "ASUS",
-              description: "Gaming and professional laptops from ASUS. High-performance devices for demanding users and professionals.",
-              imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=9",
-              imageAlt: "ASUS Products",
-              button: {
-                text: "Mahsulotlarni ko'rish",
-                href: "/catalog?brand=asus"
-              }
-            }
-          ]}
-          title="Bizning Brendlar"
-          description="Dunyo bo'ylab tanilgan premium brendlarni Dehkonbozordan xarid qiling"
-          tag="Raqobatbop Narxlar"
-          tagIcon={Package}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          gridVariant="two-columns-alternating-heights"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
-        />
-      </div>
-
-      <div id="brand-metrics" data-section="brand-metrics">
-        <MetricCardTwo 
-          title="Nima uchun Bizning Brendlar Sifatli?"
-          description="Yetakchi texnika ishlab chiqaruvchilar bilan to'g'ridan-to'g'ri aloqa"
-          tag="Brendning Sifati"
-          tagIcon={Shield}
-          metrics={[
-            {
-              id: "1",
-              value: "100%",
-              description: "Asl mahsulotlar, hech qanday poddel yo'q"
-            },
-            {
-              id: "2",
-              value: "Rasmiy",
-              description: "Rasmiy distributor status va kafolat"
-            },
-            {
-              id: "3",
-              value: "Yangi",
-              description: "Faqat eng so'nggi modellar va versiyalar"
-            },
-            {
-              id: "4",
-              value: "Ishonch",
-              description: "O'n yillik brendli xizmat tajribasi"
-            }
-          ]}
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
-        />
-      </div>
-
-      <div id="brand-bestsellers" data-section="brand-bestsellers">
-        <ProductCardFour 
-          products={[
-            {
-              id: "1",
-              name: "Apple iPhone 15 Pro",
-              price: "11,499,000 so'm",
-              variant: "Blue Titanium | 256GB",
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=19",
-              imageAlt: "iPhone 15 Pro",
-              isFavorited: false
-            },
-            {
-              id: "2",
-              name: "Samsung Galaxy S24 Ultra",
-              price: "12,999,000 so'm",
-              variant: "Black | 256GB",
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=20",
-              imageAlt: "Samsung Galaxy S24 Ultra",
-              isFavorited: false
-            },
-            {
-              id: "3",
-              name: "Lenovo ThinkPad X1",
-              price: "18,999,000 so'm",
-              variant: "Silver | Intel i7",
-              imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=10",
-              imageAlt: "Lenovo ThinkPad X1",
-              isFavorited: false
-            }
-          ]}
-          title="Brendlardan Eng Ko'p Sotilganlar"
-          description="Bu hafta foydalanuvchilar eng ko'p xarid qilgan mahsulotlar"
-          tag="Mashhur Modellar"
-          tagIcon={TrendingUp}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          buttons={[
-            {
-              text: "Barchasini ko'rish",
-              href: "/catalog"
-            }
-          ]}
-          useInvertedBackground={true}
-          containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterCard 
-          logoText="Dehkonbozor"
-          copyrightText="© 2025 Dehkonbozor. Barcha huquqlar himoyalangan. O'zbekistonda original texnika."
-          socialLinks={[
-            {
-              icon: MessageCircle,
-              href: "https://t.me/dehkonbozor",
-              ariaLabel: "Telegram"
-            },
-            {
-              icon: Instagram,
-              href: "https://instagram.com/dehkonbozor",
-              ariaLabel: "Instagram"
-            },
-            {
-              icon: Phone,
-              href: "tel:+998712095555",
-              ariaLabel: "Call Us"
-            }
-          ]}
-          containerClassName="bg-background"
-          cardClassName="bg-card rounded-soft shadow-subtle-shadow"
-        />
+            ]}
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
       </div>
     </ThemeProvider>
   );
diff --git a/src/app/installment/page.tsx b/src/app/installment/page.tsx
index b3a163a..c3d865e 100644
--- a/src/app/installment/page.tsx
+++ b/src/app/installment/page.tsx
@@ -1,22 +1,10 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
-import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
-import FaqSplitText from "@/components/sections/faq/FaqSplitText";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import { MessageCircle, Instagram, Phone, CreditCard, HelpCircle } from "lucide-react";
-
-export default function InstallmentPage() {
-  const navItems = [
-    { name: "Smartfonlar", id: "/" },
-    { name: "Noutbuklar", id: "/" },
-    { name: "Aksessuarlar", id: "/" },
-    { name: "Muddatli to'lov", id: "/installment" },
-    { name: "Biz haqimizda", id: "/" },
-  ];
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import { CreditCard, DollarSign, Clock, CheckCircle } from 'lucide-react';
 
+export default function InstallmentOffersPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -24,135 +12,41 @@ export default function InstallmentPage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="largeSmallSizeLargeTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="radial-glow"
       headingFontWeight="extrabold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarStyleApple
-          brandName="Dehkonbozor"
-          navItems={navItems.map((item) => ({
-            name: item.name,
-            id: item.id.startsWith("/") ? item.id : "#" + item.id,
-          }))}
-        />
-      </div>
-
-      <div id="installment-hero" data-section="installment-hero">
-        <TestimonialAboutCard
-          tag="Qulay Shartlar"
-          title="Muddatli to'lovda mahsulot xarid qiling — 3, 6 yoki 12 oy davomida"
-          description="Oson va shaffof"
-          subdescription="Hech qanday yashirin to'lov yo'q, hech qanday qo'shimcha haq yo'q"
-          icon={CreditCard}
-          imageSrc="http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=3"
-          imageAlt="Installment payment plans illustration"
-          mediaAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="installment-terms" data-section="installment-terms">
-        <MetricCardTwo
-          metrics={[
-            {
-              id: "1",
-              value: "0% Foiz",
-              description: "Barcha muddatli to'lovlarda foiziz",
-            },
-            {
-              id: "2",
-              value: "3, 6, 12",
-              description: "Oylarni tanlang - sizga qulay rejim",
-            },
-            {
-              id: "3",
-              value: "2 Daqiqa",
-              description: "Ariza tasdiqlanishi uchun kerak vaqt",
-            },
-            {
-              id: "4",
-              value: "100% Tez",
-              description: "Hech qanday qiyin hujjat, tez jarayon",
-            },
-          ]}
-          title="Muddatli To'lovning Afzalliklari"
-          description="Dehkonbozorda muddatli to'lov — eng oson va shaffof"
-          tag="Shartlar"
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-        />
-      </div>
-
-      <div id="installment-faq" data-section="installment-faq">
-        <FaqSplitText
-          sideTitle="Muddatli To'lov Haqida Savollar"
-          sideDescription="Muddatli to'lov jarayoni haqida hammasini bilib oling"
-          faqs={[
-            {
-              id: "1",
-              title: "Muddatli to'lovga qaysi shartlar bilan moyil bo'laman?",
-              content: "18 yosh va undan katta bo'lshingiz kerak. Pasport va telefon raqami kerak. Ariza 10 daqiqada tasdiqlanadi, hech qanday qiyin hujjat yo'q. Kredit tarixingiz muhim emas.",
-            },
-            {
-              id: "2",
-              title: "Muddatli to'lovda foiz bor?",
-              content: "Yo'q, Dehkonbozorda muddatli to'lovda hech qanday foiz yo'q. Siz har oy teng miqdordagi to'lovlarni qilasiz, hech qanday yashirin haq yo'q. Biz odatda oyiga 1-3% komissiya olamiz, lekin buni biz to'laymiz — siz faqat rasm narxini to'lasiz.",
-            },
-            {
-              id: "3",
-              title: "Muddatli to'lovni qanday boshlashim mumkin?",
-              content: "Rasm tanlang, \"Muddatli to'lov\" tugmasini bosing. Telefon raqamingizni kiriting. Pasport foto va selfini jo'natish. OTP kodi tasdiqlang — tayyor! Barchasi 5 daqiqada.",
-            },
-            {
-              id: "4",
-              title: "Qaysi banklar muddatli to'lovni qo'llab-quvvatlaydi?",
-              content: "Hammasini — HUMO, UZCARD, APELSIN CARD, AMIR BANK, va boshqalar. O'zbekistonda har qanday bank kartalari bilan ishlaydi. Naqd puldagi to'lov uchun mahalliy ofisimizga keling.",
-            },
-            {
-              id: "5",
-              title: "Muddatli to'lovni qanday bekor qilishim mumkin?",
-              content: "Birinchi oy ichida to'lovini to'liq tugatib, jami miqdorni bitta marta to'lashingiz mumkin. Hech qanday штраф yo'q. Keyin oylik to'lovni to'g'rilantirilmaydi.",
-            },
-            {
-              id: "6",
-              title: "Muddatli to'lov to'lamlari nima?",
-              content: "Agar 30 kun to'lash bo'lmasa, biz 2 marta eslatib beraman. Agar 60 kun o'tsa, rasm to'g'rilantiriladi. Lekin biz har doim sizga shaxsiy maslahat beramiz — tez bog'lanamiz.",
-            },
-          ]}
-          textPosition="left"
-          faqsAnimation="slide-up"
-          useInvertedBackground={false}
-          animationType="smooth"
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterCard
-          logoText="Dehkonbozor"
-          copyrightText="© 2025 Dehkonbozor. Barcha huquqlar himoyalangan. O'zbekistonda original texnika."
-          socialLinks={[
-            {
-              icon: MessageCircle,
-              href: "https://t.me/dehkonbozor",
-              ariaLabel: "Telegram",
-            },
-            {
-              icon: Instagram,
-              href: "https://instagram.com/dehkonbozor",
-              ariaLabel: "Instagram",
-            },
-            {
-              icon: Phone,
-              href: "tel:+998712095555",
-              ariaLabel: "Call Us",
-            },
-          ]}
-        />
+      <div className="p-8">
+        <h1 className="text-3xl font-bold mb-8">Installment Plans</h1>
+        
+        <div id="installment-offers" data-section="installment-offers">
+          <MetricCardTwo 
+            title="Available Installment Plans"
+            description="Flexible payment options for your purchases"
+            tag="Payment Plans"
+            tagIcon={CreditCard}
+            metrics={[
+              {
+                id: "1",                value: "0%",                description: "Interest Rate"
+              },
+              {
+                id: "2",                value: "3-12",                description: "Month Options"
+              },
+              {
+                id: "3",                value: "Instant",                description: "Approval"
+              },
+              {
+                id: "4",                value: "$500K+",                description: "Available Credit"
+              }
+            ]}
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
       </div>
     </ThemeProvider>
   );
diff --git a/src/app/page.tsx b/src/app/page.tsx
index cafede1..cefce64 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,16 +1,17 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import ProductCardFour from "@/components/sections/product/ProductCardFour";
-import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
-import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
-import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
-import FaqSplitText from "@/components/sections/faq/FaqSplitText";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import { Sparkles, Package, TrendingUp, CreditCard, Shield, Heart, Star, MessageCircle, Instagram, Phone } from "lucide-react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import Link from 'next/link';
+import { Sparkles, Package, TrendingUp, CreditCard, Shield, Heart, Star, MessageCircle, Instagram, Phone } from 'lucide-react';
 
 export default function HomePage() {
   return (
@@ -20,49 +21,41 @@ export default function HomePage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="largeSmallSizeLargeTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="radial-glow"
       headingFontWeight="extrabold"
     >
-      {/* Navigation */}
       <div id="nav" data-section="nav">
-        <NavbarStyleApple
+        <NavbarStyleApple 
           brandName="Dehkonbozor"
           navItems={[
             { name: "Smartfonlar", id: "smartphones" },
             { name: "Noutbuklar", id: "laptops" },
             { name: "Aksessuarlar", id: "accessories" },
             { name: "Muddatli to'lov", id: "installment" },
-            { name: "Biz haqimizda", id: "/about" },
+            { name: "Biz haqimizda", id: "about" }
           ]}
         />
       </div>
 
-      {/* Hero Section */}
       <div id="hero" data-section="hero">
         <HeroSplitDualMedia
           title="Dehkonbozor — smartfon, noutbuk va texnikalarni qulay narxda xarid qiling"
           description="Original mahsulotlar, muddatli to'lov va O'zbekiston bo'ylab tez yetkazib berish. Ishonchli xizmat, rasmiy kafolat, professional maslaha."
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           tag="Premium Electronics Store"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
             { text: "Mahsulotlarni ko'rish", href: "/catalog" },
-            { text: "Muddatli to'lov", href: "/installment" },
+            { text: "Muddatli to'lov", href: "/installment" }
           ]}
           buttonAnimation="slide-up"
           mediaItems={[
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=1",
-              imageAlt: "Latest Smartphone Model",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=1",
-              imageAlt: "Premium Laptop Computer",
-            },
+            { imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg", imageAlt: "Latest Smartphone Model" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg", imageAlt: "Premium Laptop Computer" }
           ]}
           mediaAnimation="slide-up"
           rating={5}
@@ -75,323 +68,237 @@ export default function HomePage() {
         />
       </div>
 
-      {/* Featured Categories */}
       <div id="featured-categories" data-section="featured-categories">
-        <FeatureCardOne
+        <FeatureCardOne 
+          features={[
+            {
+              title: "Smartfonlar",              description: "Eng so'nggi modellar, original kafolat bilan",              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg",              imageAlt: "Smartfonlar",              button: {
+                text: "Batafsil",                href: "/catalog?category=smartphones"
+              }
+            },
+            {
+              title: "Noutbuklar",              description: "Ish va o'yin uchun kuchli kompyuterlar",              imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg",              imageAlt: "Noutbuklar",              button: {
+                text: "Batafsil",                href: "/catalog?category=laptops"
+              }
+            },
+            {
+              title: "Aksessuarlar",              description: "Quloqchinlar, zaryadlovchilar, o'ram kabellar",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg",              imageAlt: "Aksessuarlar",              button: {
+                text: "Batafsil",                href: "/catalog?category=accessories"
+              }
+            },
+            {
+              title: "Gadjetlar",              description: "Smart soatlar, planshetlar, wireless qurilmalar",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg",              imageAlt: "Gadjetlar",              button: {
+                text: "Batafsil",                href: "/catalog?category=gadgets"
+              }
+            }
+          ]}
           title="Asosiy Kategoriyalar"
           description="Smartfondan noutbukgacha, aksessuarlardan maishiy texnikagacha — hammasini bir joyda toping"
           tag="Mahsulotlar"
           tagIcon={Package}
           tagAnimation="slide-up"
-          features={[
-            {
-              title: "Smartfonlar",
-              description: "Eng so'nggi modellar, original kafolat bilan",
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=2",
-              imageAlt: "Smartphones",
-              button: { text: "Batafsil", href: "/catalog?category=smartphones" },
-            },
-            {
-              title: "Noutbuklar",
-              description: "Ish va o'yin uchun kuchli kompyuterlar",
-              imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=2",
-              imageAlt: "Laptops",
-              button: { text: "Batafsil", href: "/catalog?category=laptops" },
-            },
-            {
-              title: "Aksessuarlar",
-              description: "Quloqchinlar, zaryadlovchilar, o'ram kabellar",
-              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg?_wi=1",
-              imageAlt: "Accessories",
-              button: { text: "Batafsil", href: "/catalog?category=accessories" },
-            },
-            {
-              title: "Gadjetlar",
-              description: "Smart soatlar, planshetlar, wireless qurilmalar",
-              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg?_wi=2",
-              imageAlt: "Gadgets",
-              button: { text: "Batafsil", href: "/catalog?category=gadgets" },
-            },
-          ]}
+          textboxLayout="default"
           gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
-          textboxLayout="default"
           buttons={[]}
           useInvertedBackground={false}
-          containerClassName="max-w-screen-2xl"
+          containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
         />
       </div>
 
-      {/* Best Sellers */}
       <div id="best-sellers" data-section="best-sellers">
-        <ProductCardFour
+        <ProductCardFour 
+          products={[
+            {
+              id: "1",              name: "Samsung Galaxy S24 Ultra",              price: "12,999,000 so'm",              variant: "Black | 256GB",              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg",              imageAlt: "Samsung Galaxy S24 Ultra",              isFavorited: false
+            },
+            {
+              id: "2",              name: "Apple MacBook Pro 16\"",              price: "35,999,000 so'm",              variant: "Space Gray | M3 Pro",              imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg",              imageAlt: "MacBook Pro 16 inch",              isFavorited: false
+            },
+            {
+              id: "3",              name: "iPhone 15 Pro",              price: "11,499,000 so'm",              variant: "Blue Titanium | 256GB",              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg",              imageAlt: "iPhone 15 Pro",              isFavorited: false
+            }
+          ]}
           title="Eng ko'p sotilganlar"
           description="Bizning mijozlar eng ko'p xarid qilgan mahsulotlar"
           tag="Hit Products"
           tagIcon={TrendingUp}
           tagAnimation="slide-up"
-          products={[
-            {
-              id: "1",
-              name: "Samsung Galaxy S24 Ultra",
-              price: "12,999,000 so'm",
-              variant: "Black | 256GB",
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=3",
-              imageAlt: "Samsung Galaxy S24 Ultra",
-            },
-            {
-              id: "2",
-              name: "Apple MacBook Pro 16\"",
-              price: "35,999,000 so'm",
-              variant: "Space Gray | M3 Pro",
-              imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=3",
-              imageAlt: "MacBook Pro 16 inch",
-            },
-            {
-              id: "3",
-              name: "iPhone 15 Pro",
-              price: "11,499,000 so'm",
-              variant: "Blue Titanium | 256GB",
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=4",
-              imageAlt: "iPhone 15 Pro",
-            },
-          ]}
+          textboxLayout="default"
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
-          textboxLayout="default"
-          buttons={[{ text: "Barchasini ko'rish", href: "/catalog?sort=popular" }]}
+          buttons={[
+            {
+              text: "Barchasini ko'rish",              href: "/catalog?sort=popular"
+            }
+          ]}
           useInvertedBackground={true}
-          containerClassName="max-w-screen-2xl"
+          containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
         />
       </div>
 
-      {/* Installment Payment Promo */}
       <div id="installment-promo" data-section="installment-promo">
-        <TestimonialAboutCard
+        <TestimonialAboutCard 
           tag="Qulay Shartlar"
           title="Muddatli to'lovda mahsulot xarid qiling — 3, 6 yoki 12 oy davomida"
           description="Oson va shaffof"
           subdescription="Hech qanday yashirin to'lov yo'q, hech qanday qo'shimcha haq yo'q"
           icon={CreditCard}
-          imageSrc="http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=1"
+          imageSrc="http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg"
           imageAlt="Installment payment plans illustration"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
-      {/* Trust Badges */}
       <div id="trust-badges" data-section="trust-badges">
-        <MetricCardTwo
+        <MetricCardTwo 
           title="Nima uchun Dehkonbozorga ishonish mumkin?"
           description="Biz O'zbekistonda o'n yildan beri rang ko'rsatmoqda"
           tag="Ishonch"
           tagIcon={Shield}
           metrics={[
             {
-              id: "1",
-              value: "Original",
-              description: "100% asl mahsulotlar, rasmiy sertifikat bilan",
+              id: "1",              value: "Original",              description: "100% asl mahsulotlar, rasmiy sertifikat bilan"
             },
             {
-              id: "2",
-              value: "Kafolat",
-              description: "Rasmiy kafolat va servis markazida ta'mirlash",
+              id: "2",              value: "Kafolat",              description: "Rasmiy kafolat va servis markazida ta'mirlash"
             },
             {
-              id: "3",
-              value: "Tez Yetkazib",
-              description: "O'zbekiston bo'ylab 24-48 soat ichida",
+              id: "3",              value: "Tez Yetkazib",              description: "O'zbekiston bo'ylab 24-48 soat ichida"
             },
             {
-              id: "4",
-              value: "24/7 Qo'llab",
-              description: "Telegram va telefon orqali har vaqt yordam",
-            },
-          ]}
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      {/* Why Choose Us */}
-      <div id="why-choose-us" data-section="why-choose-us">
-        <FeatureCardOne
-          title="Nima uchun Dehkonbozor?"
-          description="Biz sizning xarid qilish tajribangizni sodda, xavfsiz va qoniqarli qilish uchun tasdiqlangan"
-          tag="Foydalanuvchi Tajribasi"
-          tagIcon={Heart}
-          features={[
-            {
-              title: "Eng Yaxshi Narxlar",
-              description: "Bozordagi eng raqobatbop narhda original mahsulotlar",
-              imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7915.jpg?_wi=1",
-              imageAlt: "Best Prices",
-            },
-            {
-              title: "Muddatli To'lov",
-              description: "Foiziz muddatli to'lov — 3, 6 yoki 12 oy davomida",
-              imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=2",
-              imageAlt: "Installment Payment",
-            },
-            {
-              title: "Ishonchli Yetkazib Berish",
-              description: "Barqaror logistika, track raqami bilan kuzatish",
-              imageSrc: "http://img.b2bpic.net/free-vector/house-moving-services-landing-page-template_23-2148654179.jpg?_wi=1",
-              imageAlt: "Fast Delivery",
-            },
-            {
-              title: "Qo'llab-Quvvatlash",
-              description: "Telefon, Telegram, Instagram orqali 24/7 yordamche",
-              imageSrc: "http://img.b2bpic.net/free-vector/call-center-avatar-pack_23-2147947188.jpg?_wi=1",
-              imageAlt: "Customer Support",
-            },
+              id: "4",              value: "24/7 Qo'llab",              description: "Telegram va telefon orqali har vaqt yordam"
+            }
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
-          buttons={[{ text: "Hozir Buyurtma Bering", href: "/catalog" }]}
-          useInvertedBackground={true}
+          useInvertedBackground={false}
+          containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
+        />
+      </div>
+
+      <div id="why-choose-us" data-section="why-choose-us">
+        <FeatureCardOne 
+          features={[
+            {
+              title: "Eng Yaxshi Narxlar",              description: "Bozordagi eng raqobatbop narhda original mahsulotlar",              imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7915.jpg",              imageAlt: "Eng Yaxshi Narxlar",              button: {
+                text: "Katalog",                href: "/catalog"
+              }
+            },
+            {
+              title: "Muddatli To'lov",              description: "Foiziz muddatli to'lov — 3, 6 yoki 12 oy davomida",              imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg",              imageAlt: "Muddatli To'lov",              button: {
+                text: "Batafsil",                href: "/installment"
+              }
+            },
+            {
+              title: "Ishonchli Yetkazib Berish",              description: "Barqaror logistika, track raqami bilan kuzatish",              imageSrc: "http://img.b2bpic.net/free-vector/house-moving-services-landing-page-template_23-2148654179.jpg",              imageAlt: "Ishonchli Yetkazib Berish",              button: {
+                text: "Batafsil",                href: "/catalog"
+              }
+            },
+            {
+              title: "Qo'llab-Quvvatlash",              description: "Telefon, Telegram, Instagram orqali 24/7 yordamche",              imageSrc: "http://img.b2bpic.net/free-vector/call-center-avatar-pack_23-2147947188.jpg",              imageAlt: "Qo'llab-Quvvatlash",              button: {
+                text: "Bog'lanish",                href: "/contact"
+              }
+            }
+          ]}
+          title="Nima uchun Dehkonbozor?"
+          description="Biz sizning xarid qilish tajribangizni sodda, xavfsiz va qoniqarli qilish uchun tasdiqlangan"
+          tag="Foydalanuvchi Tajribasi"
+          tagIcon={Heart}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          buttons={[
+            {
+              text: "Hozir Buyurtma Bering",              href: "/catalog"
+            }
+          ]}
+          useInvertedBackground={true}
+          containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
         />
       </div>
 
-      {/* Testimonials */}
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardOne
+        <TestimonialCardOne 
+          testimonials={[
+            {
+              id: "1",              name: "Alisher Mahmudov",              role: "IT Oqituvchisi",              company: "Tech Academy Tashkent",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg",              imageAlt: "Alisher Mahmudov"
+            },
+            {
+              id: "2",              name: "Gulnora Abdullayeva",              role: "Buxgalter",              company: "Marketing Agentlik",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "Gulnora Abdullayeva"
+            },
+            {
+              id: "3",              name: "Javlon Shodmonov",              role: "Grafik Dizayner",              company: "Creative Studio",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",              imageAlt: "Javlon Shodmonov"
+            }
+          ]}
           title="Bizning Mijozlar Nima Deyishadi?"
           description="Haqiqiy foydalanuvchilardан haqiqiy fikrlar"
           tag="Sharhlar"
           tagIcon={Star}
-          testimonials={[
-            {
-              id: "1",
-              name: "Alisher Mahmudov",
-              role: "IT Oqituvchisi",
-              company: "Tech Academy Tashkent",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg?_wi=1",
-              imageAlt: "Alisher Mahmudov",
-            },
-            {
-              id: "2",
-              name: "Gulnora Abdullayeva",
-              role: "Buxgalter",
-              company: "Marketing Agentlik",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg?_wi=1",
-              imageAlt: "Gulnora Abdullayeva",
-            },
-            {
-              id: "3",
-              name: "Javlon Shodmonov",
-              role: "Grafik Dizayner",
-              company: "Creative Studio",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg?_wi=1",
-              imageAlt: "Javlon Shodmonov",
-            },
-            {
-              id: "4",
-              name: "Sevara Raxmatova",
-              role: "Sotuvchi",
-              company: "Fashion Boutique",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-suffering-from-schizophrenia_23-2149332551.jpg",
-              imageAlt: "Sevara Raxmatova",
-            },
-            {
-              id: "5",
-              name: "Bekzod Yusupov",
-              role: "Dasturchi",
-              company: "StartUp Uzbekistan",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg",
-              imageAlt: "Bekzod Yusupov",
-            },
-            {
-              id: "6",
-              name: "Malika Usmanova",
-              role: "Loyihachi",
-              company: "Construction Company",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-white-woman_23-2148941388.jpg",
-              imageAlt: "Malika Usmanova",
-            },
-          ]}
+          tagAnimation="slide-up"
+          textboxLayout="default"
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
-          textboxLayout="default"
           useInvertedBackground={false}
+          containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
         />
       </div>
 
-      {/* FAQ Section */}
       <div id="faq" data-section="faq">
         <FaqSplitText
           sideTitle="Tez-tez so'raladigan savollar"
           sideDescription="Siz bilishni xohlaydigan hammasining javoblari bu yerda"
           faqs={[
             {
-              id: "1",
-              title: "Mahsulotlar aslimi?",
-              content: "Ha, biz faqat 100% asl mahsulotlarni sotamiz, rasmiy sertifikat va kafolat bilan. Har bir mahsulot tekshiriladi va sertifikatlashtiriladi.",
+              id: "1",              title: "Mahsulotlar aslimi?",              content: "Ha, biz faqat 100% asl mahsulotlarni sotamiz, rasmiy sertifikat va kafolat bilan. Har bir mahsulot tekshiriladi va sertifikatlashtiriladi."
             },
             {
-              id: "2",
-              title: "Muddatli to'lovda foiz bor?",
-              content: "Yo'q, Dehkonbozorda muddatli to'lovda hech qanday foiz yo'q. Siz har oy teng miqdordagi to'lovlarni qilasiz, hech qanday yashirin haq yo'q.",
+              id: "2",              title: "Muddatli to'lovda foiz bor?",              content: "Yo'q, Dehkonbozorda muddatli to'lovda hech qanday foiz yo'q. Siz har oy teng miqdordagi to'lovlarni qilasiz, hech qanday yashirin haq yo'q."
             },
             {
-              id: "3",
-              title: "Yetkazib berish qancha vaqt oladi?",
-              content: "O'zbekiston bo'ylab 24-48 soat ichida yetkazib beramiz. Tashkent va boshqa shaharlar uchun track raqami bilan kuzatish mavjud.",
+              id: "3",              title: "Yetkazib berish qancha vaqt oladi?",              content: "O'zbekiston bo'ylab 24-48 soat ichida yetkazib beramiz. Tashkent va boshqa shaharlar uchun track raqami bilan kuzatish mavjud."
             },
             {
-              id: "4",
-              title: "Qaytarish yoki almashtirish mumkinmi?",
-              content: "Ha, 14 kun ichida qaytarish yoki almashtirish mumkin. Mahsulot o'zgarishsiz, dastida bo'lgan hamma narsasi bilan bo'lishi kerak.",
+              id: "4",              title: "Qaytarish yoki almashtirish mumkinmi?",              content: "Ha, 14 kun ichida qaytarish yoki almashtirish mumkin. Mahsulot o'zgarishsiz, dastida bo'lgan hamma narsasi bilan bo'lishi kerak."
             },
             {
-              id: "5",
-              title: "Kafolat nima uchun?",
-              content: "Rasmiy kafolat barcha mahsulotlar uchun 1-2 yil davomida beriladi. Ta'mirish va almashtirish rasmiy servis markazlarida amalga oshiriladi.",
+              id: "5",              title: "Kafolat nima uchun?",              content: "Rasmiy kafolat barcha mahsulotlar uchun 1-2 yil davomida beriladi. Ta'mirish va almashtirish rasmiy servis markazlarida amalga oshiriladi."
             },
             {
-              id: "6",
-              title: "Muddatli to'lovga qaysi shartlar bilan moyil bo'laman?",
-              content: "18 yosh va undan katta bo'lshingiz kerak. Pasport va telefon raqami kerak. Ariza 10 daqiqada tasdiqlanadi, hech qanday qiyin hujjat yo'q.",
-            },
+              id: "6",              title: "Muddatli to'lovga qaysi shartlar bilan moyil bo'laman?",              content: "18 yosh va undan katta bo'lshingiz kerak. Pasport va telefon raqami kerak. Ariza 10 daqiqada tasdiqlanadi, hech qanday qiyin hujjat yo'q."
+            }
           ]}
           textPosition="left"
           faqsAnimation="slide-up"
           useInvertedBackground={true}
           animationType="smooth"
+          containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
         />
       </div>
 
-      {/* Footer */}
       <div id="footer" data-section="footer">
-        <FooterCard
+        <FooterCard 
           logoText="Dehkonbozor"
           copyrightText="© 2025 Dehkonbozor. Barcha huquqlar himoyalangan. O'zbekistonda original texnika."
           socialLinks={[
             {
               icon: MessageCircle,
-              href: "https://t.me/dehkonbozor",
-              ariaLabel: "Telegram",
+              href: "https://t.me/dehkonbozor",              ariaLabel: "Telegram"
             },
             {
               icon: Instagram,
-              href: "https://instagram.com/dehkonbozor",
-              ariaLabel: "Instagram",
+              href: "https://instagram.com/dehkonbozor",              ariaLabel: "Instagram"
             },
             {
               icon: Phone,
-              href: "tel:+998712095555",
-              ariaLabel: "Call Us",
-            },
+              href: "tel:+998712095555",              ariaLabel: "Call Us"
+            }
           ]}
           containerClassName="bg-background"
           cardClassName="bg-card rounded-soft shadow-subtle-shadow"
diff --git a/src/app/product/[id]/page.tsx b/src/app/product/[id]/page.tsx
index c2d2c4b..6707584 100644
--- a/src/app/product/[id]/page.tsx
+++ b/src/app/product/[id]/page.tsx
@@ -1,22 +1,13 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import ProductCardFour from "@/components/sections/product/ProductCardFour";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import { MessageCircle, Instagram, Phone, Sparkles, Package } from "lucide-react";
-import Link from "next/link";
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import { Sparkles, ShoppingCart } from 'lucide-react';
+import { useParams } from 'next/navigation';
 
-export default function ProductDetailPage() {
-  const navItems = [
-    { name: "Smartfonlar", id: "/" },
-    { name: "Noutbuklar", id: "/" },
-    { name: "Aksessuarlar", id: "/" },
-    { name: "Muddatli to'lov", id: "/installment" },
-    { name: "Biz haqimizda", id: "/" },
-  ];
+export default function ProductPage() {
+  const params = useParams();
+  const productId = params.id;
 
   return (
     <ThemeProvider
@@ -25,156 +16,37 @@ export default function ProductDetailPage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="largeSmallSizeLargeTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="radial-glow"
       headingFontWeight="extrabold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarStyleApple
-          brandName="Dehkonbozor"
-          navItems={navItems.map((item) => ({
-            name: item.name,
-            id: item.id.startsWith("/") ? item.id : "#" + item.id,
-          }))}
-        />
-      </div>
-
       <div id="product-hero" data-section="product-hero">
         <HeroSplitDualMedia
-          title="Samsung Galaxy S24 Ultra — Zamonda texnika"
-          description="Eng yangi 200MP kamera, 120Hz display, va 1 soat isitish bilan. O'zbekistonda rasm olish uchun eng yaxshi smartfon."
-          background={{ variant: "noise" }}
-          tag="Eng Yangi Model"
+          title="Premium Product Details"
+          description="Explore the features and specifications of this premium electronics product. Available now with flexible installment plans and authentic warranty."
+          background={{ variant: "plain" }}
+          tag="Product Details"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            {
-              text: "Hozir Buyurtma Bering",
-              href: "/checkout",
-            },
-            {
-              text: "Muddatli To'lov",
-              href: "/installment",
-            },
+            { text: "Add to Cart", href: "#add-to-cart" },
+            { text: "View Specifications", href: "#specs" }
           ]}
           buttonAnimation="slide-up"
           mediaItems={[
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=9",
-              imageAlt: "Samsung Galaxy S24 Ultra Front View",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=10",
-              imageAlt: "Samsung Galaxy S24 Ultra Camera System",
-            },
+            { imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg", imageAlt: "Product Image 1" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg", imageAlt: "Product Image 2" }
           ]}
           mediaAnimation="slide-up"
           rating={5}
-          ratingText="12,999,000 so'm - Muddatli to'lovda 1,083,250 so'm/oy"
-        />
-      </div>
-
-      <div id="product-specs" data-section="product-specs">
-        <FeatureCardOne
-          features={[
-            {
-              title: "200MP Kamera",
-              description: "Zamonda fotosuratlar olish uchun eng yaxshi texnika. 8K video, optik zoom, gece rejimlari.",
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=11",
-              imageAlt: "Camera specifications",
-            },
-            {
-              title: "120Hz Display",
-              description: "Shaxmatdosh yumushlanish. Eng harakatchan display O'zbekiston bazarida.",
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=12",
-              imageAlt: "Display specifications",
-            },
-            {
-              title: "Titanium Orama",
-              description: "Eng mustahkam materiallar bilan yasalgan. Suv va chang qarshi himoya (IP68).",
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=13",
-              imageAlt: "Build quality",
-            },
-            {
-              title: "50MP Selfie",
-              description: "Video call va selfie uchun eng yaxshi kamera. AI beauty mode bilan.",
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=14",
-              imageAlt: "Selfie camera",
-            },
-          ]}
-          title="Texnik Xususiyatlar"
-          description="Samsung Galaxy S24 Ultra — Eng so'nggi texnikalar bilan."
-          tag="Texnika"
-          tagIcon={Package}
-          tagAnimation="slide-up"
-          gridVariant="two-columns-alternating-heights"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="related-products" data-section="related-products">
-        <ProductCardFour
-          products={[
-            {
-              id: "2",
-              name: "Apple MacBook Pro 16\"",
-              price: "35,999,000 so'm",
-              variant: "Space Gray | M3 Pro",
-              imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=7",
-              imageAlt: "MacBook Pro 16 inch",
-            },
-            {
-              id: "3",
-              name: "iPhone 15 Pro",
-              price: "11,499,000 so'm",
-              variant: "Blue Titanium | 256GB",
-              imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=15",
-              imageAlt: "iPhone 15 Pro",
-            },
-            {
-              id: "4",
-              name: "AirPods Pro Max",
-              price: "4,299,000 so'm",
-              variant: "Space Black | Active Noise",
-              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg?_wi=5",
-              imageAlt: "AirPods Pro Max",
-            },
-          ]}
-          title="Boshqa Mahsulotlar"
-          description="Shunga o'xshash mahsulotlarni o'rganish"
-          tag="Bog'langan"
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterCard
-          logoText="Dehkonbozor"
-          copyrightText="© 2025 Dehkonbozor. Barcha huquqlar himoyalangan. O'zbekistonda original texnika."
-          socialLinks={[
-            {
-              icon: MessageCircle,
-              href: "https://t.me/dehkonbozor",
-              ariaLabel: "Telegram",
-            },
-            {
-              icon: Instagram,
-              href: "https://instagram.com/dehkonbozor",
-              ariaLabel: "Instagram",
-            },
-            {
-              icon: Phone,
-              href: "tel:+998712095555",
-              ariaLabel: "Call Us",
-            },
-          ]}
+          ratingText="Highly Rated by Customers"
+          ariaLabel="Product page hero section"
+          containerClassName="max-w-screen-2xl"
+          titleClassName="text-4xl md:text-5xl font-extrabold leading-tight"
+          descriptionClassName="text-lg md:text-xl text-foreground/80"
+          tagClassName="text-sm font-semibold uppercase tracking-wide"
         />
       </div>
     </ThemeProvider>
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f214190..e6774ec 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -1,51 +1,41 @@
-"use client";
-
-import { memo } from "react";
-import useSvgTextLogo from "./useSvgTextLogo";
-import { cls } from "@/lib/utils";
+import React from 'react';
 
 interface SvgTextLogoProps {
-  logoText: string;
-  adjustHeightFactor?: number;
-  verticalAlign?: "top" | "center";
+  text: string;
   className?: string;
+  fontSize?: number;
+  fontWeight?: 'normal' | 'bold' | 'lighter';
+  letterSpacing?: number;
 }
 
-const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
-  logoText,
-  adjustHeightFactor,
-  verticalAlign = "top",
-  className = "",
-}) {
-  const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
-
+const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
+  text,
+  className = '',
+  fontSize = 32,
+  fontWeight = 'bold',
+  letterSpacing = 0,
+}) => {
   return (
     <svg
-      ref={svgRef}
-      viewBox={viewBox}
-      className={cls("w-full", className)}
-      style={{ aspectRatio: aspectRatio }}
-      preserveAspectRatio="none"
-      role="img"
-      aria-label={`${logoText} logo`}
+      width="auto"
+      height={fontSize}
+      viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize}`}
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
     >
       <text
-        ref={textRef}
         x="0"
-        y={verticalAlign === "center" ? "50%" : "0"}
-        className="font-bold fill-current"
-        style={{
-          fontSize: "20px",
-          letterSpacing: "-0.02em",
-          dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
-        }}
+        y={fontSize * 0.75}
+        fontSize={fontSize}
+        fontWeight={fontWeight}
+        letterSpacing={letterSpacing}
+        fill="currentColor"
+        dominantBaseline="auto"
       >
-        {logoText}
+        {text}
       </text>
     </svg>
   );
-});
+};
 
-SvgTextLogo.displayName = "SvgTextLogo";
-
-export default SvgTextLogo;
+export default SvgTextLogo;
\ No newline at end of file