afront 1.0.2

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 (75) hide show
  1. package/.babelrc +14 -0
  2. package/.env +2 -0
  3. package/LICENSE +21 -0
  4. package/README.md +72 -0
  5. package/build-prod/favicon.ico +0 -0
  6. package/build-prod/index.html +1 -0
  7. package/build-prod/logo192.png +0 -0
  8. package/build-prod/logo512.png +0 -0
  9. package/build-prod/manifest.json +25 -0
  10. package/build-prod/robots.txt +3 -0
  11. package/build-prod/static/css/3-9b9bcf0b9b877caf80c6.css +1 -0
  12. package/build-prod/static/css/41-1bd05b5a5a70ee2fc084.css +1 -0
  13. package/build-prod/static/css/573-7b8794ea227293d474c9.css +1 -0
  14. package/build-prod/static/css/main-5aff2d8a2fc28d01fdad.css +1 -0
  15. package/build-prod/static/js/3-cde9f071488e7a433907.js +1 -0
  16. package/build-prod/static/js/41-e973a17863e1084774d7.js +1 -0
  17. package/build-prod/static/js/573-21fb9ccdf567d99f4539.js +1 -0
  18. package/build-prod/static/js/main-cc87f2505014acdf4863.js +1 -0
  19. package/build-prod/static/media/52f06bb716d4ecad087a.png +0 -0
  20. package/build-prod/static/media/adeaead125c45715106d.svg +1 -0
  21. package/build-prod/style.css +1 -0
  22. package/build-prod-ssr/3.ssr.prod.js +1 -0
  23. package/build-prod-ssr/41.ssr.prod.js +1 -0
  24. package/build-prod-ssr/573.ssr.prod.js +1 -0
  25. package/build-prod-ssr/ssr.prod.js +1 -0
  26. package/build-prod-ssr/static/css/3-9b9bcf0b9b877caf80c6.css +1 -0
  27. package/build-prod-ssr/static/css/41-1bd05b5a5a70ee2fc084.css +1 -0
  28. package/build-prod-ssr/static/css/573-7b8794ea227293d474c9.css +1 -0
  29. package/build-prod-ssr/static/css/main-5aff2d8a2fc28d01fdad.css +1 -0
  30. package/build-prod-ssr/static/media/52f06bb716d4ecad087a.png +0 -0
  31. package/build-prod-ssr/static/media/adeaead125c45715106d.svg +1 -0
  32. package/build-prod-static/favicon.ico +0 -0
  33. package/build-prod-static/index.html +1 -0
  34. package/build-prod-static/logo192.png +0 -0
  35. package/build-prod-static/logo512.png +0 -0
  36. package/build-prod-static/manifest.json +25 -0
  37. package/build-prod-static/robots.txt +3 -0
  38. package/build-prod-static/static/css/23-1bd05b5a5a70ee2fc084.css +1 -0
  39. package/build-prod-static/static/css/303-9b9bcf0b9b877caf80c6.css +1 -0
  40. package/build-prod-static/static/css/636-7b8794ea227293d474c9.css +1 -0
  41. package/build-prod-static/static/css/main-5aff2d8a2fc28d01fdad.css +1 -0
  42. package/build-prod-static/static/js/23-8e7dbd8910931f545fd9.js +1 -0
  43. package/build-prod-static/static/js/303-1db8abbd7d266bdc27c7.js +1 -0
  44. package/build-prod-static/static/js/636-8a26bc803f853c7ddf82.js +1 -0
  45. package/build-prod-static/static/js/main-709b08b8e9e528bab63c.js +1 -0
  46. package/build-prod-static/static/media/52f06bb716d4ecad087a.png +0 -0
  47. package/build-prod-static/static/media/adeaead125c45715106d.svg +1 -0
  48. package/build-prod-static/style.css +1 -0
  49. package/install.js +91 -0
  50. package/package.json +72 -0
  51. package/server.js +20 -0
  52. package/src/ARoutes/AFRoutes.js +11 -0
  53. package/src/App.js +28 -0
  54. package/src/Assets/images/afront.png +0 -0
  55. package/src/Assets/images/arrow-right.svg +1 -0
  56. package/src/Components/Background/MeshGradient.js +18 -0
  57. package/src/Components/Footer/Footer.js +108 -0
  58. package/src/Components/Header/Header.js +151 -0
  59. package/src/LoadingFallback.js +13 -0
  60. package/src/PageNotFound.js +20 -0
  61. package/src/Pages/Home.js +43 -0
  62. package/src/Pages/Support.js +68 -0
  63. package/src/Routes/ARoutes.js +25 -0
  64. package/src/Static/appStatic.js +26 -0
  65. package/src/Static/indexStatic.js +10 -0
  66. package/src/Style/App.module.css +11 -0
  67. package/src/Style/MeshGradient.module.css +130 -0
  68. package/src/Style/PageNotFound.module.css +37 -0
  69. package/src/Style/Style.module.css +685 -0
  70. package/src/Style/Support.module.css +185 -0
  71. package/src/index.js +29 -0
  72. package/webpack.build-prod.js +110 -0
  73. package/webpack.dev.js +87 -0
  74. package/webpack.prod.js +120 -0
  75. package/webpack.ssr.prod.js +86 -0
