| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Cold Room Solutions | Home Construction</title> |
| <link rel="stylesheet" href="../../style.css"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| </head> |
| <body> |
| <custom-navbar></custom-navbar> |
| |
| <main class="container mx-auto px-4 py-12"> |
| |
| <section class="mb-16"> |
| <div class="bg-orange-50 rounded-xl p-8 md:p-12"> |
| <h1 class="text-4xl md:text-5xl font-bold mb-6 text-gray-900">Cold Room Solutions</h1> |
| <p class="text-xl text-gray-700 mb-8">Specialized cold room design and installation for commercial and industrial applications across Kenya.</p> |
| <div class="flex flex-wrap gap-4"> |
| <a href="#contact" class="bg-orange-500 hover:bg-orange-600 text-white font-semibold px-6 py-3 rounded-lg transition duration-300">Get a Quote</a> |
| <a href="#specs" class="border border-orange-500 text-orange-500 hover:bg-orange-50 font-semibold px-6 py-3 rounded-lg transition duration-300">View Specifications</a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="mb-20"> |
| <h2 class="text-3xl font-bold mb-12 text-center">Our Cold Room Capabilities</h2> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| <div class="bg-white p-8 rounded-xl shadow-md"> |
| <div class="text-orange-500 mb-4"> |
| <i data-feather="thermometer" class="w-10 h-10"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">Temperature Control</h3> |
| <p class="text-gray-600">Precision temperature regulation from +15°C to -25°C with <1°C fluctuation.</p> |
| </div> |
| |
| <div class="bg-white p-8 rounded-xl shadow-md"> |
| <div class="text-orange-500 mb-4"> |
| <i data-feather="zap" class="w-10 h-10"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">Energy Efficient</h3> |
| <p class="text-gray-600">Up to 35% energy savings with our optimized insulation and compressor systems.</p> |
| </div> |
| |
| <div class="bg-white p-8 rounded-xl shadow-md"> |
| <div class="text-orange-500 mb-4"> |
| <i data-feather="shield" class="w-10 h-10"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">Hygienic Design</h3> |
| <p class="text-gray-600">Smooth, non-porous surfaces and antimicrobial coatings for food safety compliance.</p> |
| </div> |
| |
| <div class="bg-white p-8 rounded-xl shadow-md"> |
| <div class="text-orange-500 mb-4"> |
| <i data-feather="monitor" class="w-10 h-10"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">Remote Monitoring</h3> |
| <p class="text-gray-600">24/7 temperature tracking with SMS/email alerts for out-of-range conditions.</p> |
| </div> |
| |
| <div class="bg-white p-8 rounded-xl shadow-md"> |
| <div class="text-orange-500 mb-4"> |
| <i data-feather="box" class="w-10 h-10"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">Modular Design</h3> |
| <p class="text-gray-600">Expandable systems that grow with your business, minimizing future costs.</p> |
| </div> |
| |
| <div class="bg-white p-8 rounded-xl shadow-md"> |
| <div class="text-orange-500 mb-4"> |
| <i data-feather="clock" class="w-10 h-10"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">Rapid Installation</h3> |
| <p class="text-gray-600">Most installations completed in 3-7 days with minimal business disruption.</p> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="mb-20" id="applications"> |
| <h2 class="text-3xl font-bold mb-12 text-center">Industry Applications</h2> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
| <div class="bg-white rounded-xl overflow-hidden shadow-md"> |
| <img src="http://static.photos/food/640x360/1" alt="Food Industry" class="w-full h-48 object-cover"> |
| <div class="p-8"> |
| <h3 class="text-2xl font-bold mb-4">Food & Beverage</h3> |
| <ul class="space-y-3 text-gray-600"> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-orange-500 mr-2 mt-1"></i> |
| <span>Restaurant walk-in coolers (+2°C to +4°C)</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-orange-500 mr-2 mt-1"></i> |
| <span>Commercial freezer rooms (-18°C to -22°C)</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-orange-500 mr-2 mt-1"></i> |
| <span>Beverage cooling (+5°C to +7°C)</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-orange-500 mr-2 mt-1"></i> |
| <span>Meat processing chillers (0°C to +4°C)</span> |
| </li> |
| </ul> |
| </div> |
| </div> |
| |
| <div class="bg-white rounded-xl overflow-hidden shadow-md"> |
| <img src="http://static.photos/medical/640x360/1" alt="Medical Industry" class="w-full h-48 object-cover"> |
| <div class="p-8"> |
| <h3 class="text-2xl font-bold mb-4">Pharmaceutical & Medical</h3> |
| <ul class="space-y-3 text-gray-600"> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-orange-500 mr-2 mt-1"></i> |
| <span>Vaccine storage (+2°C to +8°C)</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-orange-500 mr-2 mt-1"></i> |
| <span>Blood bank refrigeration (+4°C)</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-orange-500 mr-2 mt-1"></i> |
| <span>Laboratory freezer (-20°C to -40°C)</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-orange-500 mr-2 mt-1"></i> |
| <span>Pharmacy medication storage</span> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="mb-20" id="specs"> |
| <h2 class="text-3xl font-bold mb-8">Technical Specifications</h2> |
| |
| <div class="bg-white rounded-xl shadow-md overflow-hidden"> |
| <div class="grid grid-cols-1 md:grid-cols-3 divide-y md:divide-y-0 md:divide-x divide-gray-200"> |
| <div class="p-8"> |
| <h3 class="text-xl font-bold mb-4 text-orange-500">Insulation</h3> |
| <ul class="space-y-3 text-gray-600"> |
| <li>100-150mm PIR/PUR panels</li> |
| <li>λ = 0.022 W/mK thermal conductivity</li> |
| <li>Stainless steel or galvanized steel facings</li> |
| <li>Food-grade sealants</li> |
| <li>R-value: 4.5-6.8 m²K/W</li> |
| </ul> |
| </div> |
| |
| <div class="p-8"> |
| <h3 class="text-xl font-bold mb-4 text-orange-500">Refrigeration</h3> |
| <ul class="space-y-3 text-gray-600"> |
| <li>Copeland/Bitzer compressors</li> |
| <li>R404A/R448A refrigerants</li> |
| <li>2-30HP capacity range</li> |
| <li>Air/water cooled options</li> |
| <li>±0.5°C temperature stability</li> |
| </ul> |
| </div> |
| |
| <div class="p-8"> |
| <h3 class="text-xl font-bold mb-4 text-orange-500">Controls</h3> |
| <ul class="space-y-3 text-gray-600"> |
| <li>Digital PID controllers</li> |
| <li>Remote monitoring via GSM</li> |
| <li>Data logging (30-90 days)</li> |
| <li>Alarm systems (SMS/email)</li> |
| <li>Emergency power backup</li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="mb-20 bg-gray-50 rounded-xl p-8"> |
| <h2 class="text-3xl font-bold mb-8">Cold Room ROI Calculator</h2> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
| <div> |
| <div class="space-y-6"> |
| <div> |
| <label class="block text-gray-700 font-medium mb-2">Cold Room Size (sqm)</label> |
| <input type="range" min="5" max="100" value="25" class="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"> |
| <div class="flex justify-between text-sm text-gray-500 mt-1"> |
| <span>5 sqm</span> |
| <span>100 sqm</span> |
| </div> |
| </div> |
| |
| <div> |
| <label class="block text-gray-700 font-medium mb-2">Temperature Range</label> |
| <select class="w-full p-3 border border-gray-300 rounded-lg"> |
| <option>Chiller (+2°C to +8°C)</option> |
| <option>Freezer (-18°C to -22°C)</option> |
| <option>Blast Freezer (-40°C)</option> |
| <option>Custom Range</option> |
| </select> |
| </div> |
| |
| <div> |
| <label class="block text-gray-700 font-medium mb-2">Current Energy Cost (KSh/kWh)</label> |
| <input type="number" value="35" class="w-full p-3 border border-gray-300 rounded-lg"> |
| </div> |
| |
| <button class="bg-orange-500 hover:bg-orange-600 text-white font-semibold px-6 py-3 rounded-lg transition duration-300 w-full"> |
| Calculate Savings |
| </button> |
| </div> |
| </div> |
| |
| <div class="bg-white p-8 rounded-lg shadow-sm"> |
| <h3 class="text-xl font-bold mb-6">Estimated Results</h3> |
| |
| <div class="space-y-4"> |
| <div class="flex justify-between border-b pb-2"> |
| <span class="text-gray-600">Initial Investment</span> |
| <span class="font-semibold">KSh 1,250,000</span> |
| </div> |
| |
| <div class="flex justify-between border-b pb-2"> |
| <span class="text-gray-600">Annual Energy Cost</span> |
| <span class="font-semibold">KSh 210,000</span> |
| </div> |
| |
| <div class="flex justify-between border-b pb-2"> |
| <span class="text-gray-600">vs Standard System</span> |
| <span class="font-semibold text-green-600">Save KSh 115,000/year</span> |
| </div> |
| |
| <div class="flex justify-between border-b pb-2"> |
| <span class="text-gray-600">Payback Period</span> |
| <span class="font-semibold">4.2 years</span> |
| </div> |
| |
| <div class="flex justify-between font-bold text-lg pt-2"> |
| <span>10-Year Savings</span> |
| <span class="text-green-600">KSh 1,150,000</span> |
| </div> |
| </div> |
| |
| <button class="mt-6 border border-orange-500 text-orange-500 hover:bg-orange-50 font-semibold px-6 py-3 rounded-lg transition duration-300 w-full"> |
| Download Full Report (PDF) |
| </button> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="contact" class="bg-orange-500 rounded-xl p-8 md:p-12 text-white"> |
| <div class="max-w-3xl mx-auto text-center"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Ready to discuss your cold room project?</h2> |
| <p class="text-xl mb-8">Our team will provide a customized solution tailored to your specific requirements and budget.</p> |
| <div class="flex flex-wrap justify-center gap-4"> |
| <a href="tel:+254721393478" class="bg-white text-orange-500 hover:bg-gray-100 font-semibold px-6 py-3 rounded-lg transition duration-300 flex items-center gap-2"> |
| <i data-feather="phone"></i> |
| Call Now |
| </a> |
| <a href="mailto:info@homeconstruction.co.ke" class="border border-white text-white hover:bg-orange-600 font-semibold px-6 py-3 rounded-lg transition duration-300 flex items-center gap-2"> |
| <i data-feather="mail"></i> |
| Email Us |
| </a> |
| </div> |
| </div> |
| </section> |
| </main> |
| |
| <custom-footer></custom-footer> |
| |
| <script src="../../components/navbar.js"></script> |
| <script src="../../components/footer.js"></script> |
| <script> |
| feather.replace(); |
| </script> |
| </body> |
| </html> |
