<?php
/**
 * Block Template: Products Services
 * 三列产品服务区块模板
 */

// 防止直接访问
if (!defined('ABSPATH')) {
    exit;
}

// 获取区块属性
$block_id = isset($block['id']) ? $block['id'] : 'products-services-' . uniqid();
$class_name = 'products-services-block';
if (!empty($block['className'])) {
    $class_name .= ' ' . $block['className'];
}
if (!empty($block['align'])) {
    $class_name .= ' align' . $block['align'];
}
?>

<div id="<?php echo esc_attr($block_id); ?>" class="<?php echo esc_attr($class_name); ?>">
    <div class="products-services-container">
        <!-- 标题部分 -->
        <div class="products-services-header">
            <p class="products-services-subtitle">PRODUCTS AND SERVICES</p>
            <h2 class="products-services-title mb-2" style="font-size: 2.66rem;">产品与服务</h2>
             <div class="w-12 h-1 bg-primary mx-auto"></div>
        </div>
        
        <div class="products-services-grid">
            <div class="products-services-item">
                <div class="products-services-image">
					<a href="/solar-wind/"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/home-p-1.png" alt="光伏和风力发电" loading="lazy"></a>
                </div>
            </div>
            <!-- 第一列 -->
            <div class="products-services-item">
                <div class="products-services-image">
					<a href="/products/"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/home-p-2.png" alt="储能系统" loading="lazy"></a>
                </div>
            </div>
            
            <!-- 第二列 -->
            <div class="products-services-item">
                <div class="products-services-image">
                    <a href="/charge-change/"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/home-p-3.png" alt="商业车充换电" loading="lazy"></a>
                </div>
            </div>
            
            <!-- 第三列 -->
            <div class="products-services-item">
                <div class="products-services-image">
                    <a href="/multi-energy/"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/home-p-4.png" alt="综合能源" loading="lazy"></a>
                </div>
            </div>
        </div>
    </div>
</div>