afront 1.0.22 → 1.0.25

package/src/Style/Support.module.css

@@ -1,185 +1,185 @@
-/* Support.module.css */
-
-.supportContainer {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 5rem 2rem;
-    color: #333;
-    text-align: center;
-    position: relative;
-    overflow: hidden;
-    min-height: 100vh;
-    background: #f7f9fc;
-}
-
-.supportTitle {
-    font-size: 3rem;
-    font-weight: bold;
-    margin-bottom: 1rem;
-    color: #2c3e50;
-}
-
-.supportDescription {
-    font-size: 1.25rem;
-    margin-bottom: 2rem;
-    color: #34495e;
-    /* Slightly lighter color */
-}
-
-.supportContent {
-    max-width: 900px;
-    margin: 0 auto;
-    padding: 1rem;
-}
-
-.supportCard {
-    background: #ffffff;
-    /* White background for cards */
-    color: #2c3e50;
-    /* Dark text color */
-    border-radius: 8px;
-    padding: 2rem;
-    margin-bottom: 2rem;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-    position: relative;
-    overflow: hidden;
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
-}
-
-.supportCard::before {
-    content: "";
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 300%;
-    height: 300%;
-    background: linear-gradient(45deg, rgba(0, 255, 238, 0.2), rgba(0, 49, 109, 0.2));
-    /* Lighter gradient */
-    transform: translate(-50%, -50%) rotate(0deg);
-    opacity: 0;
-    transition: opacity 0.3s ease;
-    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 {
-    transform: translateY(-10px);
-    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
-}
-
-.supportCard:hover::before {
-    opacity: 1;
-}
-
-.footerLink {
-    display: inline-block;
-    margin-top: 2rem;
-    padding: 0.5rem 1rem;
-    background: #3498db;
-    /* Light blue color */
-    color: #ffffff;
-    border-radius: 4px;
-    text-decoration: none;
-    transition: background 0.3s, transform 0.3s;
-    position: relative;
-    overflow: hidden;
-}
-
-.footerLink::after {
-    content: "";
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 300%;
-    height: 300%;
-    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
-    transform: translate(-50%, -50%) scale(0);
-    transition: transform 0.3s;
-    z-index: 0;
-}
-
-.footerLink:hover {
-    background: #2980b9;
-    transform: scale(1.05);
-}
-
-.footerLink:hover::after {
-    transform: translate(-50%, -50%) scale(1);
-}
-
-.supportContainer::before {
-    content: "AFront";
-    position: absolute;
-    top: 2%;
-    left: 50%;
-    transform: translateX(-50%);
-    font-size: 15rem;
-    color: rgba(0, 0, 0, 0.1);
-    white-space: nowrap;
-    pointer-events: none;
-    z-index: 0;
-}
-
-/* New Styles for FAQ */
-.supportFAQ {
-    max-width: 900px;
-    margin: 2rem auto;
-    padding: 1rem;
-    background: #ffffff;
-    border-radius: 8px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-    text-align: left;
-}
-
-.faqList {
-    list-style-type: none;
-    padding: 0;
-    font-size: 1rem;
-    color: #2c3e50;
-}
-
-.faqList li {
-    margin-bottom: 1rem;
-}
-
-/* Responsive Design */
-@media (max-width: 768px) {
-    .supportTitle {
-        font-size: 2.5rem;
-    }
-
-    .supportDescription {
-        font-size: 1rem;
-    }
-
-    .supportCard {
-        padding: 1rem;
-    }
-
-    .supportCardTitle {
-        font-size: 1.25rem;
-    }
-
-    .supportCardContent {
-        font-size: 0.875rem;
-    }
-
-    .supportContainer::before {
-        font-size: 5rem;
-        bottom: 5%;
-    }
-}
+/* Support.module.css */
+
+.supportContainer {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 5rem 2rem;
+    color: #333;
+    text-align: center;
+    position: relative;
+    overflow: hidden;
+    min-height: 100vh;
+    background: #f7f9fc;
+}
+
+.supportTitle {
+    font-size: 3rem;
+    font-weight: bold;
+    margin-bottom: 1rem;
+    color: #2c3e50;
+}
+
+.supportDescription {
+    font-size: 1.25rem;
+    margin-bottom: 2rem;
+    color: #34495e;
+    /* Slightly lighter color */
+}
+
+.supportContent {
+    max-width: 900px;
+    margin: 0 auto;
+    padding: 1rem;
+}
+
+.supportCard {
+    background: #ffffff;
+    /* White background for cards */
+    color: #2c3e50;
+    /* Dark text color */
+    border-radius: 8px;
+    padding: 2rem;
+    margin-bottom: 2rem;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    position: relative;
+    overflow: hidden;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.supportCard::before {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 300%;
+    height: 300%;
+    background: linear-gradient(45deg, rgba(0, 255, 238, 0.2), rgba(0, 49, 109, 0.2));
+    /* Lighter gradient */
+    transform: translate(-50%, -50%) rotate(0deg);
+    opacity: 0;
+    transition: opacity 0.3s ease;
+    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 {
+    transform: translateY(-10px);
+    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+}
+
+.supportCard:hover::before {
+    opacity: 1;
+}
+
+.footerLink {
+    display: inline-block;
+    margin-top: 2rem;
+    padding: 0.5rem 1rem;
+    background: #3498db;
+    /* Light blue color */
+    color: #ffffff;
+    border-radius: 4px;
+    text-decoration: none;
+    transition: background 0.3s, transform 0.3s;
+    position: relative;
+    overflow: hidden;
+}
+
+.footerLink::after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 300%;
+    height: 300%;
+    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
+    transform: translate(-50%, -50%) scale(0);
+    transition: transform 0.3s;
+    z-index: 0;
+}
+
+.footerLink:hover {
+    background: #2980b9;
+    transform: scale(1.05);
+}
+
+.footerLink:hover::after {
+    transform: translate(-50%, -50%) scale(1);
+}
+
+.supportContainer::before {
+    content: "AFront";
+    position: absolute;
+    top: 2%;
+    left: 50%;
+    transform: translateX(-50%);
+    font-size: 15rem;
+    color: rgba(0, 0, 0, 0.1);
+    white-space: nowrap;
+    pointer-events: none;
+    z-index: 0;
+}
+
+/* New Styles for FAQ */
+.supportFAQ {
+    max-width: 900px;
+    margin: 2rem auto;
+    padding: 1rem;
+    background: #ffffff;
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    text-align: left;
+}
+
+.faqList {
+    list-style-type: none;
+    padding: 0;
+    font-size: 1rem;
+    color: #2c3e50;
+}
+
+.faqList li {
+    margin-bottom: 1rem;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    .supportTitle {
+        font-size: 2.5rem;
+    }
+
+    .supportDescription {
+        font-size: 1rem;
+    }
+
+    .supportCard {
+        padding: 1rem;
+    }
+
+    .supportCardTitle {
+        font-size: 1.25rem;
+    }
+
+    .supportCardContent {
+        font-size: 0.875rem;
+    }
+
+    .supportContainer::before {
+        font-size: 5rem;
+        bottom: 5%;
+    }
+}

package/src/Utils/LoadingContext.js

@@ -1,5 +1,5 @@
-import { createContext } from "react";
-
-const LoadingContext = createContext();
-
-export default LoadingContext;
+import { createContext } from "react";
+
+const LoadingContext = createContext();
+
+export default LoadingContext;

package/src/index.js

@@ -1,25 +1,25 @@
-import React from "react";
-import ReactDOM, { hydrateRoot } from "react-dom/client";
-import App from "./App";
-import { BrowserRouter } from "react-router";
-
-const container = document.getElementById("asggen");
-
-// Create a root for React
-const root = ReactDOM.createRoot(container);
-
-if (process.env.NODE_ENV === "production") {
-  // Use `hydrateRoot` for production
-  hydrateRoot(
-    container,
-      <BrowserRouter>
-        <App />
-      </BrowserRouter>
-  );
-} else {
-  root.render(
-      <BrowserRouter>
-        <App />
-      </BrowserRouter>
-  );
-}
+import React from "react";
+import ReactDOM, { hydrateRoot } from "react-dom/client";
+import App from "./App";
+import { BrowserRouter } from "react-router";
+
+const container = document.getElementById("asggen");
+
+// Create a root for React
+const root = ReactDOM.createRoot(container);
+
+if (process.env.NODE_ENV === "production") {
+  // Use `hydrateRoot` for production
+  hydrateRoot(
+    container,
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
+  );
+} else {
+  root.render(
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
+  );
+}