<?php
/**
 * Front Page Template
 * 首页模板 - 参考日丰官网布局
 *
 * @package Rifeng_Weifang
 */

get_header();
?>

<!-- Hero Banner -->
<section class="hero-banner" id="hero-banner">
    <div class="hero-slider">
        <!-- Default Banner Slides -->
        <div class="hero-slide active">
            <div class="hero-overlay">
                <div class="hero-content">
                    <h1>日丰管 管用五十年</h1>
                    <p>日丰潍坊总代理 - 专业管道系统解决方案服务商</p>
                    <a href="<?php echo esc_url( home_url( '/chanpin' ) ); ?>" class="hero-btn">查看产品</a>
                </div>
            </div>
        </div>
        <div class="hero-slide">
            <div class="hero-overlay">
                <div class="hero-content">
                    <h1>PPR健康饮水管道</h1>
                    <p>绿色环保，健康饮水，为家庭提供安全可靠的用水保障</p>
                    <a href="<?php echo esc_url( home_url( '/chanpin' ) ); ?>" class="hero-btn">了解详情</a>
                </div>
            </div>
        </div>
        <div class="hero-slide">
            <div class="hero-overlay">
                <div class="hero-content">
                    <h1>日丰安全卫士服务</h1>
                    <p>专业的服务工程师，标准化的服务流程，50年质量保障承诺</p>
                    <a href="<?php echo esc_url( home_url( '/anquanweishi' ) ); ?>" class="hero-btn">了解服务</a>
                </div>
            </div>
        </div>
    </div>
    <div class="banner-pagination">
        <span class="active" data-slide="0"></span>
        <span data-slide="1"></span>
        <span data-slide="2"></span>
    </div>
</section>

<!-- Products Section -->
<section class="section" id="products">
    <div class="container">
        <div class="section-header">
            <div class="en-title">Products</div>
            <h2>日丰产品</h2>
            <div class="divider"></div>
            <p>中国新型塑料管道研发与推广应用的知名企业</p>
        </div>
        <div class="products-grid">
            <?php
            $product_pages = get_posts( array(
                'post_type'      => 'page',
                'posts_per_page' => 4,
                'post__in'       => array( 18 ), // 日丰产品页面ID
                'orderby'        => 'menu_order',
            ) );
            
            // Default products if no custom pages
            $default_products = array(
                array(
                    'title' => '日丰PPR管',
                    'desc'  => '健康饮水管道系统，绿色环保，安全耐用',
                    'link'  => home_url( '/chanpin' ),
                    'icon'  => '🔧',
                ),
                array(
                    'title' => '日丰地暖',
                    'desc'  => '舒适地暖管道系统，温暖每一个家',
                    'link'  => home_url( '/chanpin' ),
                    'icon'  => '🏠',
                ),
                array(
                    'title' => '日丰卫浴',
                    'desc'  => '高品质卫浴产品，打造舒适生活',
                    'link'  => home_url( '/chanpin' ),
                    'icon'  => '🚿',
                ),
                array(
                    'title' => '欧标系列',
                    'desc'  => '家装精品，欧洲标准品质',
                    'link'  => home_url( '/oubiao' ),
                    'icon'  => '⭐',
                ),
            );
            
            foreach ( $default_products as $product ) :
            ?>
            <div class="product-card">
                <div class="card-image" style="display:flex;align-items:center;justify-content:center;font-size:64px;background:linear-gradient(135deg,#e8f4fd 0%,#d0ebfa 100%);">
                    <?php echo $product['icon']; ?>
                </div>
                <div class="card-body">
                    <h3><?php echo esc_html( $product['title'] ); ?></h3>
                    <p><?php echo esc_html( $product['desc'] ); ?></p>
                    <a href="<?php echo esc_url( $product['link'] ); ?>" class="card-link">查看详情</a>
                </div>
            </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>

