From 6ca6ec31f7e95c8655d86d2ebf20b58fe256151b Mon Sep 17 00:00:00 2001 From: Vikas Nale Date: Tue, 9 Sep 2025 12:06:10 +0530 Subject: [PATCH 1/5] landing page modifications --- public/img/front-pages/icons/inventory.svg | 1 + src/pages/Home/LandingPage.jsx | 203 ++++++++++++--------- src/pages/Home/SwaperSlideContent.jsx | 39 ++++ src/router/AppRoutes.jsx | 2 +- 4 files changed, 160 insertions(+), 85 deletions(-) create mode 100644 public/img/front-pages/icons/inventory.svg create mode 100644 src/pages/Home/SwaperSlideContent.jsx diff --git a/public/img/front-pages/icons/inventory.svg b/public/img/front-pages/icons/inventory.svg new file mode 100644 index 00000000..6e56346a --- /dev/null +++ b/public/img/front-pages/icons/inventory.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/pages/Home/LandingPage.jsx b/src/pages/Home/LandingPage.jsx index 36e3f4da..0277d357 100644 --- a/src/pages/Home/LandingPage.jsx +++ b/src/pages/Home/LandingPage.jsx @@ -8,6 +8,7 @@ import { Autoplay, Pagination, Navigation } from "swiper/modules"; // Import Swiper styles import "swiper/css"; import "swiper/css/navigation"; +import SwaperSlideContent from "./SwaperSlideContent"; const LandingPage = () => { return ( @@ -77,8 +78,8 @@ const LandingPage = () => {
  • - - Team + + Pricing
  • @@ -131,13 +132,14 @@ const LandingPage = () => {

    - One dashboard to manage all your businesses + All-in-one platform to manage projects, people, and resources + seamlessly.

    -

    + {/*

    Production-ready & easy to use Admin Template
    for Reliability and Customizability. -

    + */}
    {/* Join community @@ -151,7 +153,7 @@ const LandingPage = () => { href="#landingPricing" className="btn btn-primary btn-lg me-5" > - Get early access + Get Early Access { id="heroDashboardAnimation" className="hero-animation-img mt-10" > - -
    console.log("slide change")} + onSwiper={(swiper) => console.log(swiper)} > - console.log("slide change")} - onSwiper={(swiper) => console.log(swiper)} - > - - hero dashboard - - + + + + + + + + {/* hero dashboard { data-app-light-img="front-pages/landing-page/hero-dashboard-light.png" data-app-dark-img="front-pages/landing-page/hero-dashboard-dark.png" /> - - + */} + {/* hero dashboard { data-app-light-img="front-pages/landing-page/hero-dashboard-light.png" data-app-dark-img="front-pages/landing-page/hero-dashboard-dark.png" /> - - + */} + - {/* hero elements */} -
    -     +
    @@ -291,105 +286,145 @@ const LandingPage = () => {

    - Everything you need - laptop charging + /> */} - to start your next project + everything your business needs in one place.

    - Not just a set of tools, the package includes ready-to-deploy - conceptual application. + All-in-one platform to manage projects, people, and resources + seamlessly.

    -
    +
    laptop charging
    -
    Quality Code
    +
    Project & Task Management

    - Code structure that all developers will easily understand and - fall in love with. + Plan, assign, and track projects and tasks seamlessly for + better team collaboration.

    -
    +
    transition up
    -
    Continuous Updates
    +
    Attendance & Leave Tracking

    - Free updates for the next 12 months, including new demos and - features. + Monitor employee attendance and manage leave requests with + ease.

    -
    +
    edit
    -
    Stater-Kit
    +
    Role-based Permissions

    - Start your project quickly without having to remove - unnecessary features. + Securely control access with customizable roles and + permissions.

    -
    +
    3d select solid
    -
    API Ready
    +
    Expense & Budget Tracking

    - Just change the endpoint and see your own data loaded within - seconds. + Keep projects on budget with real-time expense and cost + management.

    -
    +
    user
    -
    Excellent Support
    +
    Reporting & Analytics

    - An easy-to-follow doc with lots of references and code - examples. + Gain actionable insights through powerful reports and + analytics dashboards.

    -
    +
    keyboard
    -
    Well Documented
    +
    Document Management

    - An easy-to-follow doc with lots of references and code - examples. + Organize, share, and access all your project and employee + documents in one place.

    +
    +
    + keyboard +
    +
    + Service Provider & Subcontractor Tracking +
    +

    + Manage multiple service providers and subcontractors + efficiently within projects. +

    +
    {" "} +
    +
    + keyboard +
    +
    Inventory Management
    +

    + Track materials, supplies, and assets — never run short again. +

    +
    {" "}
    +
    +
    + keyboard +
    +
    Directory
    +

    + Your team, suppliers, vendors organized and connected in one + unified directory. +

    +
    {" "}
    {/* Useful features: End */} {/* Our great team: Start */} -
    +
  • - + Blogs
    • @@ -244,14 +244,6 @@ const LandingPage = () => { > - - {/* hero elements */} @@ -264,7 +256,9 @@ const LandingPage = () => {
    - Useful Features + + Useful Features +

    @@ -405,91 +399,86 @@ const LandingPage = () => {

    {/* Useful features: End */} - {/* Our great team: Start */} -