changed images path for landing page
This commit is contained in:
parent
25ec5a354c
commit
ee9698f665
@ -13,6 +13,64 @@ import "swiper/css/navigation";
|
||||
import SwaperSlideContent from "./SwaperSlideContent";
|
||||
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 = {
|
||||
spaceBetween: 30,
|
||||
centeredSlides: true,
|
||||
rewind: true,
|
||||
autoplay: {
|
||||
delay: 3500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
clickable: true,
|
||||
},
|
||||
keyboard: {
|
||||
enabled: true,
|
||||
},
|
||||
navigation: false,
|
||||
modules: [EffectFlip, Autoplay, Pagination, Navigation],
|
||||
className: "mySwiper",
|
||||
};
|
||||
|
||||
const LandingPage = () => {
|
||||
const [swiperRef, setSwiperRef] = useState(null);
|
||||
return (
|
||||
@ -37,10 +95,7 @@ const LandingPage = () => {
|
||||
{/* Mobile menu toggle: End*/}
|
||||
<a href="/" className="app-brand-link">
|
||||
<span className="app-brand-logo demo">
|
||||
<img
|
||||
src="/img/brand/marco.png"
|
||||
width={50}
|
||||
></img>
|
||||
<img src="/img/brand/marco.png" width={50}></img>
|
||||
</span>
|
||||
<span className="app-brand-text demo menu-text fw-bold ms-2 ps-1 ">
|
||||
{/* <Link> */} PMS
|
||||
@ -172,77 +227,12 @@ const LandingPage = () => {
|
||||
id="heroAnimationImg"
|
||||
className="position-relative hero-dashboard-img"
|
||||
>
|
||||
<Swiper
|
||||
spaceBetween={30}
|
||||
centeredSlides={true}
|
||||
rewind={true}
|
||||
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="./../../public/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="./../../public/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="./../../public/img/app/dashboard-light-04.png"
|
||||
Title="Role-based Permissions"
|
||||
Body="Securely control access with customizable roles and permissions."
|
||||
></SwaperSlideContent>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide>
|
||||
<SwaperSlideContent
|
||||
ImageUrl="./../../public/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="./../../public/img/app/dashboard-light-06.png"
|
||||
Title="Reporting & Analytics"
|
||||
Body="Gain actionable insights through powerful reports and analytics dashboards."
|
||||
></SwaperSlideContent>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide>
|
||||
<SwaperSlideContent
|
||||
ImageUrl="./../../public/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="./../../public/img/app/dashboard-light-08.png"
|
||||
Title="Inventory Management"
|
||||
Body="Track materials, supplies, and assets — never run short again."
|
||||
></SwaperSlideContent>
|
||||
</SwiperSlide>
|
||||
<Swiper {...swiperConfig}>
|
||||
{slides.map((slide, index) => (
|
||||
<SwiperSlide key={index}>
|
||||
<SwaperSlideContent {...slide} />
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
</div>
|
||||
@ -279,7 +269,7 @@ const LandingPage = () => {
|
||||
<div className="col-lg-3 col-sm-4 text-center features-icon-box">
|
||||
<div className="text-center mb-4">
|
||||
<img
|
||||
src="./../../public/img/icons/laptop.svg"
|
||||
src="/img/icons/laptop.svg"
|
||||
alt="laptop charging"
|
||||
/>
|
||||
</div>
|
||||
@ -292,7 +282,7 @@ const LandingPage = () => {
|
||||
<div className="col-lg-3 col-sm-4 text-center features-icon-box">
|
||||
<div className="text-center mb-4">
|
||||
<img
|
||||
src="./../../public/img/icons/rocket.svg"
|
||||
src="/img/icons/rocket.svg"
|
||||
alt="transition up"
|
||||
/>
|
||||
</div>
|
||||
@ -304,7 +294,7 @@ const LandingPage = () => {
|
||||
</div>
|
||||
<div className="col-lg-3 col-sm-4 text-center features-icon-box">
|
||||
<div className="text-center mb-4">
|
||||
<img src="./../../public/img/icons/paper.svg" alt="edit" />
|
||||
<img src="/img/icons/paper.svg" alt="edit" />
|
||||
</div>
|
||||
<h5 className="mb-2">Role-based Permissions</h5>
|
||||
<p className="features-icon-description">
|
||||
@ -366,7 +356,7 @@ const LandingPage = () => {
|
||||
<div className="col-lg-3 col-sm-4 text-center features-icon-box">
|
||||
<div className="text-center mb-4">
|
||||
<img
|
||||
src="./../../public/img/icons/inventory.svg"
|
||||
src="/img/icons/inventory.svg"
|
||||
alt="keyboard"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user