Help Update

frontend/src/App.jsx

@@ -119,6 +119,8 @@ import Dashboard from './Pages/Help/CCManager/Dashboard'
 import SupportTicketDashboardPage from './Pages/Help/CCManager/SupportTicket'
 import FeedbackDashboard from './Pages/Help/CCManager/FeedbackDashboard'
 import Calendly from './Components/Help/Calendly'
+import LoginForm from './Components/Help/LoginForm'
+import SignupForm from './Components/Help/SignupForm'
 // import CCMProfile from './Pages/Help/CCManager/CCMProfile'
 
 // Define all routes in a single Router
@@ -331,6 +333,8 @@ const router = createBrowserRouter(
                     path="/help/dashboard/feedbacks"
                     element={<FeedbackDashboard />}
                 />
+                <Route path="/help/login" element={<LoginForm />} />
+                <Route path="/help/signup" element={<SignupForm />} />
                 <Route
                     path="/help/dashboard/support-tickets"
                     element={<SupportTicketDashboardPage />}

frontend/src/Components/Help/HelpHeroSection.jsx

@@ -17,8 +17,8 @@ const HelpHeroSection = () => {
                             New
                         </span>{' '}
                         <span className="text-sm font-medium text-black">
-                            Need Instant Help? 🚀 Our Live Chat is Coming Soon
-                            to Assist You in Real-Time! 👋
+                            Need Assistance? We’re Here to Help! Start Live Chat
+                            👋
                         </span>
                         <svg
                             className="w-5 h-5 ml-2"

frontend/src/Components/Help/NavBar.jsx

@@ -6,8 +6,7 @@ const NavBar = () => {
         <div className="sticky top-0 z-50 backdrop-blur-md bg-white/60 ">
             <div className="bg-[#b8f724] p-2">
                 <h1 className="max-w-2xl px-2 py-3 mx-auto text-sm font-semibold text-center">
-                    Need Instant Help? 🚀 Our Live Chat is Coming Soon to Assist
-                    You in Real-Time! 👋
+                    Need Assistance? 🚀 We’re Here to Help! Start Live Chat 👋
                 </h1>
             </div>
             <div className="px-10 py-6 border-b">

frontend/src/Components/Help/SignupForm.jsx

@@ -25,10 +25,7 @@ const SignupForm = () => {
     const handleSubmit = async (e) => {
         e.preventDefault()
         try {
-            const response = await axios.post(
-                `${import.meta.env.VITE_API_URL}/help/auth/signup`,
-                formData
-            )
+            const response = await axios.post(`/api/help/auth/signup`, formData)
 
             console.log('Signup successful:', response.data)
             toast.success(

frontend/src/Components/Help/dashboard/FeedbackCharts.jsx

@@ -9,9 +9,7 @@ const FeedbackCharts = () => {
     useEffect(() => {
         const fetchFeedbacks = async () => {
             try {
-                const response = await axios.get(
-                    `${import.meta.env.VITE_API_URL}/help/feedback`
-                )
+                const response = await axios.get(`/api/help/feedback`)
                 setFeedbacks(response.data)
             } catch (err) {
                 setError(err.message)

frontend/src/Components/Help/dashboard/FeedbackDataViewTable.jsx

@@ -14,9 +14,7 @@ const FeedbackDataViewTable = () => {
     useEffect(() => {
         const fetchFeedbacks = async () => {
             try {
-                const response = await fetch(
-                    `${import.meta.env.VITE_API_URL}/help/feedback`
-                )
+                const response = await fetch(`/api/help/feedback`)
                 if (!response.ok) {
                     throw new Error('Failed to fetch feedbacks')
                 }

frontend/src/Components/Help/dashboard/FeedbackOverviewTable.jsx

@@ -9,9 +9,7 @@ const FeedbackOverviewTable = () => {
     useEffect(() => {
         const fetchFeedbacks = async () => {
             try {
-                const response = await axios.get(
-                    `${import.meta.env.VITE_API_URL}/help/feedback`
-                ) // Use the environment variable here
+                const response = await axios.get(`/api/help/feedback`) // Use the environment variable here
                 setFeedbacks(response.data)
             } catch (err) {
                 setError(err.message)

frontend/src/Components/Help/dashboard/Overview.jsx

@@ -34,7 +34,7 @@ const Overview = () => {
                         <div className="flex items-end justify-end">
                             <button className=" bg-[#99dd05] text-black text-xs p-3 m-2 rounded-md items-end ">
                                 <Link to="/help/dashboard/feedbacks">
-                                    View All Feedbacks
+                                    View All Tickets
                                 </Link>
                             </button>
                         </div>

frontend/src/Components/Help/dashboard/SupportTicketCharts.jsx

@@ -11,9 +11,7 @@ const SupportTicketCharts = () => {
     useEffect(() => {
         const fetchTickets = async () => {
             try {
-                const response = await fetch(
-                    `${import.meta.env.VITE_API_URL}/help/support-tickets`
-                )
+                const response = await fetch(`/api/help/support-tickets`)
                 if (!response.ok) {
                     throw new Error('Failed to fetch tickets')
                 }

frontend/src/Components/Help/dashboard/SupportTicketFullViewTable.jsx

@@ -14,9 +14,7 @@ const SupportTicketFullViewTable = () => {
     useEffect(() => {
         const fetchTickets = async () => {
             try {
-                const response = await fetch(
-                    `${import.meta.env.VITE_API_URL}/help/support-tickets`
-                )
+                const response = await fetch(`/api/help/support-tickets`)
                 if (!response.ok) {
                     throw new Error('Failed to fetch tickets')
                 }

frontend/src/Components/Help/dashboard/SupportTicketOverviewTable.jsx

@@ -9,9 +9,7 @@ const SupportTicketOverviewTable = () => {
     useEffect(() => {
         const fetchTickets = async () => {
             try {
-                const response = await axios.get(
-                    `${import.meta.env.VITE_API_URL}/help/support-tickets`
-                )
+                const response = await axios.get(`/api/help/support-tickets`)
                 console.log('Fetched Tickets:', response.data) // Log fetched tickets
                 setTickets(response.data)
             } catch (err) {

frontend/src/Pages/Help/CCManager/OtpEntry.jsx

@@ -4,7 +4,7 @@ import { Link, useNavigate } from 'react-router-dom'
 const OtpEntry = () => {
     const [otp, setOtp] = useState('')
     const navigate = useNavigate() // To programmatically navigate after OTP verification
-    const VERIFY_OTP_URL = `${import.meta.env.VITE_API_URL}/help/auth/verify-email`
+    const VERIFY_OTP_URL = `/api/help/auth/verify-email`
 
     const handleChange = (e) => {
         setOtp(e.target.value)