}

    if (langButton) {
        langButton.addEventListener('click', function(e) {
            e.preventDefault();
            switchLanguage();
        });
    }

    // Update language label based on current language
    const currentLang = getCookie('r2koda_lang') || 'zh';
    if (langLabel) {
        langLabel.textContent = currentLang === 'zh' ? 'CN / EN' : 'EN / CN';
    }
})();
</script>

<!-- Hero Section -->
<section class="relative w-full h-screen min-h-[700px] flex items-center justify-center overflow-hidden">
    <!-- Background Image with Overlay -->
    <div class="absolute inset-0 z-0">
        <img
            src="https://r2koda.keenchase.com/wp-content/themes/r2koda-theme/assets/images/hero-bg.jpg"
            alt="Pickleball Background"
            class="w-full h-full object-cover"
        />
        <div class="absolute inset-0 bg-gradient-to-t from-brand-black via-brand-black/60 to-transparent"></div>
        <div class="absolute inset-0 bg-gradient-to-r from-brand-black/90 via-brand-black/50 to-transparent"></div>
    </div>

    <!-- Content -->
    <div class="container mx-auto px-6 relative z-10 pt-20">
        <div class="max-w-4xl">
            <div class="inline-block px-3 py-1 bg-brand-lime text-brand-black font-bold text-xs uppercase tracking-widest mb-6 rounded-sm">
                Performance Driven · Global Scale
            </div>

            <h1 class="font-display text-6xl md:text-7xl lg:text-8xl font-bold leading-none mb-6 text-white">
                面向全球合作伙伴<br/>
                <span class="text-transparent bg-clip-text bg-gradient-to-r from-brand-lime to-green-600">
                    以性能为驱动                </span>
                <br/>
                的匹克球解决方案            </h1>

            <p class="text-xl md:text-2xl text-gray-300 max-w-2xl mb-8 leading-relaxed font-light">
                为全球分销商、零售商、俱乐部和体育品牌设计、制造并规模化生产。            </p>

            <div class="flex flex-col sm:flex-row gap-4">
                <a
                    href="#contact"
                    class="group bg-brand-lime text-brand-black px-8 py-4 text-lg font-bold uppercase tracking-wide rounded hover:bg-white transition-all duration-300 flex items-center justify-center gap-2"
                >
                    开始合作                    <svg class="w-5 h-5 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
                    </svg>
                </a>
                <a
                    href="#capabilities"
                    class="px-8 py-4 text-lg font-bold uppercase tracking-wide text-white border border-white/30 rounded hover:border-brand-lime hover:text-brand-lime transition-all duration-300 flex items-center justify-center"
                >
                    了解我们的能力                </a>
            </div>
        </div>
    </div>

    <!-- Decorative Elements -->
    <div class="absolute bottom-0 right-0 w-1/3 h-1/3 bg-brand-lime/10 blur-[100px] rounded-full pointer-events-none"></div>
</section>

