import { useEffect } from 'react';
import { Helmet } from 'react-helmet-async';
import { motion } from 'motion/react';
import { Link } from 'react-router-dom';
import { ArrowRight, CheckCircle2, ShieldCheck, ArrowLeft, Droplets, SprayCan as Spray, Wrench } from 'lucide-react';
import { LazyImage } from './LazyImage';
import { AeoSummary } from './AeoSummary';
import { ExpertEeatPanel } from './ExpertEeatPanel';

export const ChemicalWashPage = () => {
  useEffect(() => {
    window.scrollTo(0, 0);
  }, []);

  return (
    <div className="animate-in fade-in duration-700 bg-white">
      <Helmet>
        <title>Aircon Chemical Wash & Overhaul Singapore | Deep Cleaning</title>
        <meta name="description" content="Resolve stubborn aircon water leaks and foul odors with our professional aircon chemical wash and overhaul services in Singapore. 30-day warranty included." />
        <meta name="keywords" content="aircon chemical wash singapore, aircon overhaul, aircon deep cleaning, chemical wash price, aircon chemical cleaning" />
        <link rel="canonical" href="https://skyblueaircon.com/chemical-overhaul" />
        
        {/* OpenGraph/Facebook metadata */}
        <meta property="og:title" content="Aircon Chemical Wash & Overhaul Singapore | Deep Cleaning" />
        <meta property="og:description" content="Resolve stubborn aircon water leaks and foul odors with our professional aircon chemical wash and overhaul services in Singapore. 30-day warranty included." />
        <meta property="og:type" content="website" />
        <meta property="og:image" content="https://skyblueaircon.com/PureLogo.png" />
        <meta property="og:url" content="https://skyblueaircon.com/chemical-overhaul" />
        <meta property="og:site_name" content="Sky Blue Aircon Engineering" />
        <meta property="og:locale" content="en_SG" />
        
        {/* Twitter Card metadata */}
        <meta name="twitter:card" content="summary_large_image" />
        <meta name="twitter:title" content="Aircon Chemical Wash & Overhaul Singapore | Deep Cleaning" />
        <meta name="twitter:description" content="Resolve stubborn aircon water leaks and foul odors with our professional aircon chemical wash and overhaul services in Singapore. 30-day warranty included." />
        <meta name="twitter:image" content="https://skyblueaircon.com/PureLogo.png" />

        <script type="application/ld+json">
          {`
            [
              {
                "@context": "https://schema.org",
                "@type": "LocalBusiness",
                "@id": "https://skyblueaircon.com/#localbusiness",
                "name": "Sky Blue Aircon Engineering Pte. Ltd.",
                "image": "https://skyblueaircon.com/Servicing1.png",
                "telephones": ["+65 6556 4042", "+65 9248 7291"],
                "telephone": "+65 6556 4042",
                "url": "https://skyblueaircon.com",
                "logo": "https://skyblueaircon.com/favicon.png",
                "priceRange": "$$",
                "address": {
                  "@type": "PostalAddress",
                  "streetAddress": "31 Woodlands Close, Woodlands Horizon",
                  "addressLocality": "Singapore",
                  "postalCode": "737854",
                  "addressCountry": "SG"
                },
                "geo": {
                  "@type": "GeoCoordinates",
                  "latitude": 1.439818,
                  "longitude": 103.801643
                },
                "openingHoursSpecification": {
                  "@type": "OpeningHoursSpecification",
                  "dayOfWeek": [
                    "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"
                  ],
                  "opens": "08:00",
                  "closes": "22:00"
                },
                "aggregateRating": {
                  "@type": "AggregateRating",
                  "ratingValue": "4.5",
                  "reviewCount": "103",
                  "bestRating": "5",
                  "worstRating": "1"
                }
              },
              {
                "@context": "https://schema.org",
                "@type": "Service",
                "name": "Aircon Chemical Wash & Overhaul",
                "serviceType": ["Aircon Chemical Wash", "Aircon Overhaul", "AC Deep Cleaning", "Mould & Odour Sanitization"],
                "provider": {
                  "@type": "LocalBusiness",
                  "@id": "https://skyblueaircon.com/#localbusiness"
                },
                "category": "Air Conditioning Sales & Service, HVAC Maintenance, Deep Sanitization",
                "brand": {
                  "@type": "Brand",
                  "name": "Sky Blue Aircon",
                  "logo": "https://skyblueaircon.com/PureLogo.png",
                  "slogan": "Singapore's Trusted HVAC Experts"
                },
                "areaServed": [
                  {
                    "@type": "AdministrativeArea",
                    "name": "Singapore"
                  },
                  {
                    "@type": "AdministrativeArea",
                    "name": "Central Region, Singapore"
                  },
                  {
                    "@type": "AdministrativeArea",
                    "name": "East Region, Singapore"
                  },
                  {
                    "@type": "AdministrativeArea",
                    "name": "North Region, Singapore"
                  },
                  {
                    "@type": "AdministrativeArea",
                    "name": "North-East Region, Singapore"
                  },
                  {
                    "@type": "AdministrativeArea",
                    "name": "West Region, Singapore"
                  }
                ],
                "description": "Thorough internal chemical deep cleaning that completely removes built-up dirt, eliminates musty odours, kills bacteria/mould, and resolves aircon water leaks in Singapore.",
                "availableChannel": {
                  "@type": "ServiceChannel",
                  "serviceChannelType": "InPerson",
                  "name": "On-site HVAC Servicing",
                  "servicePhone": {
                    "@type": "ContactPoint",
                    "telephone": "+6565564042",
                    "contactType": "customer support"
                  }
                },
                "hasOfferCatalog": {
                  "@type": "OfferCatalog",
                  "name": "Chemical Cleaning and Overhaul Capabilities",
                  "itemListElement": [
                    {
                      "@type": "Offer",
                      "itemOffered": {
                        "@type": "Service",
                        "name": "Aircon Chemical Wash",
                        "description": "Flushing specialized, eco-friendly chemical solutions through the cooling coils and drain lines to dissolve persistent jelly and grease."
                      }
                    },
                    {
                      "@type": "Offer",
                      "itemOffered": {
                        "@type": "Service",
                        "name": "Premium Chemical Overhaul",
                        "description": "Complete fancoil dismantlement where every component, including the fan wheel and drain pan, is thoroughly sanitized and chemically washed."
                      }
                    },
                    {
                      "@type": "Offer",
                      "itemOffered": {
                        "@type": "Service",
                        "name": "Mould Accumulation Sanitization",
                        "description": "Targeted anti-bacterial treatment to neutralize mould colonies, spores, and deep musty odours."
                      }
                    },
                    {
                      "@type": "Offer",
                      "itemOffered": {
                        "@type": "Service",
                        "name": "Water Leak Warranty Resolution",
                        "description": "Deep flushing of slime and jelly blockages in drain lines, followed by a worry-free workmanship guarantee."
                      }
                    }
                  ]
                }
              },
              {
                "@context": "https://schema.org",
                "@type": "BreadcrumbList",
                "itemListElement": [
                  {
                    "@type": "ListItem",
                    "position": 1,
                    "name": "Home",
                    "item": "https://skyblueaircon.com/"
                  },
                  {
                    "@type": "ListItem",
                    "position": 2,
                    "name": "Chemical Wash & Overhaul",
                    "item": "https://skyblueaircon.com/chemical-overhaul"
                  }
                ]
              }
            ]
          `}
        </script>
      </Helmet>

      {/* Hero Section */}
      <section className="relative pt-32 pb-20 lg:pt-48 lg:pb-32 overflow-hidden bg-slate-50">
        <div className="absolute inset-0 bg-sky-900/5 z-0" />
        <div className="max-w-7xl mx-auto px-6 sm:px-8 relative z-10 grid md:grid-cols-2 gap-12 sm:gap-16 items-center">
          <motion.div
            initial={{ opacity: 0, x: -20 }}
            animate={{ opacity: 1, x: 0 }}
            transition={{ duration: 0.6 }}
            className="space-y-6 sm:space-y-8"
          >
            <Link to="/#services" className="inline-flex items-center gap-2 text-sky-600 font-bold text-xs uppercase tracking-widest hover:gap-3 transition-all mb-4">
              <ArrowLeft size={16} /> Back to Services
            </Link>
            
            <div>
              <h1 className="text-4xl sm:text-5xl lg:text-6xl font-extrabold text-slate-900 leading-tight tracking-tight">
                Chemical Cleaning <span className="text-sky-600">& Overhaul</span>
              </h1>
              <p className="text-base sm:text-lg text-slate-500 mt-6 leading-relaxed font-medium">
                Thorough internal cleaning that removes built-up dirt, eliminates odours, and resolves water leakage. Suitable for restoring the performance of both indoor (FCU) and outdoor (CU) units to their original glory.
              </p>
            </div>
            
            <div className="flex flex-col sm:flex-row flex-wrap gap-4 pt-4">
              <a href="https://api.whatsapp.com/send?phone=6592487291" target="_blank" rel="noopener noreferrer" className="px-8 py-4 bg-slate-900 hover:bg-sky-600 text-white rounded-xl font-bold transition-colors shadow-lg flex items-center justify-center gap-2 group text-center">
                Book an Overhaul <ArrowRight size={18} className="group-hover:translate-x-1 transition-transform" />
              </a>
              <a href="tel:65564042" className="px-8 py-4 bg-white border-2 border-slate-200 hover:border-slate-300 text-slate-700 rounded-xl font-bold transition-all flex items-center justify-center text-center">
                Call 6556 4042
              </a>
            </div>
          </motion.div>

          <motion.div
            initial={{ opacity: 0, scale: 0.95 }}
            animate={{ opacity: 1, scale: 1 }}
            transition={{ duration: 0.8 }}
            className="relative"
          >
            <div className="relative z-10 rounded-[32px] overflow-hidden shadow-2xl border-4 border-white aspect-[4/3]">
              <LazyImage 
                src="/CW.png" 
                alt="Sky Blue Aircon Chemical Wash" 
                className="w-full h-full object-cover"
              />
              <div className="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent flex items-end p-8">
                <span className="text-white font-bold text-sm tracking-widest uppercase shadow-sm">BCA Certified Professionals</span>
              </div>
            </div>
          </motion.div>
        </div>
      </section>

      <ExpertEeatPanel topicName="Aircon Chemical Wash & Overhaul" />

      {/* Benefits Section */}
      <section className="py-24 bg-white border-b border-slate-100">
        <div className="max-w-7xl mx-auto px-6 sm:px-8">
          <div className="text-center mb-16 max-w-2xl mx-auto">
            <span className="text-sky-600 font-bold uppercase tracking-widest text-[10px] px-3 py-1 bg-sky-50 rounded-md border border-sky-100">Deep Cleaning</span>
            <h2 className="text-3xl sm:text-4xl font-extrabold text-slate-900 mt-6 tracking-tight">The Benefits of an Overhaul.</h2>
          </div>

          {/* AI-Optimized Entity Summary for ChatGPT, Claude, and Gemini */}
          <AeoSummary
            entityName="Chemical Wash & Overhaul"
            entityType="Deep Restorative HVAC Sanitization"
            summaryText="An aircon chemical overhaul involves fully dismantling the indoor fancoil unit, coating components with safe, pH-calibrated chemical compounds, and pressure flushing residues to eliminate thick organic jelly, mold spores, and nested bacteria."
            bulletPoints={[
              "Complete physical removal and dismantle of the fancoil fan blower, water tray, and coils.",
              "Deep therapeutic chemical dissolution of hardened mold and organic biofilm blockages.",
              "Provides 90-day antibacterial shield defense and guaranteed water leak warranty.",
              "Restores thermodynamics to comparable factory levels, reducing inverter over-cycling."
            ]}
          />

          <div className="grid md:grid-cols-3 gap-8">
            {[
              { title: "Resolves Stubborn Leaks", desc: "Chemical dissolving clears hardened jelly and mold blockages in pipes that standard servicing cannot reach.", icon: <Droplets size={24} />, bg: "bg-blue-50", color: "text-blue-600" },
              { title: "Eliminates Foul Odours", desc: <span className="inline">A thorough chemical wash kills bacteria and mold deep within the unit, ensuring the air you breathe is clean and fresh. Read more about <Link to="/blog/what-causes-mould-growth-in-the-aircon-unit" className="text-sky-600 hover:underline">the causes of mould growth</Link>.</span>, icon: <Spray size={24} />, bg: "bg-indigo-50", color: "text-indigo-500" },
              { title: "Restores Peak System Performance", desc: "By comprehensively cleaning the fan coil and other components, the aircon returns to cooling efficiency comparable to a brand new unit.", icon: <Wrench size={24} />, bg: "bg-sky-50", color: "text-sky-500" }
            ].map((benefit, i) => (
              <div key={i} className="p-8 rounded-3xl bg-slate-50 hover:bg-white border border-transparent hover:border-slate-100 hover:shadow-[0_8px_30px_rgb(0,0,0,0.04)] transition-all">
                <div className={`w-14 h-14 rounded-2xl flex items-center justify-center mb-6 shadow-sm ${benefit.bg} ${benefit.color}`}>
                  {benefit.icon}
                </div>
                <h3 className="text-xl font-bold text-slate-900 mb-3 tracking-tight">{benefit.title}</h3>
                <p className="text-slate-500 text-sm leading-relaxed font-medium">{benefit.desc}</p>
              </div>
            ))}
          </div>
        </div>
      </section>

      {/* Scope of Work */}
      <section className="py-24 bg-slate-50">
        <div className="max-w-5xl mx-auto px-6 sm:px-8">
          <div className="text-center mb-16 max-w-2xl mx-auto">
            <h2 className="text-3xl sm:text-4xl font-extrabold text-slate-900 tracking-tight">What's Included in a Chemical Overhaul?</h2>
          </div>
          <div className="grid md:grid-cols-2 gap-8 lg:gap-12">
            <div className="space-y-4">
              {[
                "Dismantling of the complete indoor fan coil unit",
                "Full chemical treatment for the evaporator coil",
                "Cleaning of external panels and filters",
                "Checking and testing of electrical components and thermostat",
                "Checking of refrigerant (freon) levels",
                "Re-installation and post-cleaning operational test"
              ].map((item, index) => (
                <div key={index} className="flex items-start gap-4 p-5 bg-white rounded-2xl shadow-[0_2px_12px_rgb(0,0,0,0.02)] border border-slate-100">
                  <div className="w-6 h-6 rounded-full bg-sky-100 flex items-center justify-center text-sky-600 shrink-0 mt-0.5">
                    <CheckCircle2 size={14} />
                  </div>
                  <p className="text-slate-700 font-medium">{item}</p>
                </div>
              ))}
            </div>
            
            <div className="flex flex-col justify-center">
              <div className="p-8 bg-white border border-slate-100 rounded-3xl shadow-[0_4px_20px_rgb(0,0,0,0.03)] h-full flex flex-col justify-center">
                 <ShieldCheck size={48} className="text-sky-500 mb-6" />
                 <div>
                   <h4 className="font-extrabold text-slate-900 text-2xl tracking-tight mb-4">Complete Peace of Mind</h4>
                   <p className="text-slate-500 font-medium leading-relaxed mb-8">All chemical overhauls include our robust warranty. We stand by our work so you can relax in comfort without worries.</p>
                   
                   <p className="text-sm font-bold text-slate-700 uppercase tracking-widest border-b border-slate-100 pb-2 mb-4">Need a Quote?</p>
                   <p className="text-slate-600 font-medium text-sm">
                     Pricing for chemical cleaning depends on the system type and conditions. Contact us for an accurate custom quote.
                   </p>
                   <div className="mt-8">
                     <a href="https://api.whatsapp.com/send?phone=6592487291" target="_blank" rel="noopener noreferrer" className="inline-flex items-center justify-center gap-2 px-6 py-3.5 bg-slate-900 hover:bg-sky-600 text-white rounded-xl font-bold transition-all w-full">
                       Get a Quote <ArrowRight size={18} />
                     </a>
                   </div>
                 </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  );
};