admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 3 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-dark-border-subtle: #bfc0c6;
--bs-white-rgb: 255, 255, 255; --bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 34, 48, 62; --bs-black-rgb: 34, 48, 62;
--bs-font-roboto:"Segoe UI", Roboto, "sans-serif",
--bs-font-sans-serif: "Public Sans", -apple-system, blinkmacsystemfont, --bs-font-sans-serif: "Public Sans", -apple-system, blinkmacsystemfont,
"Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
"Helvetica Neue", sans-serif; "Helvetica Neue", sans-serif;
@ -88,7 +89,7 @@
); );
--bs-root-font-size: 16px; --bs-root-font-size: 16px;
--bs-body-font-family: var(--bs-font-sans-serif); --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-font-weight: 400;
--bs-body-line-height: 1.375; --bs-body-line-height: 1.375;
--bs-body-color: #646e78; --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-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-root-font-size: 16px; --bs-root-font-size: 16px;
--bs-body-font-family: var(--bs-font-sans-serif); --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-font-weight: 400;
--bs-body-line-height: 1.375; --bs-body-line-height: 1.375;
--bs-body-color: #646e78; --bs-body-color: #646e78;

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

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

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

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