<!-- Intro Section (About) -->
<section id="about" class="py-24 bg-white relative">
    <div class="container mx-auto px-6">
        <div class="flex flex-col lg:flex-row gap-16 items-start">

            <!-- Left: Heading & Main Graphic -->
            <div class="lg:w-1/2 sticky top-24">
                <h2 class="font-display text-4xl md:text-6xl font-bold mb-8 leading-tight text-brand-black">
                    我们不仅仅销售产品<br/>
                    我们帮助合作伙伴打造<br/>
                    <span class="text-transparent bg-clip-text bg-gradient-to-r from-brand-black to-gray-600">
                        符合市场需求的产品线                    </span>
                </h2>
                <div class="relative rounded-2xl overflow-hidden shadow-2xl border border-gray-100">
                    <img
                        src="https://r2koda.keenchase.com/wp-content/themes/r2koda-theme/assets/images/about-bg.webp"
                        alt="R2 Koda Team Design Process"
                        class="w-full h-auto object-cover hover:scale-105 transition-transform duration-700"
                    />
                    <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent flex items-end p-8">
                        <p class="text-white font-medium italic">将性能、耐用性与现代设计相结合</p>
                    </div>
                </div>
            </div>

            <!-- Right: Detailed Content -->
            <div class="lg:w-1/2 space-y-12">

                <div class="space-y-6">
                    <h3 class="text-2xl font-bold text-brand-black border-l-4 border-brand-lime pl-4">
                        关于 R² Koda                    </h3>
                    <p class="text-gray-600 leading-relaxed text-lg">
                        R² Koda是一家专注于匹克球及户外运动装备的现代化运动品牌，由一支具有丰富全球贸易、产品开发及跨境电商经验的年轻团队创立。                        我们专注于设计、开发和生产高性能的匹克球拍，将先进材料、耐用结构和简洁实用的设计融为一体。我们的使命是打造能够为不同水平的球员提供性能、耐用性和可玩性完美平衡的产品。                    </p>
                    <p class="text-gray-600 leading-relaxed text-lg">
                        基于对北美匹克球市场迅速增长的深刻理解，我们不断深化其对全球匹克球趋势及用户需求的洞察。我们与全球各地的经销商、零售商、俱乐部及新兴匹克球品牌保持紧密合作，提供可靠的制造支持以及灵活的OEM/ODM和私人个性化定制服务。                        从定制式匹克球球拍和自有品牌解决方案到可规模化的生产流程，R² Koda协助合作伙伴将具有竞争力的产品推向市场，同时致力于在快速增长的匹克球行业中构建长期成功之路。                    </p>
                </div>

                <!-- Value Points Grid -->
                <div class="grid grid-cols-1 gap-6">
                    <div class="bg-slate-50 p-8 rounded-xl border border-slate-100 hover:border-brand-lime hover:shadow-lg transition-all duration-300 group">
                        <div class="flex items-start gap-4">
                            <div class="w-12 h-12 bg-white shadow-sm rounded-full flex items-center justify-center shrink-0 group-hover:bg-brand-lime transition-colors">
                                <svg class="w-6 h-6 text-brand-black" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <circle cx="12" cy="12" r="10" stroke-width="2"/>
                                    <circle cx="12" cy="12" r="6" stroke-width="2"/>
                                    <circle cx="12" cy="12" r="2" fill="currentColor"/>
                                </svg>
                            </div>
                            <div>
                                <h4 class="text-xl font-bold text-brand-black mb-2">清晰的产品分级</h4>
                                <p class="text-gray-600 text-sm leading-relaxed">
                                    从入门到进阶、再到竞技级。我们帮助合作伙伴覆盖不同水平的玩家与市场需求。                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="bg-slate-50 p-8 rounded-xl border border-slate-100 hover:border-brand-lime hover:shadow-lg transition-all duration-300 group">
                        <div class="flex items-start gap-4">
                            <div class="w-12 h-12 bg-white shadow-sm rounded-full flex items-center justify-center shrink-0 group-hover:bg-brand-lime transition-colors">
                                <svg class="w-6 h-6 text-brand-black" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"></path>
                                </svg>
                            </div>
                            <div>
                                <h4 class="text-xl font-bold text-brand-black mb-2">长期竞争力</h4>
                                <p class="text-gray-600 text-sm leading-relaxed">
                                    我们不仅提供产品，更致力于帮助合作伙伴构建符合市场逻辑、具备长期竞争力的匹克球产品线。                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="bg-slate-50 p-8 rounded-xl border border-slate-100 hover:border-brand-lime hover:shadow-lg transition-all duration-300 group">
                        <div class="flex items-start gap-4">
                            <div class="w-12 h-12 bg-white shadow-sm rounded-full flex items-center justify-center shrink-0 group-hover:bg-brand-lime transition-colors">
                                <svg class="w-6 h-6 text-brand-black" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"></path>
                                </svg>
                            </div>
                            <div>
                                <h4 class="text-xl font-bold text-brand-black mb-2">灵活的合作模式</h4>
                                <p class="text-gray-600 text-sm leading-relaxed">
                                    提供稳定的产品质量、可扩展的供应能力以及灵活的合作模式（包括品牌与定制方案）。                                </p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>

