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

revert body background color change. It was turned white after making changes for Landing Page. Ideallly it had to be gray

Browse Source
This commit is contained in:
Vikas Nale 2025-11-13 12:31:43 +05:30
parent 15e67da7f6
commit c0378e1d7d
4 changed files with 668 additions and 667 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/assets/vendor/css/core.css vendored
View File

@ -76,6 +76,7 @@
--bs-dark-border-subtle: #bfc0c6;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 34, 48, 62;
--bs-font-roboto:"Segoe UI", Roboto, "sans-serif",
--bs-font-sans-serif: "Public Sans", -apple-system, blinkmacsystemfont,
"Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
"Helvetica Neue", sans-serif;
@ -88,7 +89,7 @@
);
--bs-root-font-size: 16px;
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 0.8375rem;
--bs-body-font-size: 0.875rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.375;
--bs-body-color: #646e78;

2
src/assets/vendor/css/core.css vendored
View File

@ -72,7 +72,7 @@
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-root-font-size: 16px;
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 0.9375rem;
--bs-body-font-size: 0.875rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.375;
--bs-body-color: #646e78;

6
src/pages/Home/LandingPage.css
View File

@ -36,9 +36,9 @@
background-color: #49bf3c !important;
} */
body {
font-family: "Segoe UI", Roboto, sans-serif;
background-color: #ffff;
.landing-body {
font-family: var(--bs-font-roboto);
background-color: var(--bs-white);
}
.hero {

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

@ -13,6 +13,8 @@ import OfwLabel from "../../components/common/OfwLabel";
const LandingPage = () => {
return (
<>
<div className="landing-body">
{" "}
<nav className="navbar navbar-expand-lg navbar-light bg-white shadow-sm fixed-top custom-navbar py-1">
<div className="container-fluid px-5 w-100">
<div className="row w-100">
@ -94,7 +96,6 @@ const LandingPage = () => {
</div>
</div>
</nav>
{/* <!-- ? Hero Carousel --> */}
<div
id="heroCarousel"
@ -134,8 +135,8 @@ const LandingPage = () => {
<div className="carousel-caption text-start text-white">
<h1 className="fw-bold display-4">Simplify Field Operations</h1>
<p className="lead">
Empower your team with attendance, expense, and task management
tools.
Empower your team with attendance, expense, and task
management tools.
</p>
<a
href="#"
@ -210,7 +211,6 @@ const LandingPage = () => {
<span className="carousel-control-next-icon"></span>
</button>
</div>
{/* <!-- ? Features Section --> */}
<section id="features" className="section-py">
<div className="container text-center">
@ -309,7 +309,6 @@ const LandingPage = () => {
</div>
</div>
</section>
{/* <!-- Pricing Section (Bootstrap 5) --> */}
<section id="pricing" className="bg-light section-py vh-auto">
<div className="container text-center">
@ -404,30 +403,30 @@ const LandingPage = () => {
<p>
At <OfwLabel></OfwLabel>
, our mission is to empower organizations to manage their field
operations effortlessly — helping teams stay organized, accountable,
and productive, no matter where they are. We aim to eliminate manual
processes, data silos, and communication gaps that often slow down
projects and increase operational costs. <br /> What We Do We
provide a comprehensive suite of tools designed to handle every
critical aspect of field management — from workforce tracking to
expense control and reporting. With
operations effortlessly — helping teams stay organized,
accountable, and productive, no matter where they are. We aim to
eliminate manual processes, data silos, and communication gaps
that often slow down projects and increase operational costs.{" "}
<br /> What We Do We provide a comprehensive suite of tools
designed to handle every critical aspect of field management —
from workforce tracking to expense control and reporting. With
<OfwLabel></OfwLabel>, you can:
</p>
<ul>
<li className="more-features-list-items">
<strong> Track Attendance Seamlessly -</strong> Enable site
managers to record daily attendance, capture employee photos, and
maintain transparent records for management.{" "}
managers to record daily attendance, capture employee photos,
and maintain transparent records for management.{" "}
</li>
<li className="more-features-list-items">
<strong> Manage Expenses Efficiently -</strong> Log, categorize,
and approve expenses related to daily operations, procurement, and
travel — all within a streamlined workflow.
and approve expenses related to daily operations, procurement,
and travel — all within a streamlined workflow.
</li>
<li className="more-features-list-items">
<strong> Generate Smart Reports -</strong> Get real-time insights
through dashboards and reports that highlight project progress,
team productivity, and cost trends.
<strong> Generate Smart Reports -</strong> Get real-time
insights through dashboards and reports that highlight project
progress, team productivity, and cost trends.
</li>
<li className="more-features-list-items">
{" "}
@ -443,8 +442,9 @@ const LandingPage = () => {
</li>{" "}
<li className="more-features-list-items">
<strong> Role-Based Access Control -</strong> Protect sensitive
data with secure, role-based permissions, ensuring that each team
member accesses only the information relevant to their role.{" "}
data with secure, role-based permissions, ensuring that each
team member accesses only the information relevant to their
role.{" "}
</li>{" "}
</ul>
<h5>
@ -452,8 +452,8 @@ const LandingPage = () => {
</h5>
<ul>
<li className="more-features-list-items">
<strong> Purpose-Built for Field Teams -</strong> Designed keeping
in mind the unique challenges of field operations.
<strong> Purpose-Built for Field Teams -</strong> Designed
keeping in mind the unique challenges of field operations.
</li>{" "}
<li className="more-features-list-items">
<strong> Scalable & Cloud-Based -</strong> A SaaS platform that
@ -475,7 +475,6 @@ const LandingPage = () => {
</ul>
</div>
</section>
<section id="faq" className="bg-light section-py vh-auto">
<div className="container text-center">
<h3>
@ -510,7 +509,8 @@ const LandingPage = () => {
A smart Project Management System designed to bring teams,
tasks, and timelines together in one place. With AI-driven
insights, role-based access, and seamless reporting, it
empowers organizations to deliver projects faster and smarter.
empowers organizations to deliver projects faster and
smarter.
</div>
</div>
</div>
@ -537,8 +537,9 @@ const LandingPage = () => {
Yes, you have full flexibility to manage your subscription.
You can upgrade to a higher plan to unlock more features,
downgrade to a smaller plan if your needs change, or cancel
your subscription anytime. Plan changes take effect instantly,
and billing adjustments are applied on a pro-rated basis.
your subscription anytime. Plan changes take effect
instantly, and billing adjustments are applied on a
pro-rated basis.
</div>
</div>
</div>
@ -593,8 +594,8 @@ const LandingPage = () => {
data-bs-parent="#accordionExample"
>
<div className="accordion-body text-start">
You can reach our support team anytime through the in-app help
center, email, or live chat. We also provide a detailed
You can reach our support team anytime through the in-app
help center, email, or live chat. We also provide a detailed
knowledge base and FAQs to guide you through common queries.
For personalized assistance, our support specialists are
always ready to help you.
@ -622,11 +623,12 @@ const LandingPage = () => {
>
<div className="accordion-body text-start">
<OfwLabel></OfwLabel> operate under a proprietary license
combined with a subscription model. This means customers don’t
own the software but are granted the right to access and use
it through the cloud under our Terms of Service. Depending on
the plan, licensing may be based on users, features, or usage,
and you can upgrade, downgrade, or cancel at any time. non!
combined with a subscription model. This means customers
don’t own the software but are granted the right to access
and use it through the cloud under our Terms of Service.
Depending on the plan, licensing may be based on users,
features, or usage, and you can upgrade, downgrade, or
cancel at any time. non!
</div>
</div>
</div>
@ -652,18 +654,17 @@ const LandingPage = () => {
<div className="accordion-body text-start">
Yes, <OfwLabel></OfwLabel> is designed to be flexible and
adaptable. You can customize workflows, user roles,
permissions, and reporting to match your organization’s unique
processes. Depending on your plan, we also support advanced
customization such as integrating with third-party tools,
adding custom fields, and tailoring modules to fit your
business requirements.
permissions, and reporting to match your organization’s
unique processes. Depending on your plan, we also support
advanced customization such as integrating with third-party
tools, adding custom fields, and tailoring modules to fit
your business requirements.
</div>
</div>
</div>
</div>
</div>
</section>
{/* <!-- Contact Section --> */}
<section
id="contact"
@ -758,7 +759,6 @@ const LandingPage = () => {
</div>
</div>
</section>
{/* <!-- Contact --> */}
{/* <section
id="contact1"
@ -837,7 +837,6 @@ const LandingPage = () => {
</Swiper>
</div>
</section> */}
{/* <!-- ? Footer --> */}
<footer className="py-2 bg-dark text-white text-center">
<p className="mb-0">© 2025 OnFieldWork.com All Rights Reserved.</p>
@ -849,6 +848,7 @@ const LandingPage = () => {
>
<i className="bx bxs-chevrons-up"></i>
</a>
</div>
</>
);
};