<!-- Solutions Section -->
<section class="section section-gray" id="solutions">
    <div class="container">
        <div class="section-header">
            <div class="en-title">Solutions</div>
            <h2>管道系统解决方案</h2>
            <div class="divider"></div>
            <p>专业的管道系统解决方案服务商</p>
        </div>
        <div class="solutions-grid">
            <?php
            $solutions = array(
                array( 'title' => 'PPR健康饮水管道系统', 'desc' => '绿色环保，健康饮水', 'color' => '#0281cc' ),
                array( 'title' => '中央配水系统', 'desc' => '科学分配，高效用水', 'color' => '#0066b3' ),
                array( 'title' => '舒适地暖管道系统', 'desc' => '温暖舒适，节能环保', 'color' => '#52b9fb' ),
                array( 'title' => '高层排水管道系统', 'desc' => '安全排水，静音舒适', 'color' => '#0281cc' ),
                array( 'title' => '安全护套管道系统', 'desc' => '双重保护，安全可靠', 'color' => '#0066b3' ),
                array( 'title' => '燃气管道系统', 'desc' => '安全输送，放心使用', 'color' => '#52b9fb' ),
            );
            
            foreach ( $solutions as $solution ) :
            ?>
            <div class="solution-card">
                <div style="width:100%;height:100%;background:linear-gradient(135deg,<?php echo $solution['color']; ?> 0%,<?php echo $solution['color']; ?>dd 100%);"></div>
                <div class="overlay">
                    <h3><?php echo esc_html( $solution['title'] ); ?></h3>
                    <p><?php echo esc_html( $solution['desc'] ); ?></p>
                </div>
            </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>

<!-- Service Section -->
<section class="section section-blue" id="service">
    <div class="container">
        <div class="section-header">
            <div class="en-title">Security Guard</div>
            <h2>日丰安全卫士</h2>
            <div class="divider"></div>
        </div>
        <div class="service-features">
            <div class="feature-item">
                <div class="icon">👷</div>
                <h3>专业的服务工程师</h3>
                <p>经过专业培训的安全卫士，为您提供标准化的管路检测与安装服务</p>
            </div>
            <div class="feature-item">
                <div class="icon">🔬</div>
                <h3>专业的智能测压工具</h3>
                <p>采用先进的智能测压设备，确保每一处管道连接安全可靠</p>
            </div>
            <div class="feature-item">
                <div class="icon">📋</div>
                <h3>标准化的服务流程</h3>
                <p>从检测到验收，全流程标准化管理，50年质量保障承诺</p>
            </div>
        </div>
        <div style="text-align:center;">
            <a href="<?php echo esc_url( home_url( '/anquanweishi' ) ); ?>" class="btn btn-white">了解安全卫士服务</a>
        </div>
    </div>
</section>

<!-- Stats Section -->
<section class="section" id="stats">
    <div class="container">
        <div class="section-header">
            <div class="en-title">Quality & Service</div>
            <h2>品质全球认可 服务全面到位</h2>
            <div class="divider"></div>
        </div>
        <div class="stats-grid">
            <div class="stat-item">
                <div class="stat-number">30+</div>
                <div class="stat-label">年品牌历史</div>
            </div>
            <div class="stat-item">
                <div class="stat-number">140+</div>
                <div class="stat-label">项国际认证</div>
            </div>
            <div class="stat-item">
                <div class="stat-number">50年</div>
                <div class="stat-label">质量保障</div>
            </div>
            <div class="stat-item">
                <div class="stat-number">亿万</div>
                <div class="stat-label">家庭信赖</div>
            </div>
        </div>
    </div>
</section>

