Viên ngọc phương Đông

ruạṛ

<section class="cta-section">
    <div class="container">
        <h2>Can't Find What You Need?</h2>
        <p>We can source and supply parts for most vegetable harvester brands. Get in touch today.</p>
        <a href="<?php echo home_url('/contact/'); ?>" class="btn btn-primary btn-lg">Contact Us →</a>
    </div>
</section>

<footer class="site-footer">
    <div class="footer-grid">
        <div class="footer-brand">
            <img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="Innovative Equipment Ltd"
                style="height:50px;filter:brightness(0) invert(1);">
            <p>Innovative Equipment Ltd is a privately owned New Zealand company serving vegetable growers for over 39
                years. Parts for onion, carrot, potato, kumera and beet harvesters.</p>
        </div>

<div class="footer-col">
            <h4>Quick Links</h4>
            <ul>
                <li><a href="<?php echo home_url('/'); ?>">Home</a></li>
                <li><a href="<?php echo get_post_type_archive_link('product'); ?>">Catalogue</a></li>
                <li><a href="<?php echo home_url('/about/'); ?>">About Us</a></li>
                <li><a href="<?php echo home_url('/contact/'); ?>">Contact</a></li>
            </ul>
        </div>

<div class="footer-col">
            <h4>Categories</h4>
            <ul>
                <?php
$cats = ie_get_product_categories();
if (!is_wp_error($cats) && !empty($cats)) {
    $cats = array_slice($cats, 0, 6);
    foreach ($cats as $cat) {
        echo '<li><a href="' . get_term_link($cat) . '">' . esc_html($cat->name) . '</a></li>';
    }
}
else {
    echo '<li><a href="#">Rollers</a></li>';
    echo '<li><a href="#">Webs & Belting</a></li>';
    echo '<li><a href="#">Web Joiners</a></li>';
    echo '<li><a href="#">Repair Kits</a></li>';
    echo '<li><a href="#">Rubber Parts</a></li>';
    echo '<li><a href="#">Sundry Items</a></li>';
}
?>
            </ul>
        </div>

<div class="footer-col">
            <h4>Get In Touch</h4>
            <div class="footer-contact-item">
                <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                    <path
                        d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z" />
                </svg>
                <span>0274 321 966</span>
            </div>
            <div class="footer-contact-item">
                <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                    <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" />
                    <polyline points="22,6 12,13 2,6" />
                </svg>
                <span>sales@iel.nz</span>
            </div>
            <div class="footer-contact-item">
                <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                    <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z" />
                    <circle cx="12" cy="10" r="3" />
                </svg>
                <span>710B Hudson's Road RD4<br>Christchurch 7674</span>
            </div>
        </div>
    </div>

<div class="footer-bottom">
        <div class="container">
            &copy;
            <?php echo date('Y'); ?> Innovative Equipment Ltd. All rights reserved.
        </div>
    </div>
</footer>

<div class="modal-overlay" id="supply-overlay"></div>
<div class="modal" id="supply-modal">
    <div class="modal-header">
        <div>
            <h2>🚚 Supply ASAP</h2>
            <p>Request this product for immediate dispatch</p>
        </div>
        <button class="modal-close" onclick="closeModal('supply')">&times;</button>
    </div>
    <form id="supply-form">
        <input type="hidden" name="product_name" id="supply-product-name">
        <input type="hidden" name="part_number" id="supply-part-number">
        <div class="form-row">
            <div class="form-group">
                <label for="supply-name">Full Name *</label>
                <input type="text" id="supply-name" name="name" required>
            </div>
            <div class="form-group">
                <label for="supply-email">Email *</label>
                <input type="email" id="supply-email" name="email" required>
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label for="supply-phone">Phone *</label>
                <input type="tel" id="supply-phone" name="phone" required>
            </div>
            <div class="form-group">
                <label for="supply-company">Company</label>
                <input type="text" id="supply-company" name="company">
            </div>
        </div>
        <div class="form-group">
            <label for="supply-quantity">Quantity Required</label>
            <input type="number" id="supply-quantity" name="quantity" min="1" value="1">
        </div>
        <div class="form-group">
            <label for="supply-address">Delivery Address *</label>
            <textarea id="supply-address" name="address" rows="2" required></textarea>
        </div>
        <div class="form-group">
            <label for="supply-notes">Additional Notes</label>
            <textarea id="supply-notes" name="notes" rows="2"></textarea>
        </div>
        <div class="form-submit">
            <button type="submit" class="btn btn-supply btn-lg">Submit Request →</button>
        </div>
        <div class="form-success" id="supply-success" style="display:none;">
            <svg width="48" height="48" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                <path d="M22 11.08V12a10 10 0 11-5.93-9.14" />
                <polyline points="22 4 12 14.01 9 11.01" />
            </svg>
            <h3>Request Submitted!</h3>
            <p>We'll process your order ASAP. You'll receive a confirmation shortly.</p>
        </div>
    </form>
</div>

<div class="modal-overlay" id="quote-overlay"></div>
<div class="modal" id="quote-modal">
    <div class="modal-header">
        <div>
            <h2>📋 Get a Quote</h2>
            <p>Request pricing for this product</p>
        </div>
        <button class="modal-close" onclick="closeModal('quote')">&times;</button>
    </div>
    <form id="quote-form">
        <input type="hidden" name="product_name" id="quote-product-name">
        <input type="hidden" name="part_number" id="quote-part-number">
        <div class="form-row">
            <div class="form-group">
                <label for="quote-name">Full Name *</label>
                <input type="text" id="quote-name" name="name" required>
            </div>
            <div class="form-group">
                <label for="quote-email">Email *</label>
                <input type="email" id="quote-email" name="email" required>
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label for="quote-phone">Phone *</label>
                <input type="tel" id="quote-phone" name="phone" required>
            </div>
            <div class="form-group">
                <label for="quote-company">Company</label>
                <input type="text" id="quote-company" name="company">
            </div>
        </div>
        <div class="form-group">
            <label for="quote-quantity">Quantity</label>
            <input type="number" id="quote-quantity" name="quantity" min="1" value="1">
        </div>
        <div class="form-group">
            <label for="quote-specs">Specifications / Notes</label>
            <textarea id="quote-specs" name="specifications" rows="3"
                placeholder="Any specific requirements, dimensions, or specifications..."></textarea>
        </div>
        <div class="form-submit">
            <button type="submit" class="btn btn-quote btn-lg">Request Quote →</button>
        </div>
        <div class="form-success" id="quote-success" style="display:none;">
            <svg width="48" height="48" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                <path d="M22 11.08V12a10 10 0 11-5.93-9.14" />
                <polyline points="22 4 12 14.01 9 11.01" />
            </svg>
            <h3>Quote Requested!</h3>
            <p>We'll review your requirements and send you a quote shortly.</p>
        </div>
    </form>
</div>

<?php wp_footer(); ?>
</body>

</html>