admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

remove swiper from login main and added bootstrap corausal

Browse Source
This commit is contained in:
Vikas Nale 2025-11-11 17:34:25 +05:30
parent 1067ac02b3
commit 04a3141f65
5 changed files with 343 additions and 335 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/common/OfwLabel.jsx Normal file
View File

@ -0,0 +1,12 @@
const OfwLabel = () => {
return (
<>
<a className="mx-1 text-green" href="/">
<span className="text-blue">OnField</span>
<span>Work</span>
<span className="text-dark">.com</span>
</a>
</>
);
};
export default OfwLabel;

130
src/pages/Home/LandingPage.jsx
View File

@ -8,6 +8,7 @@ import { EffectFlip, Autoplay, Pagination, Navigation } from "swiper/modules";
import SwaperSlideImages from "./SwaperSlideImages"; import SwaperSlideImages from "./SwaperSlideImages";
import FeatureCard from "./FEatureCard"; import FeatureCard from "./FEatureCard";
import SubscriptionPlans from "./SubscriptionPlans"; import SubscriptionPlans from "./SubscriptionPlans";
import OfwLabel from "../../components/common/OfwLabel";
const LandingPage = () => { const LandingPage = () => {
return ( return (
@ -21,11 +22,7 @@ const LandingPage = () => {
style={{ width: "40px" }} style={{ width: "40px" }}
className="me-2" className="me-2"
></img> ></img>
<a className="navbar-brand fw-bold text-green" href="#"> <OfwLabel></OfwLabel>
<span className="text-blue">OnField</span>
<span>Work</span>
<span className="text-dark">.com</span>
</a>
<button <button
className="navbar-toggler" className="navbar-toggler"
type="button" type="button"
@ -359,117 +356,90 @@ const LandingPage = () => {
{/* <!-- About --> */} {/* <!-- About --> */}
<section id="about" className="section-py vh-auto"> <section id="about" className="section-py vh-auto">
<div className="container text-start" style={{ maxWidth: "75%" }}> <div className="container text-start" style={{ maxWidth: "75%" }}>
<h2 className="fw-bold mb-4 text-center"> <h3 className="fw-bold mb-4 text-center">
About{" "} About <OfwLabel></OfwLabel>
<a className="text-green" href="#"> </h3>
<span className="text-blue">OnField</span>
<span>Work</span>
<span className="text-dark">.com</span>
</a>
</h2>
<p> <p>
<a className="text-green" href="#"> <OfwLabel></OfwLabel> is a powerful SaaS-based Project Management
<span className="text-blue">OnField</span> Platform built to simplify and streamline field operations for
<span>Work</span> modern businesses.
<span className="text-dark">.com</span>
</a>{" "}
is a powerful SaaS-based Project Management Platform built to
simplify and streamline field operations for modern businesses.
</p>{" "} </p>{" "}
<p> <p>
Whether you manage on-site teams, oversee multiple projects, or Whether you manage on-site teams, oversee multiple projects, or
coordinate vendors and suppliers,{" "} coordinate vendors and suppliers, <OfwLabel></OfwLabel>
<a className="text-green" href="#">
<span className="text-blue">OnField</span>
<span>Work</span>
<span className="text-dark">.com</span>
</a>{" "}
brings everything together in one connected ecosystem — giving you brings everything together in one connected ecosystem — giving you
complete control, visibility, and efficiency in your day-to-day complete control, visibility, and efficiency in your day-to-day
operations. operations.
</p> </p>
<h5> Our Mission</h5> At{" "} <h5> Our Mission</h5>{" "}
<a className="text-green" href="#"> <p>
<span className="text-blue">OnField</span> At <OfwLabel></OfwLabel>
<span>Work</span>
<span className="text-dark">.com</span>
</a>
, our mission is to empower organizations to manage their field , our mission is to empower organizations to manage their field
operations effortlessly — helping teams stay organized, accountable, operations effortlessly — helping teams stay organized, accountable,
and productive, no matter where they are. We aim to eliminate manual and productive, no matter where they are. We aim to eliminate manual
processes, data silos, and communication gaps that often slow down processes, data silos, and communication gaps that often slow down
projects and increase operational costs. <br /> What We Do We provide projects and increase operational costs. <br /> What We Do We
a comprehensive suite of tools designed to handle every critical provide a comprehensive suite of tools designed to handle every
aspect of field management — from workforce tracking to expense critical aspect of field management — from workforce tracking to
control and reporting. With expense control and reporting. With
<a className="text-green" href="#"> <OfwLabel></OfwLabel>, you can:
<span className="text-blue">OnField</span> </p>
<span>Work</span>
<span className="text-dark">.com</span>
</a>
, you can:
<ul> <ul>
<li> <li className="more-features-list-items">
<strong> Track Attendance Seamlessly -</strong> Enable site <strong> Track Attendance Seamlessly -</strong> Enable site
managers to record daily attendance, capture employee photos, and managers to record daily attendance, capture employee photos, and
maintain transparent records for management.{" "} maintain transparent records for management.{" "}
</li> </li>
<li> <li className="more-features-list-items">
<strong> Manage Expenses Efficiently -</strong> Log, categorize, <strong> Manage Expenses Efficiently -</strong> Log, categorize,
and approve expenses related to daily operations, procurement, and and approve expenses related to daily operations, procurement, and
travel — all within a streamlined workflow. travel — all within a streamlined workflow.
</li> </li>
<li> <li className="more-features-list-items">
<strong> Generate Smart Reports -</strong> Get real-time insights <strong> Generate Smart Reports -</strong> Get real-time insights
through dashboards and reports that highlight project progress, through dashboards and reports that highlight project progress,
team productivity, and cost trends. team productivity, and cost trends.
</li> </li>
<li> <li className="more-features-list-items">
{" "} {" "}
<strong> Organize Your Directory -</strong> Maintain a unified <strong> Organize Your Directory -</strong> Maintain a unified
directory for teams, suppliers, and vendors. Every contact is directory for teams, suppliers, and vendors. Every contact is
securely stored, role-based, and easy to access — ensuring that securely stored, role-based, and easy to access — ensuring that
your network stays structured and connected. your network stays structured and connected.
</li> </li>
<li> <li className="more-features-list-items">
<strong> Record Notes & References -</strong> Attach notes to <strong> Record Notes & References -</strong> Attach notes to
contacts for instant recall and better relationship management contacts for instant recall and better relationship management
across your organization. across your organization.
</li>{" "} </li>{" "}
<li> <li className="more-features-list-items">
<strong> Role-Based Access Control -</strong> Protect sensitive <strong> Role-Based Access Control -</strong> Protect sensitive
data with secure, role-based permissions, ensuring that each team data with secure, role-based permissions, ensuring that each team
member accesses only the information relevant to their role.{" "} member accesses only the information relevant to their role.{" "}
</li>{" "} </li>{" "}
</ul> </ul>
<h5> <h5>
Why Choose{" "} Why Choose <OfwLabel></OfwLabel>?{" "}
<a className="text-green" href="#">
<span className="text-blue">OnField</span>
<span>Work</span>
<span className="text-dark">.com</span>
</a>
?{" "}
</h5> </h5>
<ul> <ul>
<li> <li className="more-features-list-items">
<strong> Purpose-Built for Field Teams -</strong> Designed keeping <strong> Purpose-Built for Field Teams -</strong> Designed keeping
in mind the unique challenges of field operations. in mind the unique challenges of field operations.
</li>{" "} </li>{" "}
<li> <li className="more-features-list-items">
<strong> Scalable & Cloud-Based -</strong> A SaaS platform that <strong> Scalable & Cloud-Based -</strong> A SaaS platform that
grows with your business — accessible from anywhere, anytime. grows with your business — accessible from anywhere, anytime.
</li>{" "} </li>{" "}
<li> <li className="more-features-list-items">
<strong> Unified Dashboard Experience -</strong> Get a 360° view <strong> Unified Dashboard Experience -</strong> Get a 360° view
of all your field activities, project progress, and financial of all your field activities, project progress, and financial
health. health.
</li>{" "} </li>{" "}
<li> <li className="more-features-list-items">
<strong> Data-Driven Insights -</strong> Make informed decisions <strong> Data-Driven Insights -</strong> Make informed decisions
using analytics and trend-based reporting.{" "} using analytics and trend-based reporting.{" "}
</li> </li>
<li> <li className="more-features-list-items">
<strong>Collaboration at Its Core - </strong>Connect your teams, <strong>Collaboration at Its Core - </strong>Connect your teams,
vendors, and suppliers under one digital workspace.{" "} vendors, and suppliers under one digital workspace.{" "}
</li> </li>
@ -480,7 +450,7 @@ const LandingPage = () => {
<section id="faq" className="bg-light section-py vh-auto"> <section id="faq" className="bg-light section-py vh-auto">
<div className="container text-center"> <div className="container text-center">
<h3> <h3>
Frequently AskedQuestions <br /> Frequently Asked Questions <br />
<h6 className="text-normal"> <h6 className="text-normal">
{" "} {" "}
Browse through these FAQs to find answers to commonly asked Browse through these FAQs to find answers to commonly asked
@ -499,7 +469,7 @@ const LandingPage = () => {
aria-expanded="true" aria-expanded="true"
aria-controls="accordionOne" aria-controls="accordionOne"
> >
What is OnFieldWork.com? What is <OfwLabel></OfwLabel>?
</button> </button>
</h2> </h2>
<div <div
@ -553,7 +523,7 @@ const LandingPage = () => {
aria-expanded="false" aria-expanded="false"
aria-controls="accordionThree" aria-controls="accordionThree"
> >
How secure is OnFieldWork.com? How secure is <OfwLabel></OfwLabel>?
</button> </button>
</h2> </h2>
<div <div
@ -563,7 +533,7 @@ const LandingPage = () => {
data-bs-parent="#accordionExample" data-bs-parent="#accordionExample"
> >
<div className="accordion-body text-start"> <div className="accordion-body text-start">
Security is at the core of OnFieldWork.com. We use Security is at the core of <OfwLabel></OfwLabel>. We use
industry-standard encryption (SSL/TLS) to protect data in industry-standard encryption (SSL/TLS) to protect data in
transit and advanced encryption to safeguard data at rest. transit and advanced encryption to safeguard data at rest.
Role-based access controls ensure that only authorized users Role-based access controls ensure that only authorized users
@ -622,12 +592,12 @@ const LandingPage = () => {
data-bs-parent="#accordionExample" data-bs-parent="#accordionExample"
> >
<div className="accordion-body text-start"> <div className="accordion-body text-start">
OnFieldWork.com operate under a proprietary license combined <OfwLabel></OfwLabel> operate under a proprietary license
with a subscription model. This means customers don’t own the combined with a subscription model. This means customers don’t
software but are granted the right to access and use it own the software but are granted the right to access and use
through the cloud under our Terms of Service. Depending on the it through the cloud under our Terms of Service. Depending on
plan, licensing may be based on users, features, or usage, and the plan, licensing may be based on users, features, or usage,
you can upgrade, downgrade, or cancel at any time. non! and you can upgrade, downgrade, or cancel at any time. non!
</div> </div>
</div> </div>
</div> </div>
@ -641,7 +611,7 @@ const LandingPage = () => {
aria-expanded="false" aria-expanded="false"
aria-controls="accordionSix" aria-controls="accordionSix"
> >
Can I customize OnFieldWork.com for my business needs? Can I customize <OfwLabel></OfwLabel> for my business needs?
</button> </button>
</h2> </h2>
<div <div
@ -651,13 +621,13 @@ const LandingPage = () => {
data-bs-parent="#accordionExample" data-bs-parent="#accordionExample"
> >
<div className="accordion-body text-start"> <div className="accordion-body text-start">
Yes, OnFieldWork.com is designed to be flexible and adaptable. Yes, <OfwLabel></OfwLabel> is designed to be flexible and
You can customize workflows, user roles, permissions, and adaptable. You can customize workflows, user roles,
reporting to match your organization’s unique processes. permissions, and reporting to match your organization’s unique
Depending on your plan, we also support advanced customization processes. Depending on your plan, we also support advanced
such as integrating with third-party tools, adding custom customization such as integrating with third-party tools,
fields, and tailoring modules to fit your business adding custom fields, and tailoring modules to fit your
requirements. business requirements.
</div> </div>
</div> </div>
</div> </div>
@ -680,9 +650,9 @@ const LandingPage = () => {
/> />
</div> </div>
<div className="col-lg-6 contact-text"> <div className="col-lg-6 contact-text">
<h2> <h3>
Contact <span className="text-green">Us</span> Contact <span className="text-green">Us</span>
</h2> </h3>
<p> <p>
We’d love to hear from you! Whether you have a question about We’d love to hear from you! Whether you have a question about
features, pricing, or anything else — our team is ready to features, pricing, or anything else — our team is ready to

2
src/pages/Home/SubscriptionPlans.jsx
View File

@ -102,7 +102,7 @@ const SubscriptionPlans = () => {
<h6 className="fw-bold text-uppercase border-top pt-3 mb-3 text-center"> <h6 className="fw-bold text-uppercase border-top pt-3 mb-3 text-center">
Features Features
</h6> </h6>
<ul className="list-unstyled text-start mb-4 ms-7 fs-5"> <ul className="list-unstyled text-start mb-4 ms-7 fs-6">
{plan.features?.modules && {plan.features?.modules &&
Object.values(plan.features.modules).map((mod) => Object.values(plan.features.modules).map((mod) =>
mod && mod.name ? ( mod && mod.name ? (

3
src/pages/authentication/MainLogin.css
View File

@ -40,7 +40,7 @@ li.more-features-list-items {
ul.more-features-list { ul.more-features-list {
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 300;
list-style-type: disc; list-style-type: none;
margin-block-start: 1em; margin-block-start: 1em;
margin-block-end: 1em; margin-block-end: 1em;
padding-inline-start: 40px; padding-inline-start: 40px;
@ -49,7 +49,6 @@ ul.more-features-list {
position: relative; position: relative;
margin-left: 10px; margin-left: 10px;
max-width: 430px;
padding: 10px 0 0 0; padding: 10px 0 0 0;
display: block; display: block;
} }

235
src/pages/authentication/MainLogin.jsx
View File

@ -1,15 +1,7 @@
import { React, useRef } from "react"; import { React, useRef } from "react";
import LoginPage from "./LoginPage"; import LoginPage from "./LoginPage";
import "./MainLogin.css"; import "./MainLogin.css";
import { Swiper, SwiperSlide } from "swiper/react";
import { EffectFlip, Autoplay, Pagination, Navigation } from "swiper/modules";
const MainLogin = () => { const MainLogin = () => {
const progressCircle = useRef(null);
const progressContent = useRef(null);
const onAutoplayTimeLeft = (s, time, progress) => {
progressCircle.current.style.setProperty("--progress", 1 - progress);
progressContent.current.textContent = `${Math.ceil(time / 1000)}s`;
};
return ( return (
<> <>
<div className="authentication-inner row m-0"> <div className="authentication-inner row m-0">
@ -19,62 +11,50 @@ const MainLogin = () => {
class="w-75 text-start swiper-container login-pg-swiper" class="w-75 text-start swiper-container login-pg-swiper"
style={{ marginTop: "75px" }} style={{ marginTop: "75px" }}
> >
<Swiper <div
spaceBetween={30} id="textCarousel"
centeredSlides={true} class="carousel slide"
rewind={true} data-bs-ride="carousel"
autoplay={{
delay: 3500,
disableOnInteraction: false,
}}
pagination={{
clickable: true,
}}
keyboard={{
enabled: true,
}}
navigation={false}
modules={[EffectFlip, Autoplay, Pagination, Navigation]}
className="mySwiper"
onSlideChange={() => {}}
onSwiper={(swiper) => {}}
onAutoplayTimeLeft={onAutoplayTimeLeft}
> >
<div className="autoplay-progress" slot="container-end"> <div class="carousel-inner">
<svg viewBox="0 0 48 48" ref={progressCircle}> <div class="carousel-item active">
<circle cx="24" cy="24" r="20"></circle> <div class="p-5 text-center">
</svg> <p>
<span ref={progressContent}></span>
</div>
<SwiperSlide>
<img <img
className="login-pg-img-swiper" className="w-100 login-pg-img-swiper"
src="/img/illustrations/03.png" src="/img/illustrations/03.png"
></img> ></img>
</SwiperSlide> </p>
{/* <SwiperSlide> </div>
<img src="/img/illustrations/finaicial management.png"></img> </div>
</SwiperSlide> */} <div class="carousel-item active">
<SwiperSlide> <div class="p-5 text-center">
<p>
<img <img
className="login-pg-img-swiper" className="w-100 login-pg-img-swiper"
src="/img/illustrations/fm-01.png" src="/img/illustrations/fm-01.png"
></img> ></img>
</SwiperSlide> </p>
{/* <SwiperSlide> </div>
</div>
<div class="carousel-item ">
<div class="p-5 ">
<p>
<div className="text-start"> <div className="text-start">
<h1 className="display-header"> <h3 className="display-header text-black">
{" "}
Financial Management (Expense & Billing) Financial Management (Expense & Billing)
</h1> </h3>
<h4 className="display-title"> <h4 className="display-title text-black">
Eliminate Paper Receipts. Take Control of Your Cash Flow. Eliminate Paper Receipts. Take Control of Your Cash
Flow.
</h4> </h4>
<p className="display-body"> <p className="display-body">
Managing field expenses is often messy, slow, and prone to Managing field expenses is often messy, slow, and
errors. onfieldwork.com digitizes the entire process, giving prone to errors. onfieldwork.com digitizes the entire
you real-time financial visibility and control, whether your process, giving you real-time financial visibility and
team is on a construction site or servicing a client's control, whether your team is on a construction site
facility. or servicing a client's facility.
</p> </p>
<ul className="more-features-list list-unstyled"> <ul className="more-features-list list-unstyled">
<li> <li>
@ -83,9 +63,9 @@ const MainLogin = () => {
<div className="list-item ms-2 pb-2"> <div className="list-item ms-2 pb-2">
{" "} {" "}
<b> Billing & Collection:</b> Generate accurate <b> Billing & Collection:</b> Generate accurate
invoices based on logged project data and efficiently invoices based on logged project data and
track the status of payments to speed up collection efficiently track the status of payments to
cycles. speed up collection cycles.
</div> </div>
</div> </div>
</li> </li>
@ -95,9 +75,9 @@ const MainLogin = () => {
<div className="list-item ms-2 pb-2"> <div className="list-item ms-2 pb-2">
{" "} {" "}
<b> Recurring Expenses:</b> Set up and manage <b> Recurring Expenses:</b> Set up and manage
automatic payments for predictable costs (like monthly automatic payments for predictable costs (like
equipment rentals or subscriptions) to ensure they are monthly equipment rentals or subscriptions) to
never missed. ensure they are never missed.
</div> </div>
</div> </div>
</li> </li>
@ -106,10 +86,10 @@ const MainLogin = () => {
<i className="bx bxs-check-circle text-success"></i> <i className="bx bxs-check-circle text-success"></i>
<div className="list-item ms-2 pb-2"> <div className="list-item ms-2 pb-2">
{" "} {" "}
<b> Advance Payment Management:</b> A clear system for <b> Advance Payment Management:</b> A clear
issuing and tracking advances given to field staff. system for issuing and tracking advances given
Easily reconcile these advances against submitted to field staff. Easily reconcile these advances
expenses and salaries. against submitted expenses and salaries.
</div> </div>
</div> </div>
</li> </li>
@ -118,31 +98,41 @@ const MainLogin = () => {
<i className="bx bxs-check-circle text-success"></i> <i className="bx bxs-check-circle text-success"></i>
<div className="list-item ms-2 pb-2"> <div className="list-item ms-2 pb-2">
{" "} {" "}
<b> Petty Cash Management:</b> Maintain a secure, <b> Petty Cash Management:</b> Maintain a
digital ledger for small, daily expenditures, secure, digital ledger for small, daily
replacing error-prone manual logbooks. expenditures, replacing error-prone manual
logbooks.
</div> </div>
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
</SwiperSlide> */} </p>
<SwiperSlide> {/* <button class="btn btn-light">Learn More</button> */}
</div>
</div>
<div class="carousel-item">
<div class="p-5 text-center ">
<p className="text-start">
<div className="text-start"> <div className="text-start">
<h1 className="display-header"> <h1 className="display-header text-black">
{" "}
Flexible Project Approval/Review Workflow Flexible Project Approval/Review Workflow
</h1> </h1>
<h4 className="display-title"> <h4 className="display-title text-black">
Streamline Decisions. Accelerate Project Completion. Streamline Decisions. Accelerate Project Completion.
</h4> </h4>
<p className="display-body"> </div>
The speed of a project often hinges on the efficiency of the
review and approval process. onfieldwork.com replaces <p className="display-body ">
bottlenecks and email chains with flexible, defined digital The speed of a project often hinges on the efficiency of
workflows that keep work moving forward. the review and approval process. onfieldwork.com
replaces bottlenecks and email chains with flexible,
defined digital workflows that keep work moving forward.
</p> </p>
<ul className="more-features-list list-unstyled"> <ul className="more-features-list list-unstyled">
<li> <li className="more-features-list-items">
<div className="d-flex"> <div className="d-flex">
<i className="bx bxs-check-circle text-success"></i> <i className="bx bxs-check-circle text-success"></i>
<div className="list-item ms-2 pb-2"> <div className="list-item ms-2 pb-2">
@ -151,9 +141,9 @@ const MainLogin = () => {
<ul> <ul>
<li> <li>
<b> Define Your Process:</b> Easily configure <b> Define Your Process:</b> Easily configure
multi-step approval paths for any item: document multi-step approval paths for any item:
submissions, expense reports, task completion document submissions, expense reports, task
sign-offs, or material requests. completion sign-offs, or material requests.
</li> </li>
<li> <li>
<b>Role-Based Routing:</b> Approvals are <b>Role-Based Routing:</b> Approvals are
@ -166,7 +156,7 @@ const MainLogin = () => {
</div> </div>
</div> </div>
</li> </li>
{/* <li> <li>
<div className="d-flex"> <div className="d-flex">
<i className="bx bxs-check-circle text-success"></i> <i className="bx bxs-check-circle text-success"></i>
<div className="list-item ms-2 pb-2"> <div className="list-item ms-2 pb-2">
@ -174,15 +164,15 @@ const MainLogin = () => {
<b>Real-Time Notifications & Tracking</b> <b>Real-Time Notifications & Tracking</b>
<ul> <ul>
<li> <li>
<b>No More Delays:</b> Reviewers receive instant <b>No More Delays:</b> Reviewers receive
alerts via the Web and Mobile app when an item instant alerts via the Web and Mobile app when
requires their attention. an item requires their attention.
</li> </li>
<li> <li>
<b> Audit Trail:</b> Every action, comment, <b> Audit Trail:</b> Every action, comment,
approval, or rejection is logged with a timestamp approval, or rejection is logged with a
and user ID, providing a complete, non-repudiable timestamp and user ID, providing a complete,
history for every decision. non-repudiable history for every decision.
</li> </li>
</ul>{" "} </ul>{" "}
</div> </div>
@ -193,22 +183,32 @@ const MainLogin = () => {
<i className="bx bxs-check-circle text-success"></i> <i className="bx bxs-check-circle text-success"></i>
<div className="list-item ms-2 pb-2"> <div className="list-item ms-2 pb-2">
{" "} {" "}
<b>Seamless Task Handoff</b> Once a task or document <b>Seamless Task Handoff</b> Once a task or
is approved, the next action is immediately document is approved, the next action is
triggered—whether it's allocating a new work package immediately triggered—whether it's allocating a
to the team or initiating a purchase order. new work package to the team or initiating a
purchase order.
</div> </div>
</div> </div>
</li> */} </li>
</ul> </ul>
</p>
</div> </div>
</SwiperSlide> </div>
<SwiperSlide>
<div class="carousel-item">
<div class="p-5 text-center ">
<p className="text-start">
<div className="text-start"> <div className="text-start">
<h1 className="display-header">Project Management</h1> <h1 className="display-header text-black">
<h4 className="display-title"> {" "}
Project Management
</h1>
<h4 className="display-title text-black">
End-to-End Project Lifecycle Management End-to-End Project Lifecycle Management
</h4> </h4>
</div>
<p className="display-body"> <p className="display-body">
Stop using spreadsheets and start managing progress. Stop using spreadsheets and start managing progress.
onfieldwork.com is your single source of truth for all onfieldwork.com is your single source of truth for all
@ -220,8 +220,9 @@ const MainLogin = () => {
<i className="bx bxs-check-circle text-success"></i> <i className="bx bxs-check-circle text-success"></i>
<div className="list-item ms-2 pb-2"> <div className="list-item ms-2 pb-2">
{" "} {" "}
<b> Create & Manage Multiple Projects:</b>Organize all <b> Create & Manage Multiple Projects:</b>Organize
current and upcoming work in a centralized dashboard. all current and upcoming work in a centralized
dashboard.
</div> </div>
</div> </div>
</li> </li>
@ -240,8 +241,8 @@ const MainLogin = () => {
<i className="bx bxs-check-circle text-success"></i> <i className="bx bxs-check-circle text-success"></i>
<div className="list-item ms-2 pb-2"> <div className="list-item ms-2 pb-2">
{" "} {" "}
<b>Team & Document Management:</b>Secure storage for <b>Team & Document Management:</b>Secure storage
drawings, contracts, and easy team setup. for drawings, contracts, and easy team setup.
</div> </div>
</div> </div>
</li> </li>
@ -251,17 +252,43 @@ const MainLogin = () => {
<div className="list-item ms-2 pb-2"> <div className="list-item ms-2 pb-2">
{" "} {" "}
<b>Work Allocation & Tracking:</b>Implement <b>Work Allocation & Tracking:</b>Implement
customizable Approval/Review Workflows for tasks and customizable Approval/Review Workflows for tasks
documents. and documents.
</div> </div>
</div> </div>
</li> </li>
</ul> </ul>
</p>
</div>
</div>
</div>
<button
class="carousel-control-prev"
type="button"
data-bs-target="#textCarousel"
data-bs-slide="prev"
>
<span
class="carousel-control-prev-icon"
aria-hidden="true"
></span>
<span class="visually-hidden">Previous</span>
</button>
<button
class="carousel-control-next"
type="button"
data-bs-target="#textCarousel"
data-bs-slide="next"
>
<span
class="carousel-control-next-icon"
aria-hidden="true"
></span>
<span class="visually-hidden">Next</span>
</button>
</div> </div>
</SwiperSlide>
</Swiper>
</div> </div>
{/* </div> */}
</div> </div>
<LoginPage /> <LoginPage />
</div> </div>