Hugging Face's logo

Spaces:
toughhou
/
pa-life
Running

App Files Community
toughhou commited on
Commit
fab888e
·
verified ·
1 Parent(s): 92985a6

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +438 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Pa Life
3
- emoji: 🏢
4
- colorFrom: blue
5
- colorTo: yellow
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: pa-life
3
+ emoji: 🐳
4
+ colorFrom: green
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,438 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="zh-CN">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>小升初教育金规划 - 平安人寿</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Noto Sans SC', sans-serif;
14
+ background-color: #f8fafc;
15
+ }
16
+
17
+ .gradient-bg {
18
+ background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
19
+ }
20
+
21
+ .timeline-item:not(:last-child)::after {
22
+ content: '';
23
+ position: absolute;
24
+ left: 16px;
25
+ top: 36px;
26
+ height: calc(100% - 36px);
27
+ width: 2px;
28
+ background-color: #3b82f6;
29
+ }
30
+
31
+ .card-hover:hover {
32
+ transform: translateY(-5px);
33
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
34
+ }
35
+
36
+ .floating {
37
+ animation: floating 3s ease-in-out infinite;
38
+ }
39
+
40
+ @keyframes floating {
41
+ 0% { transform: translateY(0px); }
42
+ 50% { transform: translateY(-10px); }
43
+ 100% { transform: translateY(0px); }
44
+ }
45
+ </style>
46
+ </head>
47
+ <body>
48
+ <!-- Header -->
49
+ <header class="gradient-bg text-white py-12 px-4 md:px-8">
50
+ <div class="container mx-auto max-w-6xl">
51
+ <div class="flex flex-col md:flex-row items-center">
52
+ <div class="md:w-1/2 mb-8 md:mb-0">
53
+ <h1 class="text-3xl md:text-4xl font-bold mb-4">为孩子的初中教育<br>筑梦未来</h1>
54
+ <p class="text-lg opacity-90 mb-6">小升初是孩子成长的重要转折点，提前规划教育金，让升学之路更从容</p>
55
+ <button class="bg-white text-blue-800 font-semibold px-6 py-3 rounded-full hover:bg-blue-50 transition duration-300">
56
+ 立即咨询规划方案
57
+ </button>
58
+ </div>
59
+ <div class="md:w-1/2 flex justify-center">
60
+ <img src="https://img.icons8.com/fluency/300/000000/school.png" alt="Education" class="w-64 h-64 floating">
61
+ </div>
62
+ </div>
63
+ </div>
64
+ </header>
65
+
66
+ <!-- Story Section -->
67
+ <section class="py-16 px-4 md:px-8 bg-white">
68
+ <div class="container mx-auto max-w-4xl">
69
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">张先生一家的教育金准备故事</h2>
70
+
71
+ <div class="relative">
72
+ <!-- Timeline Item 1 -->
73
+ <div class="timeline-item relative pl-12 mb-12">
74
+ <div class="absolute left-0 top-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center text-white">
75
+ <span class="text-lg font-bold">1</span>
76
+ </div>
77
+ <div class="bg-gray-50 p-6 rounded-xl shadow-sm">
78
+ <h3 class="text-xl font-semibold mb-3 text-gray-800">小升初的惊喜与压力</h3>
79
+ <p class="text-gray-600 mb-4">张先生的女儿小雨今年12岁，即将从小学升入初中。当收到重点中学录取通知书的那一刻，全家既兴奋又感到压力。重点中学的学费、课外辅导、兴趣班等费用比普通学校高出不少。</p>
80
+ <div class="bg-blue-50 p-4 rounded-lg border-l-4 border-blue-500">
81
+ <p class="text-blue-800 font-medium">"我们算了一下，初中三年预计需要15万左右的教育费用，这还不包括可能的国际交流项目。"</p>
82
+ </div>
83
+ </div>
84
+ </div>
85
+
86
+ <!-- Timeline Item 2 -->
87
+ <div class="timeline-item relative pl-12 mb-12">
88
+ <div class="absolute left-0 top-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center text-white">
89
+ <span class="text-lg font-bold">2</span>
90
+ </div>
91
+ <div class="bg-gray-50 p-6 rounded-xl shadow-sm">
92
+ <h3 class="text-xl font-semibold mb-3 text-gray-800">寻找解决方案</h3>
93
+ <p class="text-gray-600 mb-4">通过朋友介绍，张先生认识了平安人寿的保险代理人李经理。李经理详细了解了张先生家庭的财务状况和教育需求，为他们量身定制了一套教育金储备方案。</p>
94
+ <div class="flex flex-wrap gap-4 mt-4">
95
+ <div class="flex items-center bg-blue-100 px-3 py-1 rounded-full">
96
+ <i class="fas fa-piggy-bank text-blue-600 mr-2"></i>
97
+ <span class="text-sm font-medium text-blue-800">教育金储蓄</span>
98
+ </div>
99
+ <div class="flex items-center bg-blue-100 px-3 py-1 rounded-full">
100
+ <i class="fas fa-shield-alt text-blue-600 mr-2"></i>
101
+ <span class="text-sm font-medium text-blue-800">风险保障</span>
102
+ </div>
103
+ <div class="flex items-center bg-blue-100 px-3 py-1 rounded-full">
104
+ <i class="fas fa-chart-line text-blue-600 mr-2"></i>
105
+ <span class="text-sm font-medium text-blue-800">稳健增值</span>
106
+ </div>
107
+ </div>
108
+ </div>
109
+ </div>
110
+
111
+ <!-- Timeline Item 3 -->
112
+ <div class="timeline-item relative pl-12 mb-12">
113
+ <div class="absolute left-0 top-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center text-white">
114
+ <span class="text-lg font-bold">3</span>
115
+ </div>
116
+ <div class="bg-gray-50 p-6 rounded-xl shadow-sm">
117
+ <h3 class="text-xl font-semibold mb-3 text-gray-800">三年后的收获</h3>
118
+ <p class="text-gray-600 mb-4">通过3年的坚持，张先生不仅为女儿储备了充足的教育金，还获得了额外的收益。当初中开学时，他们已经准备好了全部费用，甚至还有余力支持小雨参加学校的国际交流项目。</p>
119
+ <div class="bg-green-50 p-4 rounded-lg border-l-4 border-green-500">
120
+ <p class="text-green-800 font-medium">"现在小雨已经顺利升入初中，我们不再为教育费用发愁，可以全心支持她的学习和成长。"</p>
121
+ </div>
122
+ </div>
123
+ </div>
124
+ </div>
125
+ </div>
126
+ </section>
127
+
128
+ <!-- Plan Introduction -->
129
+ <section class="py-16 px-4 md:px-8 bg-gray-50">
130
+ <div class="container mx-auto max-w-6xl">
131
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">平安人寿小升初教育金保障方案</h2>
132
+
133
+ <div class="grid md:grid-cols-3 gap-8">
134
+ <!-- Plan 1 -->
135
+ <div class="bg-white p-6 rounded-xl shadow-md transition duration-300 card-hover">
136
+ <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mb-4">
137
+ <i class="fas fa-graduation-cap text-blue-600 text-xl"></i>
138
+ </div>
139
+ <h3 class="text-xl font-semibold mb-3 text-gray-800">教育金储蓄计划</h3>
140
+ <p class="text-gray-600 mb-4">专为小升初阶段设计，3-5年缴费期，初中阶段开始领取，确保教育费用无忧。</p>
141
+ <ul class="space-y-2 mb-6">
142
+ <li class="flex items-start">
143
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
144
+ <span class="text-gray-700">初中三年每年领取固定金额</span>
145
+ </li>
146
+ <li class="flex items-start">
147
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
148
+ <span class="text-gray-700">高中/大学阶段可继续领取</span>
149
+ </li>
150
+ <li class="flex items-start">
151
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
152
+ <span class="text-gray-700">期满返还全部保费</span>
153
+ </li>
154
+ </ul>
155
+ <div class="bg-blue-50 p-3 rounded-lg">
156
+ <p class="text-sm text-blue-800">示例：年缴3万，缴3年，初中阶段每年可领2万，高中每年可领3万，大学一次性领取10万。</p>
157
+ </div>
158
+ </div>
159
+
160
+ <!-- Plan 2 -->
161
+ <div class="bg-white p-6 rounded-xl shadow-md transition duration-300 card-hover">
162
+ <div class="bg-purple-100 w-12 h-12 rounded-full flex items-center justify-center mb-4">
163
+ <i class="fas fa-shield-alt text-purple-600 text-xl"></i>
164
+ </div>
165
+ <h3 class="text-xl font-semibold mb-3 text-gray-800">家庭保障计划</h3>
166
+ <p class="text-gray-600 mb-4">为家庭经济支柱提供高额保障，确保即使发生意外，孩子的教育计划不受影响。</p>
167
+ <ul class="space-y-2 mb-6">
168
+ <li class="flex items-start">
169
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
170
+ <span class="text-gray-700">投保人豁免保费保障</span>
171
+ </li>
172
+ <li class="flex items-start">
173
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
174
+ <span class="text-gray-700">高额意外伤害保障</span>
175
+ </li>
176
+ <li class="flex items-start">
177
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
178
+ <span class="text-gray-700">重大疾病保障</span>
179
+ </li>
180
+ </ul>
181
+ <div class="bg-purple-50 p-3 rounded-lg">
182
+ <p class="text-sm text-purple-800">示例：100万意外保障+50万重疾保障，如投保人发生风险，后续保费豁免，教育金领取不受影响。</p>
183
+ </div>
184
+ </div>
185
+
186
+ <!-- Plan 3 -->
187
+ <div class="bg-white p-6 rounded-xl shadow-md transition duration-300 card-hover">
188
+ <div class="bg-green-100 w-12 h-12 rounded-full flex items-center justify-center mb-4">
189
+ <i class="fas fa-hand-holding-usd text-green-600 text-xl"></i>
190
+ </div>
191
+ <h3 class="text-xl font-semibold mb-3 text-gray-800">灵活增值计划</h3>
192
+ <p class="text-gray-600 mb-4">结合万能账户，教育金可二次增值，灵活支取，满足不同阶段的教育需求。</p>
193
+ <ul class="space-y-2 mb-6">
194
+ <li class="flex items-start">
195
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
196
+ <span class="text-gray-700">保底收益+浮动收益</span>
197
+ </li>
198
+ <li class="flex items-start">
199
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
200
+ <span class="text-gray-700">资金灵活支取</span>
201
+ </li>
202
+ <li class="flex items-start">
203
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
204
+ <span class="text-gray-700">终身增值账户</span>
205
+ </li>
206
+ </ul>
207
+ <div class="bg-green-50 p-3 rounded-lg">
208
+ <p class="text-sm text-green-800">示例：未领取的教育金可进入万能账户，享受年化3%-5%的收益，随用随取。</p>
209
+ </div>
210
+ </div>
211
+ </div>
212
+ </div>
213
+ </section>
214
+
215
+ <!-- Comparison Section -->
216
+ <section class="py-16 px-4 md:px-8 bg-white">
217
+ <div class="container mx-auto max-w-4xl">
218
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">教育金准备方式对比</h2>
219
+
220
+ <div class="overflow-x-auto">
221
+ <table class="w-full border-collapse">
222
+ <thead>
223
+ <tr class="bg-gray-100">
224
+ <th class="p-4 text-left font-semibold text-gray-700 border-b">准备方式</th>
225
+ <th class="p-4 text-center font-semibold text-gray-700 border-b">安全性</th>
226
+ <th class="p-4 text-center font-semibold text-gray-700 border-b">收益性</th>
227
+ <th class="p-4 text-center font-semibold text-gray-700 border-b">灵活性</th>
228
+ <th class="p-4 text-center font-semibold text-gray-700 border-b">保障功能</th>
229
+ </tr>
230
+ </thead>
231
+ <tbody>
232
+ <tr class="border-b hover:bg-gray-50">
233
+ <td class="p-4 font-medium text-blue-600">银行储蓄</td>
234
+ <td class="p-4 text-center text-gray-600">
235
+ <i class="fas fa-check-circle text-green-500"></i> 高
236
+ </td>
237
+ <td class="p-4 text-center text-gray-600">
238
+ <i class="fas fa-times-circle text-red-500"></i> 低
239
+ </td>
240
+ <td class="p-4 text-center text-gray-600">
241
+ <i class="fas fa-check-circle text-green-500"></i> 高
242
+ </td>
243
+ <td class="p-4 text-center text-gray-600">
244
+ <i class="fas fa-times-circle text-red-500"></i> 无
245
+ </td>
246
+ </tr>
247
+ <tr class="border-b hover:bg-gray-50">
248
+ <td class="p-4 font-medium text-blue-600">基金投资</td>
249
+ <td class="p-4 text-center text-gray-600">
250
+ <i class="fas fa-exclamation-circle text-yellow-500"></i> 中
251
+ </td>
252
+ <td class="p-4 text-center text-gray-600">
253
+ <i class="fas fa-check-circle text-green-500"></i> 高
254
+ </td>
255
+ <td class="p-4 text-center text-gray-600">
256
+ <i class="fas fa-check-circle text-green-500"></i> 中
257
+ </td>
258
+ <td class="p-4 text-center text-gray-600">
259
+ <i class="fas fa-times-circle text-red-500"></i> 无
260
+ </td>
261
+ </tr>
262
+ <tr class="border-b hover:bg-gray-50 bg-blue-50">
263
+ <td class="p-4 font-medium text-blue-800">平安教育金保险</td>
264
+ <td class="p-4 text-center text-gray-700">
265
+ <i class="fas fa-check-circle text-green-500"></i> 高
266
+ </td>
267
+ <td class="p-4 text-center text-gray-700">
268
+ <i class="fas fa-check-circle text-green-500"></i> 中高
269
+ </td>
270
+ <td class="p-4 text-center text-gray-700">
271
+ <i class="fas fa-check-circle text-green-500"></i> 中
272
+ </td>
273
+ <td class="p-4 text-center text-gray-700">
274
+ <i class="fas fa-check-circle text-green-500"></i> 有
275
+ </td>
276
+ </tr>
277
+ </tbody>
278
+ </table>
279
+ </div>
280
+
281
+ <div class="mt-12 bg-blue-50 p-6 rounded-xl">
282
+ <h3 class="text-xl font-semibold mb-4 text-blue-800">为什么选择平安教育金保险？</h3>
283
+ <div class="grid md:grid-cols-2 gap-6">
284
+ <div class="flex items-start">
285
+ <div class="bg-blue-100 p-2 rounded-full mr-4">
286
+ <i class="fas fa-lock text-blue-600"></i>
287
+ </div>
288
+ <div>
289
+ <h4 class="font-medium text-gray-800 mb-1">强制储蓄</h4>
290
+ <p class="text-gray-600 text-sm">避免资金被随意挪用，确保教育专款专用</p>
291
+ </div>
292
+ </div>
293
+ <div class="flex items-start">
294
+ <div class="bg-blue-100 p-2 rounded-full mr-4">
295
+ <i class="fas fa-umbrella text-blue-600"></i>
296
+ </div>
297
+ <div>
298
+ <h4 class="font-medium text-gray-800 mb-1">风险保障</h4>
299
+ <p class="text-gray-600 text-sm">投保人豁免保障，即使家长发生风险，教育金计划不受影响</p>
300
+ </div>
301
+ </div>
302
+ <div class="flex items-start">
303
+ <div class="bg-blue-100 p-2 rounded-full mr-4">
304
+ <i class="fas fa-chart-line text-blue-600"></i>
305
+ </div>
306
+ <div>
307
+ <h4 class="font-medium text-gray-800 mb-1">稳健增值</h4>
308
+ <p class="text-gray-600 text-sm">保底收益+浮动收益，抵御通货膨胀</p>
309
+ </div>
310
+ </div>
311
+ <div class="flex items-start">
312
+ <div class="bg-blue-100 p-2 rounded-full mr-4">
313
+ <i class="fas fa-gift text-blue-600"></i>
314
+ </div>
315
+ <div>
316
+ <h4 class="font-medium text-gray-800 mb-1">额外权益</h4>
317
+ <p class="text-gray-600 text-sm">享受平安好医生、教育咨询等增值服务</p>
318
+ </div>
319
+ </div>
320
+ </div>
321
+ </div>
322
+ </div>
323
+ </section>
324
+
325
+ <!-- CTA Section -->
326
+ <section class="gradient-bg text-white py-16 px-4 md:px-8">
327
+ <div class="container mx-auto max-w-4xl text-center">
328
+ <h2 class="text-3xl font-bold mb-6">为孩子的初中教育做好准备</h2>
329
+ <p class="text-xl opacity-90 mb-8">现在规划，让孩子的升学之路更加从容无忧</p>
330
+
331
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
332
+ <button class="bg-white text-blue-800 font-semibold px-8 py-4 rounded-full hover:bg-blue-50 transition duration-300 flex items-center justify-center">
333
+ <i class="fas fa-phone-alt mr-2"></i> 预约专业咨询
334
+ </button>
335
+ <button class="bg-transparent border-2 border-white text-white font-semibold px-8 py-4 rounded-full hover:bg-white hover:text-blue-800 transition duration-300 flex items-center justify-center">
336
+ <i class="fas fa-calculator mr-2"></i> 教育金测算工具
337
+ </button>
338
+ </div>
339
+
340
+ <div class="mt-12 bg-white bg-opacity-10 p-6 rounded-xl inline-block">
341
+ <div class="flex items-center justify-center">
342
+ <img src="https://img.icons8.com/ios-filled/50/FFFFFF/qr-code.png" alt="QR Code" class="w-16 h-16 mr-4">
343
+ <div class="text-left">
344
+ <p class="font-medium mb-1">扫描二维码了解更多</p>
345
+ <p class="text-sm opacity-80">关注"平安人寿"官方公众号</p>
346
+ </div>
347
+ </div>
348
+ </div>
349
+ </div>
350
+ </section>
351
+
352
+ <!-- Footer -->
353
+ <footer class="bg-gray-900 text-white py-12 px-4 md:px-8">
354
+ <div class="container mx-auto max-w-6xl">
355
+ <div class="grid md:grid-cols-4 gap-8">
356
+ <div>
357
+ <h3 class="text-lg font-semibold mb-4">平安人寿</h3>
358
+ <p class="text-gray-400 text-sm">中国平安人寿保险股份有限公司成立于2002年，是中国平安保险（集团）股份有限公司旗下的重要成员。</p>
359
+ </div>
360
+ <div>
361
+ <h3 class="text-lg font-semibold mb-4">快速链接</h3>
362
+ <ul class="space-y-2">
363
+ <li><a href="#" class="text-gray-400 hover:text-white transition">产品中心</a></li>
364
+ <li><a href="#" class="text-gray-400 hover:text-white transition">服务大厅</a></li>
365
+ <li><a href="#" class="text-gray-400 hover:text-white transition">理赔服务</a></li>
366
+ <li><a href="#" class="text-gray-400 hover:text-white transition">关于我们</a></li>
367
+ </ul>
368
+ </div>
369
+ <div>
370
+ <h3 class="text-lg font-semibold mb-4">联系我们</h3>
371
+ <ul class="space-y-2 text-gray-400">
372
+ <li class="flex items-start">
373
+ <i class="fas fa-phone-alt mt-1 mr-2 text-sm"></i>
374
+ <span>95511</span>
375
+ </li>
376
+ <li class="flex items-start">
377
+ <i class="fas fa-map-marker-alt mt-1 mr-2"></i>
378
+ <span>中国广东省深圳市</span>
379
+ </li>
380
+ </ul>
381
+ </div>
382
+ <div>
383
+ <h3 class="text-lg font-semibold mb-4">关注我们</h3>
384
+ <div class="flex space-x-4">
385
+ <a href="#" class="w-10 h-10 rounded-full bg-gray-700 flex items-center justify-center hover:bg-blue-600 transition">
386
+ <i class="fab fa-weixin"></i>
387
+ </a>
388
+ <a href="#" class="w-10 h-10 rounded-full bg-gray-700 flex items-center justify-center hover:bg-red-600 transition">
389
+ <i class="fab fa-weibo"></i>
390
+ </a>
391
+ <a href="#" class="w-10 h-10 rounded-full bg-gray-700 flex items-center justify-center hover:bg-blue-400 transition">
392
+ <i class="fab fa-linkedin-in"></i>
393
+ </a>
394
+ </div>
395
+ </div>
396
+ </div>
397
+ <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500 text-sm">
398
+ <p>© 2023 中国平安人寿保险股份有限公司 版权所有</p>
399
+ <p class="mt-2">备案号：粤ICP备12345678号</p>
400
+ </div>
401
+ </div>
402
+ </footer>
403
+
404
+ <script>
405
+ // Simple animation for timeline items when they come into view
406
+ document.addEventListener('DOMContentLoaded', function() {
407
+ const timelineItems = document.querySelectorAll('.timeline-item');
408
+
409
+ const observer = new IntersectionObserver((entries) => {
410
+ entries.forEach(entry => {
411
+ if (entry.isIntersecting) {
412
+ entry.target.style.opacity = '1';
413
+ entry.target.style.transform = 'translateY(0)';
414
+ }
415
+ });
416
+ }, { threshold: 0.1 });
417
+
418
+ timelineItems.forEach(item => {
419
+ item.style.opacity = '0';
420
+ item.style.transform = 'translateY(20px)';
421
+ item.style.transition = 'all 0.6s ease-out';
422
+ observer.observe(item);
423
+ });
424
+
425
+ // Add hover effect to cards
426
+ const cards = document.querySelectorAll('.card-hover');
427
+ cards.forEach(card => {
428
+ card.addEventListener('mouseenter', function() {
429
+ this.style.transform = 'translateY(-5px)';
430
+ });
431
+ card.addEventListener('mouseleave', function() {
432
+ this.style.transform = 'translateY(0)';
433
+ });
434
+ });
435
+ });
436
+ </script>
437
+ <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=toughhou/pa-life" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
438
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ 我是一个平安人寿的保险代理人。客户即将迎来孩子升学（小升初），请帮忙为客户生成一个家庭教育金准备故事图文 + 配套保障方案说明（图文）