U E銈炽優銉笺偣 & 鍙栧紩鎵€闁嬬櫤 | 銈姐儠銉堛偊銈с偄鍙楄闁嬬櫤 & 鐏扮敚鍙栧紩鎵€妲嬬瘔 | AI闁嬬櫤 | AI Agent | Web3 | - 銉椼儹銉曘偋銉冦偡銉с儕銉兓銉栥儹銉冦偗銉併偋銉笺兂鎶€琛撱儣銉儛銈ゃ儉銉?/title> <link rel="icon" href="./assets/images/logo.png" type="image/png" alt="Shoopply" /> <meta name="description" content="U E銈炽優銉笺偣銉椼儵銉冦儓銉曘偐銉笺儬銆佸彇寮曟墍銆併儑銈搞偪銉€氳波銈枫偣銉嗐儬銇皞闁€闁嬬櫤銆傘偨銉曘儓銈︺偋銈㈠彈瑷楅枊鐧恒€乁SDT姹烘笀銈枫偣銉嗐儬妲嬬瘔銆丄I Agent闁嬬櫤銆丷AG鐭ヨ瓨銉欍兗銈广€丆hatGPT绲卞悎銆乄eb3銈姐儶銉ャ兗銈枫儳銉炽倰銈点儩銉笺儓銆傞珮鎬ц兘銉炪儍銉併兂銈般偍銉炽偢銉炽€乀elegram銇с亰鍟忋亜鍚堛倧銇涖亸銇犮仌銇勩€?> <meta name="keywords" content="鍙栧紩鎵€闁嬬櫤, 銈姐儠銉堛偊銈с偄鍙楄闁嬬櫤, U E銈炽優銉笺偣, 鍙栧紩鎵€妲嬬瘔, USDT銉兗銉? AI Agent闁嬬櫤, RAG鐭ヨ瓨銉欍兗銈? ChatGPT绲卞悎, Web3闁嬬櫤, 銉栥儹銉冦偗銉併偋銉笺兂闁嬬櫤浼氱ぞ">  <link rel="canonical" href="https://Shoopply.com/jp.html" /> <meta property="og:title" content="U E銈炽優銉笺偣 & 鍙栧紩鎵€闁嬬櫤 | 銈姐儠銉堛偊銈с偄鍙楄闁嬬櫤 & AI銈姐儶銉ャ兗銈枫儳銉? /> <meta property="og:description" content="U E銈炽優銉笺偣銉椼儵銉冦儓銉曘偐銉笺儬銆佸彇寮曟墍銆丄I銈枫偣銉嗐儬銇皞闁€闁嬬櫤銆傞珮鎬ц兘銉炪儍銉併兂銈般偍銉炽偢銉炽仺瀹夊叏銇偄銉笺偔銉嗐偗銉併儯銆? /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://Shoopply.com/jp.html" /> <meta property="og:image" content="https://Shoopply.com/assets/images/p1.jpg" /> <meta name="twitter:card" content="summary_large_image" />  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "U Shoopply", "url": "https://Shoopply.com", "logo": "https://Shoopply.com/assets/images/logo.png", "contactPoint": { "@type": "ContactPoint", "telephone": "", "contactType": "technical support", "url": "https://t.me/Shoopply001" }, "sameAs": [ "https://t.me/Shoopply001" ] } </script>  <link rel="alternate" hreflang="zh-CN" href="index.html" /> <link rel="alternate" hreflang="en" href="en.html" /> <link rel="alternate" hreflang="ja" href="jp.html" /> <link rel="alternate" hreflang="ko" href="ko.html" /> <link rel="alternate" hreflang="ru" href="ru.html" /> <link rel="alternate" hreflang="x-default" href="index.html" />  <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { darkMode: 'class', theme: { extend: { colors: { primary: '#3b82f6', dark: '#0f172a', } } } } </script>  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />  <link rel="stylesheet" href="assets/css/main.css" /> <style> .swiper-slide { display: flex; align-items: center; justify-content: center; background-size: cover; background-position: center; } .glass-nav { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); } .dark .glass-nav { background: rgba(15, 23, 42, 0.7); } .tech-gradient { background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%); } [v-cloak] { display: none; } </style> </head> <body class="bg-white dark:bg-dark text-gray-900 dark:text-gray-100 transition-colors duration-300">  <header class="fixed top-0 w-full z-50 glass-nav border-b border-gray-200 dark:border-gray-800"> <nav class="container mx-auto px-6 py-4 flex justify-between items-center"> <div class="flex items-center space-x-2"> <img src="./assets/images/logo.png" alt="U Shoopply" class="w-10 h-10 object-contain"> <span class="text-xl font-bold tracking-wider">Shoopply</span> </div>  <div class="hidden md:flex items-center space-x-8"> <a href="#products" class="hover:text-primary transition">瑁藉搧鎯呭牨</a>  <div class="relative group"> <button class="flex items-center space-x-1 hover:text-primary transition"> <span>AI銈点兗銉撱偣</span> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg> </button> <div class="absolute left-0 mt-2 w-48 bg-white dark:bg-gray-800 rounded-xl shadow-xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-50 border border-gray-100 dark:border-gray-700"> <a href="ai-agent-jp.html" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 transition">AI Agent 銈偣銈裤儬</a> <a href="rag-jp.html" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 transition">RAG鐭ヨ瓨銉欍兗銈?/a> <a href="chatgpt-jp.html" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 transition">ChatGPT绲卞悎</a> <a href="deepseek-jp.html" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 transition">DeepSeek銉囥儣銉偆</a> <a href="web3-ai-jp.html" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 transition">Web3 + AI</a> <a href="ai-trading-jp.html" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 transition">AI銉堛儸銉笺儔銉溿儍銉?/a> <a href="ai-seo-jp.html" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 transition">AI鑷嫊SEO</a> </div> </div> <a href="#cooperation" class="hover:text-primary transition">鎶€琛撴彁鎼?/a> <a href="https://t.me/Shoopply001" target="_blank" class="hover:text-primary transition flex items-center"> <svg class="w-5 h-5 mr-1" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69.01-.03.01-.14-.07-.2-.08-.06-.19-.04-.27-.02-.12.02-1.96 1.25-5.54 3.69-.52.35-.99.53-1.41.52-.46-.01-1.35-.26-2.01-.48-.81-.27-1.45-.42-1.39-.89.03-.24.37-.48 1.02-.73 4-1.74 6.67-2.88 8.01-3.44 3.81-1.58 4.6-1.85 5.12-1.86.11 0 .37.03.54.17.14.12.18.28.19.4z"/></svg> 銇婂晱銇勫悎銈忋仜 </a>  <div class="relative group"> <button class="flex items-center space-x-1 hover:text-primary transition"> <span>馃寪瑷€瑾?/span> </button> <div class="absolute right-0 mt-2 w-32 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all"> <a href="index.html" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700">绠€浣撲腑鏂?/a> <a href="en.html" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700">English</a> <a href="jp.html" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700">鏃ユ湰瑾?/a> <a href="ko.html" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700">頃滉淡鞏?/a> <a href="ru.html" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700">袪褍褋褋泻懈泄</a> </div> </div>  <button id="theme-toggle" class="p-2 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition"> <svg id="theme-toggle-dark-icon" class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path></svg> <svg id="theme-toggle-light-icon" class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20"><path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"></path></svg> </button> </div>  <div class="md:hidden flex items-center space-x-4"> <button id="mobile-menu-button" class="p-2"> <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="M4 6h16M4 12h16m-7 6h7"></path></svg> </button> </div> </nav> </header>  <div id="mobile-menu" class="hidden fixed inset-0 z-40 bg-white dark:bg-dark pt-20 overflow-y-auto"> <div class="flex flex-col items-center space-y-6 text-xl pb-10"> <a href="#products" class="mobile-link">瑁藉搧鎯呭牨</a> <div class="flex flex-col items-center space-y-3"> <span class="text-gray-400 text-sm font-bold uppercase tracking-widest">AI銈点兗銉撱偣</span> <a href="ai-agent-jp.html" class="mobile-link text-lg">AI Agent 銈偣銈裤儬</a> <a href="rag-jp.html" class="mobile-link text-lg">RAG鐭ヨ瓨銉欍兗銈?/a> <a href="chatgpt-jp.html" class="mobile-link text-lg">ChatGPT绲卞悎</a> <a href="deepseek-jp.html" class="mobile-link text-lg">DeepSeek銉囥儣銉偆</a> <a href="web3-ai-jp.html" class="mobile-link text-lg">Web3 + AI</a> <a href="ai-trading-jp.html" class="mobile-link text-lg">AI銉堛儸銉笺儔銉溿儍銉?/a> <a href="ai-seo-jp.html" class="mobile-link text-lg">AI鑷嫊SEO</a> </div> <a href="#cooperation" class="mobile-link">鎶€琛撴彁鎼?/a> <a href="https://t.me/Shoopply001" class="mobile-link">銇婂晱銇勫悎銈忋仜</a> <div class="flex space-x-4 mt-4"> <a href="index.html" class="px-2 py-1 border rounded">ZH</a> <a href="en.html" class="px-2 py-1 border rounded">EN</a> <a href="jp.html" class="px-2 py-1 border rounded">JP</a> <a href="ko.html" class="px-2 py-1 border rounded">KO</a> <a href="ru.html" class="px-2 py-1 border rounded">RU</a> </div> </div> </div>  <main>  <section class="h-screen w-full"> <div class="swiper mainSwiper h-full w-full"> <div class="swiper-wrapper">  <div class="swiper-slide relative overflow-hidden"> <div class="absolute inset-0 bg-black/50 z-10"></div> <img src="./assets/images/p1.jpg" class="absolute inset-0 w-full h-full object-cover" alt="U E銈炽優銉笺偣銉椼儵銉冦儓銉曘偐銉笺儬闁嬬櫤, 鐏扮敚鍙栧紩鎵€妲嬬瘔, USDT姹烘笀銈枫偣銉嗐儬鍙楄"> <div class="relative z-20 text-center px-6"> <h2 class="text-4xl md:text-7xl font-bold text-white mb-6 animate-fade-in-up">娆′笘浠?U E銈炽優銉笺偣銈ㄣ偝銈枫偣銉嗐儬</h2> <p class="text-xl md:text-2xl text-gray-200 mb-8 max-w-3xl mx-auto">銈般儹銉笺儛銉焙娓堛倰绲卞悎銇椼€併儑銈搞偪銉儞銈搞儘銈广倰寮峰寲銆傚畨鍏ㄣ€佸畨瀹氥€佸姽鐜囩殑銇垎鏁ｅ瀷鍙栧紩浣撻〒銆?/p> <a href="https://t.me/Shoopply001" class="inline-block bg-primary hover:bg-blue-600 text-white px-8 py-4 rounded-full text-lg font-semibold transition transform hover:scale-105"> 浠娿仚銇愮浉璜? </a> </div> </div>  <div class="swiper-slide relative overflow-hidden"> <div class="absolute inset-0 bg-black/50 z-10"></div> <img src="./assets/images/p2.jpg" class="absolute inset-0 w-full h-full object-cover" alt="鍙栧紩鎵€妲嬬瘔, 銈姐儠銉堛偊銈с偄鍙楄闁嬬櫤, USDT銉兗銉枊鐧?> <div class="relative z-20 text-center px-6"> <h2 class="text-4xl md:text-7xl font-bold text-white mb-6">楂樻€ц兘銉囥偢銈裤儷閫氳波鍙栧紩鎵€</h2> <p class="text-xl md:text-2xl text-gray-200 mb-8 max-w-3xl mx-auto">瓒呴珮閫熴優銉冦儊銉炽偘銈ㄣ兂銈搞兂銆佸灞ら槻寰°偦銈儱銉儐銈ｃ€傛暟鍗冦伄鍚屾檪鎺ョ稓銈掋偟銉濄兗銉堛仐銆佸彇寮曘倰淇濊銇椼伨銇欍€?/p> <a href="https://t.me/Shoopply001" class="inline-block bg-purple-600 hover:bg-purple-700 text-white px-8 py-4 rounded-full text-lg font-semibold transition transform hover:scale-105"> 瑭崇窗銈掕銈? </a> </div> </div>  <div class="swiper-slide relative overflow-hidden"> <div class="absolute inset-0 bg-black/50 z-10"></div> <img src="./assets/images/p3.jpg" class="absolute inset-0 w-full h-full object-cover" alt="Tech"> <div class="relative z-20 text-center px-6"> <h2 class="text-4xl md:text-7xl font-bold text-white mb-6">銈般儹銉笺儛銉妧琛撴垿鐣ユ彁鎼?/h2> <p class="text-xl md:text-2xl text-gray-200 mb-8 max-w-3xl mx-auto">銉栥儹銉冦偗銉併偋銉笺兂銇湭鏉ャ倰鍏便伀绡夈亸銈般儹銉笺儛銉儜銉笺儓銉娿兗銈掑嫙闆嗐€傚寘鎷殑銇妧琛撱偟銉濄兗銉堛仺銈偣銈裤儬闁嬬櫤銈掓彁渚涖仐銇俱仚銆?/p> <a href="https://t.me/Shoopply001" class="inline-block border-2 border-white hover:bg-white hover:text-dark text-white px-8 py-4 rounded-full text-lg font-semibold transition transform hover:scale-105"> 鎻愭惡銈掗枊濮? </a> </div> </div> </div> <div class="swiper-pagination"></div> <div class="swiper-button-next text-white"></div> <div class="swiper-button-prev text-white"></div> </div> </section>  <section id="products" class="py-24 bg-gray-50 dark:bg-gray-900"> <div class="container mx-auto px-6"> <div class="text-center mb-16"> <h2 class="text-3xl md:text-5xl font-bold mb-4">涓昏瑁藉搧</h2> <div class="w-20 h-1 bg-primary mx-auto"></div> </div> <div class="grid md:grid-cols-2 gap-12">  <div class="group bg-white dark:bg-gray-800 rounded-2xl overflow-hidden shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2"> <div class="h-64 overflow-hidden"> <img src="./assets/images/s1.jpg" class="w-full h-full object-cover transition duration-500 group-hover:scale-110" alt="U-Ecommerce"> </div> <div class="p-8"> <h3 class="text-2xl font-bold mb-4">U E銈炽優銉笺偣銉椼儵銉冦儓銉曘偐銉笺儬</h3> <p class="text-gray-600 dark:text-gray-400 mb-6">銉曘儷銉併偋銉笺兂銇儑銈搞偪銉硣鐢ｃ偡銉с儍銉斻兂銈颁綋楱撱€傚悇绋偣銉嗐兗銉栥儷銈炽偆銉虫焙娓堛倰銈点儩銉笺儓銇椼€侀珮銈汇偔銉ャ儶銉嗐偅銇偊銈┿儸銉冦儓銈枫偣銉嗐儬銈掑唴钄点€?/p> <ul class="space-y-3 mb-8 text-sm"> <li class="flex items-center"><span class="text-green-500 mr-2">鉁?/span> 楂橀€熴仾娴峰閫侀噾銉绘焙娓?/li> <li class="flex items-center"><span class="text-green-500 mr-2">鉁?/span> 澶氭鍏冦儶銈广偗绠＄悊銈枫偣銉嗐儬</li> <li class="flex items-center"><span class="text-green-500 mr-2">鉁?/span> 鍐呴儴閫侀噾鎵嬫暟鏂欑劇鏂?/li> </ul> <a href="https://t.me/Shoopply001" class="block text-center py-3 bg-gray-100 dark:bg-gray-700 hover:bg-primary hover:text-white rounded-lg transition font-semibold"> 銇婂晱銇勫悎銈忋仜 </a> </div> </div>  <div class="group bg-white dark:bg-gray-800 rounded-2xl overflow-hidden shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2"> <div class="h-64 overflow-hidden"> <img src="./assets/images/s2.jpg" class="w-full h-full object-cover transition duration-500 group-hover:scale-110" alt="Exchange"> </div> <div class="p-8"> <h3 class="text-2xl font-bold mb-4">銉囥偢銈裤儷閫氳波鍙栧紩鎵€</h3> <p class="text-gray-600 dark:text-gray-400 mb-6">閵€琛屻儸銉欍儷銇偦銈儱銉儐銈ｃ偄銉笺偔銉嗐偗銉併儯銆傜従鐗┿亰銈堛伋鍏堢墿鍙栧紩銈掋偟銉濄兗銉堛€傘儫銉鍗樹綅銇優銉冦儊銉炽偘銉偣銉濄兂銈广€佺┒妤点伄銉︺兗銈躲兗浣撻〒銆?/p> <ul class="space-y-3 mb-8 text-sm"> <li class="flex items-center"><span class="text-green-500 mr-2">鉁?/span> 100涓囩礆銇悓鏅傚疅琛屽嚘鐞?/li> <li class="flex items-center"><span class="text-green-500 mr-2">鉁?/span> 銈炽兗銉儔/銉涖儍銉堛偊銈┿儸銉冦儓鍒嗛洟</li> <li class="flex items-center"><span class="text-green-500 mr-2">鉁?/span> 鍏呭疅銇椼仧 API 銈ゃ兂銈裤兗銉曘偋銉笺偣</li> </ul> <a href="https://t.me/Shoopply001" class="block text-center py-3 bg-gray-100 dark:bg-gray-700 hover:bg-primary hover:text-white rounded-lg transition font-semibold"> 銇婂晱銇勫悎銈忋仜 </a> </div> </div> </div> </div> </section>  <section id="cooperation" class="py-24 tech-gradient text-white"> <div class="container mx-auto px-6 text-center"> <h2 class="text-3xl md:text-5xl font-bold mb-8">鎶€琛撴彁鎼?& 銈偣銈裤儬闁嬬櫤</h2> <p class="text-xl mb-12 max-w-2xl mx-auto opacity-90"> 绲岄〒璞婂瘜銇儢銉儍銈儊銈с兗銉抽枊鐧恒儊銉笺儬銇屻€佽ō瑷堛亱銈夊疅瑁呫伨銇с偍銉炽儔銉勩兗銈ㄣ兂銉夈伄鎶€琛撱偟銉笺儞銈广倰鎻愪緵銇椼伨銇欍€? </p> <div class="flex flex-wrap justify-center gap-6"> <div class="bg-white/10 backdrop-blur-md p-8 rounded-xl border border-white/20 w-64"> <div class="text-4xl mb-4">馃洜锔?/div> <h4 class="font-bold mb-2">銈枫偣銉嗐儬銈偣銈裤優銈ゃ偤</h4> <p class="text-sm opacity-80">銉撱偢銉嶃偣銉嬨兗銈恒伀鍚堛倧銇涖€佺嫭鑷伄鍙栧紩銉籈銈炽優銉笺偣銈枫偣銉嗐儬銈掓绡夈€?/p> </div> <div class="bg-white/10 backdrop-blur-md p-8 rounded-xl border border-white/20 w-64"> <div class="text-4xl mb-4">馃洝锔?/div> <h4 class="font-bold mb-2">銈汇偔銉ャ儶銉嗐偅鐩ｆ熁</h4> <p class="text-sm opacity-80">灏傞杸鐨勩仾銈炽兗銉夌洠鏌汇仺鑴嗗急鎬с偣銈儯銉炽仹璩囩敚銇畨鍏ㄣ倰纰轰繚銆?/p> </div> <div class="bg-white/10 backdrop-blur-md p-8 rounded-xl border border-white/20 w-64"> <div class="text-4xl mb-4">馃殌</div> <h4 class="font-bold mb-2">淇濆畧銉婚亱鐢ㄣ偟銉濄兗銉?/h4> <p class="text-sm opacity-80">24鏅傞枔365鏃ャ伄鎶€琛撱偟銉濄兗銉堛€併偘銉兗銉愩儷銉庛兗銉夊睍闁嬨€?/p> </div> </div> <a href="https://t.me/Shoopply001" class="mt-16 inline-flex items-center bg-white text-primary px-10 py-4 rounded-full text-xl font-bold hover:shadow-2xl transition transform hover:scale-105"> <svg class="w-6 h-6 mr-2" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69.01-.03.01-.14-.07-.2-.08-.06-.19-.04-.27-.02-.12.02-1.96 1.25-5.54 3.69-.52.35-.99.53-1.41.52-.46-.01-1.35-.26-2.01-.48-.81-.27-1.45-.42-1.39-.89.03-.24.37-.48 1.02-.73 4-1.74 6.67-2.88 8.01-3.44 3.81-1.58 4.6-1.85 5.12-1.86.11 0 .37.03.54.17.14.12.18.28.19.4z"/></svg> 鎶€琛撴彁鎼恒倰闁嬪銇欍倠 </a> </div> </section> </main>  <footer class="bg-white dark:bg-dark py-12 border-t border-gray-200 dark:border-gray-800"> <div class="container mx-auto px-6 text-center"> <div class="flex items-center justify-center space-x-2 mb-6"> <img src="./assets/images/logo.png" alt="U Shoopply" class="w-8 h-8 object-contain"> <span class="text-lg font-bold tracking-wider">Shoopply</span> </div> <p class="text-gray-500 dark:text-gray-400 mb-8"> © 2026 U Shoopply. All Rights Reserved. </p> <div class="flex justify-center space-x-6"> <a href="https://t.me/Shoopply001" class="text-gray-400 hover:text-primary transition">Telegram</a> <a href="#" class="text-gray-400 hover:text-primary transition">WhatsApp</a> <a href="#" class="text-gray-400 hover:text-primary transition">Github</a> </div> </div> </footer>  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script src="assets/js/main.js"></script> <script> const swiper = new Swiper(".mainSwiper", { loop: true, autoplay: { delay: 5000, disableOnInteraction: false }, pagination: { el: ".swiper-pagination", clickable: true }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev" }, }); </script> </body> </html>