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

<?php
/**
 * Template Name: Homepage
 * Front page template
 */
get_header(); ?>

<section class="hero">
    <div class="hero-content reveal">
        <span class="hero-badge">Serving NZ Growers Since 1986</span>
        <h1>Agricultural Equipment <span>Parts Specialists</span></h1>
        <p>Premium replacement parts for vegetable harvesters — rollers, webs, belting, joiners and more. Same day
            dispatch throughout New Zealand.</p>
        <div class="hero-actions">
            <a href="<?php echo get_post_type_archive_link('product'); ?>" class="btn btn-primary btn-lg">Browse
                Catalogue →</a>
            <a href="<?php echo home_url('/contact/'); ?>" class="btn btn-outline btn-lg">Get In Touch</a>
        </div>
    </div>
</section>

<section class="stats-bar">
    <div class="stats-grid">
        <div class="stat-item reveal">
            <div class="stat-number">39+</div>
            <div class="stat-label">Years Experience</div>
        </div>
        <div class="stat-item reveal">
            <div class="stat-number">NZ</div>
            <div class="stat-label">Wide Delivery</div>
        </div>
        <div class="stat-item reveal">
            <div class="stat-number">Same Day</div>
            <div class="stat-label">Dispatch Available</div>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="section-header reveal">
            <span class="section-label">Our Products</span>
            <h2>Browse Our Catalogue</h2>
            <p>Quality parts for onion, carrot, potato, kumera and beet harvesters from leading brands.</p>
        </div>
        <div class="categories-grid">
            <?php
$categories = ie_get_product_categories();
if (!is_wp_error($categories) && !empty($categories)) {
    $categories = array_slice($categories, 0, 6);
    foreach ($categories as $cat) {
        $cat_image = get_term_meta($cat->term_id, 'category_image', true);
?>
            <a href="<?php echo get_term_link($cat); ?>" class="category-card reveal">
                <div class="category-card-image">
                    <?php if ($cat_image): ?>
                    <img src="<?php echo esc_url($cat_image); ?>" alt="<?php echo esc_attr($cat->name); ?>">
                    <?php
        else: ?>
                    <svg width="64" height="64" fill="none" stroke="#ccc" stroke-width="1.5" viewBox="0 0 24 24">
                        <circle cx="12" cy="12" r="3" />
                        <path
                            d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83" />
                    </svg>
                    <?php
        endif; ?>
                </div>
                <div class="category-card-body">
                    <h3>
                        <?php echo esc_html($cat->name); ?>
                    </h3>
                    <p>
                        <?php echo esc_html($cat->description); ?>
                    </p>
                </div>
                <div class="category-card-footer">
                    View Products
                    <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                        <path d="M5 12h14M12 5l7 7-7 7" />
                    </svg>
                </div>
            </a>
            <?php
    }
}
else {
    // Fallback categories when none are configured yet
    $fallback_cats = array(
            array('name' => 'Custom Belts & Webs', 'desc' => 'PVC protection webs, square pitch webs, haulm webs, hedgehog belts'),
            array('name' => 'Rollers', 'desc' => 'Polyurethane, rubber on steel, and steel-only rollers in various sizes'),
            array('name' => 'Web Joiners', 'desc' => 'SLZS, SLN, ZBK, and SLZOL type joiners for all web profiles'),
            array('name' => 'Web Drive Components', 'desc' => 'Sprockets, drive rollers, and finger drive wheels'),
            array('name' => 'Belting & Repair', 'desc' => 'In-stock belting, emergency repair kits and web bars'),
            array('name' => 'Rubber Parts & Stars', 'desc' => 'Destoner stars, rubber mouldings, web shakers and covered bars'),
    );
    foreach ($fallback_cats as $fc) {
?>
            <a href="<?php echo get_post_type_archive_link('product'); ?>" class="category-card reveal">
                <div class="category-card-image">
                    <svg width="64" height="64" fill="none" stroke="#ccc" stroke-width="1.5" viewBox="0 0 24 24">
                        <circle cx="12" cy="12" r="3" />
                        <path
                            d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83" />
                    </svg>
                </div>
                <div class="category-card-body">
                    <h3>
                        <?php echo esc_html($fc['name']); ?>
                    </h3>
                    <p>
                        <?php echo esc_html($fc['desc']); ?>
                    </p>
                </div>
                <div class="category-card-footer">
                    View Products
                    <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                        <path d="M5 12h14M12 5l7 7-7 7" />
                    </svg>
                </div>
            </a>
            <?php
    }
}
?>
        </div>
    </div>
</section>

<section class="section section-alt">
    <div class="about-preview container">
        <div class="about-preview-content reveal">
            <span class="section-label">About Us</span>
            <h2>Trusted by NZ Growers for Over 39 Years</h2>
            <p>Innovative Equipment Ltd is a privately owned New Zealand company based in Canterbury, serving the
                vegetable growing industry with quality replacement parts and custom solutions.</p>
            <ul class="about-features">
                <li>
                    <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                        <polyline points="20 6 9 17 4 12" />
                    </svg>
                    Parts for Broekema, Hessels & Agro Belt harvesters
                </li>
                <li>
                    <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                        <polyline points="20 6 9 17 4 12" />
                    </svg>
                    Same day dispatch with tracking info
                </li>
                <li>
                    <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                        <polyline points="20 6 9 17 4 12" />
                    </svg>
                    Custom belts manufactured to spec
                </li>
                <li>
                    <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                        <polyline points="20 6 9 17 4 12" />
                    </svg>
                    Nationwide delivery across New Zealand
                </li>
            </ul>
            <a href="<?php echo home_url('/about/'); ?>" class="btn btn-outline">Learn More About Us →</a>
        </div>
        <div class="about-image reveal">
            <?php if (has_post_thumbnail()): ?>
            <?php the_post_thumbnail('large'); ?>
            <?php
else: ?>
            <div
                style="background:var(--color-bg-subtle);height:400px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-text-light);">
                <div style="text-align:center;">
                    <svg width="48" height="48" fill="none" stroke="currentColor" stroke-width="1.5"
                        viewBox="0 0 24 24">
                        <circle cx="12" cy="12" r="3" />
                        <path
                            d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83" />
                    </svg>
                    <p style="margin-top:1rem;">Agricultural Equipment Specialists</p>
                </div>
            </div>
            <?php
endif; ?>
        </div>
    </div>
</section>

<?php get_footer(); ?>