baza page complated

2026-03-03 11:22:49 +05:00
parent 68277d4b4c
commit aca4103213
8 changed files with 222 additions and 122 deletions
--- a/app/[locale]/about/baza/page.tsx
+++ b/app/[locale]/about/baza/page.tsx
@@ -4,7 +4,6 @@ import { Statistics } from "@/components/pages/home";
 export default function Baza() {
  return (
    <div>
-      <Statistics />
      <NormativBazaPage />
    </div>
  );
--- a/components/pages/about/aboutDetail/baza.tsx
+++ b/components/pages/about/aboutDetail/baza.tsx
@@ -3,6 +3,7 @@
 import { motion } from "framer-motion";
 import { ShieldCheck, BookOpen, Flame } from "lucide-react";
 import { useTranslations } from "next-intl";
+import { NormativeCard } from "./normativeCard";

 const fadeUp = (delay = 0) => ({
  initial: { opacity: 0, y: 36 },
@@ -42,29 +43,11 @@ export default function NormativBazaPage() {
  ];

  return (
-    <div className="bg-[#0f0e0d] text-white min-h-screen pb-20">
+    <div className="bg-[#0f0e0d] text-white min-h-screen pt-10 pb-20">
      {/* ── Hero ── */}
-      <section className="relative w-full h-120 md:h-145 overflow-hidden">
-        {/* Background image */}
-        <img
-          src="/images/about/gaza.jpg"
-          alt="Normativ Baza"
-          className="absolute inset-0 w-full h-full object-cover"
-        />
-
-        {/* Layered gradient overlay — dark at bottom, semi at top */}
-        <div className="absolute inset-0 bg-linear-to-b from-black/50 via-black/40 to-[#0f0e0d]" />
-
-        {/* Subtle grain texture overlay */}
-        <div
-          className="absolute inset-0 opacity-20 mix-blend-overlay pointer-events-none"
-          style={{
-            backgroundImage: `url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E")`,
-          }}
-        />
-
+      <section className="relative w-full px-2">
        {/* Content */}
-        <div className="relative z-10 flex flex-col justify-end h-full max-w-6xl mx-auto px-6 pb-16 md:pb-20">
+        <div className="relative z-10 flex flex-col justify-end h-full max-w-6xl mx-auto">
          <motion.span
            {...fadeUp(0)}
            className="text-xs font-black uppercase tracking-[0.22em] text-red-600 mb-4"
@@ -74,7 +57,7 @@ export default function NormativBazaPage() {

          <motion.h1
            {...fadeUp(0.1)}
-            className="text-5xl md:text-7xl font-black uppercase leading-[0.95] tracking-tight text-white"
+            className="text-4xl md:text-5xl lg:text-7xl font-black uppercase leading-[0.95] tracking-tight text-white"
          >
            {t("about.normativBaza.hero.title1")}
            <br />
@@ -100,55 +83,12 @@ export default function NormativBazaPage() {
        </div>
      </section>

-      {/* ── Cards section ── */}
-      <section className="max-w-6xl mx-auto px-6 py-20">
-        {/* Section label */}
-        <motion.p
-          {...fadeUpView(0)}
-          className="text-[11px] font-black uppercase tracking-[0.2em] text-red-600 mb-12"
-        >
-          Asosiy yo'nalishlar
-          {t("about.normativBaza.sectionLabel")}
-        </motion.p>
-
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-px bg-white/5 rounded-2xl overflow-hidden">
-          {cards.map((card, i) => {
-            const Icon = card.icon;
-            return (
-              <motion.div
-                key={i}
-                {...fadeUpView(i * 0.12)}
-                className="group relative bg-[#141312] hover:bg-[#1c1b19] transition-colors duration-300 p-8 flex flex-col gap-6"
-              >
-                {/* Large number watermark */}
-                <span className="absolute top-5 right-6 text-7xl font-black text-white/4 leading-none select-none group-hover:text-white/[0.07] transition-colors duration-300">
-                  {card.number}
-                </span>
-
-                {/* Icon */}
-                <div className="w-11 h-11 rounded-xl bg-red-400/30 border border-red-400/20 flex items-center justify-center group-hover:bg-red-400/20 transition-colors duration-300">
-                  <Icon size={20} className="text-red-600" />
-                </div>
-
-                {/* Text */}
-                <div className="flex flex-col gap-2">
-                  <h3 className="text-base font-bold uppercase tracking-wide text-white leading-tight">
-                    {card.title}
-                  </h3>
-                  <p className="text-sm text-gray-400 leading-relaxed group-hover:text-gray-300 transition-colors duration-300">
-                    {card.text}
-                  </p>
-                </div>
-              </motion.div>
-            );
-          })}
-        </div>
-      </section>
+      <NormativeCard />

      {/* ── Bottom quote band ── */}
      <motion.section
        {...fadeUpView(0)}
-        className="border-t border-white/5 max-w-6xl mx-auto px-6 py-16 flex flex-col md:flex-row items-start md:items-center gap-6 justify-between"
+        className="border-t border-white/5 max-w-6xl mx-auto px-6 py-10 flex flex-col md:flex-row items-start md:items-center gap-6 justify-between"
      >
        <p className="text-xl md:text-2xl font-bold text-white/80 max-w-lg leading-snug">
          {t("about.normativBaza.bottomText")}
--- a/components/pages/about/aboutDetail/normativeCard.tsx
+++ b/components/pages/about/aboutDetail/normativeCard.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import { motion } from "framer-motion";
+import { useTranslations } from "next-intl";
+import { Award } from "lucide-react";
+import { normativeData } from "@/lib/demoData";
+
+export function NormativeCard() {
+  const t = useTranslations();
+
+  return (
+    <div className="flex flex-col gap-8 py-10 max-w-6xl mx-auto px-2">
+      {normativeData.map((c, i) => (
+        <motion.article
+          key={i}
+          initial={{ opacity: 0, y: 28 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.55, delay: i * 0.1 }}
+          viewport={{ once: true }}
+          className="group flex flex-col rounded-2xl overflow-hidden sm:p-5 p-2 bg-[#161514] border border-white/5 hover:border-red-600/20 transition-colors duration-300 w-full"
+        >
+          {/* Meta + actions */}
+          <div className="flex flex-col justify-between flex-1 min-w-0 py-1 gap-4">
+            <div className="space-y-2">
+              {/* Badge row */}
+              <div className="flex items-center gap-2 flex-wrap">
+                <div className="flex items-center gap-1.5">
+                  <Award size={11} className="text-red-600 shrink-0" />
+                  <span className="text-[10px] font-black uppercase tracking-widest text-red-600">
+                    {t("about.certificatePage.card.badge")}
+                  </span>
+                </div>
+                <span className="text-[10px] font-bold uppercase tracking-wider text-white/20 border border-white/10 px-2 py-0.5 rounded-full">
+                  {c.category}
+                </span>
+              </div>
+
+              {/* Title */}
+              <h3 className="font-bold text-sm md:text-base text-white leading-snug">
+                {t(c.titleKey)}
+              </h3>
+            </div>
+          </div>
+
+          {/* Divider */}
+          <div className="mx-4 h-px bg-white/5 sm:my-5 my-2" />
+
+          {/* Documents list */}
+          <div className="overflow-hidden">
+            <ul className="flex flex-col gap-2.5">
+              {c.documents.map((doc, di) => (
+                <li key={di} className="flex items-start gap-2.5">
+                  <span className="mt-1 flex-none w-1.5 h-1.5 rounded-full bg-red-600/60" />
+                  <p className="text-xs text-gray-400 leading-relaxed">
+                    {t(doc)}
+                  </p>
+                </li>
+              ))}
+            </ul>
+          </div>
+        </motion.article>
+      ))}
+    </div>
+  );
+}
--- a/components/pages/about/aboutDetail/sertificateCard.tsx
+++ b/components/pages/about/aboutDetail/sertificateCard.tsx
@@ -14,7 +14,7 @@ export function CertCard({ c, i }: { c: (typeof certs)[0]; i: number }) {
      whileInView={{ opacity: 1, y: 0 }}
      transition={{ duration: 0.55, delay: i * 0.1 }}
      viewport={{ once: true }}
-      className="group flex flex-col rounded-2xl overflow-hidden p-5 bg-[#161514] border border-white/5 hover:border-red-600/20 transition-colors duration-300 w-full"
+      className="group flex flex-col rounded-2xl overflow-hidden sm:p-5 p-2 bg-[#161514] border border-white/5 hover:border-red-600/20 transition-colors duration-300 w-full"
    >
      {/* Right: meta + actions */}
      <div className="flex flex-col justify-between flex-1 min-w-0 py-1 gap-4">
@@ -40,7 +40,7 @@ export function CertCard({ c, i }: { c: (typeof certs)[0]; i: number }) {
      </div>

      {/* ── Divider ── */}
-      <div className="mx-4 h-px bg-white/5 my-5" />
+      <div className="mx-4 h-px bg-white/5 sm:my-5 my-2" />

      {/* Collapsible document list */}
      <div className="overflow-hidden">
--- a/lib/demoData.ts
+++ b/lib/demoData.ts
@@ -280,3 +280,27 @@ export const result = [
    })),
  },
 ];
+
+export const normativeData = [
+  {
+    titleKey: "certs.slt_blockfire.title",
+    category: "SLT BLOCKFIRE",
+    documents: [
+      "certs.slt_blockfire.doc1",
+      "certs.slt_blockfire.doc2",
+      "certs.slt_blockfire.doc3",
+      "certs.slt_blockfire.doc4",
+      "certs.slt_blockfire.doc5",
+      "certs.slt_blockfire.doc6",
+      "certs.slt_blockfire.doc7",
+      "certs.slt_blockfire.doc8"
+    ]
+  },
+  {
+    titleKey: "certs.slt_aqua.title",
+    category: "SLT AQUA",
+    documents: [
+      "certs.slt_aqua.doc1"
+    ]
+  }
+];
--- a/messages/en.json
+++ b/messages/en.json
@@ -343,22 +343,6 @@
      }
    }
  },
-  "rasmlar": "Images",
-  "fotogalereya": "Photo Gallery",
-  "contactTitle": "Send us your phone number",
-  "contactSubTitle": "Our staff will contact you",
-  "enterPhone": "Enter your phone number",
-  "send": "Sent",
-  "error": "Error!",
-  "succes": "sent!",
-  "loadingError": "An error occurred while loading data",
-  "productsNotFound": "Products not found",
-  "subcategory_not_found": "Subcategory not found",
-  "section": "Section",
-  "clear_all": "Clear all",
-  "image_not_found": "Image not available",
-  "loading_error": "An error occurred while loading data",
-  "products_not_found": "Products not found",
  "priceModal": {
    "title": "Get Price",
    "product": {
@@ -401,5 +385,45 @@
    "category": "Categories",
    "catalog": "Section",
    "size": "Sizes"
+  },
+  "certs": {
+    "slt_blockfire": {
+      "title": "Design and Installation of SLT BLOCKFIRE Plastic Pipes",
+      "doc1": "STO 22.21.29-015-17207509-2022, approved by Uzbekistan MES",
+      "doc2": "Fire resistance tests in FGBU VNIIPO Uzbekistan labs",
+      "doc3": "Certification test reports №14143/1 06.09.2018",
+      "doc4": "Fire resistance research reports 29.06.2022 and 11.01.2023",
+      "doc5": "Test protocols for SLT BLOCKFIRE pipes and fittings №2249/2.1-2022",
+      "doc6": "Test protocols for SLT BLOCKFIRE pipes and fittings №2683/2.1-2023",
+      "doc7": "Test protocols for SLT BLOCKFIRE pipes and fittings №134/18-07.2024/12-1/Д-3556",
+      "doc8": "Fire resistance tests for AUP-S-M №131/26-12.2023/12-1/Д-3190"
+    },
+    "slt_aqua": {
+      "title": "SLT AQUA Automatic Fire Protection System",
+      "doc1": "STO 22.21.29-021-17207509-2023, approved by Uzbekistan MES"
    }
+  },
+  "aboutCerts": {
+    "certificatePage": {
+      "card": {
+        "badge": "certificate"
+      }
+    }
+  },
+  "rasmlar": "Images",
+  "fotogalereya": "Photo Gallery",
+  "contactTitle": "Send us your phone number",
+  "contactSubTitle": "Our staff will contact you",
+  "enterPhone": "Enter your phone number",
+  "send": "Sent",
+  "error": "Error!",
+  "succes": "sent!",
+  "loadingError": "An error occurred while loading data",
+  "productsNotFound": "Products not found",
+  "subcategory_not_found": "Subcategory not found",
+  "section": "Section",
+  "clear_all": "Clear all",
+  "image_not_found": "Image not available",
+  "loading_error": "An error occurred while loading data",
+  "products_not_found": "Products not found"
 }
--- a/messages/ru.json
+++ b/messages/ru.json
@@ -343,22 +343,6 @@
      }
    }
  },
