import { Link } from "wouter";
import Layout from "@/components/Layout";
import SEOHead from "@/components/SEOHead";
import PageHero from "@/components/PageHero";
import CTABanner from "@/components/CTABanner";
import { ArrowRight, Droplets, Gauge, Factory, Zap, Shield, FileText } from "lucide-react";
import { useLanguage } from "@/contexts/LanguageContext";
import { trackCTAClick } from "@/lib/analytics";

const HERO_IMG = "/images/cement-plant.jpg";

export default function CementGrindingAids() {
  const { lang } = useLanguage();
  const isAr = lang === "ar";

  const benefits = [
    {
      icon: Zap,
      title: isAr ? "تقليل استهلاك الطاقة" : "Reduced Energy Consumption",
      desc: isAr
        ? "مساعدات الطحن تقلل استهلاك الطاقة النوعي في مطاحن الأسمنت. الوفورات النموذجية المبلغ عنها في الأدبيات الصناعية تتراوح بين 5-15% حسب نوع المطحنة وظروف التشغيل."
        : "Grinding aids reduce specific energy consumption in cement mills. Typical savings reported in industry literature range from 5-15% depending on mill type and operating conditions.",
    },
    {
      icon: Gauge,
      title: isAr ? "زيادة إنتاجية المطحنة" : "Increased Mill Throughput",
      desc: isAr
        ? "من خلال منع تكتل الجسيمات الدقيقة وتقليل طلاء الكرات، تساعد مساعدات الطحن على الحفاظ على كفاءة الطحن وزيادة الإنتاجية."
        : "By preventing agglomeration of fine particles and reducing ball coating, grinding aids help maintain grinding efficiency and increase output.",
    },
    {
      icon: Shield,
      title: isAr ? "تحسين جودة الأسمنت" : "Improved Cement Quality",
      desc: isAr
        ? "تحسين توزيع حجم الجسيمات يؤدي إلى تحسين أداء الأسمنت، بما في ذلك تطوير القوة المبكرة والنهائية وتحسين قابلية التشغيل."
        : "Improved particle size distribution leads to better cement performance, including early and ultimate strength development and improved workability.",
    },
    {
      icon: Factory,
      title: isAr ? "تركيبات مخصصة" : "Customized Formulations",
      desc: isAr
        ? "تركيبات مصممة لأنواع الأسمنت المختلفة بما في ذلك OPC وPPC والأسمنت المخلوط والأسمنت الخبثي، لتتناسب مع الملف الحراري والكيميائي لمطحنتك."
        : "Formulations designed for different cement types including OPC, PPC, blended cements, and slag cement, matched to your mill's thermal and chemical profile.",
    },
  ];

  const grindingAidTypes = [
    {
      title: isAr ? "مساعدات طحن قائمة على الغليكول" : "Glycol-Based Grinding Aids",
      desc: isAr
        ? "مركبات ثنائي إيثيلين غليكول وتري إيثانول أمين هي من أكثر مساعدات الطحن استخداماً في صناعة الأسمنت. تعمل عن طريق تحييد الشحنات السطحية على جسيمات الأسمنت لمنع التكتل."
        : "Diethylene glycol (DEG) and triethanolamine (TEA) compounds are among the most widely used grinding aids in the cement industry. They work by neutralizing surface charges on cement particles to prevent agglomeration.",
    },
    {
      title: isAr ? "مساعدات طحن قائمة على الأمين" : "Amine-Based Grinding Aids",
      desc: isAr
        ? "تركيبات تعتمد على تري إيزوبروبانول أمين (TIPA) ومشتقاته. تعزز تطوير القوة المبكرة بالإضافة إلى تحسين كفاءة الطحن."
        : "Formulations based on triisopropanolamine (TIPA) and its derivatives. They enhance early strength development in addition to improving grinding efficiency.",
    },
    {
      title: isAr ? "محسنات الجودة" : "Quality Improvers",
      desc: isAr
        ? "إضافات متقدمة تجمع بين وظيفة مساعد الطحن وتحسين أداء الأسمنت. تسمح باستخدام نسب أعلى من المواد الإسمنتية التكميلية مع الحفاظ على الأداء."
        : "Advanced additives that combine grinding aid functionality with cement performance improvement. They allow higher supplementary cementitious material (SCM) ratios while maintaining performance.",
    },
  ];

  const faqs = isAr
    ? [
        {
          q: "ما هي مساعدات طحن الأسمنت وكيف تعمل؟",
          a: "مساعدات الطحن هي إضافات كيميائية تُضاف أثناء الطحن النهائي للكلنكر. تعمل عن طريق تقليل الطاقة السطحية للجسيمات المطحونة حديثاً، مما يمنع إعادة التكتل ويحسن كفاءة الفاصل. هذا يؤدي إلى تقليل استهلاك الطاقة وزيادة إنتاجية المطحنة.",
        },
        {
          q: "هل تؤثر مساعدات الطحن على جودة الأسمنت النهائي؟",
          a: "مساعدات الطحن الحديثة مصممة لتحسين جودة الأسمنت وليس فقط كفاءة الطحن. تحسن توزيع حجم الجسيمات مما يؤدي إلى تحسين تطوير القوة وقابلية التشغيل. يتم اختبار كل تركيبة وفقاً للمعايير الدولية مثل EN 197-1 وASTM C150.",
        },
        {
          q: "هل توفرون مساعدات طحن لمصانع الأسمنت في الإمارات والخليج؟",
          a: "نعم، نوفر مساعدات طحن لمصانع الأسمنت في جميع أنحاء الإمارات ودول مجلس التعاون الخليجي. مقرنا في منطقة جبل علي الحرة في دبي، مما يتيح لنا خدمة المنطقة بكفاءة. نقدم الدعم الفني والتوريد المباشر لموقع المصنع.",
        },
      ]
    : [
        {
          q: "What are cement grinding aids and how do they work?",
          a: "Grinding aids are chemical additives added during the finish grinding of clinker. They work by reducing the surface energy of freshly ground particles, preventing re-agglomeration and improving separator efficiency. This leads to reduced energy consumption and increased mill throughput.",
        },
        {
          q: "Do grinding aids affect the quality of the final cement?",
          a: "Modern grinding aids are designed to improve cement quality, not just grinding efficiency. They improve particle size distribution, which leads to better strength development and workability. Each formulation is tested according to international standards such as EN 197-1 and ASTM C150.",
        },
        {
          q: "Do you supply grinding aids to cement plants in the UAE and GCC?",
          a: "Yes, we supply grinding aids to cement plants across the UAE and GCC countries. Based in Jebel Ali Free Zone, Dubai, we provide technical support and direct delivery to plant sites throughout the region.",
        },
      ];

  return (
    <Layout>
      <SEOHead
        title={isAr ? "مساعدات طحن الأسمنت في الإمارات | الزار FZE" : "Cement Grinding Aids UAE | Supplier for GCC Cement Plants | Alzar FZE"}
        description={isAr ? "الزار FZE توفر مساعدات طحن متخصصة لمصانع الأسمنت في الإمارات والخليج. تركيبات مخصصة لتحسين كفاءة الطحن وجودة الأسمنت." : "Alzar FZE supplies specialized grinding aids for cement plants in UAE and GCC. Custom formulations to improve grinding efficiency and cement quality."}
        canonical="https://www.alzarfze.com/cement/grinding-aids-uae"
        keywords="cement grinding aids UAE, grinding aid supplier Dubai, cement grinding aid manufacturer GCC, grinding aid for cement plant, cement mill performance enhancer, cement mill efficiency GCC, cement additives UAE, cement additive supplier GCC"
        breadcrumbs={[
          { name: "Home", url: "https://www.alzarfze.com" },
          { name: "Cement", url: "https://www.alzarfze.com/industries/cement" },
          { name: "Grinding Aids UAE", url: "https://www.alzarfze.com/cement/grinding-aids-uae" },
        ]}
      />

      <PageHero
        title={isAr ? "مساعدات طحن الأسمنت في الإمارات والخليج" : "Cement Grinding Aids for UAE & GCC Plants"}
        subtitle={isAr ? "تركيبات مساعدات طحن متقدمة تحسن كفاءة المطحنة وتقلل استهلاك الطاقة وتعزز جودة الأسمنت" : "Advanced grinding aid formulations that improve mill efficiency, reduce energy consumption, and enhance cement quality"}
        bgImage={HERO_IMG}
        breadcrumbs={[
          { label: isAr ? "الرئيسية" : "Home", href: "/" },
          { label: isAr ? "الأسمنت" : "Cement", href: "/industries/cement" },
          { label: isAr ? "مساعدات الطحن" : "Grinding Aids" },
        ]}
      />

      {/* Intro */}
      <section className="py-16 lg:py-24">
        <div className="container">
          <div className="max-w-3xl">
            <h2 className="font-heading font-bold text-3xl lg:text-4xl text-navy mb-6">
              {isAr ? "مساعدات طحن متخصصة لصناعة الأسمنت" : "Specialized Grinding Aids for the Cement Industry"}
            </h2>
            <div className="space-y-4 text-slate-dark/80 leading-relaxed">
              <p>
                {isAr
                  ? "طحن الكلنكر هو أكثر العمليات استهلاكاً للطاقة في إنتاج الأسمنت، حيث يمثل ما يقرب من 30-40% من إجمالي استهلاك الطاقة الكهربائية في مصنع الأسمنت وفقاً لوكالة الطاقة الدولية. مساعدات الطحن هي إضافات كيميائية تُستخدم أثناء الطحن النهائي لتحسين كفاءة العملية."
                  : "Clinker grinding is the most energy-intensive process in cement production, accounting for approximately 30-40% of total electrical energy consumption in a cement plant according to the International Energy Agency. Grinding aids are chemical additives used during finish grinding to improve process efficiency."}
              </p>
              <p>
                {isAr
                  ? "توفر الزار FZE مجموعة من مساعدات الطحن المصممة لتلبية الاحتياجات المحددة لمصانع الأسمنت في الإمارات ودول مجلس التعاون الخليجي. نعمل مع مصانع الأسمنت لاختيار التركيبة المناسبة بناءً على نوع الأسمنت المنتج وظروف التشغيل ومتطلبات الجودة."
                  : "Alzar FZE supplies a range of grinding aids designed to meet the specific needs of cement plants in the UAE and GCC countries. We work with cement plants to select the right formulation based on the type of cement being produced, operating conditions, and quality requirements."}
              </p>
            </div>

            <div className="mt-8 flex flex-wrap gap-3">
              <button
                onClick={() => {
                  trackCTAClick("Request Quote", "grinding-aids-intro");
                  window.dispatchEvent(new CustomEvent("open-quote-modal", { detail: { industry: "Cement Industry" } }));
                }}
                className="inline-flex items-center gap-2 bg-teal hover:bg-teal-dark text-white font-semibold px-6 py-3 rounded-md transition-all group"
              >
                <FileText className="w-4 h-4" />
                {isAr ? "طلب عرض أسعار" : "Request a Quote"}
              </button>
              <Link href="/industries/cement" className="inline-flex items-center gap-2 border border-navy/20 text-navy hover:bg-navy/5 font-semibold px-6 py-3 rounded-md transition-all group">
                {isAr ? "حلول الأسمنت الكاملة" : "Full Cement Solutions"}
                <ArrowRight className="w-4 h-4 group-hover:translate-x-1 rtl:group-hover:-translate-x-1 transition-transform" />
              </Link>
            </div>
          </div>
        </div>
      </section>

      {/* Benefits */}
      <section className="py-16 lg:py-24 bg-warm-white">
        <div className="container">
          <h2 className="font-heading font-bold text-3xl text-navy text-center mb-12">
            {isAr ? "فوائد مساعدات الطحن" : "Benefits of Grinding Aids"}
          </h2>
          <div className="grid md:grid-cols-2 gap-8">
            {benefits.map((b, i) => (
              <div key={i} className="bg-white rounded-xl border border-navy/5 shadow-sm p-6 flex gap-4">
                <div className="p-3 bg-teal/10 rounded-lg w-fit h-fit shrink-0">
                  <b.icon className="w-6 h-6 text-teal" />
                </div>
                <div>
                  <h3 className="font-heading font-semibold text-navy mb-2">{b.title}</h3>
                  <p className="text-sm text-slate-dark/70 leading-relaxed">{b.desc}</p>
                </div>
              </div>
            ))}
          </div>
        </div>
      </section>

      {/* Types of Grinding Aids */}
      <section className="py-16 lg:py-24">
        <div className="container">
          <div className="max-w-3xl mx-auto">
            <h2 className="font-heading font-bold text-3xl text-navy text-center mb-4">
              {isAr ? "أنواع مساعدات الطحن" : "Types of Grinding Aids"}
            </h2>
            <p className="text-center text-slate-dark/70 mb-12">
              {isAr
                ? "نوفر مجموعة من تركيبات مساعدات الطحن لتناسب متطلبات الإنتاج المختلفة"
                : "We supply a range of grinding aid formulations to suit different production requirements"}
            </p>
            <div className="space-y-6">
              {grindingAidTypes.map((t, i) => (
                <div key={i} className="bg-warm-white rounded-xl border border-navy/5 p-6">
                  <div className="flex items-start gap-3">
                    <div className="w-8 h-8 bg-teal/10 rounded-lg flex items-center justify-center shrink-0 mt-0.5">
                      <Droplets className="w-4 h-4 text-teal" />
                    </div>
                    <div>
                      <h3 className="font-heading font-semibold text-navy mb-2">{t.title}</h3>
                      <p className="text-sm text-slate-dark/70 leading-relaxed">{t.desc}</p>
                    </div>
                  </div>
                </div>
              ))}
            </div>
          </div>
        </div>
      </section>

      {/* FAQ */}
      <section className="py-16 lg:py-24 bg-warm-white">
        <div className="container">
          <div className="max-w-3xl mx-auto">
            <h2 className="font-heading font-bold text-3xl lg:text-4xl text-navy mb-8 text-center">
              {isAr ? "الأسئلة الشائعة" : "Frequently Asked Questions"}
            </h2>
            <div className="space-y-4">
              {faqs.map((faq, i) => (
                <details key={i} className="group bg-white rounded-xl border border-navy/10 overflow-hidden">
                  <summary className="flex items-center justify-between p-5 cursor-pointer font-semibold text-navy hover:bg-navy/5 transition-colors">
                    {faq.q}
                    <ArrowRight className="w-4 h-4 text-teal transition-transform group-open:rotate-90 shrink-0 ltr:ml-4 rtl:mr-4" />
                  </summary>
                  <div className="px-5 pb-5 text-slate-dark/70 leading-relaxed">{faq.a}</div>
                </details>
              ))}
            </div>
          </div>
          <script
            type="application/ld+json"
            dangerouslySetInnerHTML={{
              __html: JSON.stringify({
                "@context": "https://schema.org",
                "@type": "FAQPage",
                mainEntity: [
                  { "@type": "Question", name: "What are cement grinding aids and how do they work?", acceptedAnswer: { "@type": "Answer", text: "Grinding aids are chemical additives added during the finish grinding of clinker. They reduce surface energy of freshly ground particles, preventing re-agglomeration and improving separator efficiency." } },
                  { "@type": "Question", name: "Do grinding aids affect the quality of the final cement?", acceptedAnswer: { "@type": "Answer", text: "Modern grinding aids improve cement quality by optimizing particle size distribution, leading to better strength development and workability. Formulations are tested per EN 197-1 and ASTM C150." } },
                  { "@type": "Question", name: "Do you supply grinding aids to cement plants in the UAE and GCC?", acceptedAnswer: { "@type": "Answer", text: "Yes, Alzar FZE supplies grinding aids to cement plants across the UAE and GCC from our base in Jebel Ali Free Zone, Dubai." } },
                ],
              }),
            }}
          />
        </div>
      </section>

      {/* Internal Links */}
      <section className="py-12">
        <div className="container">
          <div className="flex flex-wrap justify-center gap-4">
            <Link href="/industries/cement" className="text-sm text-teal hover:text-teal-dark underline underline-offset-4">{isAr ? "حلول صناعة الأسمنت" : "Cement Industry Solutions"}</Link>
            <Link href="/cement/kiln-refractories" className="text-sm text-teal hover:text-teal-dark underline underline-offset-4">{isAr ? "حراريات أفران الأسمنت" : "Kiln Refractories"}</Link>
            <Link href="/contact" className="text-sm text-teal hover:text-teal-dark underline underline-offset-4">{isAr ? "اتصل بنا" : "Contact Us"}</Link>
            <Link href="/partners" className="text-sm text-teal hover:text-teal-dark underline underline-offset-4">{isAr ? "شركاؤنا" : "Our Partners"}</Link>
          </div>
        </div>
      </section>

      <CTABanner />
    </Layout>
  );
}