<!-- Core Capabilities Section -->
<section id="capabilities" class="py-24 bg-brand-slate relative overflow-hidden">
    <!-- Background pattern -->
    <div class="absolute inset-0 opacity-[0.03]" style="background-image: radial-gradient(#000 1px, transparent 1px); background-size: 20px 20px;"></div>

    <div class="container mx-auto px-6 relative z-10">
        <div class="text-center max-w-3xl mx-auto mb-16">
            <span class="text-brand-black/60 font-bold tracking-widest uppercase text-sm mb-3 block">Why Choose Us</span>
            <h2 class="font-display text-4xl md:text-5xl font-bold text-brand-black mb-6">
                我们的核心能力            </h2>
            <p class="text-gray-600 text-lg">
                R² Koda 不仅仅是一个品牌，更是您值得信赖的长期合作伙伴。我们具备以下核心优势，助您在激烈的市场竞争中脱颖而出。            </p>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
            <!-- Capability 1 -->
            <div class="group relative p-8 bg-white rounded-xl shadow-sm border border-slate-100 hover:shadow-xl hover:-translate-y-1 transition-all duration-300">
                <div class="w-14 h-14 bg-brand-slate rounded-lg flex items-center justify-center mb-6 group-hover:bg-brand-lime transition-colors duration-300">
                    <svg class="w-7 h-7 text-brand-black" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"></path>
                    </svg>
                </div>
                <h3 class="text-xl font-bold text-brand-black mb-4">
                    产品设计与开发能力                </h3>
                <p class="text-gray-600 text-sm leading-relaxed">
                    围绕性能分级与实际用户需求进行产品设计，在手感、耐用性与成本之间取得平衡。                </p>
            </div>

            <!-- Capability 2 -->
            <div class="group relative p-8 bg-white rounded-xl shadow-sm border border-slate-100 hover:shadow-xl hover:-translate-y-1 transition-all duration-300">
                <div class="w-14 h-14 bg-brand-slate rounded-lg flex items-center justify-center mb-6 group-hover:bg-brand-lime transition-colors duration-300">
                    <svg class="w-7 h-7 text-brand-black" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path>
                    </svg>
                </div>
                <h3 class="text-xl font-bold text-brand-black mb-4">
                    材料与性能理解                </h3>
                <p class="text-gray-600 text-sm leading-relaxed">
                    熟悉玻纤、碳纤维、凯夫拉、蜂窝结构等复合材料特性和结构，针对不同市场定位优化拍面与结构融合表现。                </p>
            </div>

            <!-- Capability 3 -->
            <div class="group relative p-8 bg-white rounded-xl shadow-sm border border-slate-100 hover:shadow-xl hover:-translate-y-1 transition-all duration-300">
                <div class="w-14 h-14 bg-brand-slate rounded-lg flex items-center justify-center mb-6 group-hover:bg-brand-lime transition-colors duration-300">
                    <svg class="w-7 h-7 text-brand-black" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path>
                    </svg>
                </div>
                <h3 class="text-xl font-bold text-brand-black mb-4">
                    可规模化制造能力                </h3>
                <p class="text-gray-600 text-sm leading-relaxed">
                    支持稳定品质、持续供货与订单规模扩展，确保供应链的可靠性。                </p>
            </div>

            <!-- Capability 4 -->
            <div class="group relative p-8 bg-white rounded-xl shadow-sm border border-slate-100 hover:shadow-xl hover:-translate-y-1 transition-all duration-300">
                <div class="w-14 h-14 bg-brand-slate rounded-lg flex items-center justify-center mb-6 group-hover:bg-brand-lime transition-colors duration-300">
                    <svg class="w-7 h-7 text-brand-black" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
                    </svg>
                </div>
                <h3 class="text-xl font-bold text-brand-black mb-4">
                    以市场为导向的策略                </h3>
                <p class="text-gray-600 text-sm leading-relaxed">
                    基于真实市场需求、价格结构与消费者行为进行产品规划。                </p>
            </div>

            <!-- Capability 5 -->
            <div class="group relative p-8 bg-white rounded-xl shadow-sm border border-slate-100 hover:shadow-xl hover:-translate-y-1 transition-all duration-300">
                <div class="w-14 h-14 bg-brand-slate rounded-lg flex items-center justify-center mb-6 group-hover:bg-brand-lime transition-colors duration-300">
                    <svg class="w-7 h-7 text-brand-black" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"></path>
                    </svg>
                </div>
                <h3 class="text-xl font-bold text-brand-black mb-4">
                    灵活合作模式                </h3>
                <p class="text-gray-600 text-sm leading-relaxed">
                    支持品牌合作、联合开发以及OEM/ODM和私人定制化方案，与客户共同成长。                </p>
            </div>

            <!-- Call to action card -->
            <div class="relative p-8 bg-brand-black rounded-xl shadow-lg flex flex-col items-center justify-center text-center hover:scale-[1.02] transition-transform cursor-pointer group">
                <h3 class="text-2xl font-display font-bold text-white mb-2">
                    准备好开始了吗？                </h3>
                <p class="text-gray-300 mb-6 font-medium">
                    让我们一起探讨如何打造您的产品线。                </p>
                <a href="#contact" class="px-6 py-3 bg-brand-lime text-brand-black font-bold rounded hover:bg-white transition-colors w-full">
                    联系我们                </a>
            </div>
        </div>
    </div>
