|
<!DOCTYPE html> |
|
<html lang="zh-CN"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>核玩科技 - AI毛绒玩具革新者</title> |
|
<script src="https://cdn.tailwindcss.com"></script> |
|
<script src="https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js"></script> |
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
<style> |
|
@import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Sans+SC:wght@300;400;500;700&display=swap'); |
|
|
|
:root { |
|
--primary: #FF7EB9; |
|
--secondary: #7AFCF6; |
|
--accent: #FF9E7D; |
|
} |
|
|
|
body { |
|
font-family: 'Noto Sans SC', sans-serif; |
|
background-color: #fef6fb; |
|
overflow-x: hidden; |
|
} |
|
|
|
.brand-font { |
|
font-family: 'Ma Shan Zheng', cursive; |
|
} |
|
|
|
.hero-gradient { |
|
background: linear-gradient(135deg, #fce4ec 0%, #e3f2fd 100%); |
|
} |
|
|
|
.tech-pattern { |
|
background-image: radial-gradient(circle at 10% 20%, rgba(122, 252, 246, 0.1) 0%, transparent 20%); |
|
} |
|
|
|
.toy-card:hover { |
|
transform: translateY(-10px); |
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
|
} |
|
|
|
.toy-card { |
|
transition: all 0.3s ease; |
|
} |
|
|
|
.glow-effect { |
|
box-shadow: 0 0 15px rgba(122, 252, 246, 0.5); |
|
} |
|
|
|
.particles-js-canvas-el { |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
pointer-events: none; |
|
} |
|
|
|
.speech-bubble { |
|
position: relative; |
|
background: #fff; |
|
border-radius: 1rem; |
|
padding: 1rem; |
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); |
|
} |
|
|
|
.speech-bubble:after { |
|
content: ''; |
|
position: absolute; |
|
bottom: -10px; |
|
left: 20px; |
|
border-width: 10px 10px 0; |
|
border-style: solid; |
|
border-color: #fff transparent; |
|
} |
|
|
|
.animate-float { |
|
animation: float 3s ease-in-out infinite; |
|
} |
|
|
|
@keyframes float { |
|
0% { transform: translateY(0px); } |
|
50% { transform: translateY(-15px); } |
|
100% { transform: translateY(0px); } |
|
} |
|
|
|
.animate-pulse-slow { |
|
animation: pulse 4s ease-in-out infinite; |
|
} |
|
|
|
@keyframes pulse { |
|
0% { opacity: 0.8; } |
|
50% { opacity: 1; } |
|
100% { opacity: 0.8; } |
|
} |
|
|
|
.interactive-toy:hover { |
|
cursor: pointer; |
|
animation: shake 0.5s ease-in-out; |
|
} |
|
|
|
@keyframes shake { |
|
0%, 100% { transform: rotate(0deg); } |
|
25% { transform: rotate(5deg); } |
|
75% { transform: rotate(-5deg); } |
|
} |
|
</style> |
|
</head> |
|
<body class="text-gray-800"> |
|
|
|
<div id="particles-js" class="fixed top-0 left-0 w-full h-full z-0"></div> |
|
|
|
|
|
<nav class="relative z-50 bg-white bg-opacity-90 backdrop-filter backdrop-blur-lg shadow-sm"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="flex justify-between h-20 items-center"> |
|
<div class="flex items-center"> |
|
<div class="flex-shrink-0 flex items-center"> |
|
<i class="fas fa-robot text-3xl text-pink-500 mr-2"></i> |
|
<span class="brand-font text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-pink-500 to-blue-500">核玩科技</span> |
|
</div> |
|
</div> |
|
<div class="hidden md:block"> |
|
<div class="ml-10 flex items-baseline space-x-8"> |
|
<a href="#home" class="text-pink-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-pink-50">首页</a> |
|
<a href="#products" class="text-gray-700 hover:text-pink-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-pink-50">产品中心</a> |
|
<a href="#technology" class="text-gray-700 hover:text-pink-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-pink-50">技术优势</a> |
|
<a href="#cases" class="text-gray-700 hover:text-pink-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-pink-50">应用场景</a> |
|
<a href="#partners" class="text-gray-700 hover:text-pink-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-pink-50">合作伙伴</a> |
|
<a href="#contact" class="text-gray-700 hover:text-pink-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-pink-50">联系我们</a> |
|
</div> |
|
</div> |
|
<div class="flex items-center"> |
|
<a href="#try" class="ml-4 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-gradient-to-r from-pink-500 to-blue-500 hover:from-pink-600 hover:to-blue-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink-500"> |
|
免费体验 |
|
</a> |
|
<button class="md:hidden ml-4 inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-pink-600 hover:bg-pink-50 focus:outline-none"> |
|
<i class="fas fa-bars"></i> |
|
</button> |
|
</div> |
|
</div> |
|
</div> |
|
</nav> |
|
|
|
|
|
<section id="home" class="relative hero-gradient pt-24 pb-16 md:pt-32 md:pb-24 overflow-hidden"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"> |
|
<div class="lg:grid lg:grid-cols-12 lg:gap-8"> |
|
<div class="sm:text-center md:max-w-2xl md:mx-auto lg:col-span-6 lg:text-left"> |
|
<h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl"> |
|
<span class="block">让陪伴更智能</span> |
|
<span class="block text-transparent bg-clip-text bg-gradient-to-r from-pink-500 to-blue-500">让童年更温暖</span> |
|
</h1> |
|
<p class="mt-3 text-base text-gray-600 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0"> |
|
核玩科技 - AI毛绒玩具的革新者，结合DeepSeek大模型与自研AI算法，打造个性化互动体验 |
|
</p> |
|
<div class="mt-8 sm:max-w-lg sm:mx-auto sm:text-center lg:text-left lg:mx-0"> |
|
<p class="text-base font-medium text-gray-900">全球AI玩具市场规模预计2033年达600亿美元</p> |
|
<div class="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start"> |
|
<div class="rounded-md shadow"> |
|
<a href="#products" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-gradient-to-r from-pink-500 to-blue-500 hover:from-pink-600 hover:to-blue-600 md:py-4 md:text-lg md:px-10"> |
|
探索产品 |
|
</a> |
|
</div> |
|
<div class="mt-3 sm:mt-0 sm:ml-3"> |
|
<a href="#try" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-pink-700 bg-pink-100 hover:bg-pink-200 md:py-4 md:text-lg md:px-10"> |
|
免费体验 |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="mt-12 relative sm:max-w-lg sm:mx-auto lg:mt-0 lg:max-w-none lg:mx-0 lg:col-span-6 lg:flex lg:items-center"> |
|
<div class="relative mx-auto w-full rounded-lg shadow-lg lg:max-w-md"> |
|
<div class="relative w-full h-0 pb-[56.25%] overflow-hidden rounded-lg"> |
|
<div class="absolute inset-0 flex items-center justify-center bg-gradient-to-br from-pink-100 to-blue-100"> |
|
<div class="relative w-64 h-64"> |
|
<img src="https://img.icons8.com/plasticine/200/000000/plush.png" class="absolute top-0 left-0 w-full h-full object-contain animate-float" alt="AI Plush Toy"> |
|
<div class="absolute -bottom-10 left-1/2 transform -translate-x-1/2 speech-bubble text-sm w-40"> |
|
你好！我是AI小助手~ |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="absolute bottom-0 left-0 w-full overflow-hidden transform rotate-180"> |
|
<svg class="relative block w-full h-20" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"> |
|
<path d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z" class="fill-current text-white"></path> |
|
</svg> |
|
</div> |
|
</section> |
|
|
|
|
|
<section class="py-16 bg-white"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="lg:text-center"> |
|
<h2 class="text-base text-pink-600 font-semibold tracking-wide uppercase">关于我们</h2> |
|
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
|
上海核玩信息科技有限责任公司 |
|
</p> |
|
<p class="mt-4 max-w-2xl text-xl text-gray-600 lg:mx-auto"> |
|
我们致力于将前沿AI技术与传统毛绒玩具结合，创造新一代智能陪伴产品 |
|
</p> |
|
</div> |
|
|
|
<div class="mt-10"> |
|
<div class="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-10"> |
|
<div class="relative"> |
|
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-pink-500 text-white"> |
|
<i class="fas fa-brain text-xl"></i> |
|
</div> |
|
<div class="ml-16"> |
|
<h3 class="text-lg leading-6 font-medium text-gray-900">AI核心技术</h3> |
|
<p class="mt-2 text-base text-gray-600"> |
|
基于DeepSeek大模型与自研AI算法，我们的玩具具备自然语言处理、情感识别和长期记忆能力，能够与儿童进行深度互动。 |
|
</p> |
|
</div> |
|
</div> |
|
|
|
<div class="relative"> |
|
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white"> |
|
<i class="fas fa-child text-xl"></i> |
|
</div> |
|
<div class="ml-16"> |
|
<h3 class="text-lg leading-6 font-medium text-gray-900">儿童成长陪伴</h3> |
|
<p class="mt-2 text-base text-gray-600"> |
|
我们的产品不仅提供娱乐，还能帮助儿童语言发展、创造力培养和情感表达，成为孩子成长路上的智能伙伴。 |
|
</p> |
|
</div> |
|
</div> |
|
|
|
<div class="relative"> |
|
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-purple-500 text-white"> |
|
<i class="fas fa-shield-alt text-xl"></i> |
|
</div> |
|
<div class="ml-16"> |
|
<h3 class="text-lg leading-6 font-medium text-gray-900">安全与隐私</h3> |
|
<p class="mt-2 text-base text-gray-600"> |
|
所有产品均符合国际儿童安全标准，并通过严格的数据加密和隐私保护措施，确保儿童使用安全。 |
|
</p> |
|
</div> |
|
</div> |
|
|
|
<div class="relative"> |
|
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-green-500 text-white"> |
|
<i class="fas fa-puzzle-piece text-xl"></i> |
|
</div> |
|
<div class="ml-16"> |
|
<h3 class="text-lg leading-6 font-medium text-gray-900">个性化定制</h3> |
|
<p class="mt-2 text-base text-gray-600"> |
|
通过我们的AI设计工具，您可以定制专属的毛绒玩具外观、语音和角色设定，创造独一无二的陪伴体验。 |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
<section id="products" class="py-16 tech-pattern"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="lg:text-center"> |
|
<h2 class="text-base text-pink-600 font-semibold tracking-wide uppercase">产品中心</h2> |
|
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
|
我们的AI毛绒玩具系列 |
|
</p> |
|
<p class="mt-4 max-w-2xl text-xl text-gray-600 lg:mx-auto"> |
|
每一款产品都融合了前沿技术与温暖设计 |
|
</p> |
|
</div> |
|
|
|
<div class="mt-12 grid gap-8 md:grid-cols-3"> |
|
|
|
<div class="toy-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-all duration-300"> |
|
<div class="relative h-48 bg-gradient-to-br from-pink-100 to-blue-100 flex items-center justify-center"> |
|
<img src="https://img.icons8.com/color/96/000000/teddy-bear.png" class="w-32 h-32 interactive-toy" alt="智能互动熊" onclick="playSound('hello')"> |
|
<div class="absolute bottom-0 left-0 right-0 h-1 bg-gradient-to-r from-pink-500 to-blue-500"></div> |
|
</div> |
|
<div class="p-6"> |
|
<div class="uppercase tracking-wide text-sm text-pink-600 font-semibold">智能互动系列</div> |
|
<h3 class="mt-1 text-lg font-medium text-gray-900">AI智能熊</h3> |
|
<p class="mt-2 text-gray-600"> |
|
支持语音对话、情绪感知的AI毛绒玩具，能够理解儿童情感并做出适当回应。 |
|
</p> |
|
<div class="mt-4"> |
|
<span class="text-pink-600 font-semibold">¥399起</span> |
|
<span class="text-sm text-gray-500 ml-2">(含1年AI服务)</span> |
|
</div> |
|
<div class="mt-4"> |
|
<button class="text-sm font-medium text-pink-600 hover:text-pink-800 flex items-center"> |
|
了解更多 <i class="fas fa-chevron-right ml-1 text-xs"></i> |
|
</button> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="toy-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-all duration-300"> |
|
<div class="relative h-48 bg-gradient-to-br from-blue-100 to-purple-100 flex items-center justify-center"> |
|
<img src="https://img.icons8.com/color/96/000000/owl.png" class="w-32 h-32 interactive-toy" alt="教育陪伴猫头鹰" onclick="playSound('story')"> |
|
<div class="absolute bottom-0 left-0 right-0 h-1 bg-gradient-to-r from-blue-500 to-purple-500"></div> |
|
</div> |
|
<div class="p-6"> |
|
<div class="uppercase tracking-wide text-sm text-blue-600 font-semibold">教育陪伴系列</div> |
|
<h3 class="mt-1 text-lg font-medium text-gray-900">学习猫头鹰</h3> |
|
<p class="mt-2 text-gray-600"> |
|
结合大模型能力的教育玩具，提供语言学习、故事生成和知识问答功能。 |
|
</p> |
|
<div class="mt-4"> |
|
<span class="text-blue-600 font-semibold">¥499起</span> |
|
<span class="text-sm text-gray-500 ml-2">(含2年教育内容)</span> |
|
</div> |
|
<div class="mt-4"> |
|
<button class="text-sm font-medium text-blue-600 hover:text-blue-800 flex items-center"> |
|
了解更多 <i class="fas fa-chevron-right ml-1 text-xs"></i> |
|
</button> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="toy-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-all duration-300"> |
|
<div class="relative h-48 bg-gradient-to-br from-purple-100 to-pink-100 flex items-center justify-center"> |
|
<img src="https://img.icons8.com/color/96/000000/dragon.png" class="w-32 h-32 interactive-toy" alt="定制恐龙" onclick="playSound('custom')"> |
|
<div class="absolute bottom-0 left-0 right-0 h-1 bg-gradient-to-r from-purple-500 to-pink-500"></div> |
|
</div> |
|
<div class="p-6"> |
|
<div class="uppercase tracking-wide text-sm text-purple-600 font-semibold">个性化定制系列</div> |
|
<h3 class="mt-1 text-lg font-medium text-gray-900">定制小恐龙</h3> |
|
<p class="mt-2 text-gray-600"> |
|
通过AI工具生成专属设计，可定制外观、语音和角色设定，打造独一无二的玩具。 |
|
</p> |
|
<div class="mt-4"> |
|
<span class="text-purple-600 font-semibold">¥599起</span> |
|
<span class="text-sm text-gray-500 ml-2">(含终身定制服务)</span> |
|
</div> |
|
<div class="mt-4"> |
|
<button class="text-sm font-medium text-purple-600 hover:text-purple-800 flex items-center"> |
|
了解更多 <i class="fas fa-chevron-right ml-1 text-xs"></i> |
|
</button> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="mt-12 text-center"> |
|
<a href="#products" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-gradient-to-r from-pink-500 to-blue-500 hover:from-pink-600 hover:to-blue-600"> |
|
查看全部产品 |
|
<i class="fas fa-chevron-right ml-2"></i> |
|
</a> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
<section id="technology" class="py-16 bg-white"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="lg:text-center"> |
|
<h2 class="text-base text-pink-600 font-semibold tracking-wide uppercase">技术优势</h2> |
|
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
|
领先的AI玩具技术 |
|
</p> |
|
<p class="mt-4 max-w-2xl text-xl text-gray-600 lg:mx-auto"> |
|
我们整合多项前沿技术，为毛绒玩具注入智能灵魂 |
|
</p> |
|
</div> |
|
|
|
<div class="mt-12"> |
|
<div class="bg-gray-50 rounded-2xl p-8 md:p-12 shadow-inner"> |
|
<div class="grid md:grid-cols-2 gap-8"> |
|
<div> |
|
<div class="flex items-start"> |
|
<div class="flex-shrink-0 bg-pink-500 rounded-md p-2"> |
|
<i class="fas fa-comments text-white text-xl"></i> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg leading-6 font-medium text-gray-900">深度语音交互</h3> |
|
<p class="mt-2 text-base text-gray-600"> |
|
基于自然语言处理(NLP)技术，支持多语言对话与情感识别，能够理解儿童不完整的表达并做出恰当回应。 |
|
</p> |
|
</div> |
|
</div> |
|
<div class="mt-8 flex items-start"> |
|
<div class="flex-shrink-0 bg-blue-500 rounded-md p-2"> |
|
<i class="fas fa-memory text-white text-xl"></i> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg leading-6 font-medium text-gray-900">长期记忆功能</h3> |
|
<p class="mt-2 text-base text-gray-600"> |
|
玩具能记录用户偏好和互动历史，生成个性化内容，随着时间推移"了解"小主人的性格和喜好。 |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
<div> |
|
<div class="flex items-start"> |
|
<div class="flex-shrink-0 bg-purple-500 rounded-md p-2"> |
|
<i class="fas fa-user-shield text-white text-xl"></i> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg leading-6 font-medium text-gray-900">安全与隐私保护</h3> |
|
<p class="mt-2 text-base text-gray-600"> |
|
符合儿童产品安全标准，采用端到端加密通信，所有数据存储均符合GDPR等国际隐私法规。 |
|
</p> |
|
</div> |
|
</div> |
|
<div class="mt-8 flex items-start"> |
|
<div class="flex-shrink-0 bg-green-500 rounded-md p-2"> |
|
<i class="fas fa-paint-brush text-white text-xl"></i> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg leading-6 font-medium text-gray-900">AI设计生成</h3> |
|
<p class="mt-2 text-base text-gray-600"> |
|
通过简单AI工具，用户可上传草图或描述生成毛绒玩具设计图，支持外观、材质和功能的全面定制。 |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="mt-12 grid md:grid-cols-3 gap-8"> |
|
<div class="bg-white p-6 rounded-xl shadow-md"> |
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-pink-100 text-pink-600"> |
|
<i class="fas fa-microchip text-xl"></i> |
|
</div> |
|
<h3 class="mt-4 text-lg font-medium text-gray-900">硬件配置</h3> |
|
<p class="mt-2 text-base text-gray-600"> |
|
采用低功耗AI芯片，续航长达72小时，支持Wi-Fi/蓝牙双模连接，内置高品质扬声器和麦克风阵列。 |
|
</p> |
|
</div> |
|
<div class="bg-white p-6 rounded-xl shadow-md"> |
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-600"> |
|
<i class="fas fa-cloud text-xl"></i> |
|
</div> |
|
<h3 class="mt-4 text-lg font-medium text-gray-900">云端服务</h3> |
|
<p class="mt-2 text-base text-gray-600"> |
|
基于DeepSeek大模型的云端AI服务，持续更新对话内容和教育素材，支持家长远程管理玩具功能。 |
|
</p> |
|
</div> |
|
<div class="bg-white p-6 rounded-xl shadow-md"> |
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600"> |
|
<i class="fas fa-mobile-alt text-xl"></i> |
|
</div> |
|
<h3 class="mt-4 text-lg font-medium text-gray-900">家长控制</h3> |
|
<p class="mt-2 text-base text-gray-600"> |
|
配套手机APP可设置使用时间、内容过滤和成长报告查看，让家长放心孩子使用。 |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
<section id="cases" class="py-16 tech-pattern"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="lg:text-center"> |
|
<h2 class="text-base text-pink-600 font-semibold tracking-wide uppercase">应用场景</h2> |
|
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
|
让AI玩具融入生活每个场景 |
|
</p> |
|
<p class="mt-4 max-w-2xl text-xl text-gray-600 lg:mx-auto"> |
|
我们的产品已在多个领域创造价值 |
|
</p> |
|
</div> |
|
|
|
<div class="mt-12"> |
|
<div class="grid lg:grid-cols-3 gap-8"> |
|
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden"> |
|
<div class="h-48 bg-gradient-to-r from-pink-100 to-purple-100 flex items-center justify-center"> |
|
<img src="https://img.icons8.com/color/96/000000/children.png" class="w-24 h-24" alt="儿童成长"> |
|
</div> |
|
<div class="p-6"> |
|
<h3 class="text-lg font-medium text-gray-900">儿童成长陪伴</h3> |
|
<p class="mt-2 text-gray-600"> |
|
"自从有了AI小熊，孩子的语言表达能力明显提升，现在每天睡前都要和它分享一天的故事。" |
|
<span class="block mt-2 text-sm text-gray-500">— 上海李女士，5岁孩子家长</span> |
|
</p> |
|
<div class="mt-4 flex items-center"> |
|
<div class="flex-shrink-0"> |
|
<div class="h-10 w-10 rounded-full bg-pink-100 flex items-center justify-center"> |
|
<i class="fas fa-star text-pink-500"></i> |
|
</div> |
|
</div> |
|
<div class="ml-3"> |
|
<p class="text-sm font-medium text-gray-900">用户评价</p> |
|
<div class="flex items-center"> |
|
<i class="fas fa-star text-yellow-400 text-xs"></i> |
|
<i class="fas fa-star text-yellow-400 text-xs"></i> |
|
<i class="fas fa-star text-yellow-400 text-xs"></i> |
|
<i class="fas fa-star text-yellow-400 text-xs"></i> |
|
<i class="fas fa-star text-yellow-400 text-xs"></i> |
|
<span class="ml-1 text-xs text-gray-500">5.0</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden"> |
|
<div class="h-48 bg-gradient-to-r from-blue-100 to-green-100 flex items-center justify-center"> |
|
<img src="https://img.icons8.com/color/96/000000/family.png" class="w-24 h-24" alt="家庭陪伴"> |
|
</div> |
|
<div class="p-6"> |
|
<h3 class="text-lg font-medium text-gray-900">家庭临时陪伴</h3> |
|
<p class="mt-2 text-gray-600"> |
|
"工作忙的时候，AI猫头鹰会给孩子讲故事、解答问题，还能提醒他按时吃饭，真是我的好帮手。" |
|
<span class="block mt-2 text-sm text-gray-500">— 北京张先生，忙碌的职场父母</span> |
|
</p> |
|
<div class="mt-4 flex items-center"> |
|
<div class="flex-shrink-0"> |
|
<div class="h-10 w-10 rounded-full bg-blue-100 flex items-center justify-center"> |
|
<i class="fas fa-thumbs-up text-blue-500"></i> |
|
</div> |
|
</div> |
|
<div class="ml-3"> |
|
<p class="text-sm font-medium text-gray-900">用户评价</p> |
|
<div class="flex items-center"> |
|
<i class="fas fa-star text-yellow-400 text-xs"></i> |
|
<i class="fas fa-star text-yellow-400 text-xs"></i> |
|
<i class="fas fa-star text-yellow-400 text-xs"></i> |
|
<i class="fas fa-star text-yellow-400 text-xs"></i> |
|
<i class="fas fa-star text-yellow-400 text-xs"></i> |
|
<span class="ml-1 text-xs text-gray-500">4.9</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden"> |
|
<div class="h-48 bg-gradient-to-r from-yellow-100 to-orange-100 flex items-center justify-center"> |
|
<img src="https://img.icons8.com/color/96/000000/partnership-handshake.png" class="w-24 h-24" alt="IP合作"> |
|
</div> |
|
<div class="p-6"> |
|
<h3 class="text-lg font-medium text-gray-900">IP联名合作</h3> |
|
<p class="mt-2 text-gray-600"> |
|
"与迪士尼合作的AI米老鼠玩偶上市首月销量突破50万只，成为最受欢迎的智能玩具之一。" |
|
<span class="block mt-2 text-sm text-gray-500">— 迪士尼中国区产品经理</span> |
|
</p> |
|
<div class="mt-4"> |
|
<div class="flex items-center"> |
|
<div class="flex-shrink-0"> |
|
<div class="h-10 w-10 rounded-full bg-yellow-100 flex items-center justify-center"> |
|
<i class="fas fa-chart-line text-yellow-500"></i> |
|
</div> |
|
</div> |
|
<div class="ml-3"> |
|
<p class="text-sm font-medium text-gray-900">销售数据</p> |
|
<p class="text-sm text-gray-500">首月销量: 500,000+</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="mt-12 bg-white rounded-xl shadow-md overflow-hidden"> |
|
<div class="md:flex"> |
|
<div class="md:flex-shrink-0 md:w-1/3 bg-gradient-to-b from-pink-100 to-blue-100 flex items-center justify-center p-8"> |
|
<img src="https://img.icons8.com/color/144/000000/statistics.png" class="w-32 h-32" alt="市场数据"> |
|
</div> |
|
<div class="p-8 md:w-2/3"> |
|
<div class="uppercase tracking-wide text-sm text-pink-600 font-semibold">市场表现</div> |
|
<h3 class="mt-2 text-xl font-semibold text-gray-900">东莞企业AI毛绒玩具预订量达200万只</h3> |
|
<p class="mt-3 text-gray-600"> |
|
根据最新市场数据，我们的AI毛绒玩具系列在预售阶段就获得热烈反响，小红书平台相关笔记达46万篇，成为年轻父母讨论的热门话题。 |
|
</p> |
|
<div class="mt-6 grid grid-cols-2 gap-4"> |
|
<div> |
|
<p class="text-3xl font-bold text-pink-600">200万+</p> |
|
<p class="text-sm text-gray-500">预订量</p> |
|
</div> |
|
<div> |
|
<p class="text-3xl font-bold text-blue-600">46万+</p> |
|
<p class="text-sm text-gray-500">小红书笔记</p> |
|
</div> |
|
<div> |
|
<p class="text-3xl font-bold text-purple-600">9.2%</p> |
|
<p class="text-sm text-gray-500">AI玩具市场年增长率</p> |
|
</div> |
|
<div> |
|
<p class="text-3xl font-bold text-green-600">95%</p> |
|
<p class="text-sm text-gray-500">用户满意度</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
<section id="partners" class="py-16 bg-white"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="lg:text-center"> |
|
<h2 class="text-base text-pink-600 font-semibold tracking-wide uppercase">合作伙伴</h2> |
|
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
|
与技术领导者共同创新 |
|
</p> |
|
<p class="mt-4 max-w-2xl text-xl text-gray-600 lg:mx-auto"> |
|
我们与行业顶尖企业合作，确保产品技术领先 |
|
</p> |
|
</div> |
|
|
|
<div class="mt-12"> |
|
<div class="grid grid-cols-2 gap-8 md:grid-cols-4 lg:grid-cols-5"> |
|
<div class="col-span-1 flex justify-center items-center"> |
|
<img class="h-12 grayscale hover:grayscale-0 transition-all duration-300" src="https://img.icons8.com/color/144/000000/deepseek.png" alt="DeepSeek"> |
|
</div> |
|
<div class="col-span-1 flex justify-center items-center"> |
|
<img class="h-12 grayscale hover:grayscale-0 transition-all duration-300" src="https://img.icons8.com/color/144/000000/disney.png" alt="Disney"> |
|
</div> |
|
<div class="col-span-1 flex justify-center items-center"> |
|
<img class="h-12 grayscale hover:grayscale-0 transition-all duration-300" src="https://img.icons8.com/color/144/000000/sohu.png" alt="Sohu"> |
|
</div> |
|
<div class="col-span-1 flex justify-center items-center"> |
|
<img class="h-12 grayscale hover:grayscale-0 transition-all duration-300" src="https://img.icons8.com/color/144/000000/hasbro.png" alt="Hasbro"> |
|
</div> |
|
<div class="col-span-1 flex justify-center items-center"> |
|
<img class="h-12 grayscale hover:grayscale-0 transition-all duration-300" src="https://img.icons8.com/color/144/000000/tencent.png" alt="Tencent"> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="mt-12"> |
|
<div class="bg-gray-50 rounded-2xl p-8 md:p-12 shadow-inner"> |
|
<div class="md:flex md:items-center md:justify-between"> |
|
<div class="md:w-1/2"> |
|
<h3 class="text-2xl font-bold text-gray-900">供应链优势</h3> |
|
<p class="mt-4 text-gray-600"> |
|
依托广东汕头、东莞等地的智能玩具制造资源，我们建立了高效稳定的供应链体系，确保产品质量与交付时效。 |
|
</p> |
|
<div class="mt-6"> |
|
<div class="flex items-center"> |
|
<div class="flex-shrink-0 bg-green-500 rounded-md p-2"> |
|
<i class="fas fa-check text-white"></i> |
|
</div> |
|
<div class="ml-3"> |
|
<p class="text-sm font-medium text-gray-900">ISO 9001认证工厂</p> |
|
</div> |
|
</div> |
|
<div class="mt-3 flex items-center"> |
|
<div class="flex-shrink-0 bg-green-500 rounded-md p-2"> |
|
<i class="fas fa-check text-white"></i> |
|
</div> |
|
<div class="ml-3"> |
|
<p class="text-sm font-medium text-gray-900">月产能100万+</p> |
|
</div> |
|
</div> |
|
<div class="mt-3 flex items-center"> |
|
<div class="flex-shrink-0 bg-green-500 rounded-md p-2"> |
|
<i class="fas fa-check text-white"></i> |
|
</div> |
|
<div class="ml-3"> |
|
<p class="text-sm font-medium text-gray-900">48小时快速打样</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="mt-8 md:mt-0 md:w-1/2 md:pl-8"> |
|
<h3 class="text-2xl font-bold text-gray-900">开发者支持</h3> |
|
<p class="mt-4 text-gray-600"> |
|
我们开放部分API接口，提供完善的开发文档和技术支持，欢迎开发者加入我们的生态共建。 |
|
</p> |
|
<div class="mt-6"> |
|
<a href="#" class="inline-flex items-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink-500"> |
|
<i class="fas fa-book mr-2"></i> 开发文档 |
|
</a> |
|
<a href="#" class="ml-3 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-gradient-to-r from-pink-500 to-blue-500 hover:from-pink-600 hover:to-blue-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink-500"> |
|
<i class="fas fa-code-branch mr-2"></i> API申请 |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
<section id="try" class="py-16 bg-gradient-to-r from-pink-500 to-blue-500"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center"> |
|
<div> |
|
<h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl"> |
|
立即体验AI毛绒玩具的魅力 |
|
</h2> |
|
<p class="mt-3 max-w-3xl text-lg text-pink-100"> |
|
现在注册即可获得免费设计工具体验版，限量版玩具试用申请同步开放中。 |
|
</p> |
|
<div class="mt-8 sm:flex"> |
|
<div class="rounded-md shadow"> |
|
<a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-pink-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10"> |
|
免费设计工具 |
|
</a> |
|
</div> |
|
<div class="mt-3 sm:mt-0 sm:ml-3"> |
|
<a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-pink-600 bg-opacity-60 hover:bg-opacity-70 md:py-4 md:text-lg md:px-10"> |
|
申请玩具试用 |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="mt-12 lg:mt-0 relative"> |
|
<div class="relative mx-auto w-full rounded-lg shadow-2xl overflow-hidden"> |
|
<div class="relative w-full h-0 pb-[56.25%] bg-white overflow-hidden"> |
|
<div class="absolute inset-0 flex items-center justify-center p-6"> |
|
<div class="text-center"> |
|
<i class="fas fa-robot text-6xl text-pink-500 mb-4"></i> |
|
<h3 class="text-xl font-medium text-gray-900">AI玩具设计工具</h3> |
|
<p class="mt-2 text-gray-600"> |
|
上传图片或描述，AI将为您生成专属毛绒玩具设计图 |
|
</p> |
|
<div class="mt-6"> |
|
<div class="relative"> |
|
<input type="text" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-pink-500 focus:ring-pink-500 p-3" placeholder="例如：蓝色的小恐龙，有粉色的斑点..."> |
|
</div> |
|
<button type="submit" class="mt-4 w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-pink-600 hover:bg-pink-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink-500"> |
|
生成设计 |
|
</button> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
<section class="py-16 bg-white"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="lg:text-center"> |
|
<h2 class="text-base text-pink-600 font-semibold tracking-wide uppercase">创意工坊</h2> |
|
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
|
加入我们的用户社区 |
|
</p> |
|
<p class="mt-4 max-w-2xl text-xl text-gray-600 lg:mx-auto"> |
|
分享您的DIY设计、互动故事，与全球用户交流创意 |
|
</p> |
|
</div> |
|
|
|
<div class="mt-12 grid md:grid-cols-3 gap-8"> |
|
<div class="bg-gray-50 rounded-xl p-6 shadow-sm"> |
|
<div class="flex items-center"> |
|
<div class="flex-shrink-0 bg-pink-100 rounded-md p-3"> |
|
<i class="fas fa-palette text-pink-600 text-xl"></i> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg font-medium text-gray-900">设计分享</h3> |
|
<p class="mt-1 text-sm text-gray-600"> |
|
超过10,000个用户原创设计 |
|
</p> |
|
</div> |
|
</div> |
|
<div class="mt-6"> |
|
<div class="grid grid-cols-3 gap-2"> |
|
<div class="h-20 bg-pink-100 rounded-md flex items-center justify-center"> |
|
<i class="fas fa-dragon text-pink-500 text-xl"></i> |
|
</div> |
|
<div class="h-20 bg-blue-100 rounded-md flex items-center justify-center"> |
|
<i class="fas fa-unicorn text-blue-500 text-xl"></i> |
|
</div> |
|
<div class="h-20 bg-purple-100 rounded-md flex items-center justify-center"> |
|
<i class="fas fa-cat text-purple-500 text-xl"></i> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="mt-6"> |
|
<a href="#" class="text-sm font-medium text-pink-600 hover:text-pink-800 flex items-center"> |
|
浏览全部设计 <i class="fas fa-chevron-right ml-1 text-xs"></i> |
|
</a> |
|
</div> |
|
</div> |
|
|
|
<div class="bg-gray-50 rounded-xl p-6 shadow-sm"> |
|
<div class="flex items-center"> |
|
<div class="flex-shrink-0 bg-blue-100 rounded-md p-3"> |
|
<i class="fas fa-book-open text-blue-600 text-xl"></i> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg font-medium text-gray-900">故事创作</h3> |
|
<p class="mt-1 text-sm text-gray-600"> |
|
用户生成的互动故事库 |
|
</p> |
|
</div> |
|
</div> |
|
<div class="mt-6 space-y-3"> |
|
<div class="flex items-start"> |
|
<div class="flex-shrink-0 h-10 w-10 rounded-full bg-purple-100 flex items-center justify-center"> |
|
<i class="fas fa-user-astronaut text-purple-500"></i> |
|
</div> |
|
<div class="ml-3"> |
|
<p class="text-sm font-medium text-gray-900">太空冒险记</p> |
|
<p class="text-xs text-gray-500">点赞: 1,234</p> |
|
</div> |
|
</div> |
|
<div class="flex items-start"> |
|
<div class="flex-shrink-0 h-10 w-10 rounded-full bg-green-100 flex items-center justify-center"> |
|
<i class="fas fa-dragon text-green-500"></i> |
|
</div> |
|
<div class="ml-3"> |
|
<p class="text-sm font-medium text-gray-900">小龙的魔法学校</p> |
|
<p class="text-xs text-gray-500">点赞: 987</p> |
|
</div> |
|
</div> |
|
<div class="flex items-start"> |
|
<div class="flex-shrink-0 h-10 w-10 rounded-full bg-yellow-100 flex items-center justify-center"> |
|
<i class="fas fa-robot text-yellow-500"></i> |
|
</div> |
|
<div class="ml-3"> |
|
<p class="text-sm font-medium text-gray-900">机器人朋友</p> |
|
<p class="text-xs text-gray-500">点赞: 2,456</p> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="mt-6"> |
|
<a href="#" class="text-sm font-medium text-blue-600 hover:text-blue-800 flex items-center"> |
|
阅读更多故事 <i class="fas fa-chevron-right ml-1 text-xs"></i> |
|
</a> |
|
</div> |
|
</div> |
|
|
|
<div class="bg-gray-50 rounded-xl p-6 shadow-sm"> |
|
<div class="flex items-center"> |
|
<div class="flex-shrink-0 bg-purple-100 rounded-md p-3"> |
|
<i class="fas fa-trophy text-purple-600 text-xl"></i> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg font-medium text-gray-900">设计大赛</h3> |
|
<p class="mt-1 text-sm text-gray-600"> |
|
参与比赛，赢取量产机会 |
|
</p> |
|
</div> |
|
</div> |
|
<div class="mt-6"> |
|
<div class="bg-white rounded-lg p-4 shadow-xs"> |
|
<div class="flex items-center"> |
|
<div class="flex-shrink-0 h-12 w-12 rounded-full bg-pink-100 flex items-center justify-center"> |
|
<i class="fas fa-star text-pink-500"></i> |
|
</div> |
|
<div class="ml-4"> |
|
<h4 class="text-sm font-medium text-gray-900">2023秋季设计大赛</h4> |
|
<p class="text-xs text-gray-500">截止日期: 2023/11/30</p> |
|
</div> |
|
</div> |
|
<p class="mt-3 text-sm text-gray-600"> |
|
主题"奇幻森林"，优胜作品将获得量产销售机会，并享有销售分成。 |
|
</p> |
|
<div class="mt-4"> |
|
<div class="flex justify-between text-xs text-gray-500"> |
|
<span>已提交: 1,234件</span> |
|
<span>剩余: 15天</span> |
|
</div> |
|
<div class="mt-1 w-full bg-gray-200 rounded-full h-2"> |
|
<div class="bg-pink-500 h-2 rounded-full" style="width: 45%"></div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="mt-6"> |
|
<a href="#" class="text-sm font-medium text-purple-600 hover:text-purple-800 flex items-center"> |
|
立即参赛 <i class="fas fa-chevron-right ml-1 text-xs"></i> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
<section class="py-16 bg-gray-50"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="lg:text-center"> |
|
<h2 class="text-base text-pink-600 font-semibold tracking-wide uppercase">新闻与信任</h2> |
|
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
|
媒体报道与行业认证 |
|
</p> |
|
</div> |
|
|
|
<div class="mt-12"> |
|
<div class="grid md:grid-cols-2 gap-8"> |
|
<div class="bg-white rounded-xl shadow-md overflow-hidden"> |
|
<div class="p-6"> |
|
<div class="flex items-center"> |
|
<div class="flex-shrink-0"> |
|
<img class="h-10 w-10" src="https://img.icons8.com/color/48/000000/tencent-news.png" alt="Tencent News"> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg font-medium text-gray-900">腾讯新闻</h3> |
|
<p class="text-sm text-gray-500">2023年9月15日</p> |
|
</div> |
|
</div> |
|
<div class="mt-4"> |
|
<p class="text-gray-600"> |
|
"核玩科技通过AI技术重新定义毛绒玩具，其产品在情感陪伴和教育功能方面表现出色，成为智能玩具市场的新锐力量。" |
|
</p> |
|
</div> |
|
<div class="mt-6"> |
|
<a href="#" class="text-sm font-medium text-pink-600 hover:text-pink-800 flex items-center"> |
|
阅读全文 <i class="fas fa-chevron-right ml-1 text-xs"></i> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden"> |
|
<div class="p-6"> |
|
<div class="flex items-center"> |
|
<div class="flex-shrink-0"> |
|
<img class="h-10 w-10" src="https://img.icons8.com/color/48/000000/bbc.png" alt="BBC"> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg font-medium text-gray-900">BBC科技频道</h3> |
|
<p class="text-sm text-gray-500">2023年8月22日</p> |
|
</div> |
|
</div> |
|
<div class="mt-4"> |
|
<p class="text-gray-600"> |
|
"中国初创企业核玩科技将AI与毛绒玩具结合，创造出能够理解儿童情感并做出回应的智能玩具，预示着玩具行业的未来方向。" |
|
</p> |
|
</div> |
|
<div class="mt-6"> |
|
<a href="#" class="text-sm font-medium text-pink-600 hover:text-pink-800 flex items-center"> |
|
阅读全文 <i class="fas fa-chevron-right ml-1 text-xs"></i> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="mt-12 bg-white rounded-xl shadow-md overflow-hidden"> |
|
<div class="p-8"> |
|
<h3 class="text-lg font-medium text-gray-900">安全认证</h3> |
|
<p class="mt-2 text-gray-600"> |
|
我们的产品通过多项国际安全认证，确保儿童使用无忧。 |
|
</p> |
|
<div class="mt-6 grid grid-cols-2 gap-4 md:grid-cols-4"> |
|
<div class="flex flex-col items-center p-4 border border-gray-200 rounded-lg"> |
|
<img src="https://img.icons8.com/color/48/000000/ce-mark.png" class="h-12 w-12" alt="CE认证"> |
|
<span class="mt-2 text-sm font-medium text-gray-900">CE认证</span> |
|
</div> |
|
<div class="flex flex-col items-center p-4 border border-gray-200 rounded-lg"> |
|
<img src="https://img.icons8.com/color/48/000000/fcc.png" class="h-12 w-12" alt="FCC认证"> |
|
<span class="mt-2 text-sm font-medium text-gray-900">FCC认证</span> |
|
</div> |
|
<div class="flex flex-col items-center p-4 border border-gray-200 rounded-lg"> |
|
<img src="https://img.icons8.com/color/48/000000/iso-9001.png" class="h-12 w-12" alt="ISO 9001"> |
|
<span class="mt-2 text-sm font-medium text-gray-900">ISO 9001</span> |
|
</div> |
|
<div class="flex flex-col items-center p-4 border border-gray-200 rounded-lg"> |
|
<img src="https://img.icons8.com/color/48/000000/gdpr.png" class="h-12 w-12" alt="GDPR合规"> |
|
<span class="mt-2 text-sm font-medium text-gray-900">GDPR合规</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
<section id="contact" class="py-16 bg-white"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="lg:grid lg:grid-cols-2 lg:gap-8"> |
|
<div> |
|
<h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
|
联系我们 |
|
</h2> |
|
<p class="mt-3 text-lg text-gray-600"> |
|
无论您是想了解产品、寻求合作，还是需要技术支持，我们都随时为您服务。 |
|
</p> |
|
<div class="mt-8"> |
|
<div class="flex"> |
|
<div class="flex-shrink-0 bg-pink-100 rounded-md p-3"> |
|
<i class="fas fa-map-marker-alt text-pink-600 text-xl"></i> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg font-medium text-gray-900">公司地址</h3> |
|
<p class="mt-1 text-base text-gray-600"> |
|
上海市浦东新区张江高科技园区科苑路88号 |
|
</p> |
|
</div> |
|
</div> |
|
<div class="mt-6 flex"> |
|
<div class="flex-shrink-0 bg-blue-100 rounded-md p-3"> |
|
<i class="fas fa-phone-alt text-blue-600 text-xl"></i> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg font-medium text-gray-900">联系电话</h3> |
|
<p class="mt-1 text-base text-gray-600"> |
|
021-5080XXXX (工作日 9:00-18:00) |
|
</p> |
|
</div> |
|
</div> |
|
<div class="mt-6 flex"> |
|
<div class="flex-shrink-0 bg-purple-100 rounded-md p-3"> |
|
<i class="fas fa-envelope text-purple-600 text-xl"></i> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg font-medium text-gray-900">电子邮箱</h3> |
|
<p class="mt-1 text-base text-gray-600"> |
|
[email protected] |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="mt-8"> |
|
<h3 class="text-lg font-medium text-gray-900">关注我们</h3> |
|
<div class="mt-4 flex space-x-4"> |
|
<a href="#" class="text-gray-600 hover:text-pink-600"> |
|
<i class="fab fa-weixin text-2xl"></i> |
|
</a> |
|
<a href="#" class="text-gray-600 hover:text-red-600"> |
|
<i class="fab fa-douyin text-2xl"></i> |
|
</a> |
|
<a href="#" class="text-gray-600 hover:text-pink-500"> |
|
<i class="fab fa-xiaohongshu text-2xl"></i> |
|
</a> |
|
<a href="#" class="text-gray-600 hover:text-blue-500"> |
|
<i class="fab fa-weibo text-2xl"></i> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="mt-12 lg:mt-0"> |
|
<div class="bg-white shadow-xl rounded-lg p-6"> |
|
<h3 class="text-lg font-medium text-gray-900">发送消息</h3> |
|
<form class="mt-6 space-y-6"> |
|
<div> |
|
<label for="name" class="block text-sm font-medium text-gray-700">姓名</label> |
|
<div class="mt-1"> |
|
<input type="text" name="name" id="name" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-pink-500 focus:ring-pink-500 p-3" placeholder="您的姓名"> |
|
</div> |
|
</div> |
|
<div> |
|
<label for="email" class="block text-sm font-medium text-gray-700">邮箱</label> |
|
<div class="mt-1"> |
|
<input type="email" name="email" id="email" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-pink-500 focus:ring-pink-500 p-3" placeholder="您的邮箱地址"> |
|
</div> |
|
</div> |
|
<div> |
|
<label for="subject" class="block text-sm font-medium text-gray-700">主题</label> |
|
<div class="mt-1"> |
|
<select id="subject" name="subject" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-pink-500 focus:ring-pink-500 p-3"> |
|
<option>产品咨询</option> |
|
<option>商务合作</option> |
|
<option>技术支持</option> |
|
<option>其他</option> |
|
</select> |
|
</div> |
|
</div> |
|
<div> |
|
<label for="message" class="block text-sm font-medium text-gray-700">消息内容</label> |
|
<div class="mt-1"> |
|
<textarea id="message" name="message" rows="4" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-pink-500 focus:ring-pink-500 p-3" placeholder="您的消息..."></textarea> |
|
</div> |
|
</div> |
|
<div> |
|
<button type="submit" class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-gradient-to-r from-pink-500 to-blue-500 hover:from-pink-600 hover:to-blue-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink-500"> |
|
发送消息 |
|
</button> |
|
</div> |
|
</form> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
<section class="py-16 bg-gradient-to-r from-blue-600 to-purple-600"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center"> |
|
<div> |
|
<h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl"> |
|
B端合作方案 |
|
</h2> |
|
<p class="mt-3 max-w-3xl text-lg text-blue-100"> |
|
我们为企业和机构客户提供OEM/ODM服务，支持IP联名与批量定制。 |
|
</p> |
|
<div class="mt-8"> |
|
<div class="flex items-center"> |
|
<div class="flex-shrink-0 bg-white bg-opacity-20 rounded-full p-2"> |
|
<i class="fas fa-check text-white text-sm"></i> |
|
</div> |
|
<div class="ml-3 text-base text-blue-50"> |
|
支持最小起订量500件 |
|
</div> |
|
</div> |
|
<div class="mt-3 flex items-center"> |
|
<div class="flex-shrink-0 bg-white bg-opacity-20 rounded-full p-2"> |
|
<i class="fas fa-check text-white text-sm"></i> |
|
</div> |
|
<div class="ml-3 text-base text-blue-50"> |
|
提供IP授权与联名合作 |
|
</div> |
|
</div> |
|
<div class="mt-3 flex items-center"> |
|
<div class="flex-shrink-0 bg-white bg-opacity-20 rounded-full p-2"> |
|
<i class="fas fa-check text-white text-sm"></i> |
|
</div> |
|
<div class="ml-3 text-base text-blue-50"> |
|
支持功能与外观深度定制 |
|
</div> |
|
</div> |
|
</div> |
|
<div class="mt-8"> |
|
<a href="#" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-blue-700 bg-white hover:bg-gray-50"> |
|
了解B端方案详情 |
|
<i class="fas fa-chevron-right ml-2"></i> |
|
</a> |
|
</div> |
|
</div> |
|
<div class="mt-12 lg:mt-0"> |
|
<div class="bg-white bg-opacity-10 rounded-xl p-8 backdrop-filter backdrop-blur-lg"> |
|
<h3 class="text-xl font-medium text-white">企业客户专享服务</h3> |
|
<div class="mt-6 grid gap-6 md:grid-cols-2"> |
|
<div class="flex items-start"> |
|
<div class="flex-shrink-0 bg-white bg-opacity-20 rounded-md p-2"> |
|
<i class="fas fa-gem text-white text-lg"></i> |
|
</div> |
|
<div class="ml-3"> |
|
<h4 class="text-sm font-medium text-white">专属客户经理</h4> |
|
<p class="mt-1 text-xs text-blue-100"> |
|
一对一服务，全程跟进项目 |
|
</p> |
|
</div> |
|
</div> |
|
<div class="flex items-start"> |
|
<div class="flex-shrink-0 bg-white bg-opacity-20 rounded-md p-2"> |
|
<i class="fas fa-truck text-white text-lg"></i> |
|
</div> |
|
<div class="ml-3"> |
|
<h4 class="text-sm font-medium text-white">优先物流通道</h4> |
|
<p class="mt-1 text-xs text-blue-100"> |
|
确保准时交付，支持全球发货 |
|
</p> |
|
</div> |
|
</div> |
|
<div class="flex items-start"> |
|
<div class="flex-shrink-0 bg-white bg-opacity-20 rounded-md p-2"> |
|
<i class="fas fa-lock text-white text-lg"></i> |
|
</div> |
|
<div class="ml-3"> |
|
<h4 class="text-sm font-medium text-white">数据安全保障</h4> |
|
<p class="mt-1 text-xs text-blue-100"> |
|
企业级数据加密与隐私保护 |
|
</p> |
|
</div> |
|
</div> |
|
<div class="flex items-start"> |
|
<div class="flex-shrink-0 bg-white bg-opacity-20 rounded-md p-2"> |
|
<i class="fas fa-chart-line text-white text-lg"></i> |
|
</div> |
|
<div class="ml-3"> |
|
<h4 class="text-sm font-medium text-white">销售数据分析</h4> |
|
<p class="mt-1 text-xs text-blue-100"> |
|
提供销售预测与市场洞察 |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
<footer class="bg-gray-900 pt-16 pb-12"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-8"> |
|
<div class="col-span-2"> |
|
<div class="flex items-center"> |
|
<i class="fas fa-robot text-3xl text-pink-500 mr-2"></i> |
|
<span class="brand-font text-2xl font-bold text-white">核玩科技</span> |
|
</div> |
|
<p class="mt-4 text-sm text-gray-400"> |
|
上海核玩信息科技有限责任公司致力于将前沿AI技术与传统毛绒玩具结合，创造新一代智能陪伴产品。 |
|
</p> |
|
<div class="mt-6 flex space-x-6"> |
|
<a href="#" class="text-gray-400 hover:text-pink-500"> |
|
<i class="fab fa-weixin text-xl"></i> |
|
</a> |
|
<a href="#" class="text-gray-400 hover:text-red-500"> |
|
<i class="fab fa-douyin text-xl"></i> |
|
</a> |
|
<a href="#" class="text-gray-400 hover:text-pink-400"> |
|
<i class="fab fa-xiaohongshu text-xl"></i> |
|
</a> |
|
<a href="#" class="text-gray-400 hover:text-blue-400"> |
|
<i class="fab fa-weibo text-xl"></i> |
|
</a> |
|
</div> |
|
</div> |
|
<div> |
|
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">产品</h3> |
|
<div class="mt-4 space-y-4"> |
|
<a href="#" class="text-base text-gray-300 hover:text-white block">智能互动系列</a> |
|
<a href="#" class="text-base text-gray-300 hover:text-white block">教育陪伴系列</a> |
|
<a href="#" class="text-base text-gray-300 hover:text-white block">个性化定制</a> |
|
<a href="#" class="text-base text-gray-300 hover:text-white block">全部产品</a> |
|
</div> |
|
</div> |
|
<div> |
|
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">支持</h3> |
|
<div class="mt-4 space-y-4"> |
|
<a href="#" class="text-base text-gray-300 hover:text-white block">帮助中心</a> |
|
<a href="#" class="text-base text-gray-300 hover:text-white block">安全与隐私</a> |
|
<a href="#" class="text-base text-gray-300 hover:text-white block">家长指南</a> |
|
<a href="#" class="text-base text-gray-300 hover:text-white block">联系我们</a> |
|
</div> |
|
</div> |
|
<div> |
|
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">公司</h3> |
|
<div class="mt-4 space-y-4"> |
|
<a href="#" class="text-base text-gray-300 hover:text-white block">关于我们</a> |
|
|
|
</html> |
