arcanajs 2.6.0 → 3.0.1

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.
Files changed (107) hide show
  1. package/README.md +7 -22
  2. package/bin/arcanajs.js +1 -1
  3. package/dist/arcanajs.client.js +2 -0
  4. package/dist/arcanajs.client.js.map +1 -0
  5. package/dist/arcanajs.js +2 -0
  6. package/dist/arcanajs.js.map +1 -0
  7. package/dist/cli/index.js +2 -0
  8. package/dist/cli/index.js.map +1 -0
  9. package/{framework → dist}/lib/client/index.d.ts +6 -26
  10. package/{framework → dist}/lib/global.d.ts +6 -10
  11. package/dist/lib/index.client.d.ts +11 -0
  12. package/dist/lib/index.d.ts +38 -0
  13. package/{framework → dist}/lib/server/ArcanaJSServer.d.ts +4 -4
  14. package/dist/lib/server/DefaultTemplate.d.ts +1 -0
  15. package/{framework → dist}/lib/shared/components/Body.d.ts +2 -2
  16. package/{framework → dist}/lib/shared/components/Head.d.ts +2 -1
  17. package/{framework → dist}/lib/shared/components/Link.d.ts +2 -2
  18. package/{framework → dist}/lib/shared/components/NavLink.d.ts +2 -2
  19. package/{framework → dist}/lib/shared/components/Page.d.ts +2 -1
  20. package/{framework → dist}/lib/shared/hooks/useLocation.d.ts +2 -1
  21. package/dist/lib/shared/hooks/usePage.d.ts +2 -0
  22. package/dist/lib/shared/hooks/useParams.d.ts +2 -0
  23. package/dist/lib/shared/hooks/useQuery.d.ts +2 -0
  24. package/dist/lib/shared/hooks/useRouter.d.ts +2 -0
  25. package/package.json +26 -23
  26. package/framework/cli/index.js +0 -204
  27. package/framework/cli/templates.d.ts +0 -6
  28. package/framework/cli/templates.js +0 -62
  29. package/framework/cli/webpack.config.js +0 -310
  30. package/framework/lib/client/index.js +0 -97
  31. package/framework/lib/config/index.d.ts +0 -46
  32. package/framework/lib/config/index.js +0 -115
  33. package/framework/lib/index.d.ts +0 -19
  34. package/framework/lib/index.js +0 -59
  35. package/framework/lib/server/ArcanaJSMiddleware.js +0 -114
  36. package/framework/lib/server/ArcanaJSServer.js +0 -441
  37. package/framework/lib/server/ControllerBinder.js +0 -32
  38. package/framework/lib/server/CsrfMiddleware.js +0 -34
  39. package/framework/lib/server/DynamicRouter.js +0 -50
  40. package/framework/lib/server/ResponseHandlerMiddleware.js +0 -30
  41. package/framework/lib/server/Router.js +0 -203
  42. package/framework/lib/server/default-index.html +0 -12
  43. package/framework/lib/server.d.ts +0 -33
  44. package/framework/lib/server.js +0 -69
  45. package/framework/lib/shared/components/Body.js +0 -8
  46. package/framework/lib/shared/components/Head.js +0 -125
  47. package/framework/lib/shared/components/Link.js +0 -30
  48. package/framework/lib/shared/components/NavLink.js +0 -13
  49. package/framework/lib/shared/components/Page.js +0 -10
  50. package/framework/lib/shared/context/HeadContext.js +0 -5
  51. package/framework/lib/shared/context/PageContext.js +0 -6
  52. package/framework/lib/shared/context/RouterContext.js +0 -10
  53. package/framework/lib/shared/core/ArcanaJSApp.js +0 -194
  54. package/framework/lib/shared/hooks/useHead.js +0 -7
  55. package/framework/lib/shared/hooks/useLocation.js +0 -13
  56. package/framework/lib/shared/hooks/usePage.d.ts +0 -1
  57. package/framework/lib/shared/hooks/usePage.js +0 -7
  58. package/framework/lib/shared/hooks/useParams.d.ts +0 -1
  59. package/framework/lib/shared/hooks/useParams.js +0 -13
  60. package/framework/lib/shared/hooks/useQuery.d.ts +0 -1
  61. package/framework/lib/shared/hooks/useQuery.js +0 -9
  62. package/framework/lib/shared/hooks/useRouter.d.ts +0 -1
  63. package/framework/lib/shared/hooks/useRouter.js +0 -13
  64. package/framework/lib/shared/utils/createSingletonContext.js +0 -21
  65. package/framework/lib/shared/views/ErrorPage.js +0 -12
  66. package/framework/lib/shared/views/NotFoundPage.js +0 -11
  67. package/framework/lib/types.d.ts +0 -174
  68. package/framework/lib/types.js +0 -8
  69. package/framework/templates/arcanajs.config.ts +0 -44
  70. package/framework/templates/package.json +0 -15
  71. package/framework/templates/postcss.config.js +0 -6
  72. package/framework/templates/public/arcanajs.png +0 -0
  73. package/framework/templates/public/arcanajs.svg +0 -12
  74. package/framework/templates/public/favicon.ico +0 -0
  75. package/framework/templates/src/arcanajs.d.ts +0 -8
  76. package/framework/templates/src/client/globals.css +0 -199
  77. package/framework/templates/src/client/index.tsx +0 -7
  78. package/framework/templates/src/db/mongo.ts +0 -10
  79. package/framework/templates/src/db/mongoose.ts +0 -12
  80. package/framework/templates/src/db/mysql.ts +0 -15
  81. package/framework/templates/src/db/postgres.ts +0 -8
  82. package/framework/templates/src/server/controllers/HomeController.ts +0 -19
  83. package/framework/templates/src/server/controllers/UsersController.ts +0 -37
  84. package/framework/templates/src/server/index.ts +0 -38
  85. package/framework/templates/src/server/routes/api.ts +0 -6
  86. package/framework/templates/src/server/routes/web.ts +0 -7
  87. package/framework/templates/src/types/HomePageData.ts +0 -11
  88. package/framework/templates/src/views/ErrorPage.tsx +0 -136
  89. package/framework/templates/src/views/HomePage.tsx +0 -369
  90. package/framework/templates/src/views/NotFoundPage.tsx +0 -108
  91. package/framework/templates/tsconfig.json +0 -27
  92. /package/{framework → dist}/cli/index.d.ts +0 -0
  93. /package/{framework → dist}/cli/webpack.config.d.ts +0 -0
  94. /package/{framework → dist}/lib/server/ArcanaJSMiddleware.d.ts +0 -0
  95. /package/{framework → dist}/lib/server/ControllerBinder.d.ts +0 -0
  96. /package/{framework → dist}/lib/server/CsrfMiddleware.d.ts +0 -0
  97. /package/{framework → dist}/lib/server/DynamicRouter.d.ts +0 -0
  98. /package/{framework → dist}/lib/server/ResponseHandlerMiddleware.d.ts +0 -0
  99. /package/{framework → dist}/lib/server/Router.d.ts +0 -0
  100. /package/{framework → dist}/lib/shared/context/HeadContext.d.ts +0 -0
  101. /package/{framework → dist}/lib/shared/context/PageContext.d.ts +0 -0
  102. /package/{framework → dist}/lib/shared/context/RouterContext.d.ts +0 -0
  103. /package/{framework → dist}/lib/shared/core/ArcanaJSApp.d.ts +0 -0
  104. /package/{framework → dist}/lib/shared/hooks/useHead.d.ts +0 -0
  105. /package/{framework → dist}/lib/shared/utils/createSingletonContext.d.ts +0 -0
  106. /package/{framework → dist}/lib/shared/views/ErrorPage.d.ts +0 -0
  107. /package/{framework → dist}/lib/shared/views/NotFoundPage.d.ts +0 -0
