<!DOCTYPE html>

<head>

<title>OpLazy - E-commerce Assistant</title>

<style>

body { font-family: 'Inter', sans-serif; }

.gradient-text {

background: linear-gradient(to right, #4ade80, #3b82f6);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

}

/* 平滑过渡效果 */

.lang-transition {

transition: opacity 0.3s ease;

}

</style>

</head>

Op<span class="text-green-400">Lazy</span>

</div>

</button>

</div>

</nav>

<span data-cn="从未如此轻松" data-en="Made Effortless">从未如此轻松</span>

</h1>

<p class="text-xl text-gray-400 mb-10 max-w-2xl mx-auto lang-transition"

data-cn="OpLazy 是你的全能电商助手。实时订单监控、库存预警、数据日报。把繁琐留给 AI，把利润留给自己。"

data-en="OpLazy is your ultimate e-commerce assistant. Real-time tracking, inventory alerts, and daily reports. Leave the busy work to AI.">

OpLazy 是你的全能电商助手。实时订单监控、库存预警、数据日报。把繁琐留给 AI，把利润留给自己。

</p>

<a href="#" class="bg-blue-600 hover:bg-blue-500 text-white text-lg font-bold py-4 px-8 rounded-xl transition shadow-lg shadow-blue-500/30"

data-cn="免费下载 iOS 版" data-en="Download for iOS">

免费下载 iOS 版

</a>

<a href="#pricing" class="bg-gray-800 hover:bg-gray-700 text-white text-lg font-bold py-4 px-8 rounded-xl transition border border-gray-700"

data-cn="查看高级版" data-en="View Pro Plans">

查看高级版

</a>

</div>

</div>

</header>

<h2 class="text-3xl font-bold text-center mb-16" data-cn="让生意自动运转" data-en="Automate Your Business">让生意自动运转</h2>

</div>

<h3 class="text-xl font-bold mb-3" data-cn="实时销量看板" data-en="Live Sales Dashboard">实时销量看板</h3>

<p class="text-gray-400" data-cn="通过 iOS 桌面小组件，不打开 App 也能随时查看今日 GMV 和订单量。" data-en="Track today's GMV and orders directly from your home screen widget.">通过 iOS 桌面小组件，不打开 App 也能随时查看今日 GMV 和订单量。</p>

</div>

</div>

<h3 class="text-xl font-bold mb-3" data-cn="智能预警通知" data-en="Smart Alerts">智能预警通知</h3>

<p class="text-gray-400" data-cn="库存不足？销量暴涨？差评预警？第一时间收到推送，绝不错过关键信息。" data-en="Low stock? Sales spike? New review? Get instant push notifications.">库存不足？销量暴涨？差评预警？第一时间收到推送，绝不错过关键信息。</p>

</div>

</div>

<h3 class="text-xl font-bold mb-3" data-cn="多平台聚合" data-en="All-in-One Hub">多平台聚合</h3>

<p class="text-gray-400" data-cn="支持 Shopify, Etsy, Amazon 等主流平台数据聚合，一个 App 管理所有生意。" data-en="Supports Shopify, Etsy, Amazon and more. Manage all your stores in one place.">支持 Shopify, Etsy, Amazon 等主流平台数据聚合，一个 App 管理所有生意。</p>

</div>

</section>

<h2 class="text-3xl font-bold mb-12" data-cn="简单的价格，超值的回报" data-en="Simple Pricing, High ROI">简单的价格，超值的回报</h2>

<li class="flex items-center"><span class="text-green-400 mr-2">✓</span> <span data-cn="单店铺绑定" data-en="1 Store Connection">单店铺绑定</span></li>

<li class="flex items-center"><span class="text-green-400 mr-2">✓</span> <span data-cn="基础数据看板" data-en="Basic Dashboard">基础数据看板</span></li>

</ul>

<a href="#" class="block w-full py-3 bg-gray-700 hover:bg-gray-600 rounded-xl font-bold transition" data-cn="下载免费版" data-en="Download Free">下载免费版</a>

</div>

<h3 class="text-lg font-medium text-green-400">Pro Lifetime</h3>

<li class="flex items-center"><span class="text-green-400 mr-2">✓</span> <span data-cn="无限店铺绑定" data-en="Unlimited Stores">无限店铺绑定</span></li>

<li class="flex items-center"><span class="text-green-400 mr-2">✓</span> <span data-cn="实时桌面小组件" data-en="Real-time Widgets">实时桌面小组件</span></li>

<li class="flex items-center"><span class="text-green-400 mr-2">✓</span> <span data-cn="无限预警推送" data-en="Unlimited Alerts">无限预警推送</span></li>

<li class="flex items-center"><span class="text-green-400 mr-2">✓</span> <span data-cn="高级数据分析" data-en="Advanced Analytics">高级数据分析</span></li>

</ul>

</div>

</section>

</footer>

// 配置

const elementsToTranslate = document.querySelectorAll('[data-cn]');

const langToggleText = document.getElementById('lang-text');

// 1. 检查本地存储是否有语言偏好，默认中文 'cn'

let currentLang = localStorage.getItem('oplazy_lang') || 'cn';

// 2. 初始化页面语言

updatePageLanguage();

// 3. 切换函数

function toggleLanguage() {

// 如果是cn变en，如果是en变cn

currentLang = currentLang === 'cn' ? 'en' : 'cn';

// 保存设置

localStorage.setItem('oplazy_lang', currentLang);

// 更新页面

updatePageLanguage();

}

// 4. 更新页面内容的逻辑

function updatePageLanguage() {

// 更新按钮文字

langToggleText.innerText = currentLang === 'cn' ? 'EN' : '中';

// 遍历所有需要翻译的元素

elementsToTranslate.forEach(el => {

if (currentLang === 'cn') {

// 如果有HTML标签（比如换行<br>），使用innerHTML

if(el.innerHTML.includes('<') || el.dataset.cn.includes('<')) {

el.innerHTML = el.dataset.cn;

} else {

el.innerText = el.dataset.cn;

}

} else {

if(el.innerHTML.includes('<') || el.dataset.en.includes('<')) {

el.innerHTML = el.dataset.en;

} else {

el.innerText = el.dataset.en;

}

});

// 更新页面的 <html lang="..."> 属性

document.documentElement.lang = currentLang === 'cn' ? 'zh-CN' : 'en';

}

</script>

</body>

</html>