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, Flame, Factory, Droplets, Shield, Gauge } from "lucide-react";
import { useLanguage } from "@/contexts/LanguageContext";

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

export default function IndustryCement() {
  const { t, lang } = useLanguage();

  const products = [
    {
      icon: Flame,
      title: lang === "ar" ? "طوب المغنيسيا MGC لأفران الأسمنت" : "MGC Magnesia Bricks for Cement Kilns",
      desc: lang === "ar"
        ? "يوفرها MGC، طوب مغنيسيا عالي الجودة مصمم لظروف التشغيل القاسية لأفران الأسمنت الدوارة. هذه المنتجات الحرارية ضرورية لبطانة منطقة الاحتراق ومنطقة الانتقال والمنطقة الانتقالية العلوية لأفران الأسمنت، حيث يمكن أن تتجاوز درجات الحرارة 1,450 درجة مئوية."
        : "Supplied by MGC, these high-quality magnesia bricks are engineered for the extreme operating conditions of cement rotary kilns. These refractory products are critical for lining the burning zone, transition zone, and upper transition zone of cement kilns, where temperatures can exceed 1,450°C.",
      details: lang === "ar"
        ? ["طوب مغنيسيا-سبينل لتطبيقات منطقة الاحتراق", "طوب مغنيسيا-كروم لمناطق الانتقال", "طوب دولوميت لأقسام الفرن المتخصصة", "طوب مغنيسيا-كربون لمناطق التآكل العالي", "تركيبات مخصصة لتتناسب مع الملف الحراري المحدد لفرنك"]
        : ["Magnesia-spinel bricks for burning zone applications", "Magnesia-chrome bricks for transition zones", "Dolomite bricks for specialized kiln sections", "Magnesia-carbon bricks for high-wear areas", "Custom formulations to match your kiln's specific thermal profile"],
      audience: lang === "ar" ? "مديرو مصانع الأسمنت، مهندسو الأفران، فرق صيانة الحراريات" : "Cement plant managers, kiln engineers, refractory maintenance teams",
    },
    {
      icon: Droplets,
      title: lang === "ar" ? "مساعدات الطحن لإنتاج الأسمنت" : "Grinding Aids for Cement Production",
      desc: lang === "ar"
        ? "تركيبات مساعدات طحن متقدمة تحسن كفاءة مطحنة الأسمنت وتقلل استهلاك الطاقة وتعزز جودة الأسمنت. مساعدات الطحن هي إضافات كيميائية تستخدم أثناء الطحن النهائي للكلنكر لمنع تكتل الجسيمات وتحسين كفاءة الفاصل وزيادة إنتاجية المطحنة."
        : "Advanced grinding aid formulations that improve cement mill efficiency, reduce energy consumption, and enhance cement quality. Grinding aids are chemical additives used during the finish grinding of clinker to prevent agglomeration of particles, improve separator efficiency, and increase mill throughput.",
      details: lang === "ar"
        ? ["مساعدات طحن قائمة على الغليكول لتحسين إنتاج المطحنة", "مساعدات طحن قائمة على الأمين لتعزيز تطوير القوة", "محسنات الجودة لتحسين أداء الأسمنت", "تركيبات مخصصة لأسمنت OPC و PPC والأسمنت المخلوط", "توفير طاقة نموذجي بنسبة 5-15% في عمليات طحن الأسمنت"]
        : ["Glycol-based grinding aids for improved mill output", "Amine-based grinding aids for enhanced strength development", "Quality improvers for optimizing cement performance", "Customized formulations for OPC, PPC, and blended cements", "Typical energy savings of 5-15% in cement grinding operations"],
      audience: lang === "ar" ? "مديرو إنتاج الأسمنت، مهندسو مراقبة الجودة، فرق تحسين المصنع" : "Cement production managers, quality control engineers, plant optimization teams",
    },
    {
      icon: Shield,
      title: lang === "ar" ? "حلول الحراريات لمصانع الأسمنت" : "Refractory Solutions for Cement Plants",
      desc: lang === "ar"
        ? "حلول بطانة حرارية كاملة لمعدات مصنع الأسمنت بخلاف الفرن، بما في ذلك أعاصير التسخين المسبق والمكلس والمبرد والمعدات المساعدة. حلولنا الحرارية مصممة لتعظيم عمر الحملة وتقليل التوقف غير المخطط."
        : "Complete refractory lining solutions for cement plant equipment beyond the kiln, including preheater cyclones, calciner, cooler, and auxiliary equipment. Our refractory solutions are designed to maximize campaign life and minimize unplanned downtime.",
      details: lang === "ar"
        ? ["حراريات قابلة للصب لأعاصير التسخين المسبق", "مواد عازلة للحفاظ على الحرارة", "أنظمة تثبيت للبطانات المونوليثية", "إشراف على تركيب الحراريات والاستشارات", "تصميم وتحسين بطانة الفرن"]
        : ["Castable refractories for preheater cyclones", "Insulating materials for heat conservation", "Anchoring systems for monolithic linings", "Refractory installation supervision and consulting", "Kiln lining design and optimization services"],
      audience: lang === "ar" ? "مديرو صيانة مصانع الأسمنت، مهندسو الحراريات، مديرو المشاريع" : "Cement plant maintenance managers, refractory engineers, project managers",
    },
  ];

  const benefits = [
    { icon: Gauge, title: lang === "ar" ? "زيادة وقت تشغيل الفرن" : "Increased Kiln Uptime", desc: lang === "ar" ? "الحراريات عالية الجودة تطيل عمر الحملة، مما يقلل التوقف المكلف غير المخطط ويعظم إنتاج الإنتاج." : "High-quality refractories extend campaign life, reducing costly unplanned shutdowns and maximizing production output." },
    { icon: Droplets, title: lang === "ar" ? "تكاليف طاقة أقل" : "Lower Energy Costs", desc: lang === "ar" ? "مساعدات الطحن المتقدمة يمكن أن تقلل استهلاك الطاقة المحدد بنسبة 5-15%، مما يؤثر مباشرة على أرباحك." : "Advanced grinding aids can reduce specific energy consumption by 5-15%, directly impacting your bottom line." },
    { icon: Shield, title: lang === "ar" ? "تحسين جودة الأسمنت" : "Improved Cement Quality", desc: lang === "ar" ? "مساعدات الطحن المحسنة تعزز توزيع حجم الجسيمات وأداء الأسمنت، لتلبية المعايير الدولية." : "Optimized grinding aids enhance particle size distribution and cement performance, meeting international standards." },
    { icon: Factory, title: lang === "ar" ? "دعم فني متخصص" : "Expert Technical Support", desc: lang === "ar" ? "يعمل مهندسونا مع فريقك لاختيار المنتجات المناسبة وتحسين عملياتك لتحقيق أقصى كفاءة." : "Our engineers work with your team to select the right products and optimize your processes for maximum efficiency." },
  ];

  const audienceTags = lang === "ar"
    ? ["مديرو مصانع الأسمنت", "مهندسو الأفران", "مهندسو الإنتاج", "فرق مراقبة الجودة", "صيانة الحراريات"]
    : ["Cement Plant Managers", "Kiln Engineers", "Production Engineers", "Quality Control Teams", "Refractory Maintenance"];

  return (
    <Layout>
      <SEOHead
        title="Cement Kiln Refractories & Grinding Aids UAE | Alzar FZE"
        description="Alzar FZE supplies magnesia bricks for cement kilns, grinding aids, and refractory solutions to cement plants across UAE, Saudi Arabia, and the GCC region."
        canonical="https://www.alzarfze.com/industries/cement"
        keywords="cement kiln refractories UAE, magnesia bricks cement kiln Dubai, grinding aids cement production GCC, cement plant refractory supplier, cement industry solutions UAE, cement grinding aid manufacturer, refractory bricks cement kiln Saudi Arabia, magnesia spinel bricks, cement kiln lining materials, cement plant maintenance UAE, cement additives supplier Middle East"
        breadcrumbs={[
          { name: "Home", url: "https://www.alzarfze.com" },
          { name: "Industries", url: "https://www.alzarfze.com" },
          { name: "Cement", url: "https://www.alzarfze.com/industries/cement" },
        ]}
      />

      <PageHero
        title={t("cement.heroTitle")}
        subtitle={t("cement.heroSubtitle")}
        bgImage={HERO_IMG}
        breadcrumbs={[{ label: t("common.home"), href: "/" }, { label: t("common.industries") }, { label: t("nav.cement") }]}
      />

      {/* 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">
              {t("cement.introTitle")}
            </h2>
            <div className="space-y-4 text-slate-dark/80 leading-relaxed">
              <p>{t("cement.introP1")}</p>
              <p>{t("cement.introP2")}</p>
            </div>

            <div className="mt-8 flex flex-wrap gap-3">
              {audienceTags.map((a) => (
                <div key={a} className="flex items-center gap-2 bg-teal/5 border border-teal/20 rounded-full px-4 py-2 text-sm text-navy/80">
                  <Factory className="w-3.5 h-3.5 text-teal" />
                  {a}
                </div>
              ))}
            </div>
          </div>
        </div>
      </section>

      {/* Products */}
      <section className="py-16 lg:py-24 bg-warm-white">
        <div className="container">
          <div className="text-center max-w-2xl mx-auto mb-12">
            <div className="inline-flex items-center gap-2 bg-teal/10 text-teal rounded-full px-4 py-1.5 mb-4">
              <span className="text-sm font-semibold tracking-wide uppercase">{t("cement.productsTag")}</span>
            </div>
            <h2 className="font-heading font-bold text-3xl lg:text-4xl text-navy mb-4">
              {t("cement.productsTitle")}
            </h2>
          </div>

          <div className="space-y-8">
            {products.map((p, i) => (
              <div key={i} className="bg-white rounded-xl border border-navy/5 shadow-sm p-6 lg:p-10">
                <div className="flex flex-col lg:flex-row gap-6 lg:gap-10">
                  <div className="p-4 bg-teal/10 rounded-xl w-fit h-fit shrink-0">
                    <p.icon className="w-8 h-8 text-teal" />
                  </div>
                  <div className="flex-1">
                    <h3 className="font-heading font-bold text-2xl text-navy mb-3">{p.title}</h3>
                    <p className="text-slate-dark/75 leading-relaxed mb-4">{p.desc}</p>
                    <ul className="space-y-2 mb-4">
                      {p.details.map((d, j) => (
                        <li key={j} className="flex items-start gap-2 text-sm text-slate-dark/70">
                          <span className="w-1.5 h-1.5 bg-teal rounded-full mt-2 shrink-0" />
                          {d}
                        </li>
                      ))}
                    </ul>
                    <div className="text-xs text-slate-dark/50">
                      <span className="font-medium text-navy/60">{lang === "ar" ? "الجمهور المستهدف:" : "Target audience:"}</span> {p.audience}
                    </div>
                  </div>
                </div>
              </div>
            ))}
          </div>
        </div>
      </section>

      {/* Benefits */}
      <section className="py-16 lg:py-24">
        <div className="container">
          <h2 className="font-heading font-bold text-3xl text-navy text-center mb-12">
            {t("cement.benefitsTitle")}
          </h2>
          <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
            {benefits.map((b, i) => (
              <div key={i} className="text-center p-6">
                <div className="p-3 bg-teal/10 rounded-lg w-fit mx-auto mb-4">
                  <b.icon className="w-6 h-6 text-teal" />
                </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>
      </section>

      {/* CTA */}
      <section className="py-16 lg:py-20 bg-navy text-white">
        <div className="container text-center">
          <h2 className="font-heading font-bold text-3xl text-white mb-4">{t("cement.ctaTitle")}</h2>
          <p className="text-white/60 max-w-2xl mx-auto mb-8">
            {t("cement.ctaDesc")}
          </p>
          <Link href="/contact" className="inline-flex items-center gap-2 bg-teal hover:bg-teal-dark text-white font-semibold px-8 py-3.5 rounded-md transition-all group">
            {t("cement.ctaButton")}
            <ArrowRight className="w-4 h-4 group-hover:translate-x-1 rtl:group-hover:-translate-x-1 transition-transform" />
          </Link>
        </div>
      </section>

      {/* FAQ Section for SEO */}
      <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">
              {lang === "ar" ? "الأسئلة الشائعة" : "Frequently Asked Questions"}
            </h2>
            <div className="space-y-4">
              {(lang === "ar" ? [
                { q: "ما هي حراريات أفران الأسمنت المتوفرة؟", a: "نمثل شركة MGC لطوب المغنيسيا عالية الجودة لبطانة أفران الأسمنت الدوارة. تشمل المنتجات طوب المغنيسيا-سبينل والمغنيسيا-كروم والطوب الدولوميتي لمختلف مناطق الفرن." },
                { q: "ما هي مساعدات الطحن للأسمنت؟", a: "نوفر مساعدات طحن متخصصة لصناعة الأسمنت تساعد على تحسين كفاءة الطحن وتقليل استهلاك الطاقة وزيادة الإنتاجية. هذه المنتجات مصممة لتحسين جودة الأسمنت النهائي." },
                { q: "هل تخدمون مصانع الأسمنت في جميع دول الخليج؟", a: "نعم، نخدم مصانع الأسمنت في جميع دول مجلس التعاون الخليجي بما في ذلك الإمارات والسعودية وعمان وقطر والبحرين والكويت. نوفر الدعم الفني والتوريد المباشر لموقع المصنع." },
              ] : [
                { q: "What cement kiln refractories does Alzar FZE supply?", a: "We represent MGC for high-quality magnesia bricks used to line rotary cement kilns. Products include magnesia-spinel, magnesia-chrome, and dolomite bricks for different kiln zones including the burning zone, transition zone, and safety lining. All products are designed for maximum thermal resistance and long service life." },
                { q: "What are cement grinding aids and how do they help?", a: "Cement grinding aids are chemical additives that improve grinding efficiency in cement mills. They reduce energy consumption by up to 15%, increase mill output, prevent ball coating, and improve cement quality. Alzar FZE supplies specialized grinding aids formulated for different cement types including OPC, PPC, and slag cement." },
                { q: "Do you serve cement plants across all GCC countries?", a: "Yes, we serve cement plants across all GCC countries including UAE, Saudi Arabia, Oman, Qatar, Bahrain, and Kuwait. We provide direct technical support and delivery to plant sites, with our team based in Jebel Ali Free Zone, Dubai for convenient regional logistics." },
              ]).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>
        </div>
        <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify({
          "@context": "https://schema.org",
          "@type": "FAQPage",
          "mainEntity": [
            { "@type": "Question", "name": "What cement kiln refractories does Alzar FZE supply?", "acceptedAnswer": { "@type": "Answer", "text": "We represent MGC for high-quality magnesia bricks for rotary cement kilns, including magnesia-spinel, magnesia-chrome, and dolomite bricks for different kiln zones." } },
            { "@type": "Question", "name": "What are cement grinding aids and how do they help?", "acceptedAnswer": { "@type": "Answer", "text": "Cement grinding aids reduce energy consumption by up to 15%, increase mill output, prevent ball coating, and improve cement quality. Alzar FZE supplies grinding aids for OPC, PPC, and slag cement." } },
            { "@type": "Question", "name": "Do you serve cement plants across all GCC countries?", "acceptedAnswer": { "@type": "Answer", "text": "Yes, we serve cement plants across all GCC countries including UAE, Saudi Arabia, Oman, Qatar, Bahrain, and Kuwait with direct technical support and delivery." } }
          ]
        }) }} />
      </section>

      <CTABanner />
    </Layout>
  );
}
