Core Mission: Transform industrial maintenance from an unplanned operational bottleneck into a high-efficiency revenue protector through dry-ice cryogenic innovation.

• 100% Dry & Non-Conductive: Clean electrical cabinets and transformers energized or immediately pre-restart.
• 100% Non-Abrasive: Preserves micron-level precision tolerances on expensive steel molds and tooling.
• Zero Secondary Waste: Dry ice sublimates into gas on contact, eliminating hazardous solvent disposal and wastewater treatment costs.

1. Low Market Awareness: Algerian plant directors and maintenance leads were accustomed to traditional, abrasive solvent washing and viewed dry-ice blasting with skepticism.
2. Sales Cycle Friction: Lengthy RFQ (Request for Quotation) email cycles and phone tag delayed emergency breakdown interventions.
3. Perceived Geographic Limitation: Clients in distant industrial hubs (Arzew, Rouïba, Sétif, Skikda, Hassi Messaoud) doubted whether a Mostaganem-based company could mobilize nationally.

// Context-Aware Lead Generation Routing
const whatsappNumber = "213773417719";

// Contextual pre-filled messages based on scroll position
const heroQuoteMsg = "Bonjour, je souhaite découvrir vos services CRYOJET et obtenir un devis.";
const faqInquiryMsg = "Bonjour, je souhaite obtenir plus d'informations sur vos services de nettoyage cryogénique.";
const emergencyDispatchMsg = "Bonjour, j'ai une demande d'intervention urgente pour notre site industriel.";

• Instant Lead Triage: Pre-filled messages inform the sales team of the user's entry point immediately.
• Dual Support Routing: Direct phone triggers for urgent plant breakdowns (0773 41 77 19) alongside a secondary commercial line (0550 88 20 20).
• Response Speed: Slashes inquiry latency from 24–48 hours (standard email quotes) to under 5 minutes.

// Dynamic Wilaya Activity Simulation & Logistical Readiness
useEffect(() => {
  if (wilayas.length === 0) return;

  const interval = setInterval(() => {
    // Cycles active deployment pulses across wilayas
    const randomIndex = Math.floor(Math.random() * wilayas.length);
    setActiveWilayaIndex(randomIndex);
  }, 2000);

  return () => clearInterval(interval);
}, [wilayas]);

• Anchor HQ (Mostaganem): Highlighted with a persistent warm gold gradient (#c69a4c), proving a centralized logistics hub.
• Pulsing Nationwide Deployment: Automated pulse cycles simulate live interventions across northern and southern wilayas, confirming zero regional limitations.
• Logistics Bar: Concrete confirmation of operations across 58 Wilayas, Saturday–Thursday 08:00–17:00 availability, and 100% territorial coverage.

<div className="max-w-5xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-6">
  {/* Avant (Before): Highlighting heavy grease, oxidation, carbon deposits */}
  <div
    className="relative group overflow-hidden rounded-xl shadow-lg cursor-pointer"
    onClick={() => setSelectedImage(item.before)}
  >
    <div className="absolute top-4 left-4 bg-red-500 text-white px-3 py-1 rounded-full text-sm font-bold z-10">
      AVANT
    </div>
    <img
      src={item.before}
      alt={`${item.title} Avant`}
      className="w-full object-cover group-hover:scale-105 transition-transform duration-500 h-64 md:h-80"
    />
  </div>

  {/* Après (After): Highlighting pristine metallic finish without scratches */}
  <div
    className="relative group overflow-hidden rounded-xl shadow-lg cursor-pointer"
    onClick={() => setSelectedImage(item.after)}
  >
    <div className="absolute top-4 left-4 bg-green-500 text-white px-3 py-1 rounded-full text-sm font-bold z-10">
      APRÈS
    </div>
    <img
      src={item.after}
      alt={`${item.title} Après`}
      className="w-full object-cover group-hover:scale-105 transition-transform duration-500 h-64 md:h-80"
    />
  </div>
</div>

• Interactive Zoom Lightbox: Allows technical teams to inspect metal surface integrity post-cleaning to verify zero abrasive damage.
• Real Application Verticals: Covers heavy mechanical parts, precision injection tooling, and high-temperature carbonized deposits.

@theme {
  --deep-blue: #0a2e4e;       /* Authority, stability, heavy industrial trust */
  --primary-gold: #c69a4c;    /* Premium craft, certified expertise */
  --metal-gray: #71717a;      /* Engineering blueprint neutral */
  --light-blue: #f0f9ff;      /* Cryogenic thermal cleanliness */
  --gold-gradient: linear-gradient(135deg, #e2c285 0%, #c69a4c 50%, #a67c37 100%);
}

• Tactile Ghost Cards: Offset dimensional layers in the Hero section showcase high design polish without sacrificing readability.
• Glassmorphic Badges (bg-white/20 backdrop-blur-md): Modern micro-interactions reinforce high technological sophistication.

1. Establishment of Market Category Leadership: Successfully positioned CRYOJET as Algeria's premier dry-ice blasting authority, moving away from low-margin commodity janitorial pricing to high-value industrial maintenance contracts.
2. Shortened Sales Cycle: Direct WhatsApp lead routing reduced initial client qualification time from days to under 5 minutes.
3. Overcame Geographic Hesitation: The interactive map gave prospective clients outside of Mostaganem the confidence to request immediate on-site quotes.
4. Higher Bid Win Rate: The high-trust, engineered digital presence provided sales representatives with an authoritative digital portfolio during enterprise tenders.

• Solve Buyer Anxiety First: In B2B technical services, highlighting risk mitigation (non-conductive, non-abrasive, zero residue) converts faster than generic feature lists.
• Align Conversion Channels to Local Reality: Adopting WhatsApp as the primary conversion funnel in the Algerian B2B landscape generates significantly higher qualified pipeline than standard web forms.
• Design Quality Signals Operational Quality: For high-ticket industrial contracts, a polished, high-performance web platform acts as a direct proxy for the engineering precision of the field crew.