<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="google-site-verification" content="QICuvE6HIMEOU4up3m2DUNvZfoJpl2PIgYtbfGADvD0" />
  <title>ICEMAR | HVAC'R & Cleanroom Solutions</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <meta name="description" content="Leading provider of HVAC-R and Modular Cleanroom solutions in Morocco and Africa. Expert industrial cooling, air treatment, and cleanroom engineering." />
  <meta name="keywords" content="HVAC, Cleanroom, Morocco, Industrial Cooling, HVAC-R, ICEMAR, Modular Cleanrooms, Air Treatment" />
  <meta name="author" content="ICEMAR" />

  <!-- Open Graph -->
  <meta property="og:title" content="ICEMAR | HVAC'R & Cleanroom Solutions" />
  <meta property="og:description" content="Leading provider of HVAC-R and Modular Cleanroom solutions in Morocco and Africa. Engineering excellence for your industrial needs." />
  <meta property="og:image" content="https://gamerpro.click/images/hero-bg-v2.png" />
  <meta property="og:url" content="https://gamerpro.click/" />
  <meta property="og:type" content="website" />

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="ICEMAR | HVAC'R & Cleanroom Solutions" />
  <meta name="twitter:description" content="Leading provider of HVAC-R and Modular Cleanroom solutions in Morocco and Africa." />
  <meta name="twitter:image" content="https://gamerpro.click/images/hero-bg-v2.png" />

  <!-- Favicon -->
  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
  <link rel="alternate icon" href="/favicon.ico" />
  <link rel="apple-touch-icon" href="/favicon.svg" />

  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
    rel="stylesheet">
  <script>
    tailwind.config = {
      theme: {
        extend: {
          fontFamily: {
            sans: ['Inter', 'sans-serif'],
          },
          colors: {
            icemar: {
              navy: '#0B3D91', // Deep Navy
              dark: '#051C45', // Darker Navy for footers/heros
              cyan: '#00AEEF', // Vibrant Cyan
              green: '#4CAF50', // Tech Green
              grey: '#F3F4F6', // Clean Grey
            }
          },
          backgroundImage: {
            'hero-pattern': "url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?q=80&w=2532&auto=format&fit=crop')",
          },
          animation: {
            'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',
            'scroll': 'scroll 60s linear infinite',
          },
          keyframes: {
            scroll: {
              '0%': { transform: 'translateX(0)' },
              '100%': { transform: 'translateX(-50%)' },
            }
          }
        }
      }
    }
  </script>
  <style>
    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }

    ::-webkit-scrollbar-track {
      background: #f1f1f1;
    }

    ::-webkit-scrollbar-thumb {
      background: #0B3D91;
      border-radius: 4px;
    }

    ::-webkit-scrollbar-thumb:hover {
      background: #00AEEF;
    }

    .glass-panel {
      background: rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.2);
    }

    .scroll-reveal {
      opacity: 0;
      transform: translateY(20px);
      transition: all 0.5s ease-out;
    }

    .scroll-reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }

    /* Pause animation on hover */
    .pause-on-hover:hover .animate-scroll {
      animation-play-state: paused;
    }
  </style>

  <link rel="stylesheet" href="/index.css">
  <script type="importmap">
{
  "imports": {
    "react": "https://aistudiocdn.com/react@^19.2.0",
    "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/",
    "react/": "https://aistudiocdn.com/react@^19.2.0/",
    "lucide-react": "https://aistudiocdn.com/lucide-react@^0.554.0",
    "react-router-dom": "https://aistudiocdn.com/react-router-dom@^7.9.6",
    "vite": "https://aistudiocdn.com/vite@^7.2.4",
    "@vitejs/plugin-react": "https://aistudiocdn.com/@vitejs/plugin-react@^5.1.1"
  }
}
</script>
  <script type="module" crossorigin src="/assets/index-C-F95-Xj.js"></script>
  <link rel="stylesheet" crossorigin href="/assets/index-COvx3NT0.css">
</head>

<body>
  <div id="root"></div>
</body>

</html>