</section>

<!-- Featured Products Section -->

<!-- Product Philosophy Section -->
<section id="products" class="py-24 bg-white clip-path-slant">
    <div class="container mx-auto px-6">
        <div class="mb-16">
            <h2 class="font-display text-4xl md:text-6xl font-bold text-brand-black mb-6">
                产品分级体系            </h2>
            <p class="text-xl text-gray-600 max-w-2xl">
                我们既不是单纯的生活方式品牌，也不是小众竞技品牌。我们通过清晰的产品分级，覆盖全方位的市场需求。            </p>
        </div>

        <div class="grid grid-cols-1 lg:grid-cols-3 gap-0 shadow-2xl">

            <!-- Level 1: Entry -->
            <div class="group relative h-[600px] overflow-hidden border-r border-white/20">
                <img
                    src="https://r2koda.keenchase.com/wp-content/themes/r2koda-theme/assets/images/level-beginner.jpg"
                    alt="Entry Level"
                    class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 grayscale group-hover:grayscale-0"
                />
                <div class="absolute inset-0 bg-gradient-to-t from-black via-black/20 to-transparent opacity-80 transition-opacity"></div>
                <div class="absolute bottom-0 left-0 p-10 w-full">
                    <span class="bg-white text-brand-black px-2 py-1 text-xs font-bold tracking-widest uppercase mb-4 inline-block">Level 01</span>
                    <h3 class="text-4xl font-display font-bold text-white mb-3">入门级 / 休闲</h3>
                    <p class="text-white/90 transform translate-y-4 opacity-0 group-hover:translate-y-0 group-hover:opacity-100 transition-all duration-500 font-medium">
                        注重耐用性与易用性，降低初学者门槛，适合家庭娱乐与社区推广。                    </p>
                </div>
            </div>

            <!-- Level 2: Advanced -->
            <div class="group relative h-[600px] overflow-hidden border-r border-white/20">
                <img
                    src="https://r2koda.keenchase.com/wp-content/themes/r2koda-theme/assets/images/level-club.jpg"
                    alt="Advanced Level"
                    class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 grayscale group-hover:grayscale-0"
                />
                <div class="absolute inset-0 bg-gradient-to-t from-black via-black/20 to-transparent opacity-80 transition-opacity"></div>
                <div class="absolute bottom-0 left-0 p-10 w-full">
                    <span class="bg-brand-lime text-brand-black px-2 py-1 text-xs font-bold tracking-widest uppercase mb-4 inline-block">Level 02</span>
                    <h3 class="text-4xl font-display font-bold text-white mb-3">进阶级 / 俱乐部</h3>
                    <p class="text-white/90 transform translate-y-4 opacity-0 group-hover:translate-y-0 group-hover:opacity-100 transition-all duration-500 font-medium">
                        平衡控制与力量，采用碳纤维复合材料，专为追求技术提升的玩家设计。                    </p>
                </div>
            </div>

            <!-- Level 3: Pro -->
            <div class="group relative h-[600px] overflow-hidden">
                <img
                    src="https://r2koda.keenchase.com/wp-content/themes/r2koda-theme/assets/images/level-pro.jpg"
                    alt="Pro Level"
                    class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 grayscale group-hover:grayscale-0"
                />
                <div class="absolute inset-0 bg-gradient-to-t from-black via-black/20 to-transparent opacity-80 transition-opacity"></div>
                <div class="absolute bottom-0 left-0 p-10 w-full">
                   <span class="bg-brand-black text-white px-2 py-1 text-xs font-bold tracking-widest uppercase mb-4 inline-block">Level 03</span>
                    <h3 class="text-4xl font-display font-bold text-white mb-3">竞技级 / 专业</h3>
                    <p class="text-white/90 transform translate-y-4 opacity-0 group-hover:translate-y-0 group-hover:opacity-100 transition-all duration-500 font-medium">
                        极致的空气动力学设计与顶级材料，为职业赛场提供无与伦比的性能表现。                    </p>
                </div>
            </div>

        </div>
    </div>
