diff --git a/public/img/front-pages/landing-page/dashboard-light-01.png b/public/img/app/dashboard-light-01.png similarity index 100% rename from public/img/front-pages/landing-page/dashboard-light-01.png rename to public/img/app/dashboard-light-01.png diff --git a/public/img/front-pages/landing-page/dashboard-light-02.png b/public/img/app/dashboard-light-02.png similarity index 100% rename from public/img/front-pages/landing-page/dashboard-light-02.png rename to public/img/app/dashboard-light-02.png diff --git a/public/img/front-pages/landing-page/dashboard-light-03.png b/public/img/app/dashboard-light-03.png similarity index 100% rename from public/img/front-pages/landing-page/dashboard-light-03.png rename to public/img/app/dashboard-light-03.png diff --git a/public/img/front-pages/landing-page/dashboard-light-04.png b/public/img/app/dashboard-light-04.png similarity index 100% rename from public/img/front-pages/landing-page/dashboard-light-04.png rename to public/img/app/dashboard-light-04.png diff --git a/public/img/front-pages/landing-page/dashboard-light-05.png b/public/img/app/dashboard-light-05.png similarity index 100% rename from public/img/front-pages/landing-page/dashboard-light-05.png rename to public/img/app/dashboard-light-05.png diff --git a/public/img/front-pages/landing-page/dashboard-light-06.png b/public/img/app/dashboard-light-06.png similarity index 100% rename from public/img/front-pages/landing-page/dashboard-light-06.png rename to public/img/app/dashboard-light-06.png diff --git a/public/img/front-pages/landing-page/dashboard-light-07.png b/public/img/app/dashboard-light-07.png similarity index 100% rename from public/img/front-pages/landing-page/dashboard-light-07.png rename to public/img/app/dashboard-light-07.png diff --git a/public/img/front-pages/landing-page/dashboard-light-08.png b/public/img/app/dashboard-light-08.png similarity index 100% rename from public/img/front-pages/landing-page/dashboard-light-08.png rename to public/img/app/dashboard-light-08.png diff --git a/public/img/front-pages/backgrounds/cta-bg-dark.png b/public/img/backgrounds/cta-bg-dark.png similarity index 100% rename from public/img/front-pages/backgrounds/cta-bg-dark.png rename to public/img/backgrounds/cta-bg-dark.png diff --git a/public/img/front-pages/backgrounds/cta-bg-light.png b/public/img/backgrounds/cta-bg-light.png similarity index 100% rename from public/img/front-pages/backgrounds/cta-bg-light.png rename to public/img/backgrounds/cta-bg-light.png diff --git a/public/img/front-pages/backgrounds/footer-bg-dark.png b/public/img/backgrounds/footer-bg-dark.png similarity index 100% rename from public/img/front-pages/backgrounds/footer-bg-dark.png rename to public/img/backgrounds/footer-bg-dark.png diff --git a/public/img/front-pages/backgrounds/footer-bg-light.png b/public/img/backgrounds/footer-bg-light.png similarity index 100% rename from public/img/front-pages/backgrounds/footer-bg-light.png rename to public/img/backgrounds/footer-bg-light.png diff --git a/public/img/front-pages/backgrounds/footer-bg.png b/public/img/backgrounds/footer-bg.png similarity index 100% rename from public/img/front-pages/backgrounds/footer-bg.png rename to public/img/backgrounds/footer-bg.png diff --git a/public/img/front-pages/backgrounds/hero-bg.png b/public/img/backgrounds/hero-bg.png similarity index 100% rename from public/img/front-pages/backgrounds/hero-bg.png rename to public/img/backgrounds/hero-bg.png diff --git a/public/img/front-pages/branding/logo-1.png b/public/img/brand/logo-1.png similarity index 100% rename from public/img/front-pages/branding/logo-1.png rename to public/img/brand/logo-1.png diff --git a/public/img/front-pages/branding/logo-2.png b/public/img/brand/logo-2.png similarity index 100% rename from public/img/front-pages/branding/logo-2.png rename to public/img/brand/logo-2.png diff --git a/public/img/front-pages/branding/logo-3.png b/public/img/brand/logo-3.png similarity index 100% rename from public/img/front-pages/branding/logo-3.png rename to public/img/brand/logo-3.png diff --git a/public/img/front-pages/branding/logo-4.png b/public/img/brand/logo-4.png similarity index 100% rename from public/img/front-pages/branding/logo-4.png rename to public/img/brand/logo-4.png diff --git a/public/img/front-pages/branding/logo-5.png b/public/img/brand/logo-5.png similarity index 100% rename from public/img/front-pages/branding/logo-5.png rename to public/img/brand/logo-5.png diff --git a/public/img/front-pages/branding/logo-6.png b/public/img/brand/logo-6.png similarity index 100% rename from public/img/front-pages/branding/logo-6.png rename to public/img/brand/logo-6.png diff --git a/public/img/front-pages/branding/logo_1-dark.png b/public/img/brand/logo_1-dark.png similarity index 100% rename from public/img/front-pages/branding/logo_1-dark.png rename to public/img/brand/logo_1-dark.png diff --git a/public/img/front-pages/branding/logo_1-light.png b/public/img/brand/logo_1-light.png similarity index 100% rename from public/img/front-pages/branding/logo_1-light.png rename to public/img/brand/logo_1-light.png diff --git a/public/img/front-pages/branding/logo_2-dark.png b/public/img/brand/logo_2-dark.png similarity index 100% rename from public/img/front-pages/branding/logo_2-dark.png rename to public/img/brand/logo_2-dark.png diff --git a/public/img/front-pages/branding/logo_2-light.png b/public/img/brand/logo_2-light.png similarity index 100% rename from public/img/front-pages/branding/logo_2-light.png rename to public/img/brand/logo_2-light.png diff --git a/public/img/front-pages/branding/logo_3-dark.png b/public/img/brand/logo_3-dark.png similarity index 100% rename from public/img/front-pages/branding/logo_3-dark.png rename to public/img/brand/logo_3-dark.png diff --git a/public/img/front-pages/branding/logo_3-light.png b/public/img/brand/logo_3-light.png similarity index 100% rename from public/img/front-pages/branding/logo_3-light.png rename to public/img/brand/logo_3-light.png diff --git a/public/img/front-pages/branding/logo_4-dark.png b/public/img/brand/logo_4-dark.png similarity index 100% rename from public/img/front-pages/branding/logo_4-dark.png rename to public/img/brand/logo_4-dark.png diff --git a/public/img/front-pages/branding/logo_4-light.png b/public/img/brand/logo_4-light.png similarity index 100% rename from public/img/front-pages/branding/logo_4-light.png rename to public/img/brand/logo_4-light.png diff --git a/public/img/front-pages/branding/logo_5-dark.png b/public/img/brand/logo_5-dark.png similarity index 100% rename from public/img/front-pages/branding/logo_5-dark.png rename to public/img/brand/logo_5-dark.png diff --git a/public/img/front-pages/branding/logo_5-light.png b/public/img/brand/logo_5-light.png similarity index 100% rename from public/img/front-pages/branding/logo_5-light.png rename to public/img/brand/logo_5-light.png diff --git a/public/img/brand/marco.png b/public/img/brand/marco.png index ca14f303..446e998f 100644 Binary files a/public/img/brand/marco.png and b/public/img/brand/marco.png differ diff --git a/public/img/front-pages/landing-page/cta-dashboard.png b/public/img/front-pages/landing-page/cta-dashboard.png deleted file mode 100644 index 9dcb642f..00000000 Binary files a/public/img/front-pages/landing-page/cta-dashboard.png and /dev/null differ diff --git a/public/img/front-pages/landing-page/hero-dashboard-dark.png b/public/img/front-pages/landing-page/hero-dashboard-dark.png deleted file mode 100644 index e035ae98..00000000 Binary files a/public/img/front-pages/landing-page/hero-dashboard-dark.png and /dev/null differ diff --git a/public/img/front-pages/landing-page/hero-dashboard-light1.png b/public/img/front-pages/landing-page/hero-dashboard-light1.png deleted file mode 100644 index b4f5fe55..00000000 Binary files a/public/img/front-pages/landing-page/hero-dashboard-light1.png and /dev/null differ diff --git a/public/img/front-pages/landing-page/hero-elements-dark.png b/public/img/front-pages/landing-page/hero-elements-dark.png deleted file mode 100644 index af1f5506..00000000 Binary files a/public/img/front-pages/landing-page/hero-elements-dark.png and /dev/null differ diff --git a/public/img/front-pages/landing-page/hero-elements-light.png b/public/img/front-pages/landing-page/hero-elements-light.png deleted file mode 100644 index 99f88901..00000000 Binary files a/public/img/front-pages/landing-page/hero-elements-light.png and /dev/null differ diff --git a/public/img/front-pages/misc/checkout-image.png b/public/img/front-pages/misc/checkout-image.png deleted file mode 100644 index 720bfc48..00000000 Binary files a/public/img/front-pages/misc/checkout-image.png and /dev/null differ diff --git a/public/img/front-pages/misc/nav-item-col-img.png b/public/img/front-pages/misc/nav-item-col-img.png deleted file mode 100644 index 5e51e3be..00000000 Binary files a/public/img/front-pages/misc/nav-item-col-img.png and /dev/null differ diff --git a/public/img/front-pages/misc/product-image.png b/public/img/front-pages/misc/product-image.png deleted file mode 100644 index 25f511b9..00000000 Binary files a/public/img/front-pages/misc/product-image.png and /dev/null differ diff --git a/public/img/front-pages/icons/Join-community-arrow.png b/public/img/icons/Join-community-arrow.png similarity index 100% rename from public/img/front-pages/icons/Join-community-arrow.png rename to public/img/icons/Join-community-arrow.png diff --git a/public/img/front-pages/landing-page/apple-icon.png b/public/img/icons/apple-icon.png similarity index 100% rename from public/img/front-pages/landing-page/apple-icon.png rename to public/img/icons/apple-icon.png diff --git a/public/img/front-pages/icons/check-warning.svg b/public/img/icons/check-warning.svg similarity index 100% rename from public/img/front-pages/icons/check-warning.svg rename to public/img/icons/check-warning.svg diff --git a/public/img/front-pages/icons/check.svg b/public/img/icons/check.svg similarity index 100% rename from public/img/front-pages/icons/check.svg rename to public/img/icons/check.svg diff --git a/public/img/front-pages/icons/contact-border.png b/public/img/icons/contact-border.png similarity index 100% rename from public/img/front-pages/icons/contact-border.png rename to public/img/icons/contact-border.png diff --git a/public/img/front-pages/icons/diamond-info.svg b/public/img/icons/diamond-info.svg similarity index 100% rename from public/img/front-pages/icons/diamond-info.svg rename to public/img/icons/diamond-info.svg diff --git a/public/img/front-pages/icons/facebook.svg b/public/img/icons/facebook.svg similarity index 100% rename from public/img/front-pages/icons/facebook.svg rename to public/img/icons/facebook.svg diff --git a/public/img/front-pages/icons/github.svg b/public/img/icons/github.svg similarity index 100% rename from public/img/front-pages/icons/github.svg rename to public/img/icons/github.svg diff --git a/public/img/front-pages/landing-page/google-play-icon.png b/public/img/icons/google-play-icon.png similarity index 100% rename from public/img/front-pages/landing-page/google-play-icon.png rename to public/img/icons/google-play-icon.png diff --git a/public/img/front-pages/icons/instagram.svg b/public/img/icons/instagram.svg similarity index 100% rename from public/img/front-pages/icons/instagram.svg rename to public/img/icons/instagram.svg diff --git a/public/img/icons/inventory.svg b/public/img/icons/inventory.svg new file mode 100644 index 00000000..6e56346a --- /dev/null +++ b/public/img/icons/inventory.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/front-pages/icons/keyboard.svg b/public/img/icons/keyboard.svg similarity index 100% rename from public/img/front-pages/icons/keyboard.svg rename to public/img/icons/keyboard.svg diff --git a/public/img/front-pages/icons/laptop.svg b/public/img/icons/laptop.svg similarity index 100% rename from public/img/front-pages/icons/laptop.svg rename to public/img/icons/laptop.svg diff --git a/public/img/front-pages/icons/paper-airplane.png b/public/img/icons/paper-airplane.png similarity index 100% rename from public/img/front-pages/icons/paper-airplane.png rename to public/img/icons/paper-airplane.png diff --git a/public/img/front-pages/icons/paper.svg b/public/img/icons/paper.svg similarity index 100% rename from public/img/front-pages/icons/paper.svg rename to public/img/icons/paper.svg diff --git a/public/img/front-pages/icons/plane.png b/public/img/icons/plane.png similarity index 100% rename from public/img/front-pages/icons/plane.png rename to public/img/icons/plane.png diff --git a/public/img/front-pages/icons/pricing-plans-arrow.png b/public/img/icons/pricing-plans-arrow.png similarity index 100% rename from public/img/front-pages/icons/pricing-plans-arrow.png rename to public/img/icons/pricing-plans-arrow.png diff --git a/public/img/front-pages/icons/rocket.svg b/public/img/icons/rocket.svg similarity index 100% rename from public/img/front-pages/icons/rocket.svg rename to public/img/icons/rocket.svg diff --git a/public/img/front-pages/icons/section-title-icon.png b/public/img/icons/section-title-icon.png similarity index 100% rename from public/img/front-pages/icons/section-title-icon.png rename to public/img/icons/section-title-icon.png diff --git a/public/img/front-pages/icons/shuttle-rocket.png b/public/img/icons/shuttle-rocket.png similarity index 100% rename from public/img/front-pages/icons/shuttle-rocket.png rename to public/img/icons/shuttle-rocket.png diff --git a/public/img/front-pages/icons/twitter.svg b/public/img/icons/twitter.svg similarity index 100% rename from public/img/front-pages/icons/twitter.svg rename to public/img/icons/twitter.svg diff --git a/public/img/front-pages/icons/user-success.svg b/public/img/icons/user-success.svg similarity index 100% rename from public/img/front-pages/icons/user-success.svg rename to public/img/icons/user-success.svg diff --git a/public/img/front-pages/icons/user.svg b/public/img/icons/user.svg similarity index 100% rename from public/img/front-pages/icons/user.svg rename to public/img/icons/user.svg diff --git a/public/img/front-pages/landing-page/faq-boy-with-logos.png b/public/img/illustrations/faq-boy-with-logos.png similarity index 100% rename from public/img/front-pages/landing-page/faq-boy-with-logos.png rename to public/img/illustrations/faq-boy-with-logos.png diff --git a/public/img/front-pages/landing-page/contact-customer-service.png b/public/img/images/contact-customer-service.png similarity index 100% rename from public/img/front-pages/landing-page/contact-customer-service.png rename to public/img/images/contact-customer-service.png diff --git a/public/img/front-pages/landing-page/team-member-1.png b/public/img/teams/team-member-1.png similarity index 100% rename from public/img/front-pages/landing-page/team-member-1.png rename to public/img/teams/team-member-1.png diff --git a/public/img/front-pages/landing-page/team-member-2.png b/public/img/teams/team-member-2.png similarity index 100% rename from public/img/front-pages/landing-page/team-member-2.png rename to public/img/teams/team-member-2.png diff --git a/public/img/front-pages/landing-page/team-member-3.png b/public/img/teams/team-member-3.png similarity index 100% rename from public/img/front-pages/landing-page/team-member-3.png rename to public/img/teams/team-member-3.png diff --git a/public/img/front-pages/landing-page/team-member-4.png b/public/img/teams/team-member-4.png similarity index 100% rename from public/img/front-pages/landing-page/team-member-4.png rename to public/img/teams/team-member-4.png diff --git a/src/pages/Home/LandingPage.css b/src/pages/Home/LandingPage.css index 70b8e283..db6555fa 100644 --- a/src/pages/Home/LandingPage.css +++ b/src/pages/Home/LandingPage.css @@ -1,6 +1,10 @@ .section-py { padding: 6.25rem 0; } + +.section-py .heading { + font-size: 1.625rem; +} @media (max-width: 1199.98px) { .section-py { padding: 4rem 0; @@ -53,6 +57,7 @@ nav.layout-navbar { /* backdrop-filter: unset; */ /* background-color: transparent !important; */ + background-color: rgba(214, 36, 33, 0.88) !important; } nav.layout-navbar::before { @@ -303,10 +308,10 @@ nav.layout-navbar.navbar-active::after { opacity: 1; } .landing-footer .footer-top { - padding-top: 3.3rem; - padding-bottom: 2.3rem; - border-top-left-radius: 3.75rem; - border-top-right-radius: 3.75rem; + padding-top: 1.3rem; + padding-bottom: 1.3rem; + border-top-left-radius: 1.75rem; + border-top-right-radius: 1.75rem; } @media (max-width: 767.98px) { .landing-footer .footer-top { @@ -355,7 +360,7 @@ nav.layout-navbar.navbar-active::after { .landing-hero { border-radius: 0 0 3.5rem 3.5rem; - padding-top: 10.2rem; + padding-top: 8.2rem; } .landing-hero::after { content: ""; @@ -368,7 +373,8 @@ nav.layout-navbar.navbar-active::after { } @media (min-width: 992px) { .landing-hero .hero-text-box { - max-width: 34.375rem; + /* max-width: 34.375rem; */ + max-width: 70%; margin: 0 auto; } } @@ -628,12 +634,12 @@ nav.layout-navbar.navbar-active::after { .swiper { width: 100%; height: 100%; + border-radius: 10px; } .swiper-slide { text-align: center; font-size: 18px; - background: #444; /* Center slide text vertically */ display: flex; diff --git a/src/pages/Home/LandingPage.jsx b/src/pages/Home/LandingPage.jsx index 36e3f4da..190f315c 100644 --- a/src/pages/Home/LandingPage.jsx +++ b/src/pages/Home/LandingPage.jsx @@ -1,15 +1,20 @@ import { noop } from "@tanstack/react-query"; +import React, { useEffect, useMemo, useState } from "react"; + import "./LandingPage.css"; import { Link } from "react-router-dom"; import { Swiper, SwiperSlide } from "swiper/react"; // import required modules -import { Autoplay, Pagination, Navigation } from "swiper/modules"; +import { EffectFlip, Autoplay, Pagination, Navigation } from "swiper/modules"; // Import Swiper styles import "swiper/css"; import "swiper/css/navigation"; +import SwaperSlideContent from "./SwaperSlideContent"; +import SwaperBlogContent from "./SwaperBlogContent"; const LandingPage = () => { + const [swiperRef, setSwiperRef] = useState(null); return (
@@ -287,192 +256,223 @@ const LandingPage = () => {
- Useful Features + + Useful Features +

- 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 + 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 + 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 */} -
-
+ {/* */} +
+ {/* */} +
- Our Great Team + + Case Studies +

- - Supported - laptop charging + + Proven results, showcased - by Real People + through client success stories

-

- Who is behind these great-looking interfaces? +

+ Every business has unique goals, and our case studies highlight + + {" "} + how we tailor solutions to deliver real impact. + {" "} +

+ See the transformations our clients have achieved with us

-
-
-
-
- human image -
-
-
Sophie Gilbert
-

Project Manager

-
-
-
-
-
-
- human image -
-
-
Paul Miles
-

UI Designer

-
-
-
-
-
-
- human image -
-
-
Nannie Ford
-

Development Lead

-
-
-
-
-
-
- human image -
-
-
Chris Watkins
-

Marketing Manager

-
-
+ +
+
- {/* Our great team: End */} + {/* */} {/* Pricing plans: Start */}
{ >
- Pricing Plans + + Pricing Plans +

Tailored pricing plans - laptop charging + /> */} designed for you

- All plans include 40+ advanced tools and features to boost your - product. -
- Choose the best plan to fit your needs. + No matter which plan you choose, you’ll get access to powerful + features. Choose the best plan to fit your needs.

-
+
-
-
+
{/* Basic Plan: Start */}
paper airplane icon @@ -618,7 +629,7 @@ const LandingPage = () => {
Get Started @@ -635,7 +646,7 @@ const LandingPage = () => {
plane icon @@ -731,7 +742,7 @@ const LandingPage = () => {
shuttle rocket icon @@ -840,7 +851,7 @@ const LandingPage = () => {
laptop @@ -857,7 +868,7 @@ const LandingPage = () => {
laptop @@ -874,7 +885,7 @@ const LandingPage = () => {
laptop @@ -891,7 +902,7 @@ const LandingPage = () => {
laptop @@ -913,14 +924,14 @@ const LandingPage = () => {
- FAQ + FAQ

Frequently asked questions laptop charging @@ -934,7 +945,7 @@ const LandingPage = () => {
faq boy with logos @@ -952,7 +963,7 @@ const LandingPage = () => { aria-expanded="true" aria-controls="accordionOne" > - Do you charge for each upgrade? + What is MarcoPMS?

@@ -980,7 +991,7 @@ const LandingPage = () => { aria-expanded="false" aria-controls="accordionTwo" > - Do I need to purchase a license for each website? + Can I switch or cancel my plan?
{ aria-expanded="false" aria-controls="accordionThree" > - What is regular license? + How secure is Marco PMS?
{ aria-expanded="false" aria-controls="accordionFour" > - What is extended license? + Where can i get help if I have more questions?
{ {/* FAQ: End */} {/* CTA: Start */} -
+
cta image
- Contact US + Contact US
@@ -1119,7 +1127,7 @@ const LandingPage = () => { Let's work laptop charging @@ -1175,10 +1183,7 @@ const LandingPage = () => {
Start your project with a 14-day free trial
- + Get Started {" "} {
hero elements
@@ -1209,13 +1214,13 @@ const LandingPage = () => { >
- Contact US + Contact US

Let's work laptop charging @@ -1229,12 +1234,12 @@ const LandingPage = () => {
contact border contact customer service @@ -1357,14 +1362,14 @@ const LandingPage = () => {