鏋挓閰掔 - 閰掑簵杩愯惀绠＄悊涓庤嚜鐮斿伐鍏峰钩鍙?/title> <meta name="description" content="鏋挓閰掔涓撴敞閰掑簵杩愯惀銆丱TA 浼樺寲涓庤嚜鐮旈厭搴楀伐鍏凤紝鏀寔浼氬憳鎺堟潈鍜屽崟宸ュ叿鎺堟潈浣跨敤銆?> <link rel="stylesheet" href="css/styles.css"> </head> <body> <header class="site-header" id="header"> <div class="header-inner"> <a class="logo" href="#home" aria-label="杩斿洖棣栭〉"> <span class="logo-mark" aria-hidden="true">鏋?/span> <span class="logo-text">鏋挓<span>閰掔</span></span> </a> <nav class="desktop-nav" aria-label="涓诲鑸?> <a href="#services">鏍稿績鏈嶅姟</a> <a href="#advantage">宸紓浼樺娍</a> <a href="#tools">鑷爺宸ュ叿</a> <a href="#contact">鑱旂郴鎴戜滑</a> <button class="nav-login" type="button" id="memberLoginTop">浼氬憳鐧诲綍</button> </nav> <button class="menu-toggle" type="button" id="menuToggle" aria-label="鎵撳紑鑿滃崟"> <span></span><span></span><span></span> </button> </div> </header> <div class="mobile-nav" id="mobileNav"> <a href="#services">鏍稿績鏈嶅姟</a> <a href="#advantage">宸紓浼樺娍</a> <a href="#tools">鑷爺宸ュ叿</a> <a href="#contact">鑱旂郴鎴戜滑</a> <button class="btn-primary" type="button" id="memberLoginMobile">浼氬憳鐧诲綍</button> </div> <main> <section class="hero" id="home"> <div class="hero-bg" aria-hidden="true"> <div class="hero-grid"></div> </div> <div class="container hero-layout"> <div class="hero-content"> <div class="hero-badge"> <span class="pulse-dot" aria-hidden="true"></span> 涓撴敞閰掓梾琛屼笟路鏅鸿兘鍖栬繍钀? </div> <h1>涓撲笟閰掑簵杩愯惀绠＄悊涓?<span>AI+閰掑簵杩愯惀宸ュ叿</span> 鏈嶅姟鍟?/h1> <p class="hero-desc">甯姪閰掑簵鍦?OTA 涓婂璧氶挶锛岀敤鏁版嵁鍜岃嚜鐮斿伐鍏锋妸浠锋牸銆佹埧鎬併€佺珵瀵广€佽惀閿€鐗╂枡鍙樻垚鍙墽琛岀殑杩愯惀鍔ㄤ綔銆?/p> <div class="hero-actions"> <a class="btn-primary" href="#tools">杩涘叆鑷爺宸ュ叿</a> <a class="btn-secondary" href="#services">浜嗚В鏈嶅姟鍐呭</a> </div> <div class="hero-stats"> <div><strong>7x24</strong><span>鑷姩鍖栫洃鎺?/span></div> <div><strong>OTA+</strong><span>澶氬钩鍙拌繍钀?/span></div> <div><strong>浼氬憳鍒?/strong><span>缁熶竴宸ュ叿鏉冮檺</span></div> </div> </div> <div class="hero-dashboard" aria-label="閰掑簵杩愯惀鏁版嵁闈㈡澘绀烘剰"> <div class="dashboard-top"> <span>Hotel Ops Console</span> <small id="accountStatus">鏈櫥褰?/small> </div> <div class="dashboard-kpis"> <div><span>浼氬憳鐘舵€?/span><strong id="identitySummary">娓稿</strong></div> <div><span>鍒版湡鏃堕棿</span><strong id="memberExpiry">鏈紑閫?/strong></div> <div><span>宸茶В閿?/span><strong id="unlockCount">0 涓?/strong></div> </div> <div class="dashboard-chart"> <i style="height: 42%"></i> <i style="height: 64%"></i> <i style="height: 50%"></i> <i style="height: 78%"></i> <i style="height: 58%"></i> <i style="height: 86%"></i> </div> <button class="btn-quiet" type="button" id="clearAccess">閫€鍑虹櫥褰?/button> </div> </div> </section> <section class="services" id="services"> <div class="container"> <div class="section-header reveal"> <p class="section-label">What We Do</p> <h2>鏍稿績鏈嶅姟</h2> <p>鍥寸粫閰掑簵杩愯惀鍏ㄩ摼璺紝鎻愪緵浠庡钩鍙颁唬杩愯惀鍒版櫤鑳藉寲绯荤粺鍗囩骇鐨勪竴绔欏紡鏈嶅姟銆?/p> </div> <div class="services-grid"> <article class="service-card reveal"> <div class="service-icon">OTA</div> <h3>OTA杩愯惀</h3> <p>瑕嗙洊浜у搧浼樺寲銆佽瘎浠风鐞嗐€佹椿鍔ㄩ厤缃€佹祦閲忚幏鍙栦笌杞寲鎻愬崌锛岃绾夸笂娓犻亾鎴愪负閰掑簵绋冲畾澧為暱寮曟搸銆?/p> <span>OTA Operations</span> </article> <article class="service-card reveal"> <div class="service-icon">AI</div> <h3>AI+閰掑簵宸ュ叿</h3> <p>灏嗘埧鎬佽拷韪€佸晢鍦堟礊瀵熴€佺珵瀵圭洃鎺с€佹捣鎶ョ墿鏂欑瓑楂橀鍔ㄤ綔宸ュ叿鍖栵紝鍑忓皯浜哄伐鐩洏鍜岄噸澶嶅姵鍔ㄣ€?/p> <span>AI + Tools</span> </article> <article class="service-card reveal"> <div class="service-icon">UP</div> <h3>鏅鸿兘鍖栧崌绾ф敼閫?/h3> <p>浠庣郴缁熷鎺ャ€佹暟鎹墦閫氬埌杩愯惀娴佺▼浼樺寲锛屼负閰掑簵鎻愪緵鏇磋交銆佹洿蹇€佹洿璐磋韩鐨勬暟瀛楀寲鍗囩骇鏂规銆?/p> <span>Smart Upgrade</span> </article> </div> </div> </section> <section class="advantage" id="advantage"> <div class="container advantage-layout"> <div class="section-header reveal"> <p class="section-label">Our Edge</p> <h2>鎴戜滑鐨勫樊寮傚寲浼樺娍</h2> <p>鎴戜滑涓嶆槸鍙崠杞欢锛屼篃涓嶆槸浼犵粺浠ｈ繍钀ャ€傛垜浠妸閰掑簵杩愯惀缁忛獙銆佹暟鎹垽鏂拰鑷爺宸ュ叿鏀惧湪鍚屼竴濂椾氦浠橀噷銆?/p> </div> <div class="advantage-list"> <article class="advantage-card reveal"><strong>01</strong><h3>鏇存噦閰掑簵杩愯惀</h3><p>宸ュ叿鍥寸粫鐪熷疄缁忚惀鍦烘櫙璁捐锛屼笉鍋氱湅璧锋潵澶嶆潅銆佺敤璧锋潵璐瑰姴鐨勭郴缁熴€?/p></article> <article class="advantage-card reveal"><strong>02</strong><h3>鏇磋创杩戞湰鍦板競鍦?/h3><p>鍏虫敞宸濇笣鍙婂懆杈归厭搴楃殑娑堣垂涔犳儻銆佽妭鍋囨棩鑺傚鍜?OTA 绔炰簤鐜銆?/p></article> <article class="advantage-card reveal"><strong>03</strong><h3>鏇撮€傚悎灏忓洟闃?/h3><p>鎶婇噸澶嶅伐浣滀氦缁欏伐鍏凤紝鎶婂垽鏂拰绛栫暐鐣欑粰杩愯惀浜猴紝闄嶄綆浜哄姏鍘嬪姏銆?/p></article> </div> </div> </section> <section class="tools-section" id="tools"> <div class="container"> <div class="tools-head"> <div class="section-header reveal"> <p class="section-label">Our Products</p> <h2>鑷爺鏍稿績宸ュ叿</h2> <p>浼氬憳鐧诲綍鍚庡彲浣跨敤鍏ㄩ儴宸插紑鏀惧伐鍏凤紱娌℃湁浼氬憳鏃讹紝涔熷彲浠ヤ娇鐢ㄥ搴斿伐鍏风殑鍗曞伐鍏锋巿鏉?Key 瑙ｉ攣浣跨敤銆?/p> </div> <div class="access-panel reveal"> <span>浼氬憳鎺堟潈</span> <strong>鐧诲綍鍚庝娇鐢ㄥ伐鍏?/strong> <button class="btn-secondary" type="button" id="memberLoginTools">浼氬憳鐧诲綍</button> </div> </div> <div class="tools-grid" id="toolGrid" aria-live="polite"></div> </div> </section> <section class="roadmap"> <div class="container"> <div class="section-header reveal"> <p class="section-label">Roadmap</p> <h2>宸ュ叿骞冲彴涓婄嚎鑺傚</h2> </div> <div class="roadmap-grid"> <article class="reveal"><span>01</span><h3>瀹樼綉鍏ュ彛</h3><p>鍦ㄨ嚜鐮旀牳蹇冨伐鍏锋爮鐩腑灞曠ず鍏ㄩ儴宸ュ叿鍏ュ彛銆?/p></article> <article class="reveal"><span>02</span><h3>鍗曞伐鍏锋巿鏉?/h3><p>璐拱鍗曚釜宸ュ叿鍚庯紝鍙В閿佸搴斿伐鍏枫€?/p></article> <article class="reveal"><span>03</span><h3>浼氬憳鎺堟潈</h3><p>浼氬憳鐧诲綍鍚庯紝缁熶竴瑙ｉ攣鎵€鏈夊凡寮€鏀惧伐鍏枫€?/p></article> <article class="reveal"><span>04</span><h3>鎸佺画鏇存柊</h3><p>娴锋姤妯℃澘銆佺珵瀵规樉寰暅绛夊伐鍏蜂細鎸佺画瀹屽杽銆?/p></article> </div> </div> </section> <section class="cta-banner"> <div class="container"> <div class="cta-inner reveal"> <h2>鍑嗗濂芥妸閰掑簵杩愯惀宸ュ叿鍖栦簡鍚楋紵</h2> <p>浠庢棩甯歌繍钀ラ噷鐨勯珮棰戝姩浣滃紑濮嬶紝鎶婅惀閿€鐗╂枡銆佹埧鎬佽拷韪拰绔炲瑙傚療鍙樻垚鍙洿鎺ヤ娇鐢ㄧ殑宸ュ叿銆?/p> <a class="btn-primary" href="#contact">棰勭害鍜ㄨ</a> </div> </div> </section> <section class="contact" id="contact"> <div class="container contact-layout"> <div class="section-header reveal"> <p class="section-label">Get In Touch</p> <h2>鑱旂郴鎴戜滑</h2> <p>闇€瑕佸畾鍒跺伐鍏枫€佽喘涔颁細鍛樻垨鎺ュ叆閰掑簵杩愯惀绯荤粺锛岄兘鍙互鍏堢暀涓嬮渶姹傘€?/p> <div class="contact-info"> <a href="tel:157-2329-6264">鐢佃瘽锛?57-2329-6264</a> <a href="mailto:haifeng07251022@gmail.com">閭锛歨aifeng07251022@gmail.com</a> <span>鍦板潃锛氶噸搴嗗競娓濆寳鍖?/span> </div> </div> <form class="contact-form reveal" id="contactForm" action="https://formspree.io/f/mykojbez" method="POST"> <label>濮撳悕<input name="name" required placeholder="璇疯緭鍏ュ鍚?></label> <label>鐢佃瘽<input name="phone" required placeholder="鎵嬫満鍙风爜"></label> <label>閰掑簵/浼佷笟<input name="hotel" placeholder="濡傦細XX閰掑簵"></label> <label>闇€姹?textarea name="message" required placeholder="璇风畝鍗曟弿杩版偍鐨勯渶姹?></textarea></label> <button class="btn-primary" type="submit">鎻愪氦鍜ㄨ鎰忓悜</button> </form> </div> </section> </main> <footer class="site-footer"> <div class="container footer-inner"> <div> <div class="logo"> <span class="logo-mark" aria-hidden="true">鏋?/span> <span class="logo-text">鏋挓<span>閰掔</span></span> </div> <p>涓撴敞閰掑簵杩愯惀绠＄悊銆丱TA 澧為暱涓庤嚜鐮斿伐鍏峰钩鍙般€?/p> </div> <p>漏 2026 閲嶅簡鏋挓閰掑簵绠＄悊鏈夐檺鍏徃</p> </div> </footer> <div class="modal-backdrop" id="accessModal" hidden> <section class="modal" role="dialog" aria-modal="true" aria-labelledby="modalTitle"> <button class="modal-close" type="button" id="closeModal" aria-label="鍏抽棴">脳</button> <p class="section-label" id="modalModeLabel">Access</p> <h2 id="modalTitle">杈撳叆鎺堟潈 Key</h2> <p id="modalHint">杈撳叆浼氬憳鎺堟潈 Key 鍙В閿佸叏閮ㄥ伐鍏凤紝杈撳叆鍗曞伐鍏锋巿鏉?Key 鍙В閿佸綋鍓嶅伐鍏枫€?/p> <label class="card-field"> <span>鎺堟潈 Key</span> <input id="cardInput" type="text" autocomplete="off" placeholder="璇疯緭鍏ユ巿鏉?Key"> </label> <p class="form-message" id="formMessage" aria-live="polite"></p> <div class="modal-actions"> <button class="btn-primary" type="button" id="submitCard">楠岃瘉骞惰繘鍏?/button> <a class="btn-secondary" id="buyLink" href="#" target="_blank" rel="noreferrer">璐拱鎺堟潈</a> </div> </section> </div> <script src="js/config.js?v=20260527a"></script> <script src="js/tools.js?v=20260527a"></script> <script src="js/app.js?v=20260527a"></script> </body> </html>