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, Gauge, Settings2, HelpCircle, Wind, Info, Sparkles, Scale } from 'lucide-react';
import { LazyImage } from './LazyImage';
import { AeoSummary } from './AeoSummary';
import { ExpertEeatPanel } from './ExpertEeatPanel';
import { useSchemaRating } from '../hooks/useSchemaRating';
import { MASTER_LOCAL_BUSINESS_SCHEMA, generateProductSchema } from '../lib/schemas';
import { useUserRegion } from '../hooks/useUserRegion';

export const ChemicalWashPage = () => {
  const { rating, count } = useSchemaRating();
  const { closestHub, city } = useUserRegion();
  
  useEffect(() => {
    window.scrollTo(0, 0);
  }, []);

  const targetArea = closestHub && closestHub.prominentEstates && closestHub.prominentEstates.length > 0
    ? closestHub.prominentEstates[0]
    : (city && city !== "Singapore" ? city : "Singapore");
  const regionName = closestHub?.regionCode ? `${closestHub.regionCode} Region` : "Singapore";
  const latitude = closestHub?.lat || 1.352083;
  const longitude = closestHub?.lng || 103.819836;

  const isSingapore = targetArea === "Singapore";
  const areaLabel = isSingapore ? "Singapore" : `${targetArea} (${regionName})`;
  
  const seoTitle = isSingapore
    ? "Aircon Chemical Wash & Overhaul Singapore | Starts from $40 · BCA Certified"
    : `Aircon Chemical Wash & Overhaul in ${targetArea} | Starts from $40 · BCA Certified`;
  const seoDescription = isSingapore
    ? "Deep aircon chemical wash & overhaul in Singapore. General servicing starts from $40. 25+ years of trusted heritage since 1998. 30-day warranty included."
    : `Deep aircon chemical wash & overhaul in ${targetArea}, Singapore. General servicing starts from $40. 25+ years of trusted heritage since 1998. 30-day warranty included.`;

  const dynamicAreaServed = [
    {
      "@type": "AdministrativeArea",
      "name": "Singapore"
    },
    ...(targetArea !== "Singapore" ? [{
      "@type": "AdministrativeArea",
      "name": `${targetArea}, Singapore`
    }] : []),
    ...(closestHub?.regionCode ? [{
      "@type": "AdministrativeArea",
      "name": `${closestHub.regionCode} Region, Singapore`
    }] : [])
  ];

  return (
    <div className="animate-in fade-in duration-700 bg-white">
      <Helmet>
        <title>{seoTitle}</title>
        <meta name="description" content={seoDescription} />
        <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" />
        
        {/* Geo-Specific Meta Tags for Local SEO */}
        <meta name="geo.region" content="SG" />
        <meta name="geo.placename" content={`${targetArea}, Singapore`} />
        <meta name="geo.position" content={`${latitude};${longitude}`} />
        <meta name="ICBM" content={`${latitude}, ${longitude}`} />

        {/* Dublin Core metadata for explicit location coverage targeting */}
        <meta name="DC.title" content={seoTitle} />
        <meta name="DC.description" content={seoDescription} />
        <meta name="DC.creator" content="Sky Blue Aircon Engineering" />
        <meta name="DC.subject" content="Air Conditioning Servicing, Maintenance, Chemical Overhaul, and Repair" />
        <meta name="DC.coverage" content={`Singapore, ${targetArea}`} />
        <meta name="DC.language" content="en_SG" />

        {/* OpenGraph/Facebook metadata */}
        <meta property="og:title" content={seoTitle} />
        <meta property="og:description" content={seoDescription} />
        <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" />
        <meta property="og:latitude" content={latitude.toString()} />
        <meta property="og:longitude" content={longitude.toString()} />
        <meta property="og:locality" content={targetArea} />
        <meta property="og:region" content="Singapore" />
        <meta property="og:country-name" content="Singapore" />
        
        {/* Twitter Card metadata */}
        <meta name="twitter:card" content="summary_large_image" />
        <meta name="twitter:title" content={seoTitle} />
        <meta name="twitter:description" content={seoDescription} />
        <meta name="twitter:image" content="https://skyblueaircon.com/PureLogo.png" />

        <script type="application/ld+json">
          {JSON.stringify([
            {
              "@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": latitude,
                "longitude": longitude
              },
              "openingHoursSpecification": MASTER_LOCAL_BUSINESS_SCHEMA.openingHoursSpecification,
              "priceSpecification": (MASTER_LOCAL_BUSINESS_SCHEMA as any).priceSpecification,
              "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": rating,
                "reviewCount": count,
                "bestRating": "5",
                "worstRating": "1"
              },
              "review": localStorage.getItem("skyblue_google_reviews_schema")
                ? JSON.parse(localStorage.getItem("skyblue_google_reviews_schema") || "[]")
                : MASTER_LOCAL_BUSINESS_SCHEMA.review
            },
            {
              "@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": dynamicAreaServed,
              "description": `Thorough internal chemical deep cleaning that completely removes built-up dirt, eliminates musty odours, kills bacteria/mould, and resolves aircon water leaks in ${targetArea}, 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"
                }
              ]
            },
            generateProductSchema({
              name: "Professional Aircon Chemical Wash & Overhaul",
              description: `Thorough internal chemical deep cleaning that completely removes built-up dirt, eliminates musty odours, kills bacteria/mould, and resolves aircon water leaks in ${targetArea}, Singapore.`,
              url: "https://skyblueaircon.com/chemical-overhaul",
              rating,
              count,
              price: "80.00"
            })
          ])}
        </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">&amp; 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 Standards</span>
            <h2 className="text-3xl sm:text-4xl font-extrabold text-slate-900 mt-6 tracking-tight">The Mechanical Benefits of Chemical Cleaning</h2>
            <p className="text-slate-500 font-medium text-sm mt-3">Why standard general servicing is sometimes not enough for units operating in high-humidity tropical environments.</p>
          </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 (FCU), coating mechanical components with safe, pH-calibrated chemical compounds, and pressure flushing residues to eliminate thick organic jelly, mould spores, and nested bacterial biofilms. This restores fancoil thermodynamics and static fan balance, preventing compressor over-cycling."
            bulletPoints={[
              "Complete physical removal and dismantle of the indoor fancoil assembly from the wall.",
              "Deep chemical dissolution of hardened mould, biological slime, and sticky dust biofilms.",
              "Flushing PVC condensate pipes completely to eliminate stubborn water leakage.",
              "Restores thermal transfer coefficients to factory levels, lowering power consumption."
            ]}
          />

          <div className="grid md:grid-cols-3 gap-8 mt-12">
            {[
              { 
                title: "Resolves Stubborn Water Leaking", 
                desc: "In Singapore's high humidity, dust mixes with condensate water to create a thick biological jelly. Our pH-balanced chemical flush completely dissolves this stubborn biofilm, clearing clogged PVC drain pipes that standard cleaning methods cannot clear.", 
                icon: <Droplets size={24} />, 
                bg: "bg-blue-50", 
                color: "text-blue-600" 
              },
              { 
                title: "Eliminates Deep Mould Spores", 
                desc: "Fancoils running for extended hours accumulate mould colonies and bacteria, blowing stale, musty air. A professional chemical wash thoroughly sanitizes the aluminum fins and rotary fan blower, restoring fresh and hygienic airflow. Read more about the causes of mould growth.", 
                icon: <Spray size={24} />, 
                bg: "bg-indigo-50", 
                color: "text-indigo-500",
                link: "/blog/what-causes-mould-growth-in-the-aircon-unit"
              },
              { 
                title: "Restores Thermodynamic Efficiency", 
                desc: "Dirt buildup on evaporator coil fins degrades the heat exchange coefficient, causing the compressor to over-cycle. By stripping away insulating dust and grease layers, our chemical treatment lowers electricity consumption and prevents premature wear of parts.", 
                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 flex flex-col h-full justify-between">
                <div>
                  <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-semibold">
                    {benefit.link ? (
                      <span className="inline">
                        {benefit.desc.split("Read more about the causes of mould growth.")[0]}
                        <Link to={benefit.link} className="text-sky-600 hover:underline">read our guide on what causes mould growth</Link>.
                      </span>
                    ) : benefit.desc}
                  </p>
                </div>
              </div>
            ))}
          </div>
        </div>
      </section>

      {/* Mechanical Deep Dive Comparison Section */}
      <section className="py-24 bg-slate-50 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-3xl mx-auto">
            <span className="text-sky-600 font-bold uppercase tracking-widest text-[10px] px-3 py-1 bg-white rounded-md border border-slate-200 shadow-sm">Mechanical Guide</span>
            <h2 className="text-3xl sm:text-4xl font-extrabold text-slate-900 mt-6 tracking-tight">Chemical Wash vs. Chemical Overhaul</h2>
            <p className="text-slate-500 font-medium text-sm mt-3">Understanding the mechanical difference and specific suitability for your air conditioning systems.</p>
          </div>

          <div className="grid lg:grid-cols-2 gap-8">
            {/* Chemical Wash Card */}
            <div className="bg-white p-8 sm:p-10 rounded-[32px] border border-slate-100 shadow-[0_4px_20px_rgb(0,0,0,0.02)] space-y-6">
              <div className="flex items-center gap-4">
                <div className="w-12 h-12 rounded-xl bg-sky-50 text-sky-600 flex items-center justify-center">
                  <Sparkles size={24} />
                </div>
                <div>
                  <h3 className="text-2xl font-extrabold text-slate-900 tracking-tight">1. Aircon Chemical Wash</h3>
                  <span className="text-xs font-bold text-emerald-600 uppercase tracking-wider">Non-Dismantled Deep Clean</span>
                </div>
              </div>
              <p className="text-slate-500 text-sm leading-relaxed font-semibold">
                This process targets cooling units with light-to-moderate dust buildup, minor musty odours, or slight airflow drops. The fan coil unit (FCU) remains mounted on the wall. Our technicians spray specialized, pH-balanced alkaline foaming compounds directly onto the aluminum evaporator fins, rinsing away surface residues and flush-cleaning the water tray.
              </p>
              <div className="border-t border-slate-100 pt-6 space-y-3">
                <h4 className="font-extrabold text-slate-800 text-sm uppercase tracking-widest">When it is recommended:</h4>
                <ul className="space-y-2 text-slate-500 text-sm font-semibold">
                  <li className="flex items-center gap-2"><CheckCircle2 size={14} className="text-emerald-500" /> Units operated under 8 hours daily</li>
                  <li className="flex items-center gap-2"><CheckCircle2 size={14} className="text-emerald-500" /> Superficial dust &amp; grease accumulation</li>
                  <li className="flex items-center gap-2"><CheckCircle2 size={14} className="text-emerald-500" /> Preventative annual restorative cleaning</li>
                </ul>
              </div>
            </div>

            {/* Chemical Overhaul Card */}
            <div className="bg-white p-8 sm:p-10 rounded-[32px] border border-slate-100 shadow-[0_4px_20px_rgb(0,0,0,0.02)] space-y-6">
              <div className="flex items-center gap-4">
                <div className="w-12 h-12 rounded-xl bg-indigo-50 text-indigo-600 flex items-center justify-center">
                  <Wrench size={24} />
                </div>
                <div>
                  <h3 className="text-2xl font-extrabold text-slate-900 tracking-tight">2. Aircon Chemical Overhaul</h3>
                  <span className="text-xs font-bold text-indigo-600 uppercase tracking-wider">Complete Unit Dismantling</span>
                </div>
              </div>
              <p className="text-slate-500 text-sm leading-relaxed font-semibold">
                An intensive restorative procedure where the fancoil assembly is physically disconnected and taken down from the wall. This allows every sub-component (evaporator coils, rotary blower fan wheel, back water tray) to be thoroughly soaked in neutralizing chemical tanks. Essential for removing severe mould colonies, grease blockages, and solid jelly biofilms deep in the drainage network.
              </p>
              <div className="border-t border-slate-100 pt-6 space-y-3">
                <h4 className="font-extrabold text-slate-800 text-sm uppercase tracking-widest">When it is recommended:</h4>
                <ul className="space-y-2 text-slate-500 text-sm font-semibold">
                  <li className="flex items-center gap-2"><CheckCircle2 size={14} className="text-indigo-500" /> Persistent water leaking &amp; PVC drainage chokes</li>
                  <li className="flex items-center gap-2"><CheckCircle2 size={14} className="text-indigo-500" /> Severe musty smells and mould colonization</li>
                  <li className="flex items-center gap-2"><CheckCircle2 size={14} className="text-indigo-500" /> Restoring static fan balance &amp; cooling power</li>
                </ul>
              </div>
            </div>
          </div>

          <div className="mt-8 bg-sky-50 border border-sky-100 rounded-3xl p-6 sm:p-8 flex flex-col sm:flex-row items-start sm:items-center gap-4">
            <Info className="text-sky-600 shrink-0 mt-1 sm:mt-0" size={24} />
            <p className="text-slate-700 text-sm font-semibold leading-relaxed">
              <strong>Professional Notice:</strong> The most appropriate treatment depends on the actual visual and physical state of your cooling system. Our certified technicians will conduct a professional, hands-on on-site mechanical inspection of your fancoils, drain pans, and operating pressures before recommending the most effective solution.
            </p>
          </div>
        </div>
      </section>

      {/* Scope of Work */}
      <section className="py-24 bg-white border-b border-slate-100">
        <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>
            <p className="text-slate-500 font-medium text-sm mt-3">A transparent, step-by-step physical breakdown of our complete dismantling process.</p>
          </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 from the wall mounting",
                "Full chemical tank soaking and flushing of the aluminum evaporator coils",
                "Deep cleaning and high-pressure washing of external casings, panels, and filters",
                "Physical removal and balancing check of the rotary blower fan wheel",
                "Clearing of biological jelly chokes within the condensate drainage PVC pipe",
                "Inspection of critical electrical components, sensors, and thermostat operations",
                "Checking operating refrigerant gas pressures (R32 / R410A systems)",
                "Full re-assembly and on-site operational performance testing"
              ].map((item, index) => (
                <div key={index} className="flex items-start gap-4 p-5 bg-slate-50 rounded-2xl 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 text-sm">{item}</p>
                </div>
              ))}
            </div>
            
            <div className="flex flex-col justify-center">
              <div className="p-8 bg-slate-50 border border-slate-100 rounded-3xl h-full flex flex-col justify-center space-y-6">
                 <ShieldCheck size={48} className="text-sky-500" />
                 <div>
                   <h4 className="font-extrabold text-slate-900 text-2xl tracking-tight mb-4 font-sans">Complete Quality Assurance</h4>
                   <p className="text-slate-500 font-semibold text-sm leading-relaxed mb-6">
                     All professional chemical overhaul jobs completed by our certified engineering specialists are backed by a workmanship guarantee. We ensure absolute care is taken to avoid pitting corrosion on copper tubes and to clear all underlying water leaking symptoms safely.
                   </p>
                   
                   <p className="text-xs font-bold text-slate-700 uppercase tracking-widest border-b border-slate-200 pb-2 mb-4">Pricing &amp; Conditions</p>
                   <p className="text-slate-600 font-medium text-xs leading-relaxed">
                     Please note that actual pricing depends on the system type, age, accessibility, and current state. Our technicians will explain their visual findings on-site. Any replacement of damaged electrical components, diagnostic troubleshooting, refrigerant gas top-up, or new system installation is charged separately.
                   </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 text-center">
                       Book An On-Site Inspection <ArrowRight size={18} />
                     </a>
                   </div>
                 </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      {/* Comprehensive Cooling Services Grid */}
      <section className="py-24 bg-slate-50 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-3xl mx-auto">
            <span className="text-sky-600 font-bold uppercase tracking-widest text-[10px] px-3 py-1 bg-white rounded-md border border-slate-200 shadow-sm">Full Capability</span>
            <h2 className="text-3xl sm:text-4xl font-extrabold text-slate-900 mt-6 tracking-tight">Our Core Air Conditioning Services</h2>
            <p className="text-slate-500 font-medium text-sm mt-3">From regular upkeep to advanced installations, Sky Blue Aircon Engineering is your long-term digital maintenance partner.</p>
          </div>

          <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
            {[
              {
                title: "Aircon Servicing",
                desc: "Routine preventative maintenance including cleaning filter meshes, front casing dusting, and condensate drainage pipe vacuuming. Starting from $40.",
                icon: <Settings2 size={24} />
              },
              {
                title: "Gas Top-Up (R32/R410A)",
                desc: "Professional pressure check and refrigerant top-up to restore optimal pressure levels and correct compressor operating conditions.",
                icon: <Gauge size={24} />
              },
              {
                title: "Troubleshooting & Repairs",
                desc: "Accurate physical and digital diagnostics of electrical faults, sensor errors, flashing lights, water dripping, and failed compressors.",
                icon: <Wrench size={24} />
              },
              {
                title: "New System Installation",
                desc: "Professional sizing and seamless installation of energy-efficient multi-split System 1 to System 4 air conditioning units.",
                icon: <Wind size={24} />
              }
            ].map((service, i) => (
              <div key={i} className="bg-white p-6 sm:p-8 rounded-3xl border border-slate-100 shadow-sm space-y-4">
                <div className="w-10 h-10 rounded-lg bg-sky-50 text-sky-600 flex items-center justify-center">
                  {service.icon}
                </div>
                <h3 className="font-extrabold text-slate-900 text-lg">{service.title}</h3>
                <p className="text-slate-500 text-xs font-semibold leading-relaxed">{service.desc}</p>
              </div>
            ))}
          </div>
        </div>
      </section>

      {/* Frequently Asked Questions Section (AEO/SEO Snippet) */}
      <section className="py-24 bg-white border-b border-slate-100">
        <div className="max-w-4xl mx-auto px-6 sm:px-8">
          <div className="text-center mb-16">
            <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">Helpful Answers</span>
            <h2 className="text-3xl sm:text-4xl font-extrabold text-slate-900 mt-6 tracking-tight">Frequently Asked Questions</h2>
            <p className="text-slate-500 font-medium text-sm mt-3">Clear, transparent answers about aircon chemical cleaning and overhauls in Singapore.</p>
          </div>

          <div className="space-y-6">
            <div className="bg-slate-50 p-6 sm:p-8 rounded-3xl border border-slate-100 shadow-sm space-y-3">
              <h3 className="font-extrabold text-slate-900 text-base sm:text-lg">Q: What is the main difference between an aircon chemical wash and a chemical overhaul?</h3>
              <p className="text-slate-500 font-semibold text-sm leading-relaxed pl-0 sm:pl-7">
                <strong>A:</strong> An aircon chemical wash is a non-dismantled deep cleaning process where pH-calibrated foaming alkaline agents are flushed directly through the evaporator coils and drainage trays while mounted on the wall. An aircon chemical overhaul is a complete restorative procedure where our certified engineers physically dismantle the entire fancoil unit from the wall, soak separated component assemblies (like the fan blower wheel and coils) in specialized chemical tanks, clear stubborn jelly biofilms from the condensate PVC pipes, and restore peak heat exchange coefficients. All recommendations are subject to physical hands-on parameter inspection.
              </p>
            </div>

            <div className="bg-slate-50 p-6 sm:p-8 rounded-3xl border border-slate-100 shadow-sm space-y-3">
              <h3 className="font-extrabold text-slate-900 text-base sm:text-lg">Q: How often should I perform an aircon chemical wash or overhaul for my home in Singapore?</h3>
              <p className="text-slate-500 font-semibold text-sm leading-relaxed pl-0 sm:pl-7">
                <strong>A:</strong> It depends on your system's age, condition, and daily usage hours. For normal residential properties running units for 6 to 8 hours daily, we recommend standard general servicing every 3 to 4 months as preventative maintenance. However, if units show signs of water leaking, musty odours, or weak airflow due to biological slime, a technician may recommend a chemical wash or complete overhaul after conducting a physical inspection.
              </p>
            </div>

            <div className="bg-slate-50 p-6 sm:p-8 rounded-3xl border border-slate-100 shadow-sm space-y-3">
              <h3 className="font-extrabold text-slate-900 text-base sm:text-lg">Q: Does a chemical wash or chemical overhaul include an aircon gas top-up or repair?</h3>
              <p className="text-slate-500 font-semibold text-sm leading-relaxed pl-0 sm:pl-7">
                <strong>A:</strong> No, diagnostic troubleshooting, refrigerant gas top-ups (to check and restore R32 or R410A operating pressures), electrical component repairs, and new aircon installations are charged separately. Our technicians will inspect the system, explain any findings, and seek customer approval for necessary repairs before proceeding.
              </p>
            </div>
          </div>
        </div>
      </section>
    </div>
  );
};