Spaces:

xiangfeng
/

test

Running

App Files Files Community

xiangfeng commited on Apr 1

Commit

dbb8f2c

verified ·

1 Parent(s): e99b283

Add 2 files

Browse files

Files changed (2) hide show

README.md +7 -5
index.html +582 -19

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Test
-emoji: 🐠
-colorFrom: indigo
-colorTo: gray
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: test
+emoji: 🐳
+colorFrom: blue
+colorTo: blue
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,582 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>简爱酸奶 - 纯净无添加的低温酸奶</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
+        body {
+            font-family: 'Noto Sans SC', sans-serif;
+            color: #333;
+        }
+        .hero {
+            background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)),
+                        url('https://images.unsplash.com/photo-1603569283847-aa295f0d016a?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
+            background-size: cover;
+            background-position: center;
+        }
+        .product-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);
+        }
+        .flavor-card {
+            transition: all 0.3s ease;
+        }
+        .flavor-card:hover {
+            transform: scale(1.05);
+        }
+        .nav-link {
+            position: relative;
+        }
+        .nav-link:after {
+            content: '';
+            position: absolute;
+            width: 0;
+            height: 2px;
+            bottom: -2px;
+            left: 0;
+            background-color: #4F46E5;
+            transition: width 0.3s;
+        }
+        .nav-link:hover:after {
+            width: 100%;
+        }
+        .active:after {
+            width: 100%;
+        }
+        .smooth-scroll {
+            scroll-behavior: smooth;
+        }
+    </style>
+</head>
+<body class="smooth-scroll">
+    <!-- 导航栏 -->
+    <nav class="bg-white shadow-md sticky top-0 z-50">
+        <div class="container mx-auto px-6 py-3">
+            <div class="flex items-center justify-between">
+                <!-- 品牌Logo -->
+                <div class="flex items-center">
+                    <a href="#" class="text-2xl font-bold text-indigo-600 flex items-center">
+                        <i class="fas fa-leaf mr-2"></i>
+                        简爱酸奶
+                    </a>
+                </div>
+                <!-- 导航链接 -->
+                <div class="hidden md:flex items-center space-x-8">
+                    <a href="#home" class="nav-link text-gray-800 hover:text-indigo-600">首页</a>
+                    <a href="#products" class="nav-link text-gray-800 hover:text-indigo-600">产品系列</a>
+                    <a href="#story" class="nav-link text-gray-800 hover:text-indigo-600">品牌故事</a>
+                    <a href="#nutrition" class="nav-link text-gray-800 hover:text-indigo-600">营养健康</a>
+                    <a href="#contact" class="nav-link text-gray-800 hover:text-indigo-600">联系我们</a>
+                </div>
+                <!-- 移动端菜单按钮 -->
+                <div class="md:hidden">
+                    <button id="menu-btn" class="text-gray-800 focus:outline-none">
+                        <i class="fas fa-bars text-2xl"></i>
+                    </button>
+                </div>
+            </div>
+            <!-- 移动端菜单 -->
+            <div id="mobile-menu" class="hidden md:hidden mt-4 pb-4">
+                <a href="#home" class="block py-2 text-gray-800 hover:text-indigo-600">首页</a>
+                <a href="#products" class="block py-2 text-gray-800 hover:text-indigo-600">产品系列</a>
+                <a href="#story" class="block py-2 text-gray-800 hover:text-indigo-600">品牌故事</a>
+                <a href="#nutrition" class="block py-2 text-gray-800 hover:text-indigo-600">营养健康</a>
+                <a href="#contact" class="block py-2 text-gray-800 hover:text-indigo-600">联系我们</a>
+            </div>
+        </div>
+    </nav>
+    <!-- 英雄区域 -->
+    <section id="home" class="hero py-20">
+        <div class="container mx-auto px-6 flex flex-col md:flex-row items-center">
+            <div class="md:w-1/2 mb-10 md:mb-0">
+                <h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-6">纯��无添加的低温酸奶</h1>
+                <p class="text-lg text-gray-600 mb-8">简爱酸奶，只选用优质奶源，0添加蔗糖、0添加香精、0添加防腐剂，给您最纯净的酸奶体验。</p>
+                <div class="flex space-x-4">
+                    <a href="#products" class="bg-indigo-600 text-white px-6 py-3 rounded-lg hover:bg-indigo-700 transition duration-300">探索产品</a>
+                    <a href="#story" class="border border-indigo-600 text-indigo-600 px-6 py-3 rounded-lg hover:bg-indigo-50 transition duration-300">品牌故事</a>
+                </div>
+            </div>
+            <div class="md:w-1/2 flex justify-center">
+                <img src="https://images.unsplash.com/photo-1577234286642-fc512a5f8f11?ixlib=rb-1.2.1&auto=format&fit=crop&w=634&q=80" alt="简爱酸奶" class="rounded-lg shadow-xl max-w-md w-full">
+            </div>
+        </div>
+    </section>
+    <!-- 产品特色 -->
+    <section class="bg-indigo-50 py-16">
+        <div class="container mx-auto px-6">
+            <h2 class="text-3xl font-bold text-center text-gray-800 mb-12">为什么选择简爱酸奶</h2>
+            <div class="grid md:grid-cols-3 gap-8">
+                <div class="bg-white p-8 rounded-lg shadow-md text-center">
+                    <div class="text-indigo-600 mb-4">
+                        <i class="fas fa-seedling text-4xl"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3">纯净配方</h3>
+                    <p class="text-gray-600">0添加蔗糖、0添加香精、0添加防腐剂，只有生牛乳和乳酸菌，回归酸奶本真。</p>
+                </div>
+                <div class="bg-white p-8 rounded-lg shadow-md text-center">
+                    <div class="text-indigo-600 mb-4">
+                        <i class="fas fa-temperature-low text-4xl"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3">低温发酵</h3>
+                    <p class="text-gray-600">采用低温慢发酵工艺，保留更多活性乳酸菌，口感更细腻醇厚。</p>
+                </div>
+                <div class="bg-white p-8 rounded-lg shadow-md text-center">
+                    <div class="text-indigo-600 mb-4">
+                        <i class="fas fa-cow text-4xl"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3">优质奶源</h3>
+                    <p class="text-gray-600">精选优质牧场奶源，蛋白质含量≥3.2g/100g，奶香浓郁，营养丰富。</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- 产品系列 -->
+    <section id="products" class="py-16 bg-white">
+        <div class="container mx-auto px-6">
+            <h2 class="text-3xl font-bold text-center text-gray-800 mb-12">产品系列</h2>
+            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+                <!-- 产品1 -->
+                <div class="product-card bg-white rounded-lg overflow-hidden shadow-lg transition duration-300">
+                    <div class="relative overflow-hidden h-64">
+                        <img src="https://images.unsplash.com/photo-1562059390-a761a084768e?ixlib=rb-1.2.1&auto=format&fit=crop&w=634&q=80" alt="原味酸奶" class="w-full h-full object-cover">
+                        <div class="absolute top-4 right-4 bg-indigo-600 text-white px-3 py-1 rounded-full text-sm">热销</div>
+                    </div>
+                    <div class="p-6">
+                        <h3 class="text-xl font-semibold mb-2">简爱原味酸奶</h3>
+                        <p class="text-gray-600 mb-4">只有生牛乳和乳酸菌，无任何添加，还原酸奶最本真的味道。</p>
+                        <div class="flex justify-between items-center">
+                            <span class="text-indigo-600 font-bold">¥8.9/135g</span>
+                            <button class="bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 transition duration-300">加入购物车</button>
+                        </div>
+                    </div>
+                </div>
+                <!-- 产品2 -->
+                <div class="product-card bg-white rounded-lg overflow-hidden shadow-lg transition duration-300">
+                    <div class="relative overflow-hidden h-64">
+                        <img src="https://images.unsplash.com/photo-1550583724-b2692b85b150?ixlib=rb-1.2.1&auto=format&fit=crop&w=634&q=80" alt="0蔗糖酸奶" class="w-full h-full object-cover">
+                    </div>
+                    <div class="p-6">
+                        <h3 class="text-xl font-semibold mb-2">简爱0蔗糖酸奶</h3>
+                        <p class="text-gray-600 mb-4">0添加蔗糖，使用天然代糖，适合控糖人群的健康选择。</p>
+                        <div class="flex justify-between items-center">
+                            <span class="text-indigo-600 font-bold">¥9.9/135g</span>
+                            <button class="bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 transition duration-300">加入购物车</button>
+                        </div>
+                    </div>
+                </div>
+                <!-- 产品3 -->
+                <div class="product-card bg-white rounded-lg overflow-hidden shadow-lg transition duration-300">
+                    <div class="relative overflow-hidden h-64">
+                        <img src="https://images.unsplash.com/photo-1577234286642-fc512a5f8f11?ixlib=rb-1.2.1&auto=format&fit=crop&w=634&q=80" alt="高蛋白酸奶" class="w-full h-full object-cover">
+                    </div>
+                    <div class="p-6">
+                        <h3 class="text-xl font-semibold mb-2">简爱高蛋白酸奶</h3>
+                        <p class="text-gray-600 mb-4">蛋白质含量≥6.0g/100g，健身人士的理想选择。</p>
+                        <div class="flex justify-between items-center">
+                            <span class="text-indigo-600 font-bold">¥12.9/135g</span>
+                            <button class="bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 transition duration-300">加入购物车</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- 更多口味 -->
+            <div class="mt-16">
+                <h3 class="text-2xl font-semibold text-center mb-8">更多美味口味</h3>
+                <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
+                    <div class="flavor-card bg-white p-4 rounded-lg shadow-md text-center cursor-pointer">
+                        <div class="bg-blue-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-2">
+                            <i class="fas fa-strawberry text-2xl text-red-500"></i>
+                        </div>
+                        <span class="text-sm font-medium">草莓味</span>
+                    </div>
+                    <div class="flavor-card bg-white p-4 rounded-lg shadow-md text-center cursor-pointer">
+                        <div class="bg-blue-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-2">
+                            <i class="fas fa-apple-alt text-2xl text-green-500"></i>
+                        </div>
+                        <span class="text-sm font-medium">苹果味</span>
+                    </div>
+                    <div class="flavor-card bg-white p-4 rounded-lg shadow-md text-center cursor-pointer">
+                        <div class="bg-blue-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-2">
+                            <i class="fas fa-lemon text-2xl text-yellow-400"></i>
+                        </div>
+                        <span class="text-sm font-medium">柠檬味</span>
+                    </div>
+                    <div class="flavor-card bg-white p-4 rounded-lg shadow-md text-center cursor-pointer">
+                        <div class="bg-blue-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-2">
+                            <i class="fas fa-pepper-hot text-2xl text-orange-500"></i>
+                        </div>
+                        <span class="text-sm font-medium">芒果味</span>
+                    </div>
+                    <div class="flavor-card bg-white p-4 rounded-lg shadow-md text-center cursor-pointer">
+                        <div class="bg-blue-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-2">
+                            <i class="fas fa-seedling text-2xl text-blue-500"></i>
+                        </div>
+                        <span class="text-sm font-medium">蓝莓味</span>
+                    </div>
+                    <div class="flavor-card bg-white p-4 rounded-lg shadow-md text-center cursor-pointer">
+                        <div class="bg-blue-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-2">
+                            <i class="fas fa-plus text-2xl text-indigo-500"></i>
+                        </div>
+                        <span class="text-sm font-medium">更多口味</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- 品牌故事 -->
+    <section id="story" class="py-16 bg-gray-50">
+        <div class="container mx-auto px-6">
+            <h2 class="text-3xl font-bold text-center text-gray-800 mb-12">品牌故事</h2>
+            <div class="flex flex-col md:flex-row items-center">
+                <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">
+                    <img src="https://images.unsplash.com/photo-1519683109079-d5f539e1542f?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="简爱牧场" class="rounded-lg shadow-lg w-full">
+                </div>
+                <div class="md:w-1/2">
+                    <h3 class="text-2xl font-semibold mb-4">简爱的初心</h3>
+                    <p class="text-gray-600 mb-4">简爱酸奶诞生于2015年，创始人是一位母亲，她希望为自己的孩子寻找一款真正纯净、无添加的酸奶，却发现市场上大多数酸奶都含有各种添加剂。</p>
+                    <p class="text-gray-600 mb-4">于是，她决定自己创立一个酸奶品牌，坚持"纯净无添加"的理念，只使用优质奶源和乳酸菌，不添加蔗糖、香精、防腐剂等任何不必要成分。</p>
+                    <p class="text-gray-600 mb-6">简爱酸奶的名字来源于"简单爱"的理念——用最简单的方式，表达对家人、对健康的爱。</p>
+                    <div class="bg-indigo-100 border-l-4 border-indigo-600 p-4">
+                        <p class="text-indigo-800 italic">"我们相信，好的酸奶不需要复杂的配方，只需要纯净的原料和用心的工艺。"</p>
+                    </div>
+                </div>
+            </div>
+            <!-- 品牌历程 -->
+            <div class="mt-16">
+                <h3 class="text-2xl font-semibold text-center mb-8">品牌历程</h3>
+                <div class="relative">
+                    <!-- 时间线 -->
+                    <div class="border-l-2 border-indigo-600 absolute h-full left-1/2 transform -translate-x-1/2"></div>
+                    <!-- 里程碑1 -->
+                    <div class="mb-8 flex justify-between items-center w-full">
+                        <div class="w-5/12 px-4 py-3 bg-white rounded-lg shadow-md">
+                            <h4 class="font-bold text-indigo-600 mb-1">2015年</h4>
+                            <p class="text-gray-600">简爱品牌成立，推出第一款原味无添加酸奶</p>
+                        </div>
+                        <div class="w-1/12 flex justify-center">
+                            <div class="w-6 h-6 bg-indigo-600 rounded-full"></div>
+                        </div>
+                        <div class="w-5/12"></div>
+                    </div>
+                    <!-- 里程碑2 -->
+                    <div class="mb-8 flex justify-between items-center w-full flex-row-reverse">
+                        <div class="w-5/12 px-4 py-3 bg-white rounded-lg shadow-md text-right">
+                            <h4 class="font-bold text-indigo-600 mb-1">2017年</h4>
+                            <p class="text-gray-600">获得"中国食品健康七星奖"</p>
+                        </div>
+                        <div class="w-1/12 flex justify-center">
+                            <div class="w-6 h-6 bg-indigo-600 rounded-full"></div>
+                        </div>
+                        <div class="w-5/12"></div>
+                    </div>
+                    <!-- 里程碑3 -->
+                    <div class="mb-8 flex justify-between items-center w-full">
+                        <div class="w-5/12 px-4 py-3 bg-white rounded-lg shadow-md">
+                            <h4 class="font-bold text-indigo-600 mb-1">2019年</h4>
+                            <p class="text-gray-600">年销售额突破10亿元，成为高端低温酸奶领导品牌</p>
+                        </div>
+                        <div class="w-1/12 flex justify-center">
+                            <div class="w-6 h-6 bg-indigo-600 rounded-full"></div>
+                        </div>
+                        <div class="w-5/12"></div>
+                    </div>
+                    <!-- 里程碑4 -->
+                    <div class="flex justify-between items-center w-full flex-row-reverse">
+                        <div class="w-5/12 px-4 py-3 bg-white rounded-lg shadow-md text-right">
+                            <h4 class="font-bold text-indigo-600 mb-1">2022年</h4>
+                            <p class="text-gray-600">建立自有牧场，实现从牧场到餐桌的全产业链控制</p>
+                        </div>
+                        <div class="w-1/12 flex justify-center">
+                            <div class="w-6 h-6 bg-indigo-600 rounded-full"></div>
+                        </div>
+                        <div class="w-5/12"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- 营养健康 -->
+    <section id="nutrition" class="py-16 bg-white">
+        <div class="container mx-auto px-6">
+            <h2 class="text-3xl font-bold text-center text-gray-800 mb-12">营养健康</h2>
+            <div class="flex flex-col md:flex-row items-center mb-12">
+                <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">
+                    <h3 class="text-2xl font-semibold mb-4">低温酸奶的健康益处</h3>
+                    <p class="text-gray-600 mb-4">简爱低温酸奶保留了更多活性乳酸菌，这些益生菌有助于维持肠道菌群平衡，促进消化吸收。</p>
+                    <p class="text-gray-600 mb-4">酸奶中的优质蛋白质和钙质，有助于骨骼健康��肌肉生长，是儿童、孕妇和中老年人的理想食品。</p>
+                    <p class="text-gray-600">我们的0蔗糖系列特别适合控糖人群和减肥人士，既能满足口腹之欲，又不会增加额外糖分摄入。</p>
+                </div>
+                <div class="md:w-1/2">
+                    <img src="https://images.unsplash.com/photo-1542838132-92c53300491e?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="营养健康" class="rounded-lg shadow-lg w-full">
+                </div>
+            </div>
+            <!-- 营养成分表 -->
+            <div class="bg-gray-50 p-8 rounded-lg">
+                <h3 class="text-2xl font-semibold mb-6 text-center">原味酸奶营养成分表(每100g)</h3>
+                <div class="overflow-x-auto">
+                    <table class="w-full text-left">
+                        <thead class="bg-indigo-100">
+                            <tr>
+                                <th class="px-4 py-3">营养成分</th>
+                                <th class="px-4 py-3">含量</th>
+                                <th class="px-4 py-3">NRV%</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr class="border-b border-gray-200">
+                                <td class="px-4 py-3">能量</td>
+                                <td class="px-4 py-3">280kJ/67kcal</td>
+                                <td class="px-4 py-3">3%</td>
+                            </tr>
+                            <tr class="border-b border-gray-200">
+                                <td class="px-4 py-3">蛋白质</td>
+                                <td class="px-4 py-3">3.2g</td>
+                                <td class="px-4 py-3">5%</td>
+                            </tr>
+                            <tr class="border-b border-gray-200">
+                                <td class="px-4 py-3">脂肪</td>
+                                <td class="px-4 py-3">3.6g</td>
+                                <td class="px-4 py-3">6%</td>
+                            </tr>
+                            <tr class="border-b border-gray-200">
+                                <td class="px-4 py-3">碳水化合物</td>
+                                <td class="px-4 py-3">5.5g</td>
+                                <td class="px-4 py-3">2%</td>
+                            </tr>
+                            <tr class="border-b border-gray-200">
+                                <td class="px-4 py-3">钠</td>
+                                <td class="px-4 py-3">60mg</td>
+                                <td class="px-4 py-3">3%</td>
+                            </tr>
+                            <tr>
+                                <td class="px-4 py-3">钙</td>
+                                <td class="px-4 py-3">120mg</td>
+                                <td class="px-4 py-3">15%</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+                <p class="text-sm text-gray-500 mt-4">*NRV%为营养素参考值百分比，基于每日2000kcal能量需求计算</p>
+            </div>
+            <!-- 食用建议 -->
+            <div class="mt-12 grid md:grid-cols-3 gap-6">
+                <div class="bg-indigo-50 p-6 rounded-lg">
+                    <div class="flex items-center mb-4">
+                        <div class="bg-indigo-100 p-3 rounded-full mr-4">
+                            <i class="fas fa-utensils text-indigo-600"></i>
+                        </div>
+                        <h4 class="text-lg font-semibold">最佳食用时间</h4>
+                    </div>
+                    <p class="text-gray-600">早餐后或下午茶时间食用最佳，可搭配水果、坚果或麦片，营养更均衡。</p>
+                </div>
+                <div class="bg-indigo-50 p-6 rounded-lg">
+                    <div class="flex items-center mb-4">
+                        <div class="bg-indigo-100 p-3 rounded-full mr-4">
+                            <i class="fas fa-temperature-low text-indigo-600"></i>
+                        </div>
+                        <h4 class="text-lg font-semibold">储存方式</h4>
+                    </div>
+                    <p class="text-gray-600">请置于2-6℃冷藏保存，开封后请尽快食用，以保证最佳口感和活性菌数量。</p>
+                </div>
+                <div class="bg-indigo-50 p-6 rounded-lg">
+                    <div class="flex items-center mb-4">
+                        <div class="bg-indigo-100 p-3 rounded-full mr-4">
+                            <i class="fas fa-users text-indigo-600"></i>
+                        </div>
+                        <h4 class="text-lg font-semibold">适宜人群</h4>
+                    </div>
+                    <p class="text-gray-600">适合3岁以上儿童及成人，特别是消化不良、需要补钙或控制体重的人群。</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- 客户评价 -->
+    <section class="py-16 bg-gray-50">
+        <div class="container mx-auto px-6">
+            <h2 class="text-3xl font-bold text-center text-gray-800 mb-12">客户评价</h2>
+            <div class="grid md:grid-cols-3 gap-8">
+                <!-- 评价1 -->
+                <div class="bg-white p-6 rounded-lg shadow-md">
+                    <div class="flex items-center mb-4">
+                        <img src="https://randomuser.me/api/portraits/women/32.jpg" alt="客户" class="w-12 h-12 rounded-full mr-4">
+                        <div>
+                            <h4 class="font-semibold">李女士</h4>
+                            <div class="flex text-yellow-400">
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                            </div>
+                        </div>
+                    </div>
+                    <p class="text-gray-600">"给孩子买的第一款酸奶就是简爱，成分简单纯净，没有乱七八糟的添加剂，孩子很喜欢喝，我也很放心。"</p>
+                </div>
+                <!-- 评价2 -->
+                <div class="bg-white p-6 rounded-lg shadow-md">
+                    <div class="flex items-center mb-4">
+                        <img src="https://randomuser.me/api/portraits/men/75.jpg" alt="客户" class="w-12 h-12 rounded-full mr-4">
+                        <div>
+                            <h4 class="font-semibold">张先生</h4>
+                            <div class="flex text-yellow-400">
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                            </div>
+                        </div>
+                    </div>
+                    <p class="text-gray-600">"健身多年，一直在寻找高蛋白低糖的酸奶，简爱的高蛋白系列完美满足我的需求，口感也很棒！"</p>
+                </div>
+                <!-- 评价3 -->
+                <div class="bg-white p-6 rounded-lg shadow-md">
+                    <div class="flex items-center mb-4">
+                        <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="客户" class="w-12 h-12 rounded-full mr-4">
+                        <div>
+                            <h4 class="font-semibold">王阿姨</h4>
+                            <div class="flex text-yellow-400">
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star-half-alt"></i>
+                            </div>
+                        </div>
+                    </div>
+                    <p class="text-gray-600">"年纪大了消化不好，医生建议多喝酸奶。简爱的原味酸奶很纯正，喝了之后肠胃舒服多了。"</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- 联系我们 -->
+    <section id="contact" class="py-16 bg-indigo-600 text-white">
+        <div class="container mx-auto px-6">
+            <h2 class="text-3xl font-bold text-center mb-12">联系我们</h2>
+            <div class="grid md:grid-cols-2 gap-12">
+                <div>
+                    <h3 class="text-xl font-semibold mb-4">联系方式</h3>
+                    <div class="space-y-4">
+                        <div class="flex items-start">
+                            <i class="fas fa-map-marker-alt mt-1 mr-4"></i>
+                            <p>北京市朝阳区建国路88号SOHO现代城C座1806</p>
+                        </div>
+                        <div class="flex items-center">
+                            <i class="fas fa-phone-alt mr-4"></i>
+                            <p>400-888-9999</p>
+                        </div>
+                        <div class="flex items-center">
+                            <i class="fas fa-envelope mr-4"></i>
+                            <p>[email protected]</p>
+                        </div>
+                        <div class="flex items-center">
+                            <i class="fas fa-clock mr-4"></i>
+                            <p>周一至周五 9:00-18:00</p>
+                        </div>
+                    </div>
+                    <h3 class="text-xl font-semibold mt-8 mb-4">关注我们</h3>
+                    <div class="flex space-x-4">
+                        <a href="#" class="bg-white text-indigo-600 w-10 h-10 rounded-full flex items-center justify-center hover:bg-indigo-100 transition duration-300">
+                            <i class="fab fa-weixin"></i>
+                        </a>
+                        <a href="#" class="bg-white text-indigo-600 w-10 h-10 rounded-full flex items-center justify-center hover:bg-indigo-100 transition duration-300">
+                            <i class="fab fa-weibo"></i>
+                        </a>
+                        <a href="#" class="bg-white text-indigo-600 w-10 h-10 rounded-full flex items-center justify-center hover:bg-indigo-100 transition duration-300">
+                            <i class="fab fa-douyin"></i>
+                        </a>
+                        <a href="#" class="bg-white text-indigo-600 w-10 h-10 rounded-full flex items-center justify-center hover:bg-indigo-100 transition duration-300">
+                            <i class="fab fa-xiaohongshu"></i>
+                        </a>
+                    </div>
+                </div>
+                <div>
+                    <h3 class="text-xl font-semibold mb-4">留言咨询</h3>
+                    <form>
+                        <div class="mb-4">
+                            <label for="name" class="block mb-2">姓名</label>
+                            <input type="text" id="name" class="w-full px-4 py-2 rounded-lg bg-indigo-700 border border-indigo-500 focus:outline-none focus:ring-2 focus:ring-white">
+                        </div>
+                        <div class="mb-4">
+                            <label for="email" class="block mb-2">邮箱</label>
+                            <input type="email" id="email" class="w-full px-4 py-2 rounded-lg bg-indigo-700 border border-indigo-500 focus:outline-none focus:ring-2 focus:ring-white">
+                        </div>
+                        <div class="mb-4">
+                            <label for="message" class="block mb-2">留言内容</label>
+                            <textarea id="message" rows="4" class="w-full px-4 py-2 rounded-lg bg-indigo-700 border border-indigo-500 focus:outline-none focus:ring-2 focus:ring-white"></textarea>
+                        </div>
+                        <button type="submit" class="bg-white text-indigo-600 px-6 py-3 rounded-lg font-medium hover:bg-indigo-100 transition duration-300">提交留言</button>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- 购买渠道 -->
+    <section class="py-16 bg-white">
+        <div class="container mx-auto px-6">
+            <h2 class="text-3xl font-bold text-center text-gray-800 mb-12">购买渠道</h2>
+            <div class="grid md:grid-cols-4 gap-6">
+                <div class="bg-gray-50 p-6 rounded-lg text-center">
+                    <div class="bg-indigo-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
+                        <i class="fas fa-store text-2xl text-indigo-600"></i>
+                    </div>
+                    <h3 class="text-lg font-semibold mb-2">线下商超</h3>
+                    <p class="text-gray-600 text-sm">全国各大超市、便利店有售</p>
+                </div>
+                <div class="bg-gray-50 p-6 rounded-lg text-center">
+                    <div class="bg-indigo-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
+                        <i class="fas fa-mobile-alt text-2xl text-indigo-600"></i>
+                    </div>
+                    <h3 class="text-lg font-semibold mb-2">官方小程序</h3>
+                    <p class="text-gray-600 text-sm">扫码进入简爱官方商城</p>
+                </div>
+                <div class="bg-gray-50 p-6 rounded-lg text-center">
+                    <div class="bg-indigo-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
+                        <i class="fas fa-shopping-cart text-2xl text-indigo-600"></i>
+                    </div
+</html>