</section>

<!-- Contact Section -->
<section id="contact" class="py-24 bg-white">
    <div class="container mx-auto px-6">
        <div class="flex flex-col lg:flex-row gap-0 bg-brand-black rounded-3xl overflow-hidden shadow-2xl">

            <!-- Contact Info (Left - Lime) -->
            <div class="lg:w-2/5 p-12 bg-brand-lime text-brand-black flex flex-col justify-between relative overflow-hidden">
                <div class="relative z-10">
                    <span class="font-bold tracking-widest uppercase text-xs mb-4 block opacity-70">Get in Touch</span>
                    <h2 class="font-display text-5xl font-bold mb-6">联系我们</h2>
                    <p class="mb-12 font-medium text-lg leading-relaxed">
                        无论您是寻求品牌合作、定制方案，还是想了解更多产品信息，我们随时为您提供支持。                    </p>

                    <div class="space-y-8">
                        <div class="flex items-start gap-4 group">
                            <div class="p-3 bg-black/5 rounded-lg group-hover:bg-black/10 transition-colors">
                                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
                                </svg>
                            </div>
                            <div>
                                <h4 class="font-bold uppercase text-xs mb-1 opacity-70">电话 / WeChat</h4>
                                <p class="font-mono font-bold text-xl">+86 17374107796</p>
                            </div>
                        </div>

                        <div class="flex items-start gap-4 group">
                            <div class="p-3 bg-black/5 rounded-lg group-hover:bg-black/10 transition-colors">
                                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
                                </svg>
                            </div>
                            <div>
                                <h4 class="font-bold uppercase text-xs mb-1 opacity-70">市场销售中心</h4>
                                <p class="leading-snug font-semibold">浙江省宁波市鄞州区<br/>飞锐嵩江高科大厦 6F</p>
                            </div>
                            <div>
                                <h4 class="font-bold uppercase text-xs mb-1 opacity-70">生产基地</h4>
                                <p class="leading-snug font-semibold">浙江省宁波市鄞州区五乡镇<br/>龙兴村</p>
                            </div>
                        </div>

                        <div class="flex items-start gap-4 group">
                           <div class="p-3 bg-black/5 rounded-lg group-hover:bg-black/10 transition-colors">
                                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
                                </svg>
                            </div>
                            <div>
                                <h4 class="font-bold uppercase text-xs mb-1 opacity-70">电子邮箱</h4>
                                <p class="font-semibold">info@rrkoda.com</p>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Decorative circle -->
                <div class="absolute -bottom-20 -right-20 w-80 h-80 bg-white/20 rounded-full blur-3xl pointer-events-none"></div>
            </div>

            <!-- Form (Right - Dark) -->
            <div class="lg:w-3/5 p-12 bg-brand-black">
                <h3 class="text-3xl font-display font-bold text-white mb-8">发送询盘</h3>
                <form class="space-y-6">
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        <div class="space-y-2">
                            <label class="block text-gray-400 text-xs font-bold uppercase tracking-wider">姓名</label>
                            <input type="text" class="w-full bg-brand-dark/50 border border-gray-700 rounded-lg p-4 text-white focus:border-brand-lime focus:bg-brand-dark focus:outline-none transition-all" placeholder="您的姓名" />
                        </div>
                        <div class="space-y-2">
                            <label class="block text-gray-400 text-xs font-bold uppercase tracking-wider">公司名称</label>
                            <input type="text" class="w-full bg-brand-dark/50 border border-gray-700 rounded-lg p-4 text-white focus:border-brand-lime focus:bg-brand-dark focus:outline-none transition-all" placeholder="公司或组织名称" />
                        </div>
                    </div>

                    <div class="space-y-2">
                        <label class="block text-gray-400 text-xs font-bold uppercase tracking-wider">电子邮箱</label>
                        <input type="email" class="w-full bg-brand-dark/50 border border-gray-700 rounded-lg p-4 text-white focus:border-brand-lime focus:bg-brand-dark focus:outline-none transition-all" placeholder="email@example.com" />
                    </div>

                    <div class="space-y-2">
                        <label class="block text-gray-400 text-xs font-bold uppercase tracking-wider">咨询类型</label>
                        <div class="relative">
                            <select class="w-full bg-brand-dark/50 border border-gray-700 rounded-lg p-4 text-white focus:border-brand-lime focus:bg-brand-dark focus:outline-none transition-all appearance-none">
                                <option>产品分销</option>
                                <option>OEM/ODM 定制</option>
                                <option>俱乐部采购</option>
                                <option>其他</option>
                            </select>
                            <div class="absolute right-4 top-1/2 -translate-y-1/2 pointer-events-none text-gray-400">▼</div>
                        </div>
                    </div>

                    <div class="space-y-2">
                        <label class="block text-gray-400 text-xs font-bold uppercase tracking-wider">留言内容</label>
                        <textarea class="w-full bg-brand-dark/50 border border-gray-700 rounded-lg p-4 text-white focus:border-brand-lime focus:bg-brand-dark focus:outline-none transition-all h-32" placeholder="请简述您的需求..."></textarea>
                    </div>

                    <button class="bg-white text-brand-black px-10 py-4 font-bold uppercase tracking-wide rounded-lg hover:bg-brand-lime transition-all duration-300 w-full md:w-auto transform hover:-translate-y-1 shadow-lg shadow-white/5">
                        提交信息                    </button>
                </form>
            </div>

        </div>
    </div>