package/.babelrc ADDED
@@ -0,0 +1,14 @@
1
+ {
2
+ "presets": [
3
+ "@babel/preset-env","@babel/preset-react"
4
+ ],
5
+ "plugins": [
6
+ [
7
+ "babel-plugin-css-modules-transform",
8
+ {
9
+ "extensions": [".css", ".scss"],
10
+ "generateScopedName": "[local]"
11
+ }
12
+ ]
13
+ ]
14
+ }
package/.env ADDED
@@ -0,0 +1,2 @@
1
+ PORT=3001
2
+ HOST=localhost # or IP - 192.168.1.1
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2024 Asggen
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,72 @@
1
+ # AFront
2
+
3
+ **AFront** is a powerful framework for building scalable, high-performance web applications with ease. This README provides instructions on how to get started with the project.
4
+
5
+ ## 🚀 Getting Started
6
+
7
+ ### Prerequisites
8
+
9
+ Before you begin, ensure you have the following installed:
10
+
11
+ - **Node.js**: You can download and install it from [Node.js official website](https://nodejs.org/).
12
+
13
+ ### Installation
14
+
15
+ 1. **Download and Extract Release**
16
+
17
+ - Download the latest release from the [Releases page](https://github.com/Asggen/afront/releases).
18
+ - Extract the contents of the release to a directory of your choice.
19
+
20
+ 2. **Install Dependencies**
21
+
22
+ - Open your terminal or command prompt.
23
+ - Navigate to the root folder of the extracted release:
24
+ ```bash
25
+ cd path/to/extracted/root/folder
26
+ ```
27
+ - Install the required dependencies:
28
+ ```bash
29
+ npm install
30
+ ```
31
+ or
32
+ ```bash
33
+ npm i
34
+ ```
35
+
36
+ ### Running the Project
37
+
38
+ - **For Development**: Start the development server:
39
+ ```bash
40
+ npm start
41
+ ```
42
+
43
+ ## For Server-Side Rendering (SSR) Production: Build and run the SSR version:
44
+ ```bash
45
+ npm run prod:ssr
46
+ ```
47
+ ## For Static Production: Build and serve the static version:
48
+ ```bash
49
+ npm run static
50
+ ```
51
+
52
+ ## đź“„ Documentation
53
+
54
+ For detailed documentation and usage instructions, please refer to the [Getting Started Guide](https://github.com/Asggen/afront/).
55
+
56
+ ## 🤝 Contributing
57
+
58
+ If you'd like to contribute to the project, please follow the guidelines in the [CONTRIBUTING.md](CONTRIBUTING.md).
59
+
60
+ ## đź“ť License
61
+
62
+ This project is licensed under the [MIT License](LICENSE).
63
+
64
+ ---
65
+
66
+ Thank you for using **AFront**! We look forward to seeing what you build with it. If you have any questions or need support, please open an issue on the [GitHub repository](https://github.com/Asggen/afront/issues).
67
+
68
+
69
+ ```arduino
70
+ This `README.md` file provides clear instructions on prerequisites, installation, and running the project in different environments. You can customize the links and details as needed for your specific project.
71
+ ```
72
+
package/build-prod/favicon.ico ADDED
Binary file
package/build-prod/index.html ADDED
@@ -0,0 +1 @@
1
+ <!DOCTYPE html><html data-build="prod-a48556c6a5c8d670fcb81e6877740997e450d5ca" lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>AFront</title><meta name="title" content="Default title"><meta name="description" content="Default description"><meta name="keywords" content="default, keywords"><script defer="defer" src="static/js/main-cc87f2505014acdf4863.js?1192d3c485cd073c62d0"></script><link href="static/css/main-5aff2d8a2fc28d01fdad.css?1192d3c485cd073c62d0" rel="stylesheet"></head><body><asggenapp id="asggen"></asggenapp></body></html>
package/build-prod/logo192.png ADDED
Binary file
package/build-prod/logo512.png ADDED
Binary file
package/build-prod/manifest.json ADDED
@@ -0,0 +1,25 @@
1
+ {
2
+ "short_name": "Assgen Frontend",
3
+ "name": "Create Assgen Frontend Sample",
4
+ "icons": [
5
+ {
6
+ "src": "favicon.ico",
7
+ "sizes": "64x64 32x32 24x24 16x16",
8
+ "type": "image/x-icon"
9
+ },
10
+ {
11
+ "src": "logo192.png",
12
+ "type": "image/png",
13
+ "sizes": "192x192"
14
+ },
15
+ {
16
+ "src": "logo512.png",
17
+ "type": "image/png",
18
+ "sizes": "512x512"
19
+ }
20
+ ],
21
+ "start_url": ".",
22
+ "display": "standalone",
23
+ "theme_color": "#000000",
24
+ "background_color": "#ffffff"
25
+ }
package/build-prod/robots.txt ADDED
@@ -0,0 +1,3 @@
1
+ # https://www.robotstxt.org/robotstxt.html
2
+ User-agent: *
3
+ Disallow:
package/build-prod/static/css/3-9b9bcf0b9b877caf80c6.css ADDED
@@ -0,0 +1 @@
1
+ .supportContainer{align-items:center;background:#f7f9fc;color:#333;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:5rem 2rem;position:relative;text-align:center}.supportTitle{color:#2c3e50;font-size:3rem;font-weight:700;margin-bottom:1rem}.supportDescription{color:#34495e;font-size:1.25rem;margin-bottom:2rem}.supportContent{margin:0 auto;max-width:900px;padding:1rem}.supportCard{background:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#2c3e50;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.supportCard:before{background:linear-gradient(45deg,rgba(0,255,238,.2),rgba(0,49,109,.2));content:"";height:300%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(0deg);transition:opacity .3s ease;width:300%;z-index:0}.supportCardTitle{font-size:1.5rem;margin-bottom:1rem;position:relative;z-index:1}.supportCardContent{font-size:1rem;position:relative;z-index:1}.supportCard:hover{box-shadow:0 8px 16px rgba(0,0,0,.2);transform:translateY(-10px)}.supportCard:hover:before{opacity:1}.footerLink{background:#3498db;border-radius:4px;color:#fff;display:inline-block;margin-top:2rem;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:background .3s,transform .3s}.footerLink:after{background:radial-gradient(circle,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0) 70%);content:"";height:300%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s;width:300%;z-index:0}.footerLink:hover{background:#2980b9;transform:scale(1.05)}.footerLink:hover:after{transform:translate(-50%,-50%) scale(1)}.supportContainer:before{color:rgba(0,0,0,.1);content:"AFront";font-size:15rem;left:50%;pointer-events:none;position:absolute;top:2%;transform:translateX(-50%);white-space:nowrap;z-index:0}.supportFAQ{background:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:2rem auto;max-width:900px;padding:1rem;text-align:left}.faqList{color:#2c3e50;font-size:1rem;list-style-type:none;padding:0}.faqList li{margin-bottom:1rem}@media (max-width:768px){.supportTitle{font-size:2.5rem}.supportDescription{font-size:1rem}.supportCard{padding:1rem}.supportCardTitle{font-size:1.25rem}.supportCardContent{font-size:.875rem}.supportContainer:before{bottom:5%;font-size:5rem}}.gradientWrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(var(--light),.2);overflow:hidden;position:relative;width:100%}.meshgradient>.color{align-items:center;background-repeat:no-repeat;bottom:0;display:flex;height:100%;left:0;margin:auto;mix-blend-mode:overlay;position:absolute;right:0;top:0;transform:scale(3) rotate(0deg);width:100%}.c1{animation:c1 8s linear infinite;background:radial-gradient(#dfa39b 25%,transparent 50%);background-position:0 0;background-size:60% 80%}.c2{animation:c2 10s linear infinite;background:radial-gradient(#aa8de3 25%,transparent 50%);background-position:0 100%;background-size:70% 80%}.c3{animation:c3 5s linear infinite;background:radial-gradient(#d1a0c4 25%,transparent 50%);background-position:50% 0;background-size:80% 80%}.c4{animation:c4 6s linear infinite;background:radial-gradient(#52bce9 25%,transparent 50%);background-position:50% 100%;background-size:80% 80%}@keyframes c1{25%{background-position:25% 50%;background-size:70% 70%;transform:scale(3) rotate(-45deg)}50%{background-position:50% 100%;background-size:80% 80%;transform:scale(3) rotate(-75deg)}75%{background-position:75% 50%;background-size:60% 60%;transform:scale(3) rotate(-30deg)}}@keyframes c2{25%{background-position:25% 0;background-size:60% 60%;transform:scale(3) rotate(45deg)}50%{background-position:50% 0;background-size:80% 80%;transform:scale(3) rotate(90deg)}75%{background-position:75% 0;background-size:70% 70%;transform:scale(3) rotate(135deg)}}@keyframes c3{25%{background-position:50% 50%;background-size:90% 90%;transform:scale(3) rotate(-15deg)}50%{background-position:0 100%;background-size:70% 80%;transform:scale(3) rotate(8deg)}75%{background-position:50% 50%;background-size:60% 70%;transform:scale(3) rotate(-10deg)}}@keyframes c4{25%{background-position:100% 0;transform:scale(3) rotate(30deg)}50%{background-position:0 0;transform:scale(3) rotate(-36deg)}75%{background-position:50% 50%;transform:scale(3) rotate(0deg)}}
package/build-prod/static/css/41-1bd05b5a5a70ee2fc084.css ADDED
@@ -0,0 +1 @@
1
+ .gradientWrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(var(--light),.2);overflow:hidden;position:relative;width:100%}.meshgradient>.color{align-items:center;background-repeat:no-repeat;bottom:0;display:flex;height:100%;left:0;margin:auto;mix-blend-mode:overlay;position:absolute;right:0;top:0;transform:scale(3) rotate(0deg);width:100%}.c1{animation:c1 8s linear infinite;background:radial-gradient(#dfa39b 25%,transparent 50%);background-position:0 0;background-size:60% 80%}.c2{animation:c2 10s linear infinite;background:radial-gradient(#aa8de3 25%,transparent 50%);background-position:0 100%;background-size:70% 80%}.c3{animation:c3 5s linear infinite;background:radial-gradient(#d1a0c4 25%,transparent 50%);background-position:50% 0;background-size:80% 80%}.c4{animation:c4 6s linear infinite;background:radial-gradient(#52bce9 25%,transparent 50%);background-position:50% 100%;background-size:80% 80%}@keyframes c1{25%{background-position:25% 50%;background-size:70% 70%;transform:scale(3) rotate(-45deg)}50%{background-position:50% 100%;background-size:80% 80%;transform:scale(3) rotate(-75deg)}75%{background-position:75% 50%;background-size:60% 60%;transform:scale(3) rotate(-30deg)}}@keyframes c2{25%{background-position:25% 0;background-size:60% 60%;transform:scale(3) rotate(45deg)}50%{background-position:50% 0;background-size:80% 80%;transform:scale(3) rotate(90deg)}75%{background-position:75% 0;background-size:70% 70%;transform:scale(3) rotate(135deg)}}@keyframes c3{25%{background-position:50% 50%;background-size:90% 90%;transform:scale(3) rotate(-15deg)}50%{background-position:0 100%;background-size:70% 80%;transform:scale(3) rotate(8deg)}75%{background-position:50% 50%;background-size:60% 70%;transform:scale(3) rotate(-10deg)}}@keyframes c4{25%{background-position:100% 0;transform:scale(3) rotate(30deg)}50%{background-position:0 0;transform:scale(3) rotate(-36deg)}75%{background-position:50% 50%;transform:scale(3) rotate(0deg)}}
package/build-prod/static/css/573-7b8794ea227293d474c9.css ADDED
@@ -0,0 +1 @@
1
+ .pageNotFoundContainer{align-items:center;background-color:#f0f4f8;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.heading{color:#333;font-size:2.5rem;margin-bottom:20px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.subText{color:#666;font-size:1.2rem;margin-bottom:30px}.homeLink{background-color:#007bff;border-radius:5px;color:#fff;font-size:1rem;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.homeLink:hover{background-color:#0056b3}
package/build-prod/static/css/main-5aff2d8a2fc28d01fdad.css ADDED
@@ -0,0 +1 @@
1
+ @import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap);.loadingContainer{align-items:center;display:flex;height:100vh;justify-content:center}.loadingLogo{height:auto;width:150px}:root{--light:#fff;--dark:#000;--color-white-100:#fff;--color-white-200:#e4e6e7;--color-white-300:#c9cccf;--color-white-400:#a1a6aa;--color-white-500:#798086;--color-black-100:#14191f;--color-black-200:#101419;--color-black-300:#0c0f13;--color-black-400:#0c0f13;--color-black-500:#080a0c;--color-black-600:#060709;--color-black-700:#040506;--color-black-800:#020303;--color-blue-100:#dcebfe;--color-blue-200:#bedbfe;--color-blue-300:#91c3fd;--color-blue-400:#61a6fa;--color-blue-500:#3c83f6;--color-blue-600:#2463eb;--color-blue-700:#1d4fd7;--color-blue-800:#1e3fae;--color-blue-900:#1e3b8a;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 16px 32px -16px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.1);--base__color-2__rgb:32,32,32;--shadow-small:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-medium:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-large:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}*,:after,:before{box-sizing:border-box;list-style:none;list-style-type:none;margin:0;padding:0;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html{box-sizing:inherit;font-size:100%;scroll-behavior:smooth}body,html{height:-webkit-fill-available}body{font-family:Rubik,sans-serif;font-size:clamp(1rem,2vw,1.125rem);font-weight:400;line-height:1.5;min-width:320px}main{overflow:hidden}a,button{background:none;border:none;box-shadow:none;cursor:pointer;outline:none;text-decoration:none;user-select:none}a{color:var(--color-black-400)}img,video{display:block;height:auto;max-width:100%;object-fit:cover}.section{margin:0 auto;padding:6rem 0 8rem}.container{height:auto;margin:0 auto;max-width:75rem}.centered{margin-bottom:1rem;text-align:center;vertical-align:middle}.heading-xl{font-size:clamp(2.648rem,6vw,4.241rem)}.heading-lg,.heading-xl{font-family:inherit;font-weight:700;letter-spacing:-1px;line-height:1.15}.heading-lg{font-size:clamp(2.179rem,5vw,3.176rem)}.heading-md{font-family:inherit;font-size:clamp(1.794rem,4vw,2.379rem);font-weight:700;letter-spacing:-1px;line-height:1.25}.heading-sm{font-size:clamp(1.476rem,3vw,1.782rem);font-weight:600}.heading-sm,.heading-xs{font-family:inherit;line-height:1.5}.heading-xs{font-size:clamp(1.215rem,2vw,1.335rem);font-weight:500}.paragraph{font-size:clamp(1rem,2vw,1.125rem);text-wrap:balance}.btn,.paragraph{font-family:inherit}.btn{border:none;border-radius:.75rem;display:inline-block;font-size:1rem;font-weight:500;line-height:1.5;outline:none;text-align:center;text-transform:unset;user-select:none;vertical-align:middle;white-space:nowrap}.btn-inline{column-gap:.5rem;display:inline-flex}.btn-darken.menu-block,.btn-inline{align-items:center;justify-content:center}.btn-darken.menu-block{background-color:var(--color-black-200);border-bottom:none;display:flex;height:2.7rem;line-height:0;margin-left:0;padding:.75rem 2rem}.btn-darken-arrow{fill:#fff;height:1rem;margin-left:1rem}.btn-darken.menu-block:hover{border-bottom:2px solid var(--color-blue-600)}.btn-neutral{background-color:var(--color-white-100);box-shadow:var(--shadow-medium);color:var(--color-black-500);padding:.75rem 2rem}.header{height:auto;left:0;margin:0 auto;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:100}.header.on-scroll{background:var(--light);background-color:rgba(var(--light),.2);box-shadow:var(--shadow-medium)}.header.on-scroll,.off-scroll{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-blue-800)}.off-scroll{background-color:rgba(#ffffff,.2);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.navbar{align-items:center;column-gap:1.25rem;display:flex;flex-direction:row;height:4.25rem;justify-content:flex-start;margin:0 auto;width:100%}.brand{font-family:inherit;font-size:1.6rem;font-weight:600;letter-spacing:-1px;line-height:1.5;margin-bottom:0}.navbar.container{margin-bottom:0;padding:0 1.25rem}.navbar.container a:hover{border-bottom:2px solid var(--color-black-800)}.menu-link.menu-link-mobile{padding:.5rem 1.5rem}.menu-link.menu-link-mobile:hover{background-color:rgba(35,39,47,.05);border-bottom:none!important;border-radius:3rem}.menu{background-color:var(--light);box-shadow:var(--shadow-medium);height:auto;left:0;position:fixed;top:-100%;width:100%}.menu.is-active{border-top:1px solid var(--color-blue-800);height:100vh;top:68px;width:100%}.menu.is-active .menu-inner{border-bottom:.75px solid #000;gap:.2rem;padding:1rem}.menu.is-inactive{opacity:0;transition:opacity .4s ease-in-out;visibility:hidden}.menu-inner{display:flex;justify-content:space-around;overflow-x:auto;row-gap:1.25rem;-ms-overflow-style:none;scrollbar-width:none}.menu-inner::-webkit-scrollbar{display:none}.menu-link{font-size:1rem;line-height:1.5;text-transform:uppercase}.menu-block,.menu-link{font-family:inherit;font-weight:500;margin-bottom:0}.menu-block{background-color:var(--color-blue-600);border-radius:.75rem;box-shadow:var(--shadow-medium);color:var(--light);display:inline-block;font-size:.875rem;line-height:1.25;margin-left:auto;padding:.65rem 1.5rem;text-align:center;text-transform:capitalize;user-select:none;white-space:nowrap}@media only screen and (min-width:48rem){.menu{background:none;box-shadow:none;height:auto;margin-left:auto;padding:0;position:relative;top:0;transition:none;width:auto}.menu.is-inactive{opacity:1;transition:opacity .4s ease-in-out;visibility:visible}.menu-inner{column-gap:2rem;display:flex;flex-direction:row;margin:0 auto}.menu-link{text-transform:capitalize}.menu-block{margin-left:2rem}}.burger{background:none;border:none;cursor:pointer;display:block;height:1.15rem;order:-1;outline:none;position:relative;transform:rotate(0deg);transition:.35s ease;user-select:none;visibility:visible;width:1.6rem;z-index:10}@media only screen and (min-width:48rem){.burger{display:none;visibility:hidden}}.burger-line{background-color:var(--color-black-800);border:none;border-radius:1rem;display:block;height:2px;left:0;opacity:1;outline:none;position:absolute;transform:rotate(0deg);transition:.25s ease-in-out;width:100%}.burger-line:first-child{top:0}.burger-line:nth-child(2){top:.5rem;width:70%}.burger-line:nth-child(3){top:1rem}.burger.is-active .burger-line:first-child{top:.5rem;transform:rotate(135deg)}.burger.is-active .burger-line:nth-child(2){opacity:0;visibility:hidden}.burger.is-active .burger-line:nth-child(3){top:.5rem;transform:rotate(-135deg)}.banner-column{align-items:center;display:grid;padding:0 1rem;position:relative;row-gap:3rem}@media only screen and (min-width:48rem){.banner-column{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center}}@media only screen and (min-width:64rem){.banner-column{column-gap:4rem;grid-template-columns:1fr max-content;margin-top:3rem}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.banner-image{display:block;height:18rem;justify-self:center;margin-top:2rem;max-width:18rem;object-fit:cover}@media only screen and (min-width:48rem){.banner-image{height:20rem;max-width:20rem;order:1}}@media only screen and (min-width:64rem){.banner-image{height:25rem;margin-right:1rem;max-width:25rem}}.banner-inner{align-items:flex-start;display:flex;flex-direction:column;row-gap:1.75rem}.footer{background-color:#fff;color:#333;overflow:hidden;padding:2.5rem 0;position:relative}.footer:before{color:rgba(0,0,0,.05);content:"AFront";font-size:20rem;left:50%;pointer-events:none;position:absolute;top:70%;transform:translate(-50%,-50%);white-space:nowrap;z-index:0}.footerContainer{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:75rem;padding:0 1.25rem;position:relative;z-index:1}.footerBrand{flex:1;margin-bottom:2rem}.footerLogo{color:var(--color-black-400);font-size:1.5rem;font-weight:700;text-decoration:none}.footerDescription{color:#8b8b8b;font-size:.875rem;margin-top:.625rem}.footerLinks{display:flex;flex:2;flex-wrap:wrap;justify-content:space-between}.linkColumn{flex:1;margin-bottom:2rem;min-width:12rem}.footerTitle{color:#777;font-size:1rem;margin-bottom:.625rem}.linkList{list-style:none;padding:0}.link{color:#909090;display:block;font-size:.875rem;margin-bottom:.5rem;text-decoration:none;transition:color .3s ease}.link:hover{color:#3a3a3a}.footerBottom{color:#777;font-size:.875rem;margin-top:2.5rem;text-align:center}.footerCopy{margin-bottom:.625rem}.socialLinks{display:flex;flex-wrap:wrap;justify-content:center}.socialLink{color:#909090;font-size:1.125rem;margin:0 .625rem;text-decoration:none;transition:color .3s ease}.socialLink:hover{color:#3a3a3a}@media (max-width:768px){.footerContainer,.footerLinks{align-items:center;flex-direction:column}.footerLinks{text-align:center}.linkColumn{margin-bottom:1.5rem}.footerCopy{font-size:.75rem}.socialLinks{margin-top:1rem}.socialLink{font-size:1rem;margin:0 .5rem}.footer:before{content:"AFront";font-size:5rem;top:82%}}
package/build-prod/static/js/3-cde9f071488e7a433907.js ADDED
@@ -0,0 +1 @@
1
+ (self.webpackChunkafront=self.webpackChunkafront||[]).push([[3],{572:(e,t,a)=>{const{useEffect:r}=a(540);function n(e,t){if(t){let a=document.querySelector(`meta[name="${e}"]`);a?a.setAttribute("content",t):(a=document.createElement("meta"),a.setAttribute("name",e),a.setAttribute("content",t),document.head.appendChild(a))}}e.exports=function({title:e,description:t,keywords:a,context:s}){r((()=>{"undefined"!=typeof document&&(document.title=e,n("title",e),n("description",t),n("keywords",a))}),[e,t,a]),s&&(s.title=e,s.description=t,s.keywords=a)}},210:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});var r=a(540),n="color";const s=function(e){var t=e.children;return r.createElement("div",{className:"gradientWrap"},r.createElement("div",{className:"meshgradient"},r.createElement("div",{className:"".concat(n," ").concat("c1")}),r.createElement("div",{className:"".concat(n," ").concat("c2")}),r.createElement("div",{className:"".concat(n," ").concat("c3")}),r.createElement("div",{className:"".concat(n," ").concat("c4")})),t)}},3:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>m});var r=a(540),n=a(572),s=a.n(n),o="supportCard",c="supportCardContent",i="supportCardTitle",l=a(210);const m=function(e){var t=e.context;return s()({title:"Support - AFront",description:"Get support for AFront, a front-end JavaScript library for seamless server-side rendering.",keywords:"support, AFront, server-side rendering, JavaScript",context:t}),r.createElement(l.A,null,r.createElement("div",{className:"supportContainer"},r.createElement("h1",{className:"supportTitle"},"Need Assistance?"),r.createElement("p",{className:"supportDescription"},"AFront is a cutting-edge front-end JavaScript library designed for seamless server-side rendering (SSR). We're committed to providing you with top-notch support to ensure your experience is smooth and productive."),r.createElement("div",{className:"supportContent"},r.createElement("div",{className:o},r.createElement("h2",{className:i},"Technical Assistance"),r.createElement("p",{className:c},"Our dedicated technical support team is available around the clock to resolve any issues you may face with AFront. Connect with us through email or our support portal for prompt assistance.")),r.createElement("div",{className:o},r.createElement("h2",{className:i},"Product Information"),r.createElement("p",{className:c},"Curious about AFront’s capabilities? Reach out to our sales team for detailed insights on features, benefits, and how our library can enhance your web development projects.")),r.createElement("div",{className:o},r.createElement("h2",{className:i},"Community and Forums"),r.createElement("p",{className:c},"Join our vibrant community forums to discuss AFront with fellow developers, exchange tips, and troubleshoot common issues collaboratively."))),r.createElement("div",{className:"supportFAQ"},r.createElement("h2",{className:i},"Frequently Asked Questions"),r.createElement("ul",{className:"faqList"},r.createElement("li",null,"What is AFront and how does it work?"),r.createElement("li",null,"How do I get started with AFront?"),r.createElement("li",null,"Where can I find documentation and tutorials?"),r.createElement("li",null,"How can I report a bug or request a feature?"))),r.createElement("a",{href:"/",className:"footerLink"},"Back to Homepage")))}}}]);
package/build-prod/static/js/41-e973a17863e1084774d7.js ADDED
@@ -0,0 +1 @@
1
+ (self.webpackChunkafront=self.webpackChunkafront||[]).push([[41],{572:(e,t,n)=>{const{useEffect:a}=n(540);function c(e,t){if(t){let n=document.querySelector(`meta[name="${e}"]`);n?n.setAttribute("content",t):(n=document.createElement("meta"),n.setAttribute("name",e),n.setAttribute("content",t),document.head.appendChild(n))}}e.exports=function({title:e,description:t,keywords:n,context:r}){a((()=>{"undefined"!=typeof document&&(document.title=e,c("title",e),c("description",t),c("keywords",n))}),[e,t,n]),r&&(r.title=e,r.description=t,r.keywords=n)}},210:(e,t,n)=>{"use strict";n.d(t,{A:()=>r});var a=n(540),c="color";const r=function(e){var t=e.children;return a.createElement("div",{className:"gradientWrap"},a.createElement("div",{className:"meshgradient"},a.createElement("div",{className:"".concat(c," ").concat("c1")}),a.createElement("div",{className:"".concat(c," ").concat("c2")}),a.createElement("div",{className:"".concat(c," ").concat("c3")}),a.createElement("div",{className:"".concat(c," ").concat("c4")})),t)}},488:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>i});var a=n(540),c=n(210);const r=n.p+"static/media/52f06bb716d4ecad087a.png",s=n.p+"static/media/adeaead125c45715106d.svg";var o=n(572),l=n.n(o);const i=function(e){var t=e.context;return l()({title:"AFront by Asggen Inc.",description:"Home for all AFront products and services.",keywords:"Home, Afront, help",context:t}),a.createElement(c.A,null,a.createElement("main",{className:"main"},a.createElement("section",{className:"section banner banner-section"},a.createElement("div",{className:"container banner-column"},a.createElement("img",{className:"banner-image",src:r,alt:"banner"}),a.createElement("div",{className:"banner-inner"},a.createElement("h1",{className:"heading-xl"},"Empower Your Front-End with AFront"),a.createElement("p",{className:"paragraph"},"AFront streamlines front-end development with robust tools and",a.createElement("b",null," seamless server-side rendering (SSSR)"),". Build dynamic, high-performance web experiences effortlessly."),a.createElement("div",{className:"btn-darken-block"},a.createElement("a",{href:"/",className:"btn-darken menu-block"},"Get Started"," ",a.createElement("img",{className:"btn-darken-arrow",src:s}))))))))}}}]);
package/build-prod/static/js/573-21fb9ccdf567d99f4539.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkafront=self.webpackChunkafront||[]).push([[573],{573:(e,a,t)=>{t.r(a),t.d(a,{default:()=>o});var n=t(540);const o=function(){return n.createElement("div",{className:"pageNotFoundContainer"},n.createElement("h2",{className:"heading"},"Oops! The page you're looking for doesn't exist."),n.createElement("p",{className:"subText"},"It seems you’ve taken a wrong turn. Let’s get you back on track!"),n.createElement("a",{href:"/",className:"homeLink"},"Go to Homepage"))}}}]);