homepage/assets/js/main.js

/* ============================================================
   沙香科技官网交互：中英切换 / 滚动淡入 / 导航
   中文为 HTML 默认内容（SEO 友好），英文通过本字典替换
   ============================================================ */
(function () {
  'use strict';

  /* ---------- 英文字典（key 对应 data-i18n） ---------- */
  var EN = {
    // 导航
    'nav.about': 'About', 'nav.grazing': 'Digital Grazing', 'nav.planting': 'Smart Planting',
    'nav.asset': 'Asset Management', 'nav.platform': 'Software Platform',
    'nav.custom': 'Custom Development', 'nav.contact': 'Contact Us',
    // Hero
    'hero.eyebrow': 'Suzhou Shashann Technology · AIoT',
    'hero.title1': 'Powering Digital', 'hero.title2': 'Transformation with AIoT',
    'hero.sub': 'Artificial intelligence, edge computing, cloud computing and low-power IoT — smart hardware products and digital software platforms that measurably boost efficiency and productivity across industries.',
    'hero.cta1': 'Explore Solutions', 'hero.cta2': 'Contact Us',
    // 关于
    'about.title': 'About Shashann',
    'about.p1': 'Suzhou Shashann Technology is an AIoT company dedicated to digital upgrading across industries — combining AI, edge computing, cloud computing and low-power IoT to deliver smart hardware products and digital software service platforms that significantly improve efficiency and productivity while cutting production and management costs.',
    'about.p2': 'At the 10th anniversary of the Belt and Road Initiative, our self-developed smart livestock product was named a "China Signature Product" and was featured in episode 6 of the documentary "The Light of Technology". Our portfolio — smart collars, smart ear tags, smart hydroponic grow racks, smart terminals and smart asset tags — is already deployed across smart grazing, smart planting and smart asset management.',
    'about.p3': 'Our core team brings deep AIoT expertise and partners with leading universities for continuous innovation, with R&D and production bases in Nanjing, Zhangjiagang and Changzhou, and products sold overseas. Guided by "Customer First, Innovation Driven", we aim to be a trusted, industry-leading AIoT company.',
    'about.stat1v': 'China Signature Product', 'about.stat1k': 'Belt & Road 10th Anniversary',
    'about.stat2v': 'The Light of Technology', 'about.stat2k': 'Featured in documentary Ep.6',
    'about.stat3v': '3 Bases', 'about.stat3k': 'Nanjing · Zhangjiagang · Changzhou',
    'about.stat4v': 'Sold Overseas', 'about.stat4k': 'Deployed at scale in many sectors',
    // 数字畜牧
    'grazing.title': 'Digital Grazing',
    'grazing.desc': 'Livestock farming is geographically scattered with long grazing cycles, long dependent on manual inspection and experience. Our collars, ear tags and Bluetooth base stations turn grazing from "by experience" into "by data".',
    'grazing.pain1t': 'Low Production Efficiency', 'grazing.pain1d': 'Each herder can only look after a limited number of livestock.',
    'grazing.pain2t': 'No Early Warning', 'grazing.pain2d': 'Wide distribution and mobility make status monitoring and traceability difficult.',
    'grazing.pain3t': 'Hard Insurance Claims', 'grazing.pain3d': 'Key events like epidemics, deaths and losses lack objective data.',
    'grazing.pain4t': 'Ecology Unmeasured', 'grazing.pain4d': 'Grassland capacity and ecological change are hard to quantify and close the loop.',
    'grazing.p1n': 'Smart Collar SG03 mini',
    'grazing.p2n': 'Smart Collar SG03',
    'grazing.p3n': 'Smart Bluetooth Ear Tag ST01',
    'grazing.p4n': 'Smart Bluetooth Base Station BG01',
    // 智慧种植
    'planting.title': 'Smart Planting',
    'planting.desc': 'Urban residents increasingly want to grow food at home, and school labor courses and AI education need better carriers. Smart hydroponics is convenient, intelligent and clean — we turn it from an expensive toy into a system that actually grows.',
    'planting.pain1t': 'For Users', 'planting.pain1d': 'Beginners fail often; one bad experience kills repurchase.',
    'planting.pain2t': 'For Products', 'planting.pain2d': 'Fake intelligence and immature consumables leave no returning revenue.',
    'planting.pain3t': 'For the Industry', 'planting.pain3d': 'The category is still seen as an expensive toy with no leading brand.',
    'planting.p1n': 'Smart Hydroponic Grow Rack HS01',
    'planting.p1note': 'Standalone cabinet design, easy to expand; supports unattended AI mode and manual control.',
    // 设备资产
    'asset.title': 'Digital Equipment & Asset Management',
    'asset.desc': 'Enterprises hold large, widely distributed asset pools that manual ledgers and periodic patrols cannot cover. IoT and AI make full lifecycle management possible — from "reactive repair" to "predictive maintenance".',
    'asset.pain1t': 'Invisible Field', 'asset.pain1d': 'Ledgers never match reality; counting assets still means walking around.',
    'asset.pain2t': 'No Traceability', 'asset.pain2d': 'Lack of recorded data makes quality issues hard to locate.',
    'asset.pain3t': 'Fragmented Systems', 'asset.pain3d': 'Multiple systems, ununified data, weak decision support.',
    'asset.pain4t': 'Reactive Maintenance', 'asset.pain4d': 'Repair-after-failure dominates; downtime costs far exceed maintenance.',
    'asset.p1n': 'Smart Terminal BB03',
    'asset.p1note': 'High-accuracy edge computing that reliably recognizes device/asset state.',
    'asset.p2n': 'UWB Smart Tag SL01',
    'asset.p2note': 'Works with safety helmets; easy to install.',
    'asset.p3n': 'Bluetooth Smart Tag ST02',
    // 软件平台
    'platform.title': 'Software Platform',
    'platform.desc': 'Every hardware line ships with a companion SaaS platform, APP and WeChat mini program — device data flows straight to the cloud, management is not tied to any terminal.',
    'platform.s1n': 'Smart Grazing System',
    'platform.s1a': 'SaaS platform, APP and WeChat mini program',
    'platform.s1b': 'Multi-account ranch management, precision tracking and geofence alarms',
    'platform.s1c': 'Livestock vitals monitoring, voice calling and music playback',
    'platform.s1d': 'Device management with full lifecycle data and traceability',
    'platform.s2n': 'Smart Hydroponics System',
    'platform.s2a': 'SaaS platform and APP',
    'platform.s2b': 'Multi-account planting management with live status',
    'platform.s2c': 'Automatic planting adjustment system',
    'platform.s2d': 'AI planting assistant',
    'platform.s3n': 'Smart Asset Management System',
    'platform.s3a': 'SaaS platform and WeChat mini program',
    'platform.s3b': 'Multi-account asset and maintenance management',
    'platform.s3c': 'Real-time computation of asset state and location',
    'platform.s3d': 'Accurate prediction and maintenance from historical data',
    // 定制开发
    'custom.title': 'Custom Software Development',
    'custom.desc': 'Building on our engineering and simulation expertise, we deliver custom systems for industry clients — from digital twins to multi-agent workflows.',
    'custom.s1n': 'Smart Beam Yard System',
    'custom.s1a': 'SaaS platform and WeChat mini program',
    'custom.s1b': 'Resettlement progress, bridge and production management',
    'custom.s1c': 'Material management, multi-sensor data access',
    'custom.s1d': 'Digital twin system',
    'custom.s2n': 'Intelligent Simulation Platform',
    'custom.s2a': 'Browser/server computing platform',
    'custom.s2b': 'Structural mechanics simulation',
    'custom.s2c': 'Thermal and fluid simulation',
    'custom.s2d': 'AI-accelerated simulation',
    'custom.s3n': 'Custom AI Agent Systems',
    'custom.s3a': 'Multi-agent workflows',
    'custom.s3b': 'AI agent optimization',
    'custom.s3c': 'Features tailored to customer needs',
    // 联系
    'contact.motto1': 'Customer First,', 'contact.motto2': 'Innovation Driven',
    'contact.sub': 'Scan the QR code, or email us about your digital upgrade needs.',
    'contact.company': 'Suzhou Shashann Technology Co., Ltd.',
    'contact.loc': 'R&D & Production Bases: Nanjing · Zhangjiagang · Changzhou',
    // 常见问题
    'faq.title': 'FAQ',
    'faq.q1': 'What is a smart collar?',
    'faq.a1': 'A smart collar is an IoT device worn around the neck of cattle, sheep and other livestock, combining positioning, vitals monitoring and geofence alarms for data-driven grazing. Shashann SG03 is solar-powered with voice calling, smart find, satellite comms and music playback; SG03 mini goes long battery + wireless charging.',
    'faq.q2': 'Ear tag or smart collar — which should I choose?',
    'faq.a2': 'Ear tags answer "many animals, cost-sensitive" tracking: ST01 supports mesh networking, loss alarms and LED find. Collars answer "deep management of key animals": positioning, vitals monitoring and voice calling. For open-range grazing, combine ear tags with the BG01 base station, and add collars for breeding stock and high-value animals.',
    'faq.q3': 'What is the difference between UWB tags and Bluetooth tags?',
    'faq.a3': 'The UWB tag SL01 delivers centimeter-level positioning with fall detection and helmet mounting — for construction sites and precision tracking. The Bluetooth tag ST02 focuses on LED find and buzzer alarms at ultra-low power and low cost — for everyday asset loss prevention. Choose UWB when you need exact positions, Bluetooth when you just need to find things.',
    'faq.q4': 'Is the smart hydroponic grow rack for homes or schools?',
    'faq.a4': 'Both. HS01 is a standalone cabinet design that is easy to expand, supporting both unattended AI mode and manual control: families use AI mode to grow food at home, while school labor courses use manual mode so students take part in the whole process.',
    'faq.q5': 'What is a digital-twin beam yard system?',
    'faq.a5': 'A digital-twin beam yard system maps production, materials, resettlement and bridge management of precast beam yards into computable digital models. Shashann delivers it as a complete package: SaaS platform + WeChat mini program + multi-sensor data access.',
    'faq.q6': 'What software platforms come with Shashann hardware?',
    'faq.a6': 'Every hardware line ships with a companion SaaS platform and APP/WeChat mini program, with device data flowing straight to the cloud: Smart Grazing System (multi-account ranch management, geofence alarms, full lifecycle traceability), Smart Hydroponics System (auto planting adjustment, AI assistant) and Smart Asset Management System (real-time state computation, predictive maintenance).',
    // Footer
    'footer.slogan': 'Powering digital transformation with AIoT',
    'footer.name': 'Suzhou Shashann Technology Co., Ltd.',
    'footer.motto': 'Customer First, Innovation Driven',
    // 功能标签（跨产品复用）
    'tag.geofence': 'Geofence Alarm', 'tag.find': 'Smart Find', 'tag.vitals': 'Vitals Monitoring',
    'tag.wireless': 'Long Battery / Wireless Charging', 'tag.solar': 'Solar Powered', 'tag.voice': 'Voice Calling',
    'tag.satellite': 'Satellite Comms', 'tag.herd': 'Smart Herding', 'tag.mesh': 'Mesh Networking',
    'tag.lost': 'Loss Alarm', 'tag.led': 'LED Find', 'tag.connect1000': '1000+ Connections',
    'tag.hiloc': 'Precision Tracking', 'tag.music': 'Music Playback', 'tag.bind': 'Tag Binding',
    'tag.cluster': 'Cluster Alarm',
    'tag.sensorx': 'Multi-sensor', 'tag.light': 'Smart Lighting', 'tag.water': 'Auto Water Circulation',
    'tag.fert': 'Auto Fertilizing', 'tag.aimode': 'Unattended AI Mode', 'tag.lowpower': 'Ultra-low Power',
    'tag.stick': 'Stick & Play', 'tag.rugged': 'Rugged', 'tag.cm': 'Centimeter Positioning',
    'tag.fall': 'Fall Detection', 'tag.easy': 'Easy Install', 'tag.buzz': 'Buzzer Alarm'
  };

  var lang = localStorage.getItem('lang') || 'zh';

  /* ---------- 语言切换 ---------- */
  var nodes = Array.prototype.slice.call(document.querySelectorAll('[data-i18n]'));
  // 首次加载时记录中文原文，供切回使用
  nodes.forEach(function (el) { el.setAttribute('data-zh', el.textContent); });

  function applyLang(l) {
    lang = l;
    localStorage.setItem('lang', l);
    document.documentElement.lang = l === 'zh' ? 'zh-CN' : 'en';
    nodes.forEach(function (el) {
      var key = el.getAttribute('data-i18n');
      var text = l === 'en' ? EN[key] : el.getAttribute('data-zh');
      if (text != null) el.textContent = text;
    });
    document.getElementById('langToggle').textContent = l === 'zh' ? 'EN' : '中文';
    document.title = l === 'zh'
      ? '智能项圈_智能水培种植架_UWB定位标签_数字孪生定制 - 苏州沙香科技'
      : 'Smart Collar_Hydroponic Grow Rack_UWB Tag_Digital Twin - Suzhou Shashann';
  }

  document.getElementById('langToggle').addEventListener('click', function () {
    applyLang(lang === 'zh' ? 'en' : 'zh');
  });

  applyLang(lang);

  /* ---------- 版权当前年份自动跨年（起始年 2023 写死在 HTML） ---------- */
  document.getElementById('copyrightYear').textContent = String(new Date().getFullYear());

  /* ---------- 导航滚动态 ---------- */
  var header = document.getElementById('siteHeader');
  function onScroll() { header.classList.toggle('scrolled', window.scrollY > 10); }
  window.addEventListener('scroll', onScroll, { passive: true });
  onScroll();

  /* ---------- 移动端菜单 ---------- */
  var menuToggle = document.getElementById('menuToggle');
  var nav = document.getElementById('siteNav');
  menuToggle.addEventListener('click', function () {
    var open = nav.classList.toggle('open');
    menuToggle.classList.toggle('open', open);
  });
  // 点击菜单项后自动收起
  nav.addEventListener('click', function (e) {
    if (e.target.tagName === 'A') {
      nav.classList.remove('open');
      menuToggle.classList.remove('open');
    }
  });

  /* ---------- 多图卡滑动指示点 ---------- */
  document.querySelectorAll('.slider').forEach(function (slider) {
    var slides = slider.querySelector('.slides');
    var figures = Array.prototype.slice.call(slides.querySelectorAll('figure'));
    if (figures.length < 2) return; // 单图卡不需要指示点

    var dots = document.createElement('div');
    dots.className = 'dots';
    var buttons = figures.map(function (_, i) {
      var b = document.createElement('button');
      b.type = 'button';
      b.setAttribute('aria-label', 'Slide ' + (i + 1));
      b.addEventListener('click', function () {
        // 滚到第 i 张居中（配合 scroll-snap-type: x mandatory）
        var f = figures[i];
        slides.scrollTo({
          left: f.offsetLeft - (slides.offsetWidth - f.offsetWidth) / 2,
          behavior: 'smooth'
        });
      });
      dots.appendChild(b);
      return b;
    });
    slider.appendChild(dots);

    // 初始把第一张居中（无动画；scroll-snap 保证落点合法）
    slides.scrollLeft =
      figures[0].offsetLeft - (slides.offsetWidth - figures[0].offsetWidth) / 2;

    // 滚动时高亮离视口中心最近的图
    function update() {
      var center = slides.scrollLeft + slides.offsetWidth / 2;
      var best = 0, bestDist = Infinity;
      figures.forEach(function (f, i) {
        var d = Math.abs(f.offsetLeft + f.offsetWidth / 2 - center);
        if (d < bestDist) { bestDist = d; best = i; }
      });
      buttons.forEach(function (b, i) { b.classList.toggle('active', i === best); });
    }
    slides.addEventListener('scroll', function () {
      window.requestAnimationFrame(update);
    }, { passive: true });
    update();
  });

  /* ---------- 滚动淡入 ---------- */
  if ('IntersectionObserver' in window) {
    var io = new IntersectionObserver(function (entries) {
      entries.forEach(function (entry) {
        if (entry.isIntersecting) {
          entry.target.classList.add('visible');
          io.unobserve(entry.target);
        }
      });
    }, { threshold: 0.12 });
    document.querySelectorAll('.reveal').forEach(function (el) { io.observe(el); });
  } else {
    document.querySelectorAll('.reveal').forEach(function (el) { el.classList.add('visible'); });
  }
})();