</section>

</div><!-- #page -->

<footer class="bg-black text-white pt-16 pb-8 border-t border-white/10">
    <div class="container mx-auto px-6">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-12 mb-12">

            <!-- Brand -->
            <div class="col-span-1 md:col-span-1">
                <a href="https://r2koda.keenchase.com" class="flex items-center gap-2 mb-4">
                    <img src="https://r2koda.keenchase.com/wp-content/themes/r2koda-theme/assets/images/R2Koda-logo-white.png" alt="R² Koda" class="h-12 w-auto">
                </a>
                <p class="text-gray-500 text-sm leading-relaxed">
                    面向全球合作伙伴以性能为驱动的匹克球解决方案。为全球分销商、零售商、俱乐部和体育品牌设计、制造并规模化生产。                </p>
            </div>

            <!-- Quick Links -->
            <div>
                <h4 class="font-bold text-white mb-4 uppercase tracking-wider text-sm">快速链接</h4>
                <ul class="space-y-2 text-gray-400 text-sm">
                    <li><a href="#" class="hover:text-brand-lime transition-colors">首页</a></li>
                    <li><a href="#about" class="hover:text-brand-lime transition-colors">品牌简介</a></li>
                    <li><a href="#products" class="hover:text-brand-lime transition-colors">产品系列</a></li>
                    <li><a href="#contact" class="hover:text-brand-lime transition-colors">联系我们</a></li>
                </ul>
            </div>

            <!-- Contact (Simplified) -->
            <div>
                <h4 class="font-bold text-white mb-4 uppercase tracking-wider text-sm">联系方式</h4>
                <ul class="space-y-2 text-gray-400 text-sm">
                    <li class="flex items-center gap-2">
                        <a href="https://wa.me/17374107796" target="_blank" class="hover:text-brand-lime transition-colors">
                            <span>17374107796</span>
                        </a>
                    </li>
                    <li>
                        <a href="mailto:info@rrkoda.com" class="hover:text-brand-lime transition-colors">
                            info@rrkoda.com
                        </a>
                    </li>
                    <li>
                    工厂地址：浙江省宁波市鄞州区五乡镇龙兴村
                </li>
                <li>
                    市场销售地址：浙江省宁波市鄞州区飞锐嵩江高科大厦6F
                </li>
                </ul>
            </div>

            <!-- Socials -->
            <div>
                <h4 class="font-bold text-white mb-4 uppercase tracking-wider text-sm">关注我们</h4>
                <div class="grid grid-cols-3 gap-4">
                    <!-- LinkedIn -->
                    <a href="#" title="LinkedIn" class="w-10 h-10 bg-gray-900 flex items-center justify-center rounded hover:bg-brand-lime hover:text-brand-black transition-colors">
                        <svg class="w-[18px] h-[18px]" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
                        </svg>
                    </a>
                    <!-- Instagram -->
                    <a href="https://www.instagram.com/beluck789/" title="Instagram" class="w-10 h-10 bg-gray-900 flex items-center justify-center rounded hover:bg-brand-lime hover:text-brand-black transition-colors">
                        <svg class="w-[18px] h-[18px]" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
                        </svg>
                    </a>
                    <!-- YouTube -->
                    <a href="https://www.youtube.com/@Beluck-t5u1s" title="YouTube" class="w-10 h-10 bg-gray-900 flex items-center justify-center rounded hover:bg-brand-lime hover:text-brand-black transition-colors">
                        <svg class="w-[18px] h-[18px]" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/>
                        </svg>
                    </a>
                    <!-- Twitter/X -->
                    <a href="https://x.com/Beluck789" title="X / Twitter" class="w-10 h-10 bg-gray-900 flex items-center justify-center rounded hover:bg-brand-lime hover:text-brand-black transition-colors">
                        <svg class="w-[18px] h-[18px]" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
                        </svg>
                    </a>
                    <!-- Facebook -->
                    <a href="https://www.facebook.com/profile.php?id=61587128566801" title="Facebook" class="w-10 h-10 bg-gray-900 flex items-center justify-center rounded hover:bg-brand-lime hover:text-brand-black transition-colors">
                        <svg class="w-[18px] h-[18px]" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/>
                        </svg>
                    </a>
                    <!-- TikTok -->
                    <a href="https://www.tiktok.com/@kodaforge2" title="TikTok" class="w-10 h-10 bg-gray-900 flex items-center justify-center rounded hover:bg-brand-lime hover:text-brand-black transition-colors">
                        <svg class="w-[18px] h-[18px]" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/>
                        </svg>
                    </a>
                </div>
                <p class="text-xs text-gray-600 mt-4">
                    *Social links connected via email for inquiry                </p>
            </div>
        </div>

        <div class="border-t border-gray-900 pt-8 flex flex-col md:flex-row justify-between items-center text-xs text-gray-600">
            <p>&copy; 2026 R² Koda. All rights reserved.</p>
            <div class="flex gap-4 mt-4 md:mt-0">
                <a href="#" class="hover:text-gray-400">Privacy Policy</a>
                <a href="#" class="hover:text-gray-400">Terms of Service</a>
            </div>
        </div>
    </div>
</footer>

<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/r2koda-theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
</body>
</html>