MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

Start page

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2025-09-02 14:58:59 -04:00
parent d2cb38f141
commit 1681ca1437
4 changed files with 141 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/AppRouters.jsx
+41 -39
View File
@@ -1,4 +1,4 @@
import { Routes, Route } from 'react-router-dom'; import {Routes, Route} from 'react-router-dom';
import UserExist from './component/authorization/UserExist'; import UserExist from './component/authorization/UserExist';
import AuthLayout from './component/auth/AuthLayout'; import AuthLayout from './component/auth/AuthLayout';
@@ -23,47 +23,49 @@ import SubscriptionPage from './views/SubscriptionPage';
import OnboardPage from "./views/OnboardPage"; import OnboardPage from "./views/OnboardPage";
import AccPWDResetPage from './views/AccPWDResetPage'; import AccPWDResetPage from './views/AccPWDResetPage';
import ProfileCompletePage from './views/ProfileCompletePage'; import ProfileCompletePage from './views/ProfileCompletePage';
import SubscribePage from './views/Subscribe' import SubscribePage from './views/Subscribe'
import StartPage from "./views/StartPage";
function AppRouters() { function AppRouters() {
return ( return (
<div className=""> <div className="">
<Routes> <Routes>
<Route element={<BearerToken />}> <Route element={<BearerToken/>}>
{/* auth routes wrapper */} {/* auth routes wrapper */}
<Route element={<AuthLayout />}> <Route element={<AuthLayout/>}>
<Route path={siteLinks.home} element={<LoginPage />} /> <Route path={siteLinks.home} element={<LoginPage/>}/>
<Route path={siteLinks.login} element={<LoginPage />} /> <Route path={siteLinks.login} element={<LoginPage/>}/>
<Route path={siteLinks.signup} element={<SignupPage />} /> <Route path={siteLinks.signup} element={<SignupPage/>}/>
<Route path={siteLinks.forgetpwd} element={<ForgetpwdPage />} /> <Route path={siteLinks.forgetpwd} element={<ForgetpwdPage/>}/>
<Route path={siteLinks.csignup} element={<CSignupPage />} /> <Route path={siteLinks.csignup} element={<CSignupPage/>}/>
<Route path={siteLinks.accreset} element={<AccPWDResetPage />} /> <Route path={siteLinks.accreset} element={<AccPWDResetPage/>}/>
<Route path={siteLinks.error} element={<LoginPage />} /> <Route path={siteLinks.error} element={<LoginPage/>}/>
</Route> </Route>
{/* protected routes */} {/* protected routes */}
<Route element={<SocketIOContextProvider />}> <Route element={<SocketIOContextProvider/>}>
<Route element={<UserExist />}> <Route element={<UserExist/>}>
<Route path={siteLinks.dash} element={<HomePage />} /> <Route path={siteLinks.start} element={<StartPage/>}/>
<Route path={siteLinks.profile_complete} element={<ProfileCompletePage />} /> <Route path={siteLinks.dash} element={<HomePage/>}/>
<Route path={siteLinks.product} element={<ProductPage />} /> <Route path={siteLinks.profile_complete} element={<ProfileCompletePage/>}/>
<Route path={siteLinks.reports} element={<ReportsPage />} /> <Route path={siteLinks.product} element={<ProductPage/>}/>
<Route path={siteLinks.comments} element={<CommentsPage />} /> <Route path={siteLinks.reports} element={<ReportsPage/>}/>
<Route path={siteLinks.contacts} element={<ContactsPage />} /> <Route path={siteLinks.comments} element={<CommentsPage/>}/>
<Route path={siteLinks.user} element={<UserPage />} /> <Route path={siteLinks.contacts} element={<ContactsPage/>}/>
<Route path={siteLinks.subscription} element={<SubscriptionPage />} /> <Route path={siteLinks.user} element={<UserPage/>}/>
<Route path={siteLinks.subscription_success} element={<SubscriptionPage />} /> <Route path={siteLinks.subscription} element={<SubscriptionPage/>}/>
<Route path={siteLinks.onboard} element={<OnboardPage />} /> <Route path={siteLinks.subscription_success} element={<SubscriptionPage/>}/>
<Route path={siteLinks.calendar} element={<CalendarPage />} /> <Route path={siteLinks.onboard} element={<OnboardPage/>}/>
<Route path={siteLinks.settings} element={<SettingsPage />} /> <Route path={siteLinks.calendar} element={<CalendarPage/>}/>
<Route path={siteLinks.subscribe} element={<SubscribePage />} /> <Route path={siteLinks.settings} element={<SettingsPage/>}/>
<Route path={siteLinks.help} element={<HelpPage />} /> <Route path={siteLinks.subscribe} element={<SubscribePage/>}/>
</Route> <Route path={siteLinks.help} element={<HelpPage/>}/>
</Route> </Route>
</Route> </Route>
</Routes> </Route>
</div> </Routes>
); </div>
);
} }
export default AppRouters; export default AppRouters;
src/component/start/Start.jsx
+92
View File
@@ -0,0 +1,92 @@
import React from "react";
import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
export default function Start(){
return(
<>
<BreadcrumbComBS title='Get Started...' paths={['Dashboard', 'Start']} />
<div className="row">
<div className="col-xl-3 col-md-6">
<div className="card card-statistics text-center py-3">
<div className="card-body pricing-content">
{/*<div className="pricing-content-card">*/}
{/* <h5>Premium</h5>*/}
{/* <h2 className="text-primary pt-3">$150</h2>*/}
{/* <p className="text-primary pb-3">/ Monthly</p>*/}
{/* <ul className="py-2">*/}
{/* <li>post jobs</li>*/}
{/* <li>advanced instructors search</li>*/}
{/* <li>invite candidates</li>*/}
{/* <li>post events</li>*/}
{/* <li>cancel any time</li>*/}
{/* </ul>*/}
{/* <div className="pt-2"><a href="javascript:void(0)" className="btn btn-primary btn-round btn-sm">go premium</a></div>*/}
{/*</div>*/}
</div>
</div>
</div>
<div className="col-xl-3 col-md-6">
<div className="card card-statistics text-center py-3">
<div className="card-body pricing-content">
<div className="pricing-content-card">
<h5>Start with</h5>
<h2 className="text-primary pt-3" >Personal Website</h2>
<ul className="py-2">
<li>post jobs</li>
<li>advanced instructors search</li>
<li>invite candidates</li>
<li>post events</li>
<li>cancel any time</li>
</ul>
<div className="pt-2"><a href="javascript:void(0)" className="btn btn-inverse-secondary btn-round btn-sm">go premium</a></div>
</div>
</div>
</div>
</div>
<div className="col-xl-3 col-md-6">
<div className="card card-statistics text-center py-3">
<div className="card-body pricing-content">
<div className="pricing-content-card">
<h5>Start with</h5>
<h2 className="text-primary pt-3">Business Website</h2>
<ul className="py-2">
<li>post jobs</li>
<li>advanced instructors search</li>
<li>invite candidates</li>
<li>post events</li>
<li>cancel any time</li>
</ul>
<div className="pt-2"><a href="javascript:void(0)" className="btn btn-inverse-secondary btn-round btn-sm">go premium</a></div>
</div>
</div>
</div>
</div>
<div className="col-xl-3 col-md-6">
<div className="card card-statistics text-center py-3">
<div className="card-body pricing-content">
{/*<div className="pricing-content-card">*/}
{/* <h5>small</h5>*/}
{/* <h2 className="text-primary pt-3">$80</h2>*/}
{/* <p className="text-primary pb-3">/ Monthly</p>*/}
{/* <ul className="py-2">*/}
{/* <li>post jobs</li>*/}
{/* <li>advanced instructors search</li>*/}
{/* <li>invite candidates</li>*/}
{/* <li>post events</li>*/}
{/* <li>cancel any time</li>*/}
{/* </ul>*/}
{/* <div className="pt-2"><a href="javascript:void(0)" className="btn btn-inverse-secondary btn-round btn-sm">go premium</a></div>*/}
{/*</div>*/}
</div>
</div>
</div>
</div>
</>
)
}
src/links/siteLinks.js
+1
View File
@@ -3,6 +3,7 @@ const siteLinks = {
help: '/help', help: '/help',
home: '/', home: '/',
dash: '/dash', dash: '/dash',
start: '/start',
profile_complete: '/profile-complete', profile_complete: '/profile-complete',
product: '/product/*', product: '/product/*',
contacts: '/contacts', contacts: '/contacts',
src/views/StartPage.jsx
+7
View File
@@ -0,0 +1,7 @@
import Start from "../component/start/Start";
export default function StartPage(){
return <Start />
}