create-web-kit 25.909.1654 → 25.1117.1059
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,16 +1,259 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
import { Transition, motion } from "motion/react";
|
|
1
4
|
import Link from "next/link";
|
|
2
5
|
|
|
3
6
|
export default function NotFound() {
|
|
7
|
+
const springConfig: Transition = {
|
|
8
|
+
type: "spring",
|
|
9
|
+
damping: 10,
|
|
10
|
+
stiffness: 100,
|
|
11
|
+
};
|
|
4
12
|
return (
|
|
5
|
-
<div className="flex
|
|
6
|
-
<
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
className="
|
|
13
|
+
<div className="flex flex-col items-center justify-center min-h-screen bg-gray-50 px-4">
|
|
14
|
+
<motion.div
|
|
15
|
+
initial={{ scale: 0.5, opacity: 0 }}
|
|
16
|
+
animate={{ scale: 1, opacity: 1 }}
|
|
17
|
+
transition={springConfig}
|
|
18
|
+
className="flex flex-col items-center max-w-2xl w-full"
|
|
19
|
+
>
|
|
20
|
+
<motion.div
|
|
21
|
+
initial={{ y: -50 }}
|
|
22
|
+
animate={{ y: 0 }}
|
|
23
|
+
transition={springConfig}
|
|
24
|
+
className="w-full max-w-md mb-8"
|
|
25
|
+
>
|
|
26
|
+
<UnDrawNotFound />
|
|
27
|
+
</motion.div>
|
|
28
|
+
<motion.h1
|
|
29
|
+
className="text-6xl font-bold text-gray-800 mb-2 text-center select-none"
|
|
30
|
+
initial={{ y: -20 }}
|
|
31
|
+
animate={{ y: 0 }}
|
|
32
|
+
transition={springConfig}
|
|
33
|
+
>
|
|
34
|
+
404
|
|
35
|
+
</motion.h1>
|
|
36
|
+
<motion.p
|
|
37
|
+
className="text-xl text-gray-600 text-center mb-8 select-none"
|
|
38
|
+
initial={{ y: 20 }}
|
|
39
|
+
animate={{ y: 0 }}
|
|
40
|
+
transition={{ ...springConfig, delay: 0.1 }}
|
|
41
|
+
>
|
|
42
|
+
页面未找到
|
|
43
|
+
</motion.p>
|
|
44
|
+
</motion.div>
|
|
45
|
+
<motion.div
|
|
46
|
+
initial={{ opacity: 0 }}
|
|
47
|
+
animate={{ opacity: 1 }}
|
|
48
|
+
transition={{ delay: 0.3, duration: 0.5 }}
|
|
11
49
|
>
|
|
12
|
-
|
|
13
|
-
|
|
50
|
+
<Link href="/">
|
|
51
|
+
<motion.button
|
|
52
|
+
className="px-6 py-3 select-none bg-primary text-white rounded-full font-semibold text-lg shadow-lg"
|
|
53
|
+
whileHover={{ scale: 1.05 }}
|
|
54
|
+
whileTap={{ scale: 0.95 }}
|
|
55
|
+
transition={springConfig}
|
|
56
|
+
>
|
|
57
|
+
返回首页
|
|
58
|
+
</motion.button>
|
|
59
|
+
</Link>
|
|
60
|
+
</motion.div>
|
|
14
61
|
</div>
|
|
15
62
|
);
|
|
16
63
|
}
|
|
64
|
+
|
|
65
|
+
function UnDrawNotFound() {
|
|
66
|
+
return (
|
|
67
|
+
<motion.svg
|
|
68
|
+
animate={{
|
|
69
|
+
y: [0, -10, 0],
|
|
70
|
+
rotate: [0, -1, 1, 0],
|
|
71
|
+
}}
|
|
72
|
+
transition={{
|
|
73
|
+
duration: 5,
|
|
74
|
+
ease: "easeInOut",
|
|
75
|
+
times: [0, 0.2, 0.5, 0.8, 1],
|
|
76
|
+
repeat: Infinity,
|
|
77
|
+
repeatDelay: 1,
|
|
78
|
+
}}
|
|
79
|
+
className="w-full h-auto"
|
|
80
|
+
viewBox="0 0 1120.59226 777.91584"
|
|
81
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
82
|
+
>
|
|
83
|
+
<title>not found</title>
|
|
84
|
+
<circle cx="212.59226" cy="103" r="64" fill="#000" />
|
|
85
|
+
<path
|
|
86
|
+
d="M563.68016,404.16381c0,151.01141-89.77389,203.73895-200.51559,203.73895S162.649,555.17522,162.649,404.16381,363.16457,61.04208,363.16457,61.04208,563.68016,253.1524,563.68016,404.16381Z"
|
|
87
|
+
transform="translate(-39.70387 -61.04208)"
|
|
88
|
+
fill="#cbd5e1"
|
|
89
|
+
/>
|
|
90
|
+
<polygon
|
|
91
|
+
points="316.156 523.761 318.21 397.378 403.674 241.024 318.532 377.552 319.455 320.725 378.357 207.605 319.699 305.687 319.699 305.687 321.359 203.481 384.433 113.423 321.621 187.409 322.658 0 316.138 248.096 316.674 237.861 252.547 139.704 315.646 257.508 309.671 371.654 309.493 368.625 235.565 265.329 309.269 379.328 308.522 393.603 308.388 393.818 308.449 394.99 293.29 684.589 313.544 684.589 315.974 535.005 389.496 421.285 316.156 523.761"
|
|
92
|
+
fill="#3f3d56"
|
|
93
|
+
/>
|
|
94
|
+
<path
|
|
95
|
+
d="M1160.29613,466.01367c0,123.61-73.4842,166.77-164.13156,166.77s-164.13156-43.16-164.13156-166.77S996.16457,185.15218,996.16457,185.15218,1160.29613,342.40364,1160.29613,466.01367Z"
|
|
96
|
+
transform="translate(-39.70387 -61.04208)"
|
|
97
|
+
fill="#cbd5e1"
|
|
98
|
+
/>
|
|
99
|
+
<polygon
|
|
100
|
+
points="950.482 552.833 952.162 449.383 1022.119 321.4 952.426 433.154 953.182 386.639 1001.396 294.044 953.382 374.329 953.382 374.329 954.741 290.669 1006.369 216.952 954.954 277.514 955.804 124.11 950.467 327.188 950.906 318.811 898.414 238.464 950.064 334.893 945.173 428.327 945.027 425.847 884.514 341.294 944.844 434.608 944.232 446.293 944.123 446.469 944.173 447.428 931.764 684.478 948.343 684.478 950.332 562.037 1010.514 468.952 950.482 552.833"
|
|
101
|
+
fill="#3f3d56"
|
|
102
|
+
/>
|
|
103
|
+
<ellipse
|
|
104
|
+
cx="554.59226"
|
|
105
|
+
cy="680.47903"
|
|
106
|
+
rx="554.59226"
|
|
107
|
+
ry="28.03433"
|
|
108
|
+
fill="#3f3d56"
|
|
109
|
+
/>
|
|
110
|
+
<ellipse
|
|
111
|
+
cx="892.44491"
|
|
112
|
+
cy="726.79663"
|
|
113
|
+
rx="94.98858"
|
|
114
|
+
ry="4.80162"
|
|
115
|
+
fill="#3f3d56"
|
|
116
|
+
/>
|
|
117
|
+
<ellipse
|
|
118
|
+
cx="548.71959"
|
|
119
|
+
cy="773.11422"
|
|
120
|
+
rx="94.98858"
|
|
121
|
+
ry="4.80162"
|
|
122
|
+
fill="#3f3d56"
|
|
123
|
+
/>
|
|
124
|
+
<ellipse
|
|
125
|
+
cx="287.94432"
|
|
126
|
+
cy="734.27887"
|
|
127
|
+
rx="217.01436"
|
|
128
|
+
ry="10.96996"
|
|
129
|
+
fill="#3f3d56"
|
|
130
|
+
/>
|
|
131
|
+
<circle cx="97.08375" cy="566.26982" r="79" fill="#2f2e41" />
|
|
132
|
+
<rect
|
|
133
|
+
x="99.80546"
|
|
134
|
+
y="689.02332"
|
|
135
|
+
width="24"
|
|
136
|
+
height="43"
|
|
137
|
+
transform="translate(-31.32451 -62.31008) rotate(0.67509)"
|
|
138
|
+
fill="#2f2e41"
|
|
139
|
+
/>
|
|
140
|
+
<rect
|
|
141
|
+
x="147.80213"
|
|
142
|
+
y="689.58887"
|
|
143
|
+
width="24"
|
|
144
|
+
height="43"
|
|
145
|
+
transform="translate(-31.31452 -62.87555) rotate(0.67509)"
|
|
146
|
+
fill="#2f2e41"
|
|
147
|
+
/>
|
|
148
|
+
<ellipse
|
|
149
|
+
cx="119.54569"
|
|
150
|
+
cy="732.61606"
|
|
151
|
+
rx="7.5"
|
|
152
|
+
ry="20"
|
|
153
|
+
transform="translate(-654.1319 782.47948) rotate(-89.32491)"
|
|
154
|
+
fill="#2f2e41"
|
|
155
|
+
/>
|
|
156
|
+
<ellipse
|
|
157
|
+
cx="167.55414"
|
|
158
|
+
cy="732.18168"
|
|
159
|
+
rx="7.5"
|
|
160
|
+
ry="20"
|
|
161
|
+
transform="translate(-606.25475 830.05533) rotate(-89.32491)"
|
|
162
|
+
fill="#2f2e41"
|
|
163
|
+
/>
|
|
164
|
+
<circle cx="99.31925" cy="546.29477" r="27" fill="#fff" />
|
|
165
|
+
<circle cx="99.31925" cy="546.29477" r="9" fill="#3f3d56" />
|
|
166
|
+
<path
|
|
167
|
+
d="M61.02588,552.94636c-6.04185-28.64075,14.68758-57.26483,46.30049-63.93367s62.13813,11.14292,68.18,39.78367-14.97834,38.93-46.59124,45.59886S67.06774,581.58712,61.02588,552.94636Z"
|
|
168
|
+
transform="translate(-39.70387 -61.04208)"
|
|
169
|
+
fill="#000"
|
|
170
|
+
/>
|
|
171
|
+
<path
|
|
172
|
+
d="M257.29613,671.38411c0,55.07585-32.73985,74.3063-73.13,74.3063q-1.40351,0-2.80255-.0312c-1.87139-.04011-3.72494-.1292-5.55619-.254-36.45135-2.57979-64.77127-22.79937-64.77127-74.02113,0-53.00843,67.73872-119.89612,72.827-124.84633l.00892-.00889c.19608-.19159.29409-.28516.29409-.28516S257.29613,616.30827,257.29613,671.38411Z"
|
|
173
|
+
transform="translate(-39.70387 -61.04208)"
|
|
174
|
+
fill="#ddd"
|
|
175
|
+
/>
|
|
176
|
+
<path
|
|
177
|
+
d="M181.50168,737.26482l26.747-37.37367-26.81386,41.4773-.07125,4.29076c-1.87139-.04011-3.72494-.1292-5.55619-.254l2.88282-55.10258-.0223-.42775.049-.0802.27179-5.20415-26.88076-41.5798,26.96539,37.67668.06244,1.105,2.17874-41.63324-23.0132-42.96551,23.29391,35.6583,2.26789-86.31419.00892-.294v.28516l-.37871,68.064,22.91079-26.98321-23.00435,32.84678-.60595,37.27566L204.18523,621.958l-21.4805,41.259-.33863,20.723,31.05561-49.79149-31.17146,57.023Z"
|
|
178
|
+
transform="translate(-39.70387 -61.04208)"
|
|
179
|
+
fill="#3f3d56"
|
|
180
|
+
/>
|
|
181
|
+
<circle cx="712.48505" cy="565.41532" r="79" fill="#2f2e41" />
|
|
182
|
+
<rect
|
|
183
|
+
x="741.77716"
|
|
184
|
+
y="691.82355"
|
|
185
|
+
width="24"
|
|
186
|
+
height="43"
|
|
187
|
+
transform="translate(-215.99457 191.86399) rotate(-17.08345)"
|
|
188
|
+
fill="#2f2e41"
|
|
189
|
+
/>
|
|
190
|
+
<rect
|
|
191
|
+
x="787.6593"
|
|
192
|
+
y="677.72286"
|
|
193
|
+
width="24"
|
|
194
|
+
height="43"
|
|
195
|
+
transform="matrix(0.95588, -0.29376, 0.29376, 0.95588, -209.82788, 204.72037)"
|
|
196
|
+
fill="#2f2e41"
|
|
197
|
+
/>
|
|
198
|
+
<ellipse
|
|
199
|
+
cx="767.887"
|
|
200
|
+
cy="732.00275"
|
|
201
|
+
rx="20"
|
|
202
|
+
ry="7.5"
|
|
203
|
+
transform="translate(-220.8593 196.83312) rotate(-17.08345)"
|
|
204
|
+
fill="#2f2e41"
|
|
205
|
+
/>
|
|
206
|
+
<ellipse
|
|
207
|
+
cx="813.47537"
|
|
208
|
+
cy="716.94619"
|
|
209
|
+
rx="20"
|
|
210
|
+
ry="7.5"
|
|
211
|
+
transform="translate(-214.42477 209.56103) rotate(-17.08345)"
|
|
212
|
+
fill="#2f2e41"
|
|
213
|
+
/>
|
|
214
|
+
<circle cx="708.52153" cy="545.71023" r="27" fill="#fff" />
|
|
215
|
+
<circle cx="708.52153" cy="545.71023" r="9" fill="#3f3d56" />
|
|
216
|
+
<path
|
|
217
|
+
d="M657.35526,578.74316c-14.48957-25.43323-3.47841-59.016,24.59412-75.0092s62.57592-8.34055,77.06549,17.09268-2.39072,41.6435-30.46325,57.63671S671.84483,604.17639,657.35526,578.74316Z"
|
|
218
|
+
transform="translate(-39.70387 -61.04208)"
|
|
219
|
+
fill="#000"
|
|
220
|
+
/>
|
|
221
|
+
<path
|
|
222
|
+
d="M611.29613,661.29875c0,50.55711-30.05368,68.20979-67.13,68.20979q-1.28835,0-2.57261-.02864c-1.71785-.03682-3.41933-.1186-5.10033-.23313-33.46068-2.36813-59.45707-20.92878-59.45707-67.948,0-48.65932,62.18106-110.05916,66.85186-114.60322l.00819-.00817c.18-.17587.27-.26177.27-.26177S611.29613,610.74164,611.29613,661.29875Z"
|
|
223
|
+
transform="translate(-39.70387 -61.04208)"
|
|
224
|
+
fill="#ddd"
|
|
225
|
+
/>
|
|
226
|
+
<path
|
|
227
|
+
d="M541.72029,721.77424l24.55253-34.30732-24.6139,38.07426-.0654,3.93872c-1.71785-.03682-3.41933-.1186-5.10033-.23313l2.6463-50.58165-.02047-.39266.045-.07361.24949-4.77718-24.67531-38.16836,24.753,34.58547.05731,1.01433,2-38.21741-21.12507-39.44039L541.80616,625.928l2.08182-79.23247.00819-.26994v.26177l-.34764,62.47962,21.031-24.76934-21.11693,30.15184-.55624,34.21735,19.63634-32.839-19.71812,37.87389-.31085,19.0228,28.50763-45.70631-28.614,52.34448Z"
|
|
228
|
+
transform="translate(-39.70387 -61.04208)"
|
|
229
|
+
fill="#3f3d56"
|
|
230
|
+
/>
|
|
231
|
+
<path
|
|
232
|
+
d="M875.29613,682.38411c0,55.07585-32.73985,74.3063-73.13,74.3063q-1.4035,0-2.80255-.0312c-1.87139-.04011-3.72494-.1292-5.55619-.254-36.45135-2.57979-64.77127-22.79937-64.77127-74.02113,0-53.00843,67.73872-119.89612,72.827-124.84633l.00892-.00889c.19608-.19159.29409-.28516.29409-.28516S875.29613,627.30827,875.29613,682.38411Z"
|
|
233
|
+
transform="translate(-39.70387 -61.04208)"
|
|
234
|
+
fill="#ddd"
|
|
235
|
+
/>
|
|
236
|
+
<path
|
|
237
|
+
d="M799.50168,748.26482l26.747-37.37367-26.81386,41.4773-.07125,4.29076c-1.87139-.04011-3.72494-.1292-5.55619-.254l2.88282-55.10258-.0223-.42775.049-.0802.27179-5.20415L770.108,654.01076l26.96539,37.67668.06244,1.105,2.17874-41.63324-23.0132-42.96551,23.29391,35.6583,2.26789-86.31419.00892-.294v.28516l-.37871,68.064,22.91079-26.98321-23.00435,32.84678-.606,37.27566L822.18523,632.958l-21.4805,41.259-.33863,20.723,31.05561-49.79149-31.17146,57.023Z"
|
|
238
|
+
transform="translate(-39.70387 -61.04208)"
|
|
239
|
+
fill="#3f3d56"
|
|
240
|
+
/>
|
|
241
|
+
<ellipse
|
|
242
|
+
cx="721.51694"
|
|
243
|
+
cy="656.82212"
|
|
244
|
+
rx="12.40027"
|
|
245
|
+
ry="39.5"
|
|
246
|
+
transform="translate(-220.83517 966.22323) rotate(-64.62574)"
|
|
247
|
+
fill="#2f2e41"
|
|
248
|
+
/>
|
|
249
|
+
<ellipse
|
|
250
|
+
cx="112.51694"
|
|
251
|
+
cy="651.82212"
|
|
252
|
+
rx="12.40027"
|
|
253
|
+
ry="39.5"
|
|
254
|
+
transform="translate(-574.07936 452.71367) rotate(-68.15829)"
|
|
255
|
+
fill="#2f2e41"
|
|
256
|
+
/>
|
|
257
|
+
</motion.svg>
|
|
258
|
+
);
|
|
259
|
+
}
|
package/package.json
CHANGED