Spaces:

tongxiaojun
/

peihuo-net

Running

App Files Files Community

tongxiaojun commited on Apr 19

Commit

6f61205

verified ·

1 Parent(s): da57d2f

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +548 -19
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Peihuo Net
-emoji: 🚀
-colorFrom: blue
-colorTo: red
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: peihuo-net
+emoji: 🐳
+colorFrom: gray
+colorTo: gray
 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,548 @@
-<!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.4.0/css/all.min.css">
+    <style>
+        .hero-gradient {
+            background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%);
+        }
+        .feature-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
+        }
+        .news-card:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+        }
+        .partner-logo:hover {
+            filter: grayscale(0);
+            transform: scale(1.05);
+        }
+        .animated-arrow {
+            transition: transform 0.3s ease;
+        }
+        .btn-hover:hover .animated-arrow {
+            transform: translateX(5px);
+        }
+    </style>
+</head>
+<body class="font-sans bg-gray-50 text-gray-800">
+    <!-- Header -->
+    <header class="bg-white shadow-sm sticky top-0 z-50">
+        <div class="container mx-auto px-4 py-3 flex justify-between items-center">
+            <div class="flex items-center">
+                <div class="bg-blue-600 text-white p-2 rounded mr-3">
+                    <i class="fas fa-truck text-xl"></i>
+                </div>
+                <h1 class="text-2xl font-bold text-blue-600">
+                    <span class="text-gray-800">中华</span>配货网
+                </h1>
+            </div>
+            <nav class="hidden md:flex space-x-8">
+                <a href="#" class="text-blue-600 font-medium hover:text-blue-800">首页</a>
+                <a href="#" class="hover:text-blue-600">车源信息</a>
+                <a href="#" class="hover:text-blue-600">货源信息</a>
+                <a href="#" class="hover:text-blue-600">物流专线</a>
+                <a href="#" class="hover:text-blue-600">行业资讯</a>
+                <a href="#" class="hover:text-blue-600">关于我们</a>
+            </nav>
+            <div class="flex items-center space-x-4">
+                <button class="px-4 py-2 rounded-md border border-blue-600 text-blue-600 hover:bg-blue-50">
+                    <i class="fas fa-user mr-2"></i>登录
+                </button>
+                <button class="px-4 py-2 rounded-md bg-blue-600 text-white hover:bg-blue-700">
+                    <i class="fas fa-user-plus mr-2"></i>注册
+                </button>
+                <button class="md:hidden text-gray-600">
+                    <i class="fas fa-bars text-xl"></i>
+                </button>
+            </div>
+        </div>
+    </header>
+    <!-- Hero Section -->
+    <section class="hero-gradient text-white py-16 md:py-24">
+        <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
+            <div class="md:w-1/2 mb-10 md:mb-0">
+                <h2 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-6 leading-tight">
+                    中国领先的物流信息化服务平台
+                </h2>
+                <p class="text-lg md:text-xl mb-8 opacity-90">
+                    连接全国货主与车主，智能匹配物流需求，降低空驶率，提高运输效率
+                </p>
+                <div class="flex flex-col sm:flex-row space-y-3 sm:space-y-0 sm:space-x-4">
+                    <button class="px-6 py-3 bg-white text-blue-600 font-medium rounded-md hover:bg-gray-100 transition">
+                        发布货源 <i class="fas fa-box-open ml-2"></i>
+                    </button>
+                    <button class="px-6 py-3 bg-blue-500 bg-opacity-20 border border-white text-white font-medium rounded-md hover:bg-opacity-30 transition">
+                        寻找车源 <i class="fas fa-truck ml-2"></i>
+                    </button>
+                </div>
+            </div>
+            <div class="md:w-1/2">
+                <img src="https://images.unsplash.com/photo-1609974202975-6c9bb46b8c2e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
+                     alt="物流运输"
+                     class="rounded-lg shadow-xl w-full h-auto object-cover">
+            </div>
+        </div>
+    </section>
+    <!-- Stats Section -->
+    <section class="bg-white py-12">
+        <div class="container mx-auto px-4">
+            <div class="grid grid-cols-2 md:grid-cols-4 gap-6 text-center">
+                <div class="p-6 border-r border-gray-200 last:border-r-0">
+                    <div class="text-3xl md:text-4xl font-bold text-blue-600 mb-2">10万+</div>
+                    <div class="text-gray-600">注册会员</div>
+                </div>
+                <div class="p-6 border-r border-gray-200 last:border-r-0">
+                    <div class="text-3xl md:text-4xl font-bold text-blue-600 mb-2">50万+</div>
+                    <div class="text-gray-600">日发布货源</div>
+                </div>
+                <div class="p-6 border-r border-gray-200 last:border-r-0">
+                    <div class="text-3xl md:text-4xl font-bold text-blue-600 mb-2">30万+</div>
+                    <div class="text-gray-600">日发布车源</div>
+                </div>
+                <div class="p-6">
+                    <div class="text-3xl md:text-4xl font-bold text-blue-600 mb-2">95%</div>
+                    <div class="text-gray-600">匹配成功率</div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Features Section -->
+    <section class="py-16 bg-gray-50">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl font-bold mb-4">我们的核心服务</h2>
+                <p class="text-gray-600 max-w-2xl mx-auto">为货主和车主提供全方位的物流信息化解决方案</p>
+            </div>
+            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+                <!-- Feature 1 -->
+                <div class="bg-white p-8 rounded-lg shadow-md feature-card transition duration-300">
+                    <div class="w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-search-location text-blue-600 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3">智能匹配</h3>
+                    <p class="text-gray-600 mb-4">
+                        基于大数据和AI算法，智能匹配货源与车源，提高运输效率，降低空驶率
+                    </p>
+                    <a href="#" class="text-blue-600 font-medium flex items-center btn-hover">
+                        了解更多 <i class="fas fa-arrow-right ml-2 animated-arrow"></i>
+                    </a>
+                </div>
+                <!-- Feature 2 -->
+                <div class="bg-white p-8 rounded-lg shadow-md feature-card transition duration-300">
+                    <div class="w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-map-marked-alt text-blue-600 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3">专线查询</h3>
+                    <p class="text-gray-600 mb-4">
+                        全国物流专线查询，覆盖各省市县的运输网络，快速找到最优运输路线
+                    </p>
+                    <a href="#" class="text-blue-600 font-medium flex items-center btn-hover">
+                        了解更多 <i class="fas fa-arrow-right ml-2 animated-arrow"></i>
+                    </a>
+                </div>
+                <!-- Feature 3 -->
+                <div class="bg-white p-8 rounded-lg shadow-md feature-card transition duration-300">
+                    <div class="w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-shield-alt text-blue-600 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3">信用保障</h3>
+                    <p class="text-gray-600 mb-4">
+                        完善的信用评价体系，交易双方实名认证，保障物流交易安全可靠
+                    </p>
+                    <a href="#" class="text-blue-600 font-medium flex items-center btn-hover">
+                        了解更多 <i class="fas fa-arrow-right ml-2 animated-arrow"></i>
+                    </a>
+                </div>
+                <!-- Feature 4 -->
+                <div class="bg-white p-8 rounded-lg shadow-md feature-card transition duration-300">
+                    <div class="w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-chart-line text-blue-600 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3">数据分析</h3>
+                    <p class="text-gray-600 mb-4">
+                        物流大数据分析，提供市场行情、运价走势等专业数据服务
+                    </p>
+                    <a href="#" class="text-blue-600 font-medium flex items-center btn-hover">
+                        了解更多 <i class="fas fa-arrow-right ml-2 animated-arrow"></i>
+                    </a>
+                </div>
+                <!-- Feature 5 -->
+                <div class="bg-white p-8 rounded-lg shadow-md feature-card transition duration-300">
+                    <div class="w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-mobile-alt text-blue-600 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3">移动应用</h3>
+                    <p class="text-gray-600 mb-4">
+                        随时随地发布和查询货源车源，支持GPS定位、在线支付等功能
+                    </p>
+                    <a href="#" class="text-blue-600 font-medium flex items-center btn-hover">
+                        了解更多 <i class="fas fa-arrow-right ml-2 animated-arrow"></i>
+                    </a>
+                </div>
+                <!-- Feature 6 -->
+                <div class="bg-white p-8 rounded-lg shadow-md feature-card transition duration-300">
+                    <div class="w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-headset text-blue-600 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3">客户服务</h3>
+                    <p class="text-gray-600 mb-4">
+                        7×24小时专业客服团队，解决您在物流交易过程中的各种问题
+                    </p>
+                    <a href="#" class="text-blue-600 font-medium flex items-center btn-hover">
+                        了解更多 <i class="fas fa-arrow-right ml-2 animated-arrow"></i>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- CTA Section -->
+    <section class="py-16 bg-blue-600 text-white">
+        <div class="container mx-auto px-4 text-center">
+            <h2 class="text-3xl font-bold mb-6">立即加入中华配货网</h2>
+            <p class="text-xl mb-8 max-w-2xl mx-auto opacity-90">
+                无论您是货主还是车主，都能在这里找到最适合的物流解决方案
+            </p>
+            <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6">
+                <button class="px-8 py-3 bg-white text-blue-600 font-medium rounded-md hover:bg-gray-100 transition">
+                    免费注册 <i class="fas fa-user-plus ml-2"></i>
+                </button>
+                <button class="px-8 py-3 border border-white text-white font-medium rounded-md hover:bg-blue-700 transition">
+                    联系我们 <i class="fas fa-phone-alt ml-2"></i>
+                </button>
+            </div>
+        </div>
+    </section>
+    <!-- Latest News Section -->
+    <section class="py-16 bg-white">
+        <div class="container mx-auto px-4">
+            <div class="flex justify-between items-center mb-12">
+                <h2 class="text-3xl font-bold">行业资讯</h2>
+                <a href="#" class="text-blue-600 hover:underline flex items-center">
+                    查看更多 <i class="fas fa-arrow-right ml-2"></i>
+                </a>
+            </div>
+            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+                <!-- News 1 -->
+                <div class="bg-white rounded-lg overflow-hidden shadow-md news-card transition duration-300">
+                    <img src="https://images.unsplash.com/photo-1600679472829-3044539ce8ed?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
+                         alt="物流新闻"
+                         class="w-full h-48 object-cover">
+                    <div class="p-6">
+                        <div class="text-sm text-gray-500 mb-2">
+                            <span class="text-blue-600">行业动态</span> • 2023-06-15
+                        </div>
+                        <h3 class="text-xl font-semibold mb-3">2023年中国物流信息化发展趋势分析</h3>
+                        <p class="text-gray-600 mb-4">
+                            随着数字经济的快速发展，物流信息化正迎来新一轮变革，智能化、平台化、生态化成为主要发展方向...
+                        </p>
+                        <a href="#" class="text-blue-600 font-medium flex items-center">
+                            阅读全文 <i class="fas fa-arrow-right ml-2 text-sm"></i>
+                        </a>
+                    </div>
+                </div>
+                <!-- News 2 -->
+                <div class="bg-white rounded-lg overflow-hidden shadow-md news-card transition duration-300">
+                    <img src="https://images.unsplash.com/photo-1601493700631-2b16ec4b4716?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
+                         alt="物流政策"
+                         class="w-full h-48 object-cover">
+                    <div class="p-6">
+                        <div class="text-sm text-gray-500 mb-2">
+                            <span class="text-blue-600">政策解读</span> • 2023-06-10
+                        </div>
+                        <h3 class="text-xl font-semibold mb-3">交通运输部发布物流降本增效新政策</h3>
+                        <p class="text-gray-600 mb-4">
+                            交通运输部近日印发《关于进一步降低物流成本提高效率的若干意见》，提出多项具体措施...
+                        </p>
+                        <a href="#" class="text-blue-600 font-medium flex items-center">
+                            阅读全文 <i class="fas fa-arrow-right ml-2 text-sm"></i>
+                        </a>
+                    </div>
+                </div>
+                <!-- News 3 -->
+                <div class="bg-white rounded-lg overflow-hidden shadow-md news-card transition duration-300">
+                    <img src="https://images.unsplash.com/photo-1556740738-b6a63e27c4df?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
+                         alt="物流技术"
+                         class="w-full h-48 object-cover">
+                    <div class="p-6">
+                        <div class="text-sm text-gray-500 mb-2">
+                            <span class="text-blue-600">技术前沿</span> • 2023-06-05
+                        </div>
+                        <h3 class="text-xl font-semibold mb-3">区块链技术在物流行业的应用前景</h3>
+                        <p class="text-gray-600 mb-4">
+                            区块链技术因其去中心化、不可篡改等特性，正在物流行业多个场景中得到应用，有望解决行业痛点...
+                        </p>
+                        <a href="#" class="text-blue-600 font-medium flex items-center">
+                            阅读全文 <i class="fas fa-arrow-right ml-2 text-sm"></i>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Partners Section -->
+    <section class="py-16 bg-gray-50">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-12">
+                <h2 class="text-3xl font-bold mb-4">合作伙伴</h2>
+                <p class="text-gray-600 max-w-2xl mx-auto">与行业领先企业共同推动物流信息化发展</p>
+            </div>
+            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-8">
+                <div class="flex items-center justify-center p-4 bg-white rounded-lg shadow-sm partner-logo transition duration-300 filter grayscale hover:grayscale-0">
+                    <img src="https://via.placeholder.com/150x60?text=顺丰速运" alt="顺丰速运" class="h-10 object-contain">
+                </div>
+                <div class="flex items-center justify-center p-4 bg-white rounded-lg shadow-sm partner-logo transition duration-300 filter grayscale hover:grayscale-0">
+                    <img src="https://via.placeholder.com/150x60?text=京东物流" alt="京东物流" class="h-10 object-contain">
+                </div>
+                <div class="flex items-center justify-center p-4 bg-white rounded-lg shadow-sm partner-logo transition duration-300 filter grayscale hover:grayscale-0">
+                    <img src="https://via.placeholder.com/150x60?text=中通快递" alt="中通快递" class="h-10 object-contain">
+                </div>
+                <div class="flex items-center justify-center p-4 bg-white rounded-lg shadow-sm partner-logo transition duration-300 filter grayscale hover:grayscale-0">
+                    <img src="https://via.placeholder.com/150x60?text=中国邮政" alt="中国邮政" class="h-10 object-contain">
+                </div>
+                <div class="flex items-center justify-center p-4 bg-white rounded-lg shadow-sm partner-logo transition duration-300 filter grayscale hover:grayscale-0">
+                    <img src="https://via.placeholder.com/150x60?text=德邦物流" alt="德邦物流" class="h-10 object-contain">
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Testimonials Section -->
+    <section class="py-16 bg-white">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-12">
+                <h2 class="text-3xl font-bold mb-4">用户评价</h2>
+                <p class="text-gray-600 max-w-2xl mx-auto">听听我们的用户怎么说</p>
+            </div>
+            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+                <!-- Testimonial 1 -->
+                <div class="bg-gray-50 p-8 rounded-lg">
+                    <div class="flex items-center mb-4">
+                        <div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mr-4">
+                            <i class="fas fa-user text-blue-600 text-xl"></i>
+                        </div>
+                        <div>
+                            <h4 class="font-semibold">张先生</h4>
+                            <p class="text-sm text-gray-500">货主 • 家具制造商</p>
+                        </div>
+                    </div>
+                    <p class="text-gray-600 italic">
+                        "使用中华配货网后，我们的物流成本降低了15%，车辆匹配速度提高了3倍，非常满意！"
+                    </p>
+                    <div class="mt-4 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>
+                <!-- Testimonial 2 -->
+                <div class="bg-gray-50 p-8 rounded-lg">
+                    <div class="flex items-center mb-4">
+                        <div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mr-4">
+                            <i class="fas fa-user text-blue-600 text-xl"></i>
+                        </div>
+                        <div>
+                            <h4 class="font-semibold">李师傅</h4>
+                            <p class="text-sm text-gray-500">车主 • 个体运输户</p>
+                        </div>
+                    </div>
+                    <p class="text-gray-600 italic">
+                        "平台货源信息真实可靠，回程货匹配功能帮我减少了空驶，每月收入增加了20%以上。"
+                    </p>
+                    <div class="mt-4 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>
+                <!-- Testimonial 3 -->
+                <div class="bg-gray-50 p-8 rounded-lg">
+                    <div class="flex items-center mb-4">
+                        <div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mr-4">
+                            <i class="fas fa-user text-blue-600 text-xl"></i>
+                        </div>
+                        <div>
+                            <h4 class="font-semibold">王经理</h4>
+                            <p class="text-sm text-gray-500">物流公司 • 运营总监</p>
+                        </div>
+                    </div>
+                    <p class="text-gray-600 italic">
+                        "中华配货网的数据分析功能帮助我们优化了运输路线和运力配置，公司整体效率提升了30%。"
+                    </p>
+                    <div class="mt-4 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>
+        </div>
+    </section>
+    <!-- Footer -->
+    <footer class="bg-gray-900 text-white pt-16 pb-8">
+        <div class="container mx-auto px-4">
+            <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-12 mb-12">
+                <!-- About -->
+                <div>
+                    <div class="flex items-center mb-6">
+                        <div class="bg-blue-600 text-white p-2 rounded mr-3">
+                            <i class="fas fa-truck text-xl"></i>
+                        </div>
+                        <h3 class="text-2xl font-bold">
+                            <span class="text-gray-300">中华</span>配货网
+                        </h3>
+                    </div>
+                    <p class="text-gray-400 mb-4">
+                        中国领先的物流信息化服务平台，连接全国货主与车主，提供智能匹配、专线查询、信用保障等全方位服务。
+                    </p>
+                    <div class="flex space-x-4">
+                        <a href="#" class="text-gray-400 hover:text-white">
+                            <i class="fab fa-weixin text-xl"></i>
+                        </a>
+                        <a href="#" class="text-gray-400 hover:text-white">
+                            <i class="fab fa-weibo text-xl"></i>
+                        </a>
+                        <a href="#" class="text-gray-400 hover:text-white">
+                            <i class="fab fa-qq text-xl"></i>
+                        </a>
+                        <a href="#" class="text-gray-400 hover:text-white">
+                            <i class="fab fa-tiktok text-xl"></i>
+                        </a>
+                    </div>
+                </div>
+                <!-- Quick Links -->
+                <div>
+                    <h4 class="text-lg font-semibold mb-6">快速链接</h4>
+                    <ul class="space-y-3">
+                        <li><a href="#" class="text-gray-400 hover:text-white">首页</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">车源信息</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">货源信息</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">物流专线</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">行业资讯</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">关于我们</a></li>
+                    </ul>
+                </div>
+                <!-- Services -->
+                <div>
+                    <h4 class="text-lg font-semibold mb-6">服务项目</h4>
+                    <ul class="space-y-3">
+                        <li><a href="#" class="text-gray-400 hover:text-white">智能匹配</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">专线查询</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">信用保障</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">数据分析</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">移动应用</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">客户服务</a></li>
+                    </ul>
+                </div>
+                <!-- Contact -->
+                <div>
+                    <h4 class="text-lg font-semibold mb-6">联系我们</h4>
+                    <ul class="space-y-4">
+                        <li class="flex items-start">
+                            <i class="fas fa-map-marker-alt text-blue-500 mt-1 mr-3"></i>
+                            <span class="text-gray-400">北京市朝阳区物流科技园A座18层</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-phone-alt text-blue-500 mr-3"></i>
+                            <span class="text-gray-400">400-888-8888</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-envelope text-blue-500 mr-3"></i>
+                            <span class="text-gray-400">[email protected]</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-clock text-blue-500 mr-3"></i>
+                            <span class="text-gray-400">周一至周日 8:00-22:00</span>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="border-t border-gray-800 pt-8">
+                <div class="flex flex-col md:flex-row justify-between items-center">
+                    <p class="text-gray-500 mb-4 md:mb-0">
+                        &copy; 2023 中华配货网 www.peihuo.net 版权所有
+                    </p>
+                    <div class="flex space-x-6">
+                        <a href="#" class="text-gray-500 hover:text-white">隐私政策</a>
+                        <a href="#" class="text-gray-500 hover:text-white">服务条款</a>
+                        <a href="#" class="text-gray-500 hover:text-white">法律声明</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </footer>
+    <!-- Floating Action Button -->
+    <div class="fixed bottom-8 right-8 z-50">
+        <div class="flex flex-col space-y-3">
+            <button class="w-12 h-12 rounded-full bg-blue-600 text-white flex items-center justify-center shadow-lg hover:bg-blue-700 transition">
+                <i class="fas fa-comment-dots text-xl"></i>
+            </button>
+            <button class="w-12 h-12 rounded-full bg-green-500 text-white flex items-center justify-center shadow-lg hover:bg-green-600 transition">
+                <i class="fab fa-weixin text-xl"></i>
+            </button>
+            <button class="w-12 h-12 rounded-full bg-gray-800 text-white flex items-center justify-center shadow-lg hover:bg-gray-700 transition">
+                <i class="fas fa-arrow-up text-xl"></i>
+            </button>
+        </div>
+    </div>
+    <script>
+        // Simple JavaScript for demonstration purposes
+        document.addEventListener('DOMContentLoaded', function() {
+            // Back to top button functionality
+            const backToTopBtn = document.querySelector('.fixed.bottom-8.right-8 button:last-child');
+            backToTopBtn.addEventListener('click', () => {
+                window.scrollTo({
+                    top: 0,
+                    behavior: 'smooth'
+                });
+            });
+            // Mobile menu toggle would go here
+            // const mobileMenuBtn = document.querySelector('header button.md:hidden');
+            // const mobileMenu = document.querySelector('nav.md:flex');
+            // mobileMenuBtn.addEventListener('click', () => {
+            //     mobileMenu.classList.toggle('hidden');
+            // });
+        });
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=tongxiaojun/peihuo-net" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@


1	+ 生成一个 www.peihuo.net 的网站，中文名为中华配货网网站，主要业务：中国的物流信息化业务。