<!-- About Section -->
<section class="section section-gray" id="about">
    <div class="container">
        <div class="section-header">
            <div class="en-title">About Us</div>
            <h2>关于日丰潍坊总代理</h2>
            <div class="divider"></div>
            <p>日丰管潍坊地区授权总代理，专业管道系统解决方案服务商</p>
        </div>
        <div class="about-content">
            <div class="about-text">
                <h3>企业规模宏大 研发实力雄厚</h3>
                <p>日丰潍坊总代理是日丰集团在潍坊地区的授权总代理，专业提供日丰PPR健康饮水管道、地暖管道、卫浴等全系列产品的销售、安装与售后服务。</p>
                <p>我们秉承日丰集团"品质全球认可，服务全面到位"的经营理念，为潍坊地区的家庭和企业提供高品质的管道系统解决方案。</p>
                <ul class="about-features">
                    <li>✓ 日丰集团授权总代理</li>
                    <li>✓ 50年质量保障承诺</li>
                    <li>✓ 专业的安全卫士服务</li>
                    <li>✓ 完善的售后服务体系</li>
                </ul>
                <a href="<?php echo esc_url( home_url( '/about' ) ); ?>" class="btn btn-primary">了解更多</a>
            </div>
            <div class="about-image">
                <div class="about-image-placeholder">
                    <span>🏭</span>
                    <p>日丰集团生产基地</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Video Section -->
<section class="section" id="video">
    <div class="container">
        <div class="section-header">
            <div class="en-title">Video</div>
            <h2>日丰视频</h2>
            <div class="divider"></div>
            <p>了解日丰品牌故事与产品优势</p>
        </div>
        <div class="video-grid">
            <div class="video-card">
                <div class="video-placeholder">
                    <span class="play-icon">▶</span>
                    <p>日丰品牌宣传片</p>
                </div>
            </div>
            <div class="video-card">
                <div class="video-placeholder">
                    <span class="play-icon">▶</span>
                    <p>日丰安全卫士服务</p>
                </div>
            </div>
            <div class="video-card">
                <div class="video-placeholder">
                    <span class="play-icon">▶</span>
                    <p>日丰产品展示</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- News Section -->
<section class="section section-gray" id="news">
    <div class="container">
        <div class="section-header">
            <div class="en-title">Latest News</div>
            <h2>新闻动态</h2>
            <div class="divider"></div>
            <p>了解日丰潍坊总代理的最新资讯</p>
        </div>
        <div class="news-grid">
            <?php
            $news_query = new WP_Query( array(
                'posts_per_page' => 3,
                'post_status'    => 'publish',
                'post_type'      => 'post',
            ) );
            
            if ( $news_query->have_posts() ) :
                while ( $news_query->have_posts() ) : $news_query->the_post();
            ?>
            <article class="news-card">
                <a href="<?php the_permalink(); ?>">
                    <?php if ( has_post_thumbnail() ) : ?>
                        <div class="card-image">
                            <?php the_post_thumbnail( 'news-thumb' ); ?>
                        </div>
                    <?php else : ?>
                        <div class="card-image" style="background:linear-gradient(135deg,#0281cc 0%,#0066b3 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;">
                            📰
                        </div>
                    <?php endif; ?>
                    <div class="card-body">
                        <div class="card-date"><?php echo get_the_date( 'Y-m-d' ); ?></div>
                        <h3><?php the_title(); ?></h3>
                        <p><?php echo wp_trim_words( get_the_excerpt(), 20 ); ?></p>
                        <span class="read-more">阅读更多 →</span>
                    </div>
                </a>
            </article>
            <?php
                endwhile;
                wp_reset_postdata();
            else :
            ?>
            <div class="news-card">
                <div class="card-image" style="background:linear-gradient(135deg,#0281cc 0%,#0066b3 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;height:200px;">
                    📰
                </div>
                <div class="card-body">
                    <div class="card-date"><?php echo date( 'Y-m-d' ); ?></div>
                    <h3>日丰潍坊总代理正式运营</h3>
                    <p>日丰管潍坊地区授权总代理，为您提供专业的管道系统解决方案。</p>
                    <span class="read-more">阅读更多 →</span>
                </div>
            </div>
            <?php endif; ?>
        </div>
        <div style="text-align:center;margin-top:40px;">
            <a href="<?php echo esc_url( home_url( '/blog' ) ); ?>" class="btn btn-outline">查看更多新闻</a>
        </div>
    </div>
</section>

<?php get_footer();
