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, FlaskConical, Layers, Droplets, Shield, Palette, Beaker, Factory, Hammer } from "lucide-react";
import { useLanguage } from "@/contexts/LanguageContext";

const CERAMICS_IMG = "/images/ceramics-production.jpg";

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

  const productCategories = [
    {
      icon: Layers,
      title: lang === "ar" ? "المعادن والمواد الخام" : "Minerals & Raw Materials",
      desc: lang === "ar" ? "معادن عالية الجودة من مصادر موثوقة حول العالم، معالجة لتلبية المواصفات الدقيقة لصناعة السيراميك الحديثة." : "High-quality minerals sourced from reliable deposits worldwide, processed to meet the exacting specifications of modern ceramic manufacturing.",
      items: lang === "ar"
        ? ["كاولين — لتركيبات الجسم وطلاء الورق والسيراميك المتخصص", "بنتونايت — للربط واللدونة والقوة الخضراء في أجسام السيراميك", "فلسبار — كمادة صهر في تركيبات السيراميك والزجاج، متوفر بدرجات صوديوم وبوتاسيوم"]
        : ["Kaolin — for body formulations, paper coating, and specialty ceramics", "Bentonite — for binding, plasticity, and green strength in ceramic bodies", "Feldspar — for flux in ceramic and glass formulations, available in sodium and potassium grades"],
    },
    {
      icon: Droplets,
      title: lang === "ar" ? "مواد التفريق والتشتيت" : "Deflocculants & Dispersants",
      desc: lang === "ar" ? "أنظمة تفريق مصممة خصيصاً لتطبيقات الصب الانزلاقي والتجفيف بالرش والتزجيج لتحسين الريولوجيا وتقليل محتوى الماء." : "Custom-designed deflocculant systems engineered for your specific slip casting, spray drying, and glazing applications to optimize rheology and reduce water content.",
      items: lang === "ar"
        ? ["مواد تفريق مصممة خصيصاً لتطبيقات السيراميك المختلفة", "محسّنة لتحضير طين الجسم وطين التزجيج والإنغوب", "تركيبات لإنتاج الأدوات الصحية والبلاط وأدوات المائدة"]
        : ["Custom-designed deflocculants for various ceramic applications", "Optimized for body slip, glaze slip, and engobe preparation", "Formulations for sanitaryware, tile, and tableware production"],
    },
    {
      icon: Shield,
      title: lang === "ar" ? "الرابطات ومعززات القوة" : "Binders & Strength Enhancers",
      desc: lang === "ar" ? "أنظمة ربط متقدمة تحسن معامل الكسر والقوة الجافة والقوة الخضراء في أجسام السيراميك، مما يقلل الكسر ويحسن الإنتاجية." : "Advanced binder systems that improve modulus of rupture (MOR), dry strength, and green strength in ceramic bodies, reducing breakage and improving yield.",
      items: lang === "ar"
        ? ["رابطات لتحسين معامل الكسر في أجسام البلاط والأدوات الصحية", "معززات القوة الجافة والخضراء للكبس والمناولة", "CMC (كربوكسي ميثيل سليلوز) لتعليق وتطبيق التزجيج"]
        : ["Binders for MOR improvement in tile and sanitaryware bodies", "Dry and green strength enhancers for pressing and handling", "CMC (Carboxy Methyl Cellulose) for glaze suspension and application"],
    },
    {
      icon: Palette,
      title: lang === "ar" ? "الطلاءات والتزجيج والإضافات" : "Coatings, Glazes & Additives",
      desc: lang === "ar" ? "مجموعة كاملة من حلول معالجة الأسطح للبلاط السيراميكي والبورسلين، بما في ذلك إضافات الطباعة الرقمية والطلاءات المتخصصة." : "Complete range of surface treatment solutions for ceramic and porcelain tiles, including digital printing additives and specialty coatings.",
      items: lang === "ar"
        ? ["طلاءات وتزجيج للبلاط السيراميكي والبورسلين", "إضافات ومواد خافضة للتوتر السطحي ومواد حافظة", "عوامل تثبيت وإضافات طباعة الشاشة للزخرفة"]
        : ["Coatings and glazes for ceramic and porcelain tiles", "Additives, surfactants, and preserving agents", "Fixing agents and screen printing additives for decoration"],
    },
    {
      icon: Hammer,
      title: lang === "ar" ? "حلول الحراريات" : "Refractory Solutions",
      desc: lang === "ar" ? "رابطات وملدنات متخصصة لتطبيقات الحراريات، تضمن الأداء الأمثل في البيئات الصناعية ذات الحرارة العالية." : "Specialized binders and plasticizers for refractory applications, ensuring optimal performance in high-temperature industrial environments.",
      items: lang === "ar"
        ? ["رابطات وملدنات للصب والأشكال الحرارية", "ملدنات فائقة لتطبيقات الحراريات — تقليل الطلب على الماء مع الحفاظ على قابلية التشغيل", "إضافات عالية الأداء للحراريات المونوليثية"]
        : ["Binders and plasticizers for refractory castables and shapes", "Superplasticizers for refractory applications — reducing water demand while maintaining workability", "High-performance additives for monolithic refractories"],
    },
    {
      icon: Beaker,
      title: lang === "ar" ? "كيماويات البناء والتعدين" : "Construction & Mining Chemicals",
      desc: lang === "ar" ? "نوسع خبرتنا الكيميائية إلى ما وراء السيراميك، ونقدم إضافات متخصصة لإنتاج الخرسانة وعمليات التعدين." : "Extending our chemical expertise beyond ceramics, we offer specialized additives for concrete production and mining operations.",
      items: lang === "ar"
        ? ["ملدنات فائقة للخرسانة — إضافات قائمة على إيثر البولي كربوكسيلات للخرسانة عالية الأداء", "مسرعات للخرسانة — مسرعات التصلب والتقسية للبناء السريع", "مواد تلبد لصناعة التعدين — حلول فصل المواد الصلبة والسائلة لمعالجة المعادن وإدارة النفايات"]
        : ["Superplasticizers for concrete — polycarboxylate ether (PCE) based admixtures for high-performance concrete", "Accelerators for concrete — setting and hardening accelerators for fast-track construction", "Flocculants for the mining industry — solid-liquid separation solutions for mineral processing and tailings management"],
    },
  ];

  const audiences = [
    { icon: Factory, label: lang === "ar" ? "مصنعو بلاط السيراميك" : "Ceramic Tile Manufacturers" },
    { icon: Factory, label: lang === "ar" ? "منتجو الأدوات الصحية" : "Sanitaryware Producers" },
    { icon: Factory, label: lang === "ar" ? "مصانع البورسلين وأدوات المائدة" : "Porcelain & Tableware Factories" },
    { icon: Factory, label: lang === "ar" ? "منتجو السيراميك المتخصص" : "Specialty Ceramics Producers" },
    { icon: Factory, label: lang === "ar" ? "مصنعو الحراريات" : "Refractory Manufacturers" },
    { icon: Factory, label: lang === "ar" ? "شركات الخرسانة والبناء" : "Concrete & Construction Companies" },
    { icon: Factory, label: lang === "ar" ? "عمليات التعدين" : "Mining Operations" },
  ];

  return (
    <Layout>
      <SEOHead
        title="Ceramic Raw Materials Supplier UAE | Minerals & Additives | Alzar FZE"
        description="Alzar FZE supplies ceramic raw materials, deflocculants, binders, CMC, glazes, superplasticizers, and mining flocculants to ceramic manufacturers across UAE, GCC, and the Middle East."
        canonical="https://www.alzarfze.com/industries/ceramics"
        keywords="ceramic raw materials supplier UAE, ceramic minerals Dubai, ceramic industry solutions GCC, ceramic additives supplier Middle East, ceramic body preparation materials, ceramic glaze raw materials UAE, feldspar supplier UAE, ball clay supplier Middle East, kaolin supplier GCC, bentonite ceramics, ceramic deflocculants, CMC glaze, superplasticizer concrete UAE, refractory binders, mining flocculant UAE, flocculant mining chemicals GCC"
        breadcrumbs={[
          { name: "Home", url: "https://www.alzarfze.com" },
          { name: "Industries", url: "https://www.alzarfze.com" },
          { name: "Ceramics", url: "https://www.alzarfze.com/industries/ceramics" },
        ]}
      />

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

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

      {/* Who We Serve */}
      <section className="py-12 bg-warm-white">
        <div className="container">
          <h3 className="font-heading font-semibold text-xl text-navy mb-6 text-center">{t("ceramics.whoWeServe")}</h3>
          <div className="flex flex-wrap justify-center gap-3">
            {audiences.map((a, i) => (
              <div key={i} className="flex items-center gap-2 bg-white border border-navy/10 rounded-full px-5 py-2.5 text-sm text-navy/80">
                <a.icon className="w-4 h-4 text-teal" />
                {a.label}
              </div>
            ))}
          </div>
        </div>
      </section>

      {/* Products */}
      <section className="py-16 lg:py-24">
        <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("ceramics.productsTag")}</span>
            </div>
            <h2 className="font-heading font-bold text-3xl lg:text-4xl text-navy mb-4">
              {t("ceramics.productsTitle")}
            </h2>
          </div>

          <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8">
            {productCategories.map((cat, i) => (
              <div key={i} className="bg-white p-6 lg:p-8 rounded-xl border border-navy/5 shadow-sm hover:shadow-md transition-shadow">
                <div className="p-3 bg-teal/10 rounded-lg w-fit mb-4">
                  <cat.icon className="w-6 h-6 text-teal" />
                </div>
                <h3 className="font-heading font-semibold text-lg text-navy mb-2">{cat.title}</h3>
                <p className="text-sm text-slate-dark/70 leading-relaxed mb-4">{cat.desc}</p>
                <ul className="space-y-2">
                  {cat.items.map((item, j) => (
                    <li key={j} className="flex items-start gap-2 text-sm text-slate-dark/70">
                      <FlaskConical className="w-3.5 h-3.5 text-teal mt-1 shrink-0" />
                      <span>{item}</span>
                    </li>
                  ))}
                </ul>
              </div>
            ))}
          </div>
        </div>
      </section>

      {/* Technical Support 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("ceramics.ctaTitle")}</h2>
          <p className="text-white/60 max-w-2xl mx-auto mb-8">
            {t("ceramics.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("ceramics.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: "توفر الزار مجموعة شاملة من المواد الخام للسيراميك تشمل الفلدسبار والكاولين والطين الأبيض والكوارتز والتلك والولاستونيت والزركون. نمثل شركة إيرومينرالز التركية وشركاء آخرين لتوريد هذه المواد في الإمارات ودول الخليج." },
                { q: "هل توفرون استشارات فنية لمصانع السيراميك؟", a: "نعم، نقدم خدمات استشارية فنية متخصصة لمصانع السيراميك تشمل اختيار المواد الخام وتحسين عمليات الإنتاج وضبط الجودة. فريقنا لديه خبرة تمتد لأكثر من 25 عاماً في صناعة السيراميك." },
                { q: "ما هي المواد الكيميائية المتوفرة للبناء والتعدين؟", a: "نوفر ملدنات فائقة للخرسانة ومواد ملبدة للتعدين من شركة إيرومينرالز. تشمل المنتجات ملدنات البولي كربوكسيلات والنفثالين للخرسانة، ومواد التلبيد لعمليات التعدين." },
              ] : [
                { q: "What ceramic raw materials does Alzar FZE supply?", a: "Alzar FZE supplies a comprehensive range of ceramic raw materials including feldspar, kaolin, ball clay, quartz, talc, wollastonite, and zircon. We represent Eurominerals of Turkey and other partners to supply these materials to ceramic tile, sanitaryware, and tableware manufacturers across UAE and the GCC region." },
                { q: "Does Alzar FZE provide technical consulting for ceramic factories?", a: "Yes, we offer specialized technical consulting services for ceramic factories including raw material selection, production process optimization, and quality control. Our team has over 25 years of experience in the ceramics industry serving manufacturers throughout the Middle East." },
                { q: "What construction and mining chemicals are available?", a: "We supply superplasticizers for concrete and flocculants for mining from Eurominerals. Products include polycarboxylate and naphthalene-based superplasticizers for ready-mix concrete, and flocculants for mineral processing and mining operations across the UAE and GCC." },
              ]).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 ceramic raw materials does Alzar FZE supply?", "acceptedAnswer": { "@type": "Answer", "text": "Alzar FZE supplies feldspar, kaolin, ball clay, quartz, talc, wollastonite, and zircon from Eurominerals of Turkey and other partners for ceramic manufacturers across UAE and GCC." } },
            { "@type": "Question", "name": "Does Alzar FZE provide technical consulting for ceramic factories?", "acceptedAnswer": { "@type": "Answer", "text": "Yes, we offer specialized technical consulting for ceramic factories including raw material selection, production process optimization, and quality control with over 25 years of industry experience." } },
            { "@type": "Question", "name": "What construction and mining chemicals are available?", "acceptedAnswer": { "@type": "Answer", "text": "We supply polycarboxylate and naphthalene-based superplasticizers for concrete, and flocculants for mineral processing and mining operations across UAE and GCC." } }
          ]
        }) }} />
      </section>

      <CTABanner />
    </Layout>
  );
}
