<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <!-- ============================================================== -->
    <!-- WEBSITE SNIPPETS - Reusable Building Blocks -->
    <!-- ============================================================== -->
    
    <!-- Category Card Snippet -->
    <template id="s_category_card" name="Category Card">
        <section class="s_category_card pt16 pb16">
            <div class="category-card">
                <a href="#" class="category-image">
                    <img src="/web/image/website.library_image_10" alt="Category"/>
                </a>
                <div class="category-info">
                    <h3><a href="#">Category Name</a></h3>
                    <a href="#" class="view-all">
                        View All <i class="fa fa-arrow-right"></i>
                    </a>
                </div>
            </div>
        </section>
    </template>
    
    <!-- Funding Badge Snippet -->
    <template id="s_funding_badge" name="Funding Badge">
        <div class="funding-item">
            <i class="fa fa-check-circle fa-2x text-westin-primary"></i>
            <h4>Funding Program Name</h4>
        </div>
    </template>
    
    <!-- Stats Item Snippet -->
    <template id="s_stat_item" name="Stat Item">
        <div class="stat-item">
            <div class="stat-number">1000+</div>
            <div class="stat-label">Label Here</div>
        </div>
    </template>
    
    <!-- CTA Section Snippet -->
    <template id="s_westin_cta" name="Westin CTA Section">
        <section class="westin-cta">
            <div class="container text-center">
                <h2>Your Call to Action Title</h2>
                <p>Supporting text goes here. Describe what the user should do.</p>
                <a href="/contact-us" class="btn-westin-outline">
                    <i class="fa fa-phone"></i>
                    Contact Us
                </a>
            </div>
        </section>
    </template>
    
    <!-- Hero Section Snippet -->
    <template id="s_westin_hero" name="Westin Hero Section">
        <section class="westin-hero" style="min-height: 400px; background-color: #f5f5f5;">
            <div class="container">
                <div class="hero-content">
                    <h1>Hero Title Here</h1>
                    <h2>Subtitle or supporting text goes here.</h2>
                    <a href="#" class="btn-westin-primary">
                        <i class="fa fa-arrow-right"></i>
                        Call to Action
                    </a>
                </div>
            </div>
        </section>
    </template>
    
    <!-- Intro Section Snippet -->
    <template id="s_westin_intro" name="Westin Intro Section">
        <section class="westin-intro">
            <div class="container">
                <div class="intro-content">
                    <h2>Section Title</h2>
                    <p>
                        Your introductory text goes here. This section is great for 
                        providing an overview of your company or services.
                    </p>
                </div>
            </div>
        </section>
    </template>
    
    <!-- Contact Info Block -->
    <template id="s_contact_block" name="Contact Info Block">
        <div class="contact-block p-4 bg-westin-light rounded">
            <h4 class="mb-3">Contact Us</h4>
            <div class="contact-item mb-2">
                <i class="fa fa-map-marker-alt text-westin-primary me-2"></i>
                <span>Unit 7, 15 Fisherman Drive, Brampton, ON, L7A1B7</span>
            </div>
            <div class="contact-item mb-2">
                <i class="fa fa-phone text-westin-primary me-2"></i>
                <a href="tel:+19054517743">+1 (905) 451-7743</a>
            </div>
            <div class="contact-item mb-2">
                <i class="fa fa-envelope text-westin-primary me-2"></i>
                <a href="mailto:orderdesk@westinhealthcare.com">orderdesk@westinhealthcare.com</a>
            </div>
        </div>
    </template>
    
    <!-- Business Hours Block -->
    <template id="s_hours_block" name="Business Hours Block">
        <div class="hours-block p-4 bg-westin-light rounded">
            <h4 class="mb-3">Hours of Operation</h4>
            <div class="hours-list">
                <div class="d-flex justify-content-between py-1 border-bottom">
                    <span>Monday - Friday</span>
                    <span>9:00 AM - 6:00 PM</span>
                </div>
                <div class="d-flex justify-content-between py-1 border-bottom">
                    <span>Saturday</span>
                    <span>10:00 AM - 2:00 PM</span>
                </div>
                <div class="d-flex justify-content-between py-1">
                    <span>Sunday</span>
                    <span>Closed</span>
                </div>
            </div>
        </div>
    </template>
    
</odoo>
