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

Refactor_Directory And Project Level Permsssion #404

Merged
pramod.mahajan merged 90 commits from Refactor_Directory into main 2025-09-17 10:24:46 +00:00
Conversation 0 Commits 90 Files Changed 143 +100 -72
1 changed files with 100 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 2027bd3d17 - Show all commits

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

@ -13,44 +13,7 @@ import "swiper/css/navigation";
import SwaperSlideContent from "./SwaperSlideContent"; import SwaperSlideContent from "./SwaperSlideContent";
import SwaperBlogContent from "./SwaperBlogContent"; import SwaperBlogContent from "./SwaperBlogContent";
const slides = [
{
ImageUrl: "/assets/img/app/dashboard-light-01.png",
Title: "Project & Task Management",
Body: "Plan, assign, and track projects and tasks seamlessly for better team collaboration.",
},
{
ImageUrl: "/assets/img/app/dashboard-light-02.png",
Title: "Attendance & Leave Tracking",
Body: "Monitor employee attendance and manage leave requests with ease.",
},
{
ImageUrl: "/assets/img/app/dashboard-light-04.png",
Title: "Role-based Permissions",
Body: "Securely control access with customizable roles and permissions.",
},
{
ImageUrl: "/assets/img/app/dashboard-light-05.png",
Title: "Expense & Budget Tracking",
Body: "Keep projects on budget with real-time expense and cost management.",
ContentAlign: "left",
},
{
ImageUrl: "/assets/img/app/dashboard-light-06.png",
Title: "Reporting & Analytics",
Body: "Gain actionable insights through powerful reports and analytics dashboards.",
},
{
ImageUrl: "/assets/img/app/dashboard-light-07.png",
Title: "Document Management",
Body: "Organize, share, and access all your project and employee documents in one place.",
},
{
ImageUrl: "/assets/img/app/dashboard-light-08.png",
Title: "Inventory Management",
Body: "Track materials, supplies, and assets — never run short again.",
},
];
const swiperConfig = { const swiperConfig = {
spaceBetween: 30, spaceBetween: 30,
@ -219,7 +182,7 @@ const LandingPage = () => {
</div> </div>
</div> </div>
<div <div
id="heroDashboardAnimation" id="heroDashboardAnimation"
className="hero-animation-img mt-10" className="hero-animation-img mt-10"
> >
@ -227,12 +190,77 @@ const LandingPage = () => {
id="heroAnimationImg" id="heroAnimationImg"
className="position-relative hero-dashboard-img" className="position-relative hero-dashboard-img"
> >
<Swiper {...swiperConfig}> <Swiper
{slides.map((slide, index) => ( spaceBetween={30}
<SwiperSlide key={index}> centeredSlides={true}
<SwaperSlideContent {...slide} /> rewind={true}
</SwiperSlide> autoplay={{
))} delay: 3500,
disableOnInteraction: false,
}}
pagination={{
clickable: true,
}}
keyboard={{
enabled: true,
}}
navigation={false}
modules={[EffectFlip, Autoplay, Pagination, Navigation]}
className="mySwiper"
onSlideChange={() => console.log("slide change")}
onSwiper={(swiper) => console.log(swiper)}
>
<SwiperSlide>
<SwaperSlideContent
ImageUrl="/img/app/dashboard-light-01.png"
Title="Project & Task Management"
Body="Plan, assign, and track projects and tasks seamlessly for better team collaboration."
></SwaperSlideContent>
</SwiperSlide>
<SwiperSlide>
<SwaperSlideContent
ImageUrl="/img/app/dashboard-light-02.png"
Title="Attendance & Leave Tracking"
Body="Monitor employee attendance and manage leave requests with ease."
></SwaperSlideContent>
</SwiperSlide>
<SwiperSlide>
<SwaperSlideContent
ImageUrl="/app/dashboard-light-04.png"
Title="Role-based Permissions"
Body="Securely control access with customizable roles and permissions."
></SwaperSlideContent>
</SwiperSlide>
<SwiperSlide>
<SwaperSlideContent
ImageUrl="/img/app/dashboard-light-05.png"
Title="Expense & Budget Tracking"
Body="Keep projects on budget with real-time expense and cost management."
ContentAlign="left"
></SwaperSlideContent>
</SwiperSlide>
<SwiperSlide>
<SwaperSlideContent
ImageUrl="img/app/dashboard-light-06.png"
Title="Reporting & Analytics"
Body="Gain actionable insights through powerful reports and analytics dashboards."
></SwaperSlideContent>
</SwiperSlide>
<SwiperSlide>
<SwaperSlideContent
ImageUrl="/img/app/dashboard-light-07.png"
Title="Document Management"
Body="Organize, share, and access all your project and employee documents in one place."
></SwaperSlideContent>
</SwiperSlide>
<SwiperSlide>
<SwaperSlideContent
ImageUrl="/img/app/dashboard-light-08.png"
Title="Inventory Management"
Body="Track materials, supplies, and assets — never run short again."
></SwaperSlideContent>
</SwiperSlide>
</Swiper> </Swiper>
</div> </div>
</div> </div>
@ -305,7 +333,7 @@ const LandingPage = () => {
<div className="col-lg-3 col-sm-4 text-center features-icon-box"> <div className="col-lg-3 col-sm-4 text-center features-icon-box">
<div className="text-center mb-4"> <div className="text-center mb-4">
<img <img
src="./../../public/img/icons/check.svg" src="/img/icons/check.svg"
alt="3d select solid" alt="3d select solid"
/> />
</div> </div>
@ -317,7 +345,7 @@ const LandingPage = () => {
</div> </div>
<div className="col-lg-3 col-sm-4 text-center features-icon-box"> <div className="col-lg-3 col-sm-4 text-center features-icon-box">
<div className="text-center mb-4"> <div className="text-center mb-4">
<img src="./../../public/img/icons/user.svg" alt="user" /> <img src="/img/icons/user.svg" alt="user" />
</div> </div>
<h5 className="mb-2">Reporting & Analytics</h5> <h5 className="mb-2">Reporting & Analytics</h5>
<p className="features-icon-description"> <p className="features-icon-description">
@ -328,7 +356,7 @@ const LandingPage = () => {
<div className="col-lg-3 col-sm-4 text-center features-icon-box"> <div className="col-lg-3 col-sm-4 text-center features-icon-box">
<div className="text-center mb-4"> <div className="text-center mb-4">
<img <img
src="./../../public/img/icons/keyboard.svg" src="/img/icons/keyboard.svg"
alt="keyboard" alt="keyboard"
/> />
</div> </div>
@ -341,7 +369,7 @@ const LandingPage = () => {
<div className="col-lg-3 col-sm-4 text-center features-icon-box"> <div className="col-lg-3 col-sm-4 text-center features-icon-box">
<div className="text-center mb-4"> <div className="text-center mb-4">
<img <img
src="./../../public/img/icons/keyboard.svg" src="/img/icons/keyboard.svg"
alt="keyboard" alt="keyboard"
/> />
</div> </div>
@ -369,7 +397,7 @@ const LandingPage = () => {
<div className="col-lg-3 col-sm-4 text-center features-icon-box"> <div className="col-lg-3 col-sm-4 text-center features-icon-box">
<div className="text-center mb-4"> <div className="text-center mb-4">
<img <img
src="./../../public/img/icons/keyboard.svg" src="/img/icons/keyboard.svg"
alt="keyboard" alt="keyboard"
/> />
</div> </div>
@ -537,7 +565,7 @@ const LandingPage = () => {
<div className="card-header"> <div className="card-header">
<div className="text-center"> <div className="text-center">
<img <img
src="./../../public/img/icons/paper-airplane.png" src="/img/icons/paper-airplane.png"
alt="paper airplane icon" alt="paper airplane icon"
className="mb-8 pb-2" className="mb-8 pb-2"
/> />
@ -636,7 +664,7 @@ const LandingPage = () => {
<div className="card-header"> <div className="card-header">
<div className="text-center"> <div className="text-center">
<img <img
src="./../../public/img/icons/plane.png" src="/img/icons/plane.png"
alt="plane icon" alt="plane icon"
className="mb-8 pb-2" className="mb-8 pb-2"
/> />
@ -732,7 +760,7 @@ const LandingPage = () => {
<div className="card-header"> <div className="card-header">
<div className="text-center"> <div className="text-center">
<img <img
src="./../../public/img/icons/shuttle-rocket.png" src="/img/icons/shuttle-rocket.png"
alt="shuttle rocket icon" alt="shuttle rocket icon"
className="mb-8 pb-2" className="mb-8 pb-2"
/> />
@ -841,7 +869,7 @@ const LandingPage = () => {
<div className="card border border-primary shadow-none"> <div className="card border border-primary shadow-none">
<div className="card-body text-center"> <div className="card-body text-center">
<img <img
src="./../../public/img/icons/laptop.svg" src="/img/icons/laptop.svg"
alt="laptop" alt="laptop"
className="mb-4" className="mb-4"
/> />
@ -858,7 +886,7 @@ const LandingPage = () => {
<div className="card border border-success shadow-none"> <div className="card border border-success shadow-none">
<div className="card-body text-center"> <div className="card-body text-center">
<img <img
src="./../../public/img/icons/user-success.svg" src="/img/icons/user-success.svg"
alt="laptop" alt="laptop"
className="mb-4" className="mb-4"
/> />
@ -875,7 +903,7 @@ const LandingPage = () => {
<div className="card border border-info shadow-none"> <div className="card border border-info shadow-none">
<div className="card-body text-center"> <div className="card-body text-center">
<img <img
src="./../../public/img/icons/diamond-info.svg" src="/img/icons/diamond-info.svg"
alt="laptop" alt="laptop"
className="mb-4" className="mb-4"
/> />
@ -892,7 +920,7 @@ const LandingPage = () => {
<div className="card border border-warning shadow-none"> <div className="card border border-warning shadow-none">
<div className="card-body text-center"> <div className="card-body text-center">
<img <img
src="./../../public/img/icons/check-warning.svg" src="/img/icons/check-warning.svg"
alt="laptop" alt="laptop"
className="mb-4" className="mb-4"
/> />
@ -921,7 +949,7 @@ const LandingPage = () => {
<span className="position-relative fw-extrabold z-1"> <span className="position-relative fw-extrabold z-1">
questions questions
<img <img
src="./../../public/img/icons/section-title-icon.png" src="/img/icons/section-title-icon.png"
alt="laptop charging" alt="laptop charging"
className="section-title-img position-absolute object-fit-contain bottom-0 z-n1" className="section-title-img position-absolute object-fit-contain bottom-0 z-n1"
/> />
@ -935,7 +963,7 @@ const LandingPage = () => {
<div className="col-lg-5"> <div className="col-lg-5">
<div className="text-center"> <div className="text-center">
<img <img
src="./../../public/img/illustrations/faq-boy-with-logos.png" src="/img/illustrations/faq-boy-with-logos.png"
alt="faq boy with logos" alt="faq boy with logos"
className="faq-image" className="faq-image"
/> />
@ -1098,7 +1126,7 @@ const LandingPage = () => {
{/* CTA: Start */} {/* CTA: Start */}
<section id="landingCTA" className="section-py landing-cta "> <section id="landingCTA" className="section-py landing-cta ">
<img <img
src="./../../public/img/backgrounds/cta-bg-light.png" src="img/backgrounds/cta-bg-light.png"
className="position-absolute bottom-0 end-0 scaleX-n1-rtl h-100 w-100 z-n1" className="position-absolute bottom-0 end-0 scaleX-n1-rtl h-100 w-100 z-n1"
alt="cta image" alt="cta image"
data-app-light-img="backgrounds/cta-bg-light.png" data-app-light-img="backgrounds/cta-bg-light.png"
@ -1117,7 +1145,7 @@ const LandingPage = () => {
<span className="position-relative fw-extrabold z-1"> <span className="position-relative fw-extrabold z-1">
Let's work Let's work
<img <img
src="./../../public/img/icons/section-title-icon.png" src="/img/icons/section-title-icon.png"
alt="laptop charging" alt="laptop charging"
className="section-title-img position-absolute object-fit-contain bottom-0 z-n1" className="section-title-img position-absolute object-fit-contain bottom-0 z-n1"
/> />
@ -1187,7 +1215,7 @@ const LandingPage = () => {
<div className="col-lg-6 pt-lg-12 text-center text-lg-end"> <div className="col-lg-6 pt-lg-12 text-center text-lg-end">
<img <img
style={{ width: "80%" }} style={{ width: "80%" }}
src="./../../public/img/images/contact-customer-service.png" src="/img/images/contact-customer-service.png"
alt="hero elements" alt="hero elements"
></img> ></img>
</div> </div>
@ -1210,7 +1238,7 @@ const LandingPage = () => {
<span className="position-relative fw-extrabold z-1"> <span className="position-relative fw-extrabold z-1">
Let's work Let's work
<img <img
src="./../../public/img/icons/section-title-icon.png" src="/img/icons/section-title-icon.png"
alt="laptop charging" alt="laptop charging"
className="section-title-img position-absolute object-fit-contain bottom-0 z-n1" className="section-title-img position-absolute object-fit-contain bottom-0 z-n1"
/> />
@ -1224,12 +1252,12 @@ const LandingPage = () => {
<div className="col-lg-5"> <div className="col-lg-5">
<div className="contact-img-box position-relative border p-2 h-100"> <div className="contact-img-box position-relative border p-2 h-100">
<img <img
src="./../../public/img/icons/contact-border.png" src="/img/icons/contact-border.png"
alt="contact border" alt="contact border"
className="contact-border-img position-absolute d-none d-lg-block scaleX-n1-rtl" className="contact-border-img position-absolute d-none d-lg-block scaleX-n1-rtl"
/> />
<img <img
src="./../../public/img/images/contact-customer-service.png" src="/img/images/contact-customer-service.png"
alt="contact customer service" alt="contact customer service"
className="contact-img w-100 scaleX-n1-rtl" className="contact-img w-100 scaleX-n1-rtl"
/> />
@ -1352,7 +1380,7 @@ const LandingPage = () => {
<footer className="landing-footer bg-body footer-text"> <footer className="landing-footer bg-body footer-text">
<div className="footer-top position-relative overflow-hidden z-1"> <div className="footer-top position-relative overflow-hidden z-1">
<img <img
src="./../../public/img/backgrounds/footer-bg.png" src="/img/backgrounds/footer-bg.png"
alt="footer bg" alt="footer bg"
className="footer-bg banner-bg-img z-n1" className="footer-bg banner-bg-img z-n1"
/> />
@ -1452,7 +1480,7 @@ const LandingPage = () => {
padding: "0px", padding: "0px",
borderRadius: "50px", borderRadius: "50px",
}} }}
src="../../../public/img/brand/marco.png" src="/img/brand/marco.png"
width="50" width="50"
/> />
<span> Marco PMS</span> <span> Marco PMS</span>
@ -1489,7 +1517,7 @@ const LandingPage = () => {
<h6 className="footer-title mt-3">Download our app</h6> <h6 className="footer-title mt-3">Download our app</h6>
<a href="javascript:void(0);"> <a href="javascript:void(0);">
<img <img
src="./../../public/img/icons/apple-icon.png" src="/img/icons/apple-icon.png"
alt="apple icon" alt="apple icon"
/> />
</a> </a>
@ -1498,7 +1526,7 @@ const LandingPage = () => {
target="_blank" target="_blank"
> >
<img <img
src="./../../public/img/icons/google-play-icon.png" src="/img/icons/google-play-icon.png"
alt="google play icon" alt="google play icon"
/> />
</a> </a>
@ -1527,7 +1555,7 @@ const LandingPage = () => {
target="_blank" target="_blank"
> >
<img <img
src="./../../public/img/icons/facebook.svg" src="/img/icons/facebook.svg"
alt="facebook icon" alt="facebook icon"
/> />
</a> </a>
@ -1537,13 +1565,13 @@ const LandingPage = () => {
target="_blank" target="_blank"
> >
<img <img
src="./../../public/img/icons/twitter.svg" src="/img/icons/twitter.svg"
alt="twitter icon" alt="twitter icon"
/> />
</a> </a>
<a href="https://www.instagram.com/marcoaiot/" target="_blank"> <a href="https://www.instagram.com/marcoaiot/" target="_blank">
<img <img
src="./../../public/img/icons/instagram.svg" src="/img/icons/instagram.svg"
alt="google icon" alt="google icon"
/> />
</a> </a>