Team

Customer

Phone

Category

Subject

Description

</div>
                                    </div>
                                    <div t-attf-class="form-group #{error and 'name' in error and 'has-error' or ''}">
                                        <label class="col-md-3 col-sm-4 control-label" for="name">Priority</label>
                                        <div class="col-md-7 col-sm-8">
                                            <select class="form-control" name="priority">
                                                <option value="0" selected="selected">Low</option>
                                                <option value="1">Middle</option>
                                                <option value="2">High</option>
                                            </select>
                                            
                                        </div>
                                    </div>
                                    <div t-attf-class="form-group form-field o_website_form_custom_attchments">

                                        <div class="col-md-3 col-sm-4">
                                            <label class="control-label" for="Attachments">Attach Files</label>
                                        </div>
                                        <div class="col-md-7 col-sm-8">
                                            <input type="file" class="form-control o_website_form_input" name="attachment" multiple="multiple"/>
                                            <label style="color:grey; font-size:12px;">Multiple files can be attach</label>
                                            
                                        </div>



                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-offset-3 col-sm-offset-4 col-sm-8 col-md-7">
                                            <button class="btn btn-success">Submit</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </group>
                </form>
            </div>
        </div>

</div>
</section>

<section class="py-16 bg-gray-100">
    <div class="container mx-auto px-4 text-center">
        <h2 class="text-2xl font-bold text-gray-900 mb-4">Need More Information?</h2>
        <p class="text-gray-600 mb-6">Contact us for a free consultation.</p>
        <a href="/demande-de-devis/" class="inline-block bg-blue-600 text-white px-8 py-3 rounded-lg font-semibold hover:bg-blue-700 transition">
            Get a Quote
        </a>
    </div>
</section>

</main>

<footer class="bg-gray-900 text-white pt-16 pb-8">
        <div class="container mx-auto px-4">
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12">
                
                <div>
                    <h3 class="text-xl font-bold mb-4">Casa Merchants</h3>
                    <p class="text-gray-400 mb-4">
                        Leading provider of water treatment solutions in Morocco and the Middle East.
                    </p>
                    <div class="flex space-x-3">
                        <a href="https://www.facebook.com/casamerchants/" target="_blank" class="text-gray-400 hover:text-white"><i class="fab fa-facebook text-xl"></i></a>
                        <a href="https://www.linkedin.com/company/casamerchants" target="_blank" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin text-xl"></i></a>
                        <a href="https://www.youtube.com/user/CasaMerchants" target="_blank" class="text-gray-400 hover:text-white"><i class="fab fa-youtube text-xl"></i></a>
                        <a href="https://www.instagram.com/casamerchants/" target="_blank" class="text-gray-400 hover:text-white"><i class="fab fa-instagram text-xl"></i></a>
                    </div>
                </div>

<div>
                    <h3 class="text-lg font-semibold mb-4">Services</h3>
                    <ul class="space-y-2 text-gray-400">
                        <li><a href="/traitement-des-eaux-usees/" class="hover:text-white">Wastewater Treatment</a></li>
                        <li><a href="/traitement-de-l-eau-osmose-inverse-et-dessalement/" class="hover:text-white">Reverse Osmosis & Desalination</a></li>
                        <li><a href="/pompage-levage-et-genie-hydraulique/" class="hover:text-white">Pumping & Hydraulic Engineering</a></li>
                        <li><a href="/pools/" class="hover:text-white">Pools & Aquaparks</a></li>
                        <li><a href="/solution-d-energie-solaire/" class="hover:text-white">Solar Energy Solutions</a></li>
                        <li><a href="/osmose-inverse-maroc/" class="hover:text-white">Osmose Inverse Maroc</a></li>
                        <li><a href="/dessalement-eau-de-mer-maroc/" class="hover:text-white">Dessalement Eau de Mer</a></li>
                        <li><a href="/station-traitement-eau-maroc/" class="hover:text-white">Station de Traitement</a></li>
                    </ul>
                </div>

<div>
                    <h3 class="text-lg font-semibold mb-4">Industries</h3>
                    <ul class="space-y-2 text-gray-400">
                        <li><a href="/power-plants/" class="hover:text-white">Power Plants</a></li>
                        <li><a href="/agriculture/" class="hover:text-white">Agriculture</a></li>
                        <li><a href="/food-beverage/" class="hover:text-white">Food & Beverage</a></li>
                        <li><a href="/hospitality-resort/" class="hover:text-white">Hospitality & Resort</a></li>
                        <li><a href="/pharmaceutical/" class="hover:text-white">Pharmaceutical</a></li>
                        <li class="pt-2"><a href="/blog/" class="hover:text-white">Blog</a></li>
                    </ul>
                </div>

