{* PbootCMS Index Template - coqyz.com *}
{pboot:include file=head.html}

<!-- Hero Section -->
<section class="pb-hero">
    <div class="pb-container">
        <h1 class="pb-title pb-title-gradient">武汉市锋兰达科技有限公司</h1>
        <p class="pb-subtitle">为宜昌/武汉中小企业提供品牌网络推广方案</p>
        <p class="pb-subtitle">seo优化 | 网络推广 | 关键词排名 | 网站建设 | 软件开发 | 小程序开发</p>
        <div class="pb-hero-btns" style="display:flex;gap:16px;justify-content:center;flex-wrap:wrap;">
            <a href="PBBASE/contact/" class="pb-btn">立即咨询</a>
            <a href="PBBASE/about/" class="pb-btn pb-btn-outline">了解更多</a>
        </div>
    </div>
</section>

<!-- Services Section -->
<section class="pb-section" id="services">
    <div class="pb-container">
        <div class="pb-section-title">
            <h2 class="pb-title pb-title-gradient">我们的服务</h2>
            <p class="pb-subtitle">专业团队，为您提供全方位网络解决方案</p>
        </div>
        <div class="pb-grid pb-grid-3">
            <div class="pb-card pb-service-card">
                <div class="pb-service-icon">🔍</div>
                <h3>SEO优化</h3>
                <p>提升网站排名，获取更多精准流量，让客户主动找上门</p>
            </div>
            <div class="pb-card pb-service-card">
                <div class="pb-service-icon">📢</div>
                <h3>网络推广</h3>
                <p>全网营销推广，扩大品牌影响力，提升企业知名度</p>
            </div>
            <div class="pb-card pb-service-card">
                <div class="pb-service-icon">📈</div>
                <h3>关键词排名</h3>
                <p>精准关键词优化，确保核心关键词稳定排在搜索引擎前列</p>
            </div>
            <div class="pb-card pb-service-card">
                <div class="pb-service-icon">🌐</div>
                <h3>网站建设</h3>
                <p>打造高品质企业官网，塑造专业品牌形象</p>
            </div>
            <div class="pb-card pb-service-card">
                <div class="pb-service-icon">💻</div>
                <h3>软件开发</h3>
                <p>定制化软件系统开发，满足企业个性化业务需求</p>
            </div>
            <div class="pb-card pb-service-card">
                <div class="pb-service-icon">📱</div>
                <h3>小程序开发</h3>
                <p>微信/支付宝小程序开发，抢占移动端流量红利</p>
            </div>
        </div>
    </div>
</section>

<!-- About Preview Section -->
<section class="pb-section">
    <div class="pb-container">
        <div class="pb-two-column" style="align-items:center;">
            <div class="pb-card">
                <h2 class="pb-title pb-title-gradient" style="font-size:2rem;margin-bottom:24px;">关于锋兰达</h2>
                <p class="pb-text">武汉市锋兰达科技有限公司是一家专注于为企业提供品牌网络推广方案的科技公司。我们拥有一支经验丰富、技术精湛的团队，致力于为宜昌/武汉地区的中小企业提供专业、高效的网络营销服务。</p>
                <p class="pb-text">我们坚信，每个企业都有自己独特的品牌故事。通过我们的专业服务，帮助企业在数字时代脱颖而出，实现业务的持续增长。</p>
                <a href="PBBASE/about/" class="pb-btn">了解更多</a>
            </div>
            <div class="pb-card" style="text-align:center;padding:48px;">
                <div style="font-size:80px;margin-bottom:16px;">🏢</div>
                <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px;">
                    <div>
                        <div style="font-size:2.5rem;font-weight:700;background:var(--neon-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;">500+</div>
                        <div style="color:var(--text-secondary);font-size:0.875rem;">服务客户</div>
                    </div>
                    <div>
                        <div style="font-size:2.5rem;font-weight:700;background:var(--neon-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;">98%</div>
                        <div style="color:var(--text-secondary);font-size:0.875rem;">客户满意度</div>
                    </div>
                    <div>
                        <div style="font-size:2.5rem;font-weight:700;background:var(--neon-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;">8年</div>
                        <div style="color:var(--text-secondary);font-size:0.875rem;">行业经验</div>
                    </div>
                    <div>
                        <div style="font-size:2.5rem;font-weight:700;background:var(--neon-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;">50+</div>
                        <div style="color:var(--text-secondary);font-size:0.875rem;">技术团队</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- News Section -->
<section class="pb-section" id="news">
    <div class="pb-container">
        <div class="pb-section-title">
            <h2 class="pb-title pb-title-gradient">新闻资讯</h2>
            <p class="pb-subtitle">了解更多行业动态与公司新闻</p>
        </div>
        <div class="pb-grid pb-grid-3">
            {pboot:list num=6 order=date desc}
            <article class="pb-card pb-news-card">
                <a href="[list:link]">
                    <img src="[list:ico]" alt="[list:title]" class="pb-news-card-img" onerror="this.src='PBBASE/skin/images/default.jpg'">
                    <div class="pb-news-card-content">
                        <div class="pb-news-card-date">[list:date style=Y-m-d]</div>
                        <h3 class="pb-news-card-title">[list:title]</h3>
                        <p class="pb-news-card-desc">[list:description]</p>
                    </div>
                </a>
            </article>
            {/pboot:list}
        </div>
        <div class="pb-text-center pb-mt-lg">
            <a href="PBBASE/news/" class="pb-btn pb-btn-outline">查看更多</a>
        </div>
    </div>
</section>

<!-- CTA Section -->
<section class="pb-section">
    <div class="pb-container">
        <div class="pb-card" style="text-align:center;padding:60px;">
            <h2 class="pb-title pb-title-gradient" style="font-size:2rem;margin-bottom:16px;">准备好提升您的业务了吗？</h2>
            <p class="pb-subtitle">立即联系我们，获取专业网络推广方案</p>
            <a href="PBBASE/contact/" class="pb-btn">立即咨询</a>
        </div>
    </div>
</section>

{pboot:include file=footer.html}