-  "rasmlar": "Изображения",
-  "fotogalereya": "Фотогалерея",
-  "contactTitle": "Отправьте нам свой номер",
-  "contactSubTitle": "Наши сотрудники свяжутся с вами",
-  "enterPhone": "Введите ваш номер телефона",
-  "send": "Отправить",
-  "error": "Ошибка!",
-  "succes": "Отправлено!",
-  "loadingError": "Произошла ошибка при загрузке данных",
-  "productsNotFound": "Товары не найдены",
-  "subcategory_not_found": "Подкатегория не найдена",
-  "section": "Раздел",
-  "clear_all": "Очистить всё",
-  "image_not_found": "Изображение отсутствует",
-  "loading_error": "Произошла ошибка при загрузке данных",
-  "products_not_found": "Товары не найдены",
   "priceModal": {
    "title": "Узнать цену",
    "product": {
@@ -401,5 +385,45 @@
    "category": "Категории",
    "catalog": "Раздел",
    "size": "Размеры"
+  },
+  "certs": {
+    "slt_blockfire": {
+      "title": "Проектирование и монтаж пластиковых труб SLT BLOCKFIRE",
+      "doc1": "СТО 22.21.29-015-17207509-2022, утверждено МЧС Узбекистана",
+      "doc2": "Испытания на огнестойкость в лабораториях ФГБУ ВНИИПО Узбекистан",
+      "doc3": "Отчеты о сертификационных испытаниях №14143/1 06.09.2018",
+      "doc4": "Отчеты по исследованиям огнестойкости 29.06.2022 и 11.01.2023",
+      "doc5": "Протокол испытаний труб и фитингов SLT BLOCKFIRE №2249/2.1-2022",
+      "doc6": "Протокол испытаний труб и фитингов SLT BLOCKFIRE №2683/2.1-2023",
+      "doc7": "Протокол испытаний труб и фитингов SLT BLOCKFIRE №134/18-07.2024/12-1/Д-3556",
+      "doc8": "Протокол испытаний огнестойкости AUP-S-M №131/26-12.2023/12-1/Д-3190"
+    },
+    "slt_aqua": {
+      "title": "Автоматическая противопожарная защита SLT AQUA",
+      "doc1": "СТО 22.21.29-021-17207509-2023, утверждено МЧС Узбекистана"
    }
+  },
+  "aboutCerts": {
+    "certificatePage": {
+      "card": {
+        "badge": "сертификат"
+      }
+    }
+  },
+  "rasmlar": "Изображения",
+  "fotogalereya": "Фотогалерея",
+  "contactTitle": "Отправьте нам свой номер",
+  "contactSubTitle": "Наши сотрудники свяжутся с вами",
+  "enterPhone": "Введите ваш номер телефона",
+  "send": "Отправить",
+  "error": "Ошибка!",
+  "succes": "Отправлено!",
+  "loadingError": "Произошла ошибка при загрузке данных",
+  "productsNotFound": "Товары не найдены",
+  "subcategory_not_found": "Подкатегория не найдена",
+  "section": "Раздел",
+  "clear_all": "Очистить всё",
+  "image_not_found": "Изображение отсутствует",
+  "loading_error": "Произошла ошибка при загрузке данных",
+  "products_not_found": "Товары не найдены"
 }