<div>
                    <h3 class="text-lg font-semibold mb-4">Contact Us</h3>
                    <ul class="space-y-3 text-gray-400">
                        <li class="flex items-start">
                            <i class="fas fa-map-marker-alt mt-1 mr-3 text-blue-500"></i>
                            <span>341 Rue de l'Isère, Casablanca 20420, Morocco</span>
                        </li>
                        <li class="flex items-center">
                            <i class="fas fa-phone mr-3 text-blue-500"></i>
                            <span>+212 522 850 851 | +212 522 850 853</span>
                        </li>
                        <li class="flex items-center">
                            <i class="fas fa-envelope mr-3 text-blue-500"></i>
                            <span>contact@casamerchants.com</span>
                        </li>
                    </ul>
                </div>
            </div>

<div class="border-t border-gray-800 pt-8 text-center text-gray-500">
                <p>© 2026 Casa Merchants. All rights reserved.</p>
            </div>
        </div>
    </footer>

<div id="cookie-consent" class="fixed bottom-0 left-0 right-0 bg-gray-900 text-white p-4 z-50 shadow-lg transform translate-y-full transition-transform duration-300" style="display: none;">
        <div class="container mx-auto px-4">
            <div class="flex flex-col md:flex-row items-center justify-between gap-4">
                <div class="flex-1">
                    <p class="text-sm md:text-base">
                        <i class="fas fa-cookie-bite mr-2 text-yellow-400"></i>
                        We use cookies to enhance your browsing experience, analyze site traffic, and personalize content.
                        By clicking "Accept All", you consent to our use of cookies.
                        <a href="/privacy-policy/" class="text-blue-400 hover:text-blue-300 underline">Learn more</a>
                    </p>
                </div>
                <div class="flex gap-3 flex-shrink-0">
                    <button id="cookie-reject" class="px-4 py-2 bg-gray-700 hover:bg-gray-600 rounded-lg text-sm font-medium transition">
                        Reject All
                    </button>
                    <button id="cookie-accept" class="px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded-lg text-sm font-medium transition">
                        Accept All
                    </button>
                </div>
            </div>
        </div>
    </div>

// Cookie Consent Management
        (function() {
            const COOKIE_CONSENT_KEY = 'casa_cookie_consent';
            const COOKIE_EXPIRY_DAYS = 365;

function getCookieConsent() {
                const consent = localStorage.getItem(COOKIE_CONSENT_KEY);
                return consent ? JSON.parse(consent) : null;
            }

function setCookieConsent(accepted) {
                const consent = {
                    accepted: accepted,
                    timestamp: new Date().toISOString(),
                    expiry: new Date(Date.now() + COOKIE_EXPIRY_DAYS * 24 * 60 * 60 * 1000).toISOString()
                };
                localStorage.setItem(COOKIE_CONSENT_KEY, JSON.stringify(consent));
            }

function showBanner() {
                const banner = document.getElementById('cookie-consent');
                banner.style.display = 'block';
                setTimeout(() => {
                    banner.classList.remove('translate-y-full');
                }, 100);
            }

function hideBanner() {
                const banner = document.getElementById('cookie-consent');
                banner.classList.add('translate-y-full');
                setTimeout(() => {
                    banner.style.display = 'none';
                }, 300);
            }

function enableAnalytics() {
                // Google Analytics (if configured)
                if (typeof gtag !== 'undefined') {
                    gtag('consent', 'update', {
                        'analytics_storage': 'granted',
                        'ad_storage': 'granted'
                    });
                }
            }

// Check existing consent on page load
            const existingConsent = getCookieConsent();
            if (existingConsent) {
                // Check if consent has expired
                if (new Date(existingConsent.expiry) > new Date()) {
                    if (existingConsent.accepted) {
                        enableAnalytics();
                    } else {
                        disableAnalytics();
                    }
                } else {
                    // Consent expired, show banner again
                    localStorage.removeItem(COOKIE_CONSENT_KEY);
                    showBanner();
                }
            } else {
                // No consent given, show banner
                showBanner();
            }

// Accept button handler
            document.getElementById('cookie-accept').addEventListener('click', function() {
                setCookieConsent(true);
                enableAnalytics();
                hideBanner();
            });

// Reject button handler
            document.getElementById('cookie-reject').addEventListener('click', function() {
                setCookieConsent(false);
                disableAnalytics();
                hideBanner();
            });
        })();
    </script>

</body>
</html>

Helpdesk Support Ticket