create-flexireact 3.0.4 → 3.0.5
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-router.d.ts","sourceRoot":"","sources":["../../src/templates/app-router.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,
|
|
1
|
+
{"version":3,"file":"app-router.d.ts","sourceRoot":"","sources":["../../src/templates/app-router.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,CAkoBpE"}
|
|
@@ -133,9 +133,41 @@ const backedBy = [
|
|
|
133
133
|
|
|
134
134
|
export default function HomePage() {
|
|
135
135
|
return (
|
|
136
|
-
<
|
|
137
|
-
{/*
|
|
138
|
-
<
|
|
136
|
+
<div className="min-h-screen bg-[#0a0a0a]">
|
|
137
|
+
{/* Premium Navbar */}
|
|
138
|
+
<header className="fixed top-0 left-0 right-0 z-50 bg-[#0a0a0a]/80 backdrop-blur-xl border-b border-gray-800/50">
|
|
139
|
+
<nav className="max-w-7xl mx-auto px-4 h-16 flex items-center justify-between">
|
|
140
|
+
<a href="/" className="flex items-center gap-3">
|
|
141
|
+
<div className="w-9 h-9 rounded-lg bg-gradient-to-br from-[#00FF9C] to-[#00D68F] flex items-center justify-center shadow-lg shadow-[#00FF9C]/20">
|
|
142
|
+
<span className="text-black font-bold text-lg">F</span>
|
|
143
|
+
</div>
|
|
144
|
+
<span className="font-bold text-lg">FlexiReact</span>
|
|
145
|
+
<span className="px-2 py-0.5 text-xs bg-[#00FF9C]/20 text-[#00FF9C] rounded-full">v3.0</span>
|
|
146
|
+
</a>
|
|
147
|
+
|
|
148
|
+
<div className="hidden md:flex items-center gap-8">
|
|
149
|
+
<a href="https://github.com/flexireact/flexireact#readme" className="text-sm text-gray-400 hover:text-white transition-colors">Docs</a>
|
|
150
|
+
<a href="https://github.com/flexireact/flexireact" className="text-sm text-gray-400 hover:text-white transition-colors">GitHub</a>
|
|
151
|
+
<a href="https://github.com/flexireact/flexireact/tree/main/examples" className="text-sm text-gray-400 hover:text-white transition-colors">Examples</a>
|
|
152
|
+
<a href="https://discord.gg/rFSZxFtpAA" className="text-sm text-gray-400 hover:text-white transition-colors">Discord</a>
|
|
153
|
+
</div>
|
|
154
|
+
|
|
155
|
+
<a
|
|
156
|
+
href="https://github.com/flexireact/flexireact"
|
|
157
|
+
target="_blank"
|
|
158
|
+
className="group flex items-center gap-2 px-4 py-2 bg-white/5 hover:bg-white/10 border border-white/10 hover:border-[#00FF9C]/50 rounded-lg transition-all"
|
|
159
|
+
>
|
|
160
|
+
<svg className="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
|
|
161
|
+
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
|
|
162
|
+
</svg>
|
|
163
|
+
<span className="text-sm font-medium">Star</span>
|
|
164
|
+
</a>
|
|
165
|
+
</nav>
|
|
166
|
+
</header>
|
|
167
|
+
|
|
168
|
+
<main className="pt-16">
|
|
169
|
+
{/* Hero Section */}
|
|
170
|
+
<section className="relative py-24 lg:py-32 px-4 overflow-hidden animate-fade-in-up">
|
|
139
171
|
{/* Gradient background */}
|
|
140
172
|
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-[#00FF9C]/10 via-transparent to-transparent" />
|
|
141
173
|
<div className="absolute top-0 left-1/2 -translate-x-1/2 w-[600px] h-[600px] bg-[#00FF9C]/5 rounded-full blur-[120px]" />
|
|
@@ -215,17 +247,17 @@ export default function HomePage() {
|
|
|
215
247
|
</div>
|
|
216
248
|
</section>
|
|
217
249
|
|
|
218
|
-
{/* Features */}
|
|
219
|
-
<section className="py-24 px-4">
|
|
220
|
-
<div className="max-w-
|
|
250
|
+
{/* Core Features Premium */}
|
|
251
|
+
<section className="py-24 px-4 animate-fade-in-up animate-delay-100">
|
|
252
|
+
<div className="max-w-7xl mx-auto">
|
|
221
253
|
<div className="text-center mb-16">
|
|
222
|
-
<h2 className="text-3xl sm:text-4xl font-bold mb-4">
|
|
223
|
-
<p className="text-gray-400">
|
|
254
|
+
<h2 className="text-3xl sm:text-4xl font-bold mb-4">Core Features</h2>
|
|
255
|
+
<p className="text-gray-400">Everything you need to build modern web apps</p>
|
|
224
256
|
</div>
|
|
225
257
|
|
|
226
258
|
<div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-4">
|
|
227
|
-
{
|
|
228
|
-
<div key={i} className="group p-6 rounded-2xl bg-gradient-to-b from-white/5 to-transparent border border-white/5 hover:border-[#00FF9C]/30 transition-all hover
|
|
259
|
+
{coreFeatures.map((f, i) => (
|
|
260
|
+
<div key={i} className="group p-6 rounded-2xl bg-gradient-to-b from-white/5 to-transparent border border-white/5 hover:border-[#00FF9C]/30 transition-all hover:scale-[1.02] hover:shadow-lg hover:shadow-[#00FF9C]/10">
|
|
229
261
|
<div className="w-12 h-12 rounded-xl bg-[#00FF9C]/10 flex items-center justify-center text-2xl mb-4 group-hover:scale-110 transition-transform">
|
|
230
262
|
{f.icon}
|
|
231
263
|
</div>
|
|
@@ -237,7 +269,151 @@ export default function HomePage() {
|
|
|
237
269
|
</div>
|
|
238
270
|
</section>
|
|
239
271
|
|
|
240
|
-
{/*
|
|
272
|
+
{/* How it Works Timeline */}
|
|
273
|
+
<section className="py-24 px-4 bg-white/[0.02] animate-fade-in-up animate-delay-200">
|
|
274
|
+
<div className="max-w-6xl mx-auto">
|
|
275
|
+
<div className="text-center mb-16">
|
|
276
|
+
<h2 className="text-3xl sm:text-4xl font-bold mb-4">How it Works</h2>
|
|
277
|
+
<p className="text-gray-400">From idea to production in 5 simple steps</p>
|
|
278
|
+
</div>
|
|
279
|
+
|
|
280
|
+
<div className="relative">
|
|
281
|
+
<div className="hidden lg:block absolute top-1/2 left-0 right-0 h-0.5 bg-gradient-to-r from-transparent via-[#00FF9C]/20 to-transparent" />
|
|
282
|
+
|
|
283
|
+
<div className="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-5 gap-8">
|
|
284
|
+
{timeline.map((item, i) => (
|
|
285
|
+
<div key={i} className="relative text-center">
|
|
286
|
+
<div className="inline-flex items-center justify-center w-16 h-16 rounded-full bg-gradient-to-br from-[#00FF9C] to-[#00D68F] text-black font-bold text-xl mb-4 shadow-lg shadow-[#00FF9C]/20">
|
|
287
|
+
{item.step}
|
|
288
|
+
</div>
|
|
289
|
+
<h3 className="font-semibold mb-2">{item.title}</h3>
|
|
290
|
+
<p className="text-sm text-gray-400">{item.desc}</p>
|
|
291
|
+
</div>
|
|
292
|
+
))}
|
|
293
|
+
</div>
|
|
294
|
+
</div>
|
|
295
|
+
</div>
|
|
296
|
+
</section>
|
|
297
|
+
|
|
298
|
+
{/* Code Example */}
|
|
299
|
+
<section className="py-24 px-4 animate-fade-in-up animate-delay-300">
|
|
300
|
+
<div className="max-w-4xl mx-auto">
|
|
301
|
+
<div className="text-center mb-12">
|
|
302
|
+
<h2 className="text-3xl sm:text-4xl font-bold mb-4">Simple & Powerful</h2>
|
|
303
|
+
<p className="text-gray-400">Write clean code that just works</p>
|
|
304
|
+
</div>
|
|
305
|
+
|
|
306
|
+
<div className="rounded-2xl bg-[#111] border border-gray-800 overflow-hidden">
|
|
307
|
+
<div className="flex items-center gap-4 px-6 py-3 bg-[#0d0d0d] border-b border-gray-800">
|
|
308
|
+
<button className="px-3 py-1.5 text-sm bg-[#00FF9C]/20 text-[#00FF9C] rounded-lg">Pages</button>
|
|
309
|
+
<button className="px-3 py-1.5 text-sm text-gray-400 hover:text-white transition">API Route</button>
|
|
310
|
+
<button className="px-3 py-1.5 text-sm text-gray-400 hover:text-white transition">Component</button>
|
|
311
|
+
</div>
|
|
312
|
+
<pre className="p-6 overflow-x-auto"><code className="text-sm text-gray-300">{\`// app/page.tsx
|
|
313
|
+
export default function Home() {
|
|
314
|
+
return (
|
|
315
|
+
<div className="container mx-auto p-8">
|
|
316
|
+
<h1 className="text-4xl font-bold">
|
|
317
|
+
Hello from FlexiReact ⚡
|
|
318
|
+
</h1>
|
|
319
|
+
</div>
|
|
320
|
+
);
|
|
321
|
+
}\`}</code></pre>
|
|
322
|
+
</div>
|
|
323
|
+
</div>
|
|
324
|
+
</section>
|
|
325
|
+
|
|
326
|
+
{/* Benchmarks */}
|
|
327
|
+
<section className="py-24 px-4 bg-white/[0.02] animate-fade-in-up animate-delay-400">
|
|
328
|
+
<div className="max-w-4xl mx-auto">
|
|
329
|
+
<div className="text-center mb-12">
|
|
330
|
+
<h2 className="text-3xl sm:text-4xl font-bold mb-4">Blazing Fast Performance</h2>
|
|
331
|
+
<p className="text-gray-400">Cold start comparison (lower is better)</p>
|
|
332
|
+
</div>
|
|
333
|
+
|
|
334
|
+
<div className="space-y-6">
|
|
335
|
+
{benchmarks.map((bench, i) => (
|
|
336
|
+
<div key={i} className="flex items-center gap-4">
|
|
337
|
+
<div className="w-32 text-sm font-medium">{bench.name}</div>
|
|
338
|
+
<div className="flex-1 h-12 bg-white/5 rounded-lg overflow-hidden">
|
|
339
|
+
<div
|
|
340
|
+
className="h-full flex items-center px-4 text-sm font-bold transition-all duration-1000"
|
|
341
|
+
style={{
|
|
342
|
+
width: \`\${(bench.time / 10) * 100}%\`,
|
|
343
|
+
backgroundColor: bench.name === 'FlexiReact' ? '#00FF9C' : 'rgba(255,255,255,0.1)',
|
|
344
|
+
color: bench.name === 'FlexiReact' ? '#000' : '#fff'
|
|
345
|
+
}}
|
|
346
|
+
>
|
|
347
|
+
{bench.time}ms
|
|
348
|
+
</div>
|
|
349
|
+
</div>
|
|
350
|
+
</div>
|
|
351
|
+
))}
|
|
352
|
+
</div>
|
|
353
|
+
</div>
|
|
354
|
+
</section>
|
|
355
|
+
|
|
356
|
+
{/* Why FlexiReact */}
|
|
357
|
+
<section className="py-24 px-4">
|
|
358
|
+
<div className="max-w-6xl mx-auto">
|
|
359
|
+
<div className="text-center mb-16">
|
|
360
|
+
<h2 className="text-3xl sm:text-4xl font-bold mb-4">Why FlexiReact?</h2>
|
|
361
|
+
<p className="text-gray-400">Built for developers who value speed and simplicity</p>
|
|
362
|
+
</div>
|
|
363
|
+
|
|
364
|
+
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
|
|
365
|
+
{whyFlexiReact.map((item, i) => (
|
|
366
|
+
<div key={i} className="p-6 rounded-2xl bg-gradient-to-b from-white/5 to-transparent border border-white/5">
|
|
367
|
+
<div className="text-3xl mb-4">{item.icon}</div>
|
|
368
|
+
<h3 className="font-semibold mb-2">{item.title}</h3>
|
|
369
|
+
<p className="text-sm text-gray-400">{item.desc}</p>
|
|
370
|
+
</div>
|
|
371
|
+
))}
|
|
372
|
+
</div>
|
|
373
|
+
</div>
|
|
374
|
+
</section>
|
|
375
|
+
|
|
376
|
+
{/* Ecosystem */}
|
|
377
|
+
<section className="py-24 px-4 bg-white/[0.02]">
|
|
378
|
+
<div className="max-w-6xl mx-auto">
|
|
379
|
+
<div className="text-center mb-16">
|
|
380
|
+
<h2 className="text-3xl sm:text-4xl font-bold mb-4">Complete Ecosystem</h2>
|
|
381
|
+
<p className="text-gray-400">Everything you need, batteries included</p>
|
|
382
|
+
</div>
|
|
383
|
+
|
|
384
|
+
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
|
|
385
|
+
{ecosystem.map((item, i) => (
|
|
386
|
+
<a key={i} href={item.link} target="_blank" className="group p-6 rounded-2xl bg-gradient-to-b from-white/5 to-transparent border border-white/5 hover:border-[#00FF9C]/30 transition-all hover:scale-105">
|
|
387
|
+
<div className="text-4xl mb-4">{item.icon}</div>
|
|
388
|
+
<h3 className="font-semibold mb-1 group-hover:text-[#00FF9C] transition">{item.name}</h3>
|
|
389
|
+
<p className="text-sm text-gray-400">{item.desc}</p>
|
|
390
|
+
</a>
|
|
391
|
+
))}
|
|
392
|
+
</div>
|
|
393
|
+
</div>
|
|
394
|
+
</section>
|
|
395
|
+
|
|
396
|
+
{/* Backed By */}
|
|
397
|
+
<section className="py-24 px-4">
|
|
398
|
+
<div className="max-w-6xl mx-auto">
|
|
399
|
+
<div className="text-center mb-12">
|
|
400
|
+
<h2 className="text-2xl font-bold mb-8 text-gray-500">Trusted By</h2>
|
|
401
|
+
</div>
|
|
402
|
+
|
|
403
|
+
<div className="flex flex-wrap items-center justify-center gap-12">
|
|
404
|
+
{backedBy.map((company, i) => (
|
|
405
|
+
<div key={i} className="group flex items-center gap-3 opacity-40 hover:opacity-100 transition-opacity">
|
|
406
|
+
<div className="w-12 h-12 rounded-lg bg-white/5 flex items-center justify-center font-bold text-xl group-hover:bg-[#00FF9C]/20 group-hover:text-[#00FF9C] transition">
|
|
407
|
+
{company.logo}
|
|
408
|
+
</div>
|
|
409
|
+
<span className="font-semibold">{company.name}</span>
|
|
410
|
+
</div>
|
|
411
|
+
))}
|
|
412
|
+
</div>
|
|
413
|
+
</div>
|
|
414
|
+
</section>
|
|
415
|
+
|
|
416
|
+
{/* Final CTA */}
|
|
241
417
|
<section className="py-24 px-4">
|
|
242
418
|
<div className="max-w-3xl mx-auto">
|
|
243
419
|
<div className="relative p-8 sm:p-12 rounded-3xl bg-gradient-to-b from-[#111] to-[#0a0a0a] border border-gray-800 overflow-hidden">
|
|
@@ -262,24 +438,57 @@ export default function HomePage() {
|
|
|
262
438
|
</div>
|
|
263
439
|
</section>
|
|
264
440
|
|
|
265
|
-
{/* Footer */}
|
|
266
|
-
<footer className="
|
|
267
|
-
<div className="max-w-
|
|
268
|
-
<div className="
|
|
269
|
-
<div
|
|
270
|
-
<
|
|
441
|
+
{/* Premium Footer */}
|
|
442
|
+
<footer className="border-t border-gray-800/50 py-16 px-4">
|
|
443
|
+
<div className="max-w-7xl mx-auto">
|
|
444
|
+
<div className="grid grid-cols-2 md:grid-cols-4 gap-8 mb-12">
|
|
445
|
+
<div>
|
|
446
|
+
<h3 className="font-semibold mb-4">Product</h3>
|
|
447
|
+
<ul className="space-y-2">
|
|
448
|
+
<li><a href="https://github.com/flexireact/flexireact#readme" className="text-sm text-gray-400 hover:text-white transition">Docs</a></li>
|
|
449
|
+
<li><a href="https://github.com/flexireact/flexireact/tree/main/examples" className="text-sm text-gray-400 hover:text-white transition">Examples</a></li>
|
|
450
|
+
<li><a href="https://github.com/flexireact/flexireact/blob/main/CHANGELOG-v3.md" className="text-sm text-gray-400 hover:text-white transition">Changelog</a></li>
|
|
451
|
+
<li><a href="https://github.com/flexireact/flexireact/projects" className="text-sm text-gray-400 hover:text-white transition">Roadmap</a></li>
|
|
452
|
+
</ul>
|
|
453
|
+
</div>
|
|
454
|
+
<div>
|
|
455
|
+
<h3 className="font-semibold mb-4">Community</h3>
|
|
456
|
+
<ul className="space-y-2">
|
|
457
|
+
<li><a href="https://github.com/flexireact/flexireact" className="text-sm text-gray-400 hover:text-white transition">GitHub</a></li>
|
|
458
|
+
<li><a href="https://discord.gg/rFSZxFtpAA" className="text-sm text-gray-400 hover:text-white transition">Discord</a></li>
|
|
459
|
+
<li><a href="https://github.com/flexireact/flexireact/discussions" className="text-sm text-gray-400 hover:text-white transition">Discussions</a></li>
|
|
460
|
+
</ul>
|
|
461
|
+
</div>
|
|
462
|
+
<div>
|
|
463
|
+
<h3 className="font-semibold mb-4">Ecosystem</h3>
|
|
464
|
+
<ul className="space-y-2">
|
|
465
|
+
<li><a href="https://www.npmjs.com/package/@flexireact/flexi-ui" className="text-sm text-gray-400 hover:text-white transition">FlexiUI</a></li>
|
|
466
|
+
<li><a href="https://www.npmjs.com/package/flexiguard" className="text-sm text-gray-400 hover:text-white transition">FlexiGuard</a></li>
|
|
467
|
+
<li><a href="https://www.npmjs.com/package/create-flexireact" className="text-sm text-gray-400 hover:text-white transition">CLI</a></li>
|
|
468
|
+
</ul>
|
|
469
|
+
</div>
|
|
470
|
+
<div>
|
|
471
|
+
<h3 className="font-semibold mb-4">Legal</h3>
|
|
472
|
+
<ul className="space-y-2">
|
|
473
|
+
<li><a href="https://github.com/flexireact/flexireact/blob/main/LICENSE" className="text-sm text-gray-400 hover:text-white transition">License</a></li>
|
|
474
|
+
<li><a href="https://github.com/flexireact/flexireact/blob/main/CONTRIBUTING.md" className="text-sm text-gray-400 hover:text-white transition">Contributing</a></li>
|
|
475
|
+
</ul>
|
|
271
476
|
</div>
|
|
272
|
-
<span className="font-semibold">FlexiReact</span>
|
|
273
477
|
</div>
|
|
274
|
-
|
|
275
|
-
<div className="flex items-center gap-
|
|
276
|
-
<
|
|
277
|
-
|
|
278
|
-
|
|
478
|
+
|
|
479
|
+
<div className="pt-8 border-t border-gray-800/50 flex flex-col md:flex-row items-center justify-between gap-4">
|
|
480
|
+
<div className="flex items-center gap-2">
|
|
481
|
+
<div className="w-8 h-8 rounded-lg bg-[#00FF9C] flex items-center justify-center">
|
|
482
|
+
<span className="text-black font-bold">F</span>
|
|
483
|
+
</div>
|
|
484
|
+
<span className="text-sm text-gray-400">Built with ❤️ by Asuno</span>
|
|
485
|
+
</div>
|
|
486
|
+
<p className="text-sm text-gray-500">© {new Date().getFullYear()} FlexiReact. MIT License.</p>
|
|
279
487
|
</div>
|
|
280
488
|
</div>
|
|
281
489
|
</footer>
|
|
282
|
-
|
|
490
|
+
</main>
|
|
491
|
+
</div>
|
|
283
492
|
);
|
|
284
493
|
}
|
|
285
494
|
`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-router.js","sourceRoot":"","sources":["../../src/templates/app-router.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,UAAU,iBAAiB,CAAC,WAAmB;IACnD,OAAO;QACL,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC;YAC7B,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,GAAG,EAAE,+BAA+B;gBACpC,KAAK,EAAE,iCAAiC;gBACxC,KAAK,EAAE,kBAAkB;gBACzB,GAAG,EAAE,kEAAkE;aACxE;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,SAAS;gBAChB,WAAW,EAAE,SAAS;gBACtB,kBAAkB,EAAE,QAAQ;gBAC5B,sBAAsB,EAAE,QAAQ;gBAChC,IAAI,EAAE,QAAQ;gBACd,gBAAgB,EAAE,QAAQ;aAC3B;YACD,eAAe,EAAE;gBACf,cAAc,EAAE,SAAS;gBACzB,kBAAkB,EAAE,SAAS;gBAC7B,UAAU,EAAE,QAAQ;gBACpB,WAAW,EAAE,QAAQ;gBACrB,kBAAkB,EAAE,QAAQ;gBAC5B,sBAAsB,EAAE,QAAQ;aACjC;SACF,EAAE,IAAI,EAAE,CAAC,CAAC;QAEX,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC;YAC9B,eAAe,EAAE;gBACf,MAAM,EAAE,QAAQ;gBAChB,GAAG,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,CAAC;gBACtC,MAAM,EAAE,QAAQ;gBAChB,gBAAgB,EAAE,SAAS;gBAC3B,GAAG,EAAE,WAAW;gBAChB,MAAM,EAAE,IAAI;gBACZ,YAAY,EAAE,IAAI;gBAClB,eAAe,EAAE,IAAI;gBACrB,iBAAiB,EAAE,IAAI;gBACvB,eAAe,EAAE,IAAI;gBACrB,MAAM,EAAE,IAAI;gBACZ,OAAO,EAAE,GAAG;gBACZ,KAAK,EAAE;oBACL,KAAK,EAAE,CAAC,KAAK,CAAC;iBACf;aACF;YACD,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC;YAChC,OAAO,EAAE,CAAC,cAAc,EAAE,QAAQ,EAAE,QAAQ,CAAC;SAC9C,EAAE,IAAI,EAAE,CAAC,CAAC;QAEX,mBAAmB,EAAE;;;;;CAKxB;QAEG,sBAAsB,EAAE;;;;CAI3B;QAEG,gBAAgB;QAChB,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;CAkBrB;QAEG,cAAc,EAAE
|
|
1
|
+
{"version":3,"file":"app-router.js","sourceRoot":"","sources":["../../src/templates/app-router.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../src/templates/default.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,eAAe,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,
|
|
1
|
+
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../src/templates/default.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,eAAe,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,CAumBlE"}
|
|
@@ -320,6 +320,42 @@ body {
|
|
|
320
320
|
color: var(--color-foreground);
|
|
321
321
|
-webkit-font-smoothing: antialiased;
|
|
322
322
|
}
|
|
323
|
+
|
|
324
|
+
/* Fade-in and slide-up animations */
|
|
325
|
+
@keyframes fadeInUp {
|
|
326
|
+
from {
|
|
327
|
+
opacity: 0;
|
|
328
|
+
transform: translateY(30px);
|
|
329
|
+
}
|
|
330
|
+
to {
|
|
331
|
+
opacity: 1;
|
|
332
|
+
transform: translateY(0);
|
|
333
|
+
}
|
|
334
|
+
}
|
|
335
|
+
|
|
336
|
+
.animate-fade-in-up {
|
|
337
|
+
animation: fadeInUp 0.6s ease-out forwards;
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
.animate-delay-100 {
|
|
341
|
+
animation-delay: 0.1s;
|
|
342
|
+
opacity: 0;
|
|
343
|
+
}
|
|
344
|
+
|
|
345
|
+
.animate-delay-200 {
|
|
346
|
+
animation-delay: 0.2s;
|
|
347
|
+
opacity: 0;
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
.animate-delay-300 {
|
|
351
|
+
animation-delay: 0.3s;
|
|
352
|
+
opacity: 0;
|
|
353
|
+
}
|
|
354
|
+
|
|
355
|
+
.animate-delay-400 {
|
|
356
|
+
animation-delay: 0.4s;
|
|
357
|
+
opacity: 0;
|
|
358
|
+
}
|
|
323
359
|
`,
|
|
324
360
|
// ========================================================================
|
|
325
361
|
// Routes Directory - FlexiReact v3 Routing
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default.js","sourceRoot":"","sources":["../../src/templates/default.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,MAAM,UAAU,eAAe,CAAC,WAAmB;IACjD,OAAO;QACL,2EAA2E;QAC3E,eAAe;QACf,2EAA2E;QAE3E,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC;YAC7B,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,GAAG,EAAE,+BAA+B;gBACpC,KAAK,EAAE,iCAAiC;gBACxC,KAAK,EAAE,kBAAkB;gBACzB,GAAG,EAAE,yEAAyE;aAC/E;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,SAAS;gBAChB,WAAW,EAAE,SAAS;gBACtB,kBAAkB,EAAE,QAAQ;gBAC5B,IAAI,EAAE,QAAQ;gBACd,gBAAgB,EAAE,QAAQ;aAC3B;YACD,eAAe,EAAE;gBACf,cAAc,EAAE,SAAS;gBACzB,kBAAkB,EAAE,SAAS;gBAC7B,UAAU,EAAE,QAAQ;gBACpB,WAAW,EAAE,QAAQ;gBACrB,kBAAkB,EAAE,QAAQ;gBAC5B,sBAAsB,EAAE,QAAQ;aACjC;SACF,EAAE,IAAI,EAAE,CAAC,CAAC;QAEX,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC;YAC9B,eAAe,EAAE;gBACf,MAAM,EAAE,QAAQ;gBAChB,GAAG,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,CAAC;gBACtC,MAAM,EAAE,QAAQ;gBAChB,gBAAgB,EAAE,SAAS;gBAC3B,GAAG,EAAE,WAAW;gBAChB,MAAM,EAAE,IAAI;gBACZ,YAAY,EAAE,IAAI;gBAClB,eAAe,EAAE,IAAI;gBACrB,iBAAiB,EAAE,IAAI;gBACvB,eAAe,EAAE,IAAI;gBACrB,MAAM,EAAE,IAAI;gBACZ,OAAO,EAAE,GAAG;gBACZ,KAAK,EAAE;oBACL,KAAK,EAAE,CAAC,KAAK,CAAC;oBACd,gBAAgB,EAAE,CAAC,oBAAoB,CAAC;oBACxC,SAAS,EAAE,CAAC,SAAS,CAAC;iBACvB;aACF;YACD,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC;YAChC,OAAO,EAAE,CAAC,cAAc,EAAE,QAAQ,EAAE,QAAQ,CAAC;SAC9C,EAAE,IAAI,EAAE,CAAC,CAAC;QAEX,mBAAmB,EAAE;;;;;CAKxB;QAEG,sBAAsB,EAAE;;;;;;;;;;;;;;CAc3B;QAEG,2EAA2E;QAC3E,6CAA6C;QAC7C,2EAA2E;QAE3E,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BrB;QAEG,kBAAkB;QAClB,8BAA8B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCnC;QAEG,4BAA4B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCjC;QAEG,4BAA4B,EAAE;;CAEjC;QAEG,sBAAsB;QACtB,kCAAkC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BvC;QAEG,kCAAkC,EAAE;;;;;;;;;;;;;;;;CAgBvC;QAEG,gCAAgC,EAAE;;CAErC;QAEG,yBAAyB,EAAE;;CAE9B;QAEG,YAAY;QACZ,iCAAiC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCtC;QAEG,SAAS;QACT,wBAAwB,EAAE
|
|
1
|
+
{"version":3,"file":"default.js","sourceRoot":"","sources":["../../src/templates/default.ts"],"names":[],"mappings":"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"}
|