@@ -1,369 +0,0 @@
1
- import { Body, Head, Page, usePage } from "arcanajs";
2
- import type { HomePageData } from "../types/HomePageData";
3
-
4
- export default function HomePage() {
5
- const pageData = usePage<HomePageData | null>();
6
-
7
- return (
8
- <Page>
9
- <Head>
10
- <title>Welcome to ArcanaJS</title>
11
- <meta
12
- name="description"
13
- content="A modern React framework with Tailwind CSS v4"
14
- />
15
- <meta name="viewport" content="width=device-width, initial-scale=1" />
16
- </Head>
17
- <Body>
18
- <div className="relative min-h-screen overflow-hidden bg-black text-white">
19
- {/* Animated Background */}
20
- <div className="fixed inset-0 z-0 overflow-hidden pointer-events-none">
21
- {/* Grid Pattern */}
22
- <div className="absolute inset-0 grid-pattern opacity-30"></div>
23
- <div className="absolute inset-0 grid-pattern opacity-30"></div>
24
-
25
- {/* Animated Orbs */}
26
- <div className="absolute top-1/4 left-1/4 w-96 h-96 bg-orange-500 rounded-full opacity-20 blur-3xl animate-glow"></div>
27
- <div
28
- className="absolute top-1/3 right-1/4 w-96 h-96 bg-purple-500 rounded-full opacity-15 blur-3xl animate-glow"
29
- style={{ animationDelay: "2s" }}
30
- ></div>
31
- <div
32
- className="absolute bottom-1/4 left-1/2 w-96 h-96 bg-blue-500 rounded-full opacity-10 blur-3xl animate-glow"
33
- style={{ animationDelay: "4s" }}
34
- ></div>
35
-
36
- {/* Radial Gradient Accent */}
37
- <div className="absolute inset-0 hero-gradient"></div>
38
- </div>
39
-
40
- <div className="relative z-10">
41
- {/* Navigation */}
42
- <nav className="fixed top-0 w-full z-50 nav-blur animate-slide-down border-b border-white/5 backdrop-blur-sm">
43
- <div className="container mx-auto px-6 py-4 flex items-center justify-between">
44
- <div className="flex items-center gap-3 group cursor-pointer">
45
- <div className="relative w-16 h-16">
46
- <div className="absolute inset-0 bg-gradient-to-br from-orange-500 to-red-600 rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity"></div>
47
- <img
48
- src="arcanajs.png"
49
- alt="ArcanaJS Logo"
50
- className="relative w-full h-full object-contain"
51
- />
52
- </div>
53
- </div>
54
- <div className="hidden md:flex space-x-8">
55
- <a
56
- href="#features"
57
- className="text-gray-400 hover:text-white transition-colors text-sm font-medium"
58
- >
59
- Features
60
- </a>
61
- <a
62
- href="#docs"
63
- className="text-gray-400 hover:text-white transition-colors text-sm font-medium"
64
- >
65
- Docs
66
- </a>
67
- <a
68
- href="#examples"
69
- className="text-gray-400 hover:text-white transition-colors text-sm font-medium"
70
- >
71
- Examples
72
- </a>
73
- </div>
74
- </div>
75
- </nav>
76
-
77
- {/* Hero Section */}
78
- <main className="pt-32 pb-12 px-4 sm:px-6 lg:px-8">
79
- <div className="max-w-5xl mx-auto text-center">
80
- <div className="glass-card rounded-3xl p-8 md:p-12 mb-12 animate-scale-in border-white/10">
81
- <h1 className="text-5xl md:text-7xl font-bold text-white mb-6 tracking-tight drop-shadow-2xl">
82
- Welcome to <span className="gradient-text">ArcanaJS</span>
83
- </h1>
84
- <p className="text-xl md:text-2xl text-gray-300 mb-10 max-w-3xl mx-auto text-balance font-light leading-relaxed">
85
- A modern React framework with server-side rendering and
86
- Tailwind CSS v4 support. Build fast, beautiful applications
87
- with zero configuration.
88
- </p>
89
- {pageData && (
90
- <div className="text-sm text-gray-400 mb-6">
91
- <div className="font-semibold text-white">
92
- {pageData.welcome ?? "Welcome"}
93
- </div>
94
- <div className="text-gray-400 text-sm">
95
- {pageData.subtitle}
96
- </div>
97
- <div className="text-xs text-gray-500 mt-1">
98
- Server time: {pageData.time}
99
- </div>
100
- {Array.isArray(pageData.posts) && (
101
- <ul className="mt-3 text-left list-disc list-inside text-gray-300">
102
- {pageData.posts.map((p) => (
103
- <li key={p.id} className="truncate">
104
- {p.title}
105
- </li>
106
- ))}
107
- </ul>
108
- )}
109
- </div>
110
- )}
111
- <div className="flex flex-col sm:flex-row gap-4 justify-center">
112
- <button className="btn-primary px-8 py-3.5 text-lg font-semibold rounded-xl inline-flex items-center justify-center gap-2">
113
- Get Started
114
- <svg
115
- className="w-5 h-5"
116
- fill="none"
117
- stroke="currentColor"
118
- viewBox="0 0 24 24"
119
- >
120
- <path
121
- strokeLinecap="round"
122
- strokeLinejoin="round"
123
- strokeWidth={2}
124
- d="M13 7l5 5m0 0l-5 5m5-5H6"
125
- />
126
- </svg>
127
- </button>
128
- <button className="btn-secondary px-8 py-3.5 text-lg font-semibold rounded-xl inline-flex items-center justify-center gap-2">
129
- View Examples
130
- </button>
131
- </div>
132
- </div>
133
-
134
- {/* Features Grid */}
135
- <section
136
- id="features"
137
- className="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12"
138
- >
139
- <div className="glass-card rounded-2xl p-8 feature-card text-center group">
140
- <div className="w-14 h-14 bg-orange-500/10 rounded-xl flex items-center justify-center mx-auto mb-4 group-hover:scale-110 transition-transform border border-orange-500/20">
141
- <svg
142
- className="w-7 h-7 text-orange-500"
143
- fill="none"
144
- stroke="currentColor"
145
- viewBox="0 0 24 24"
146
- >
147
- <path
148
- strokeLinecap="round"
149
- strokeLinejoin="round"
150
- strokeWidth={2}
151
- d="M13 10V3L4 14h7v7l9-11h-7z"
152
- />
153
- </svg>
154
- </div>
155
- <h3 className="text-xl font-bold text-white mb-2 group-hover:text-orange-400 transition-colors">
156
- Fast SSR
157
- </h3>
158
- <p className="text-gray-400 text-sm leading-relaxed">
159
- Server-side rendering for optimal performance and SEO.
160
- </p>
161
- </div>
162
-
163
- <div className="glass-card rounded-2xl p-8 feature-card text-center group">
164
- <div className="w-14 h-14 bg-purple-500/10 rounded-xl flex items-center justify-center mx-auto mb-4 group-hover:scale-110 transition-transform border border-purple-500/20">
165
- <svg
166
- className="w-7 h-7 text-purple-500"
167
- fill="none"
168
- stroke="currentColor"
169
- viewBox="0 0 24 24"
170
- >
171
- <path
172
- strokeLinecap="round"
173
- strokeLinejoin="round"
174
- strokeWidth={2}
175
- d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
176
- />
177
- </svg>
178
- </div>
179
- <h3 className="text-xl font-bold text-white mb-2 group-hover:text-purple-400 transition-colors">
180
- TypeScript
181
- </h3>
182
- <p className="text-gray-400 text-sm leading-relaxed">
183
- Built-in TypeScript support for better developer
184
- experience.
185
- </p>
186
- </div>
187
-
188
- <div className="glass-card rounded-2xl p-8 feature-card text-center group">
189
- <div className="w-14 h-14 bg-blue-500/10 rounded-xl flex items-center justify-center mx-auto mb-4 group-hover:scale-110 transition-transform border border-blue-500/20">
190
- <svg
191
- className="w-7 h-7 text-blue-500"
192
- fill="none"
193
- stroke="currentColor"
194
- viewBox="0 0 24 24"
195
- >
196
- <path
197
- strokeLinecap="round"
198
- strokeLinejoin="round"
199
- strokeWidth={2}
200
- d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h4a2 2 0 002-2V9a2 2 0 00-2-2H7a2 2 0 00-2 2v6a2 2 0 002 2z"
201
- />
202
- </svg>
203
- </div>
204
- <h3 className="text-xl font-bold text-white mb-2 group-hover:text-blue-400 transition-colors">
205
- Tailwind v4
206
- </h3>
207
- <p className="text-gray-400 text-sm leading-relaxed">
208
- Latest Tailwind CSS with CSS-first configuration.
209
- </p>
210
- </div>
211
-
212
- <div className="glass-card rounded-2xl p-8 feature-card text-center group">
213
- <div className="w-14 h-14 bg-green-500/10 rounded-xl flex items-center justify-center mx-auto mb-4 group-hover:scale-110 transition-transform border border-green-500/20">
214
- <svg
215
- className="w-7 h-7 text-green-500"
216
- fill="none"
217
- stroke="currentColor"
218
- viewBox="0 0 24 24"
219
- >
220
- <path
221
- strokeLinecap="round"
222
- strokeLinejoin="round"
223
- strokeWidth={2}
224
- d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"
225
- />
226
- </svg>
227
- </div>
228
- <h3 className="text-xl font-bold text-white mb-2 group-hover:text-green-400 transition-colors">
229
- Hot Reload
230
- </h3>
231
- <p className="text-gray-400 text-sm leading-relaxed">
232
- Instant updates during development for faster iteration.
233
- </p>
234
- </div>
235
-
236
- <div className="glass-card rounded-2xl p-8 feature-card text-center group">
237
- <div className="w-14 h-14 bg-red-500/10 rounded-xl flex items-center justify-center mx-auto mb-4 group-hover:scale-110 transition-transform border border-red-500/20">
238
- <svg
239
- className="w-7 h-7 text-red-500"
240
- fill="none"
241
- stroke="currentColor"
242
- viewBox="0 0 24 24"
243
- >
244
- <path
245
- strokeLinecap="round"
246
- strokeLinejoin="round"
247
- strokeWidth={2}
248
- d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2H5a2 2 0 00-2-2V7z"
249
- />
250
- </svg>
251
- </div>
252
- <h3 className="text-xl font-bold text-white mb-2 group-hover:text-red-400 transition-colors">
253
- File-based Routing
254
- </h3>
255
- <p className="text-gray-400 text-sm leading-relaxed">
256
- Intuitive routing based on your file structure.
257
- </p>
258
- </div>
259
-
260
- <div className="glass-card rounded-2xl p-8 feature-card text-center group">
261
- <div className="w-14 h-14 bg-indigo-500/10 rounded-xl flex items-center justify-center mx-auto mb-4 group-hover:scale-110 transition-transform border border-indigo-500/20">
262
- <svg
263
- className="w-7 h-7 text-indigo-500"
264
- fill="none"
265
- stroke="currentColor"
266
- viewBox="0 0 24 24"
267
- >
268
- <path
269
- strokeLinecap="round"
270
- strokeLinejoin="round"
271
- strokeWidth={2}
272
- d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
273
- />
274
- <path
275
- strokeLinecap="round"
276
- strokeLinejoin="round"
277
- strokeWidth={2}
278
- d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
279
- />
280
- </svg>
281
- </div>
282
- <h3 className="text-xl font-bold text-white mb-2 group-hover:text-indigo-400 transition-colors">
283
- Zero Config
284
- </h3>
285
- <p className="text-gray-400 text-sm leading-relaxed">
286
- Get started immediately with sensible defaults.
287
- </p>
288
- </div>
289
- </section>
290
-
291
- {/* Code Example */}
292
- <section
293
- id="examples"
294
- className="glass-card rounded-2xl p-8 text-left border-white/10"
295
- >
296
- <h2 className="text-2xl font-bold text-white mb-6 text-center">
297
- Quick Start
298
- </h2>
299
- <div className="bg-black/50 rounded-xl p-6 text-sm font-mono text-gray-300 overflow-x-auto border border-white/10 shadow-inner">
300
- <div className="mb-4">
301
- <div className="text-gray-500 mb-1">
302
- # Create a new folder
303
- </div>
304
- <div className="text-orange-400">
305
- mkdir my-app cd my-app
306
- </div>
307
- </div>
308
- <div className="mb-4">
309
- <div className="text-gray-500 mb-1">
310
- # Initialize a new project
311
- </div>
312
- <div className="text-orange-400">npx arcanajs init</div>
313
- </div>
314
- <div className="mb-4">
315
- <div className="text-gray-500 mb-1">
316
- # Install dependencies
317
- </div>
318
- <div className="text-white">npm install</div>
319
- </div>
320
- <div className="mb-4">
321
- <div className="text-gray-500 mb-1">
322
- # Start development server
323
- </div>
324
- <div className="text-white">npm run dev</div>
325
- </div>
326
- <div className="mb-4">
327
- <div className="text-gray-500 mb-1">
328
- # Build for production
329
- </div>
330
- <div className="text-white">npm run build</div>
331
- </div>
332
- <div className="mb-4">
333
- <div className="text-gray-500 mb-1">
334
- # Start production server
335
- </div>
336
- <div className="text-white">npm start</div>
337
- </div>
338
- </div>
339
- </section>
340
- </div>
341
- </main>
342
-
343
- {/* Footer */}
344
- <footer className="border-t border-white/5 mt-12 relative z-10 bg-black/20 backdrop-blur-md">
345
- <div className="container mx-auto px-6 py-8">
346
- <div className="flex flex-col md:flex-row items-center justify-between gap-4">
347
- <div className="text-gray-500 text-sm">
348
- &copy; 2025 ArcanaJS. All rights reserved.
349
- </div>
350
- <div className="flex gap-6 text-gray-500 text-sm">
351
- <a href="#" className="hover:text-white transition-colors">
352
- GitHub
353
- </a>
354
- <a href="#" className="hover:text-white transition-colors">
355
- Docs
356
- </a>
357
- <a href="#" className="hover:text-white transition-colors">
358
- Community
359
- </a>
360
- </div>
361
- </div>
362
- </div>
363
- </footer>
364
- </div>
365
- </div>
366
- </Body>
367
- </Page>
368
- );
369
- }
@@ -1,108 +0,0 @@
1
- import { Body, Head, Link, Page } from "arcanajs";
2
-
3
- interface NotFoundPageProps {
4
- url?: string;
5
- }
6
-
7
- export default function NotFoundPage({ url }: NotFoundPageProps) {
8
- return (
9
- <Page>
10
- <Head>
11
- <title>404 - Page Not Found</title>
12
- <meta
13
- name="description"
14
- content="The page you're looking for doesn't exist"
15
- />
16
- </Head>
17
- <Body>
18
- <div className="relative min-h-screen overflow-hidden bg-black text-white flex flex-col justify-center items-center px-4 font-sans">
19
- {/* Animated Background */}
20
- <div className="fixed inset-0 z-0 overflow-hidden pointer-events-none">
21
- <div className="absolute inset-0 grid-pattern opacity-30"></div>
22
- <div className="absolute top-1/4 left-1/4 w-96 h-96 bg-orange-500 rounded-full opacity-20 blur-3xl animate-glow"></div>
23
- <div
24
- className="absolute bottom-1/4 right-1/4 w-96 h-96 bg-purple-500 rounded-full opacity-10 blur-3xl animate-glow"
25
- style={{ animationDelay: "2s" }}
26
- ></div>
27
- <div className="absolute inset-0 hero-gradient"></div>
28
- </div>
29
-
30
- <div className="relative z-10 max-w-lg w-full text-center animate-scale-in">
31
- <div className="glass-card rounded-3xl p-12 border border-white/10 shadow-2xl">
32
- <div className="mb-8">
33
- <h1 className="text-9xl font-bold text-transparent bg-clip-text bg-gradient-to-br from-white to-gray-500 mb-4 animate-float">
34
- 404
35
- </h1>
36
- <h2 className="text-3xl font-bold text-white mb-4">
37
- Page Not Found
38
- </h2>
39
- <p className="text-gray-400 text-lg leading-relaxed">
40
- {url ? (
41
- <>
42
- The page <span className="text-orange-400">"{url}"</span>{" "}
43
- you're looking for doesn't exist.
44
- </>
45
- ) : (
46
- "The page you're looking for doesn't exist."
47
- )}
48
- </p>
49
- </div>
50
-
51
- <div className="flex flex-col sm:flex-row gap-4 justify-center">
52
- <Link
53
- href="/"
54
- className="btn-primary px-8 py-3.5 text-white font-semibold rounded-xl inline-flex items-center justify-center gap-2 w-full sm:w-auto"
55
- >
56
- <svg
57
- className="w-5 h-5"
58
- fill="none"
59
- stroke="currentColor"
60
- viewBox="0 0 24 24"
61
- >
62
- <path
63
- strokeLinecap="round"
64
- strokeLinejoin="round"
65
- strokeWidth={2}
66
- d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
67
- />
68
- </svg>
69
- Go Home
70
- </Link>
71
-
72
- <button
73
- onClick={() => window.history.back()}
74
- className="btn-secondary px-8 py-3.5 text-white font-semibold rounded-xl inline-flex items-center justify-center gap-2 w-full sm:w-auto"
75
- >
76
- <svg
77
- className="w-5 h-5"
78
- fill="none"
79
- stroke="currentColor"
80
- viewBox="0 0 24 24"
81
- >
82
- <path
83
- strokeLinecap="round"
84
- strokeLinejoin="round"
85
- strokeWidth={2}
86
- d="M10 19l-7-7m0 0l7-7m-7 7h18"
87
- />
88
- </svg>
89
- Go Back
90
- </button>
91
- </div>
92
- </div>
93
- <div className="mt-8 text-gray-500 text-sm">
94
- If you believe this is an error, please{" "}
95
- <Link
96
- href="/contact"
97
- className="text-orange-400 hover:text-orange-300 underline transition-colors"
98
- >
99
- contact support
100
- </Link>
101
- .
102
- </div>
103
- </div>
104
- </div>
105
- </Body>
106
- </Page>
107
- );
108
- }
@@ -1,27 +0,0 @@
1
- {
2
- "compilerOptions": {
3
- "target": "ES2020",
4
- "useDefineForClassFields": true,
5
- "lib": ["ES2020", "DOM", "DOM.Iterable"],
6
- "module": "ESNext",
7
- "skipLibCheck": true,
8
- "esModuleInterop": true,
9
- "allowSyntheticDefaultImports": true,
10
-
11
- /* Bundler mode */
12
- "moduleResolution": "bundler",
13
- "allowImportingTsExtensions": true,
14
- "resolveJsonModule": true,
15
- "isolatedModules": true,
16
- "noEmit": true,
17
- "jsx": "react-jsx",
18
-
19
- /* Linting */
20
- "strict": true,
21
- "noUnusedLocals": true,
22
- "noUnusedParameters": true,
23
- "noFallthroughCasesInSwitch": true
24
- },
25
- "include": ["src/**/*"],
26
- "exclude": ["node_modules", "dist"]
27
- }
File without changes
File without changes
File without changes