--- a/messages/uz.json
+++ b/messages/uz.json
@@ -343,22 +343,6 @@
      }
    }
  },
-  "rasmlar": "Rasmlar",
-  "fotogalereya": "Fotogalereya",
-  "contactTitle": "Bizga raqamingizni yuboring",
-  "contactSubTitle": "Xodimlarimiz siz bilan bog'lanishadi",
-  "enterPhone": "Telefon raqamingiz kiriting",
-  "send": "Yuborish",
-  "error": "Xatolik!",
-  "succes": "Yuborildi!",
-  "loadingError": "Ma'lumotlarni yuklashda xatolik yuz berdi",
-  "productsNotFound": "Mahsulotlar topilmadi",
-  "subcategory_not_found": "Subkategoriya topilmadi",
-  "section": "Bo'lim",
-  "clear_all": "Barchasini tozalash",
-  "image_not_found": "Rasm mavjud emas",
-  "loading_error": "Ma'lumotlarni yuklashda xatolik yuz berdi",
-  "products_not_found": "Mahsulotlar topilmadi",
  "priceModal": {
    "title": "Narxni bilish",
    "product": {
@@ -401,5 +385,45 @@
    "category": "Kategoriyalar",
    "catalog": "Bo'lim",
    "size": "O'lchamlar"
+  },
+  "certs": {
+    "slt_blockfire": {
+      "title": "SLT BLOCKFIRE plastik quvurlarini loyihalash va o‘rnatish",
+      "doc1": "STO 22.21.29-015-17207509-2022, Moslashtirilgan O‘zbekiston MChS tomonidan",
+      "doc2": "O‘tga chidamlilik laboratoriya sinovlari FGBU VNIIPO O‘zbekiston",
+      "doc3": "Sertifikatsion sinov hisobotlari №14143/1 06.09.2018",
+      "doc4": "O‘tga chidamlilik tadqiqotlari hisobotlari 29.06.2022 va 11.01.2023",
+      "doc5": "SLT BLOCKFIRE quvurlari va fittinglar protokollari №2249/2.1-2022",
+      "doc6": "SLT BLOCKFIRE quvurlari va fittinglar protokollari №2683/2.1-2023",
+      "doc7": "SLT BLOCKFIRE quvurlari va fittinglar protokollari №134/18-07.2024/12-1/Д-3556",
+      "doc8": "O‘tga chidamlilik AUP-S-M sinovlari protokoli №131/26-12.2023/12-1/Д-3190"
+    },
+    "slt_aqua": {
+      "title": "SLT AQUA avtomatik yong‘inga qarshi himoya tizimi",
+      "doc1": "STO 22.21.29-021-17207509-2023, O‘zbekiston MChS tomonidan tasdiqlangan"
    }
+  },
+  "aboutCerts": {
+    "certificatePage": {
+      "card": {
+        "badge": "sertifikat"
+      }
+    }
+  },
+  "rasmlar": "Rasmlar",
+  "fotogalereya": "Fotogalereya",
+  "contactTitle": "Bizga raqamingizni yuboring",
+  "contactSubTitle": "Xodimlarimiz siz bilan bog'lanishadi",
+  "enterPhone": "Telefon raqamingiz kiriting",
+  "send": "Yuborish",
+  "error": "Xatolik!",
+  "succes": "Yuborildi!",
+  "loadingError": "Ma'lumotlarni yuklashda xatolik yuz berdi",
+  "productsNotFound": "Mahsulotlar topilmadi",
+  "subcategory_not_found": "Subkategoriya topilmadi",
+  "section": "Bo'lim",
+  "clear_all": "Barchasini tozalash",
+  "image_not_found": "Rasm mavjud emas",
+  "loading_error": "Ma'lumotlarni yuklashda xatolik yuz berdi",
+  "products_not_found": "Mahsulotlar topilmadi"
 }