diff --git a/.scannerwork/.sonar_lock b/.scannerwork/.sonar_lock new file mode 100644 index 00000000..e69de29b diff --git a/.scannerwork/report-task.txt b/.scannerwork/report-task.txt new file mode 100644 index 00000000..df1f2fb1 --- /dev/null +++ b/.scannerwork/report-task.txt @@ -0,0 +1,6 @@ +projectKey=pms-react +serverUrl=https://sonar.marcoaiot.com +serverVersion=25.5.0.107428 +dashboardUrl=https://sonar.marcoaiot.com/dashboard?id=pms-react +ceTaskId=ad6ba36a-08cb-400b-903e-94f173cac03f +ceTaskUrl=https://sonar.marcoaiot.com/api/ce/task?id=ad6ba36a-08cb-400b-903e-94f173cac03f diff --git a/public/img/front-pages/backgrounds/cta-bg-dark.png b/public/img/front-pages/backgrounds/cta-bg-dark.png new file mode 100644 index 00000000..7c4e84ae Binary files /dev/null and b/public/img/front-pages/backgrounds/cta-bg-dark.png differ diff --git a/public/img/front-pages/backgrounds/cta-bg-light.png b/public/img/front-pages/backgrounds/cta-bg-light.png new file mode 100644 index 00000000..f2cdb6fb Binary files /dev/null and b/public/img/front-pages/backgrounds/cta-bg-light.png differ diff --git a/public/img/front-pages/backgrounds/footer-bg-dark.png b/public/img/front-pages/backgrounds/footer-bg-dark.png new file mode 100644 index 00000000..150c6ee6 Binary files /dev/null and b/public/img/front-pages/backgrounds/footer-bg-dark.png differ diff --git a/public/img/front-pages/backgrounds/footer-bg-light.png b/public/img/front-pages/backgrounds/footer-bg-light.png new file mode 100644 index 00000000..ff217349 Binary files /dev/null and b/public/img/front-pages/backgrounds/footer-bg-light.png differ diff --git a/public/img/front-pages/backgrounds/footer-bg.png b/public/img/front-pages/backgrounds/footer-bg.png new file mode 100644 index 00000000..5890f0d6 Binary files /dev/null and b/public/img/front-pages/backgrounds/footer-bg.png differ diff --git a/public/img/front-pages/backgrounds/hero-bg.png b/public/img/front-pages/backgrounds/hero-bg.png new file mode 100644 index 00000000..7d175c58 Binary files /dev/null and b/public/img/front-pages/backgrounds/hero-bg.png differ diff --git a/public/img/front-pages/branding/logo-1.png b/public/img/front-pages/branding/logo-1.png new file mode 100644 index 00000000..7f551d70 Binary files /dev/null and b/public/img/front-pages/branding/logo-1.png differ diff --git a/public/img/front-pages/branding/logo-2.png b/public/img/front-pages/branding/logo-2.png new file mode 100644 index 00000000..5e3f2698 Binary files /dev/null and b/public/img/front-pages/branding/logo-2.png differ diff --git a/public/img/front-pages/branding/logo-3.png b/public/img/front-pages/branding/logo-3.png new file mode 100644 index 00000000..e854e939 Binary files /dev/null and b/public/img/front-pages/branding/logo-3.png differ diff --git a/public/img/front-pages/branding/logo-4.png b/public/img/front-pages/branding/logo-4.png new file mode 100644 index 00000000..6c5d3f3c Binary files /dev/null and b/public/img/front-pages/branding/logo-4.png differ diff --git a/public/img/front-pages/branding/logo-5.png b/public/img/front-pages/branding/logo-5.png new file mode 100644 index 00000000..bf3cc14e Binary files /dev/null and b/public/img/front-pages/branding/logo-5.png differ diff --git a/public/img/front-pages/branding/logo-6.png b/public/img/front-pages/branding/logo-6.png new file mode 100644 index 00000000..99980b2a Binary files /dev/null and b/public/img/front-pages/branding/logo-6.png differ diff --git a/public/img/front-pages/branding/logo_1-dark.png b/public/img/front-pages/branding/logo_1-dark.png new file mode 100644 index 00000000..cb1a58d2 Binary files /dev/null and b/public/img/front-pages/branding/logo_1-dark.png differ diff --git a/public/img/front-pages/branding/logo_1-light.png b/public/img/front-pages/branding/logo_1-light.png new file mode 100644 index 00000000..e0308e90 Binary files /dev/null and b/public/img/front-pages/branding/logo_1-light.png differ diff --git a/public/img/front-pages/branding/logo_2-dark.png b/public/img/front-pages/branding/logo_2-dark.png new file mode 100644 index 00000000..f5e92478 Binary files /dev/null and b/public/img/front-pages/branding/logo_2-dark.png differ diff --git a/public/img/front-pages/branding/logo_2-light.png b/public/img/front-pages/branding/logo_2-light.png new file mode 100644 index 00000000..719e6103 Binary files /dev/null and b/public/img/front-pages/branding/logo_2-light.png differ diff --git a/public/img/front-pages/branding/logo_3-dark.png b/public/img/front-pages/branding/logo_3-dark.png new file mode 100644 index 00000000..27c68e49 Binary files /dev/null and b/public/img/front-pages/branding/logo_3-dark.png differ diff --git a/public/img/front-pages/branding/logo_3-light.png b/public/img/front-pages/branding/logo_3-light.png new file mode 100644 index 00000000..5ec4f174 Binary files /dev/null and b/public/img/front-pages/branding/logo_3-light.png differ diff --git a/public/img/front-pages/branding/logo_4-dark.png b/public/img/front-pages/branding/logo_4-dark.png new file mode 100644 index 00000000..3e5bfc3d Binary files /dev/null and b/public/img/front-pages/branding/logo_4-dark.png differ diff --git a/public/img/front-pages/branding/logo_4-light.png b/public/img/front-pages/branding/logo_4-light.png new file mode 100644 index 00000000..0929f535 Binary files /dev/null and b/public/img/front-pages/branding/logo_4-light.png differ diff --git a/public/img/front-pages/branding/logo_5-dark.png b/public/img/front-pages/branding/logo_5-dark.png new file mode 100644 index 00000000..34342001 Binary files /dev/null and b/public/img/front-pages/branding/logo_5-dark.png differ diff --git a/public/img/front-pages/branding/logo_5-light.png b/public/img/front-pages/branding/logo_5-light.png new file mode 100644 index 00000000..deb1071f Binary files /dev/null and b/public/img/front-pages/branding/logo_5-light.png differ diff --git a/public/img/front-pages/icons/Join-community-arrow.png b/public/img/front-pages/icons/Join-community-arrow.png new file mode 100644 index 00000000..9bde454a Binary files /dev/null and b/public/img/front-pages/icons/Join-community-arrow.png differ diff --git a/public/img/front-pages/icons/check-warning.svg b/public/img/front-pages/icons/check-warning.svg new file mode 100644 index 00000000..4c16161c --- /dev/null +++ b/public/img/front-pages/icons/check-warning.svg @@ -0,0 +1,4 @@ + diff --git a/public/img/front-pages/icons/check.svg b/public/img/front-pages/icons/check.svg new file mode 100644 index 00000000..59b5961e --- /dev/null +++ b/public/img/front-pages/icons/check.svg @@ -0,0 +1,4 @@ + diff --git a/public/img/front-pages/icons/contact-border.png b/public/img/front-pages/icons/contact-border.png new file mode 100644 index 00000000..1eb721d6 Binary files /dev/null and b/public/img/front-pages/icons/contact-border.png differ diff --git a/public/img/front-pages/icons/diamond-info.svg b/public/img/front-pages/icons/diamond-info.svg new file mode 100644 index 00000000..5f24f9ef --- /dev/null +++ b/public/img/front-pages/icons/diamond-info.svg @@ -0,0 +1,5 @@ + diff --git a/public/img/front-pages/icons/facebook.svg b/public/img/front-pages/icons/facebook.svg new file mode 100644 index 00000000..42672a2d --- /dev/null +++ b/public/img/front-pages/icons/facebook.svg @@ -0,0 +1,3 @@ + diff --git a/public/img/front-pages/icons/github.svg b/public/img/front-pages/icons/github.svg new file mode 100644 index 00000000..75bdf8d1 --- /dev/null +++ b/public/img/front-pages/icons/github.svg @@ -0,0 +1,3 @@ + diff --git a/public/img/front-pages/icons/instagram.svg b/public/img/front-pages/icons/instagram.svg new file mode 100644 index 00000000..9a6830c8 --- /dev/null +++ b/public/img/front-pages/icons/instagram.svg @@ -0,0 +1,11 @@ + diff --git a/public/img/front-pages/icons/keyboard.svg b/public/img/front-pages/icons/keyboard.svg new file mode 100644 index 00000000..dd6b8775 --- /dev/null +++ b/public/img/front-pages/icons/keyboard.svg @@ -0,0 +1,4 @@ + diff --git a/public/img/front-pages/icons/laptop.svg b/public/img/front-pages/icons/laptop.svg new file mode 100644 index 00000000..befca175 --- /dev/null +++ b/public/img/front-pages/icons/laptop.svg @@ -0,0 +1,4 @@ + diff --git a/public/img/front-pages/icons/paper-airplane.png b/public/img/front-pages/icons/paper-airplane.png new file mode 100644 index 00000000..a4911dc4 Binary files /dev/null and b/public/img/front-pages/icons/paper-airplane.png differ diff --git a/public/img/front-pages/icons/paper.svg b/public/img/front-pages/icons/paper.svg new file mode 100644 index 00000000..6d933f2a --- /dev/null +++ b/public/img/front-pages/icons/paper.svg @@ -0,0 +1,4 @@ + diff --git a/public/img/front-pages/icons/plane.png b/public/img/front-pages/icons/plane.png new file mode 100644 index 00000000..497cc1e4 Binary files /dev/null and b/public/img/front-pages/icons/plane.png differ diff --git a/public/img/front-pages/icons/pricing-plans-arrow.png b/public/img/front-pages/icons/pricing-plans-arrow.png new file mode 100644 index 00000000..ed8f60bb Binary files /dev/null and b/public/img/front-pages/icons/pricing-plans-arrow.png differ diff --git a/public/img/front-pages/icons/rocket.svg b/public/img/front-pages/icons/rocket.svg new file mode 100644 index 00000000..700323aa --- /dev/null +++ b/public/img/front-pages/icons/rocket.svg @@ -0,0 +1,4 @@ + diff --git a/public/img/front-pages/icons/section-title-icon.png b/public/img/front-pages/icons/section-title-icon.png new file mode 100644 index 00000000..6e8d1730 Binary files /dev/null and b/public/img/front-pages/icons/section-title-icon.png differ diff --git a/public/img/front-pages/icons/shuttle-rocket.png b/public/img/front-pages/icons/shuttle-rocket.png new file mode 100644 index 00000000..154b17e7 Binary files /dev/null and b/public/img/front-pages/icons/shuttle-rocket.png differ diff --git a/public/img/front-pages/icons/twitter.svg b/public/img/front-pages/icons/twitter.svg new file mode 100644 index 00000000..78fa4dc2 --- /dev/null +++ b/public/img/front-pages/icons/twitter.svg @@ -0,0 +1,3 @@ + diff --git a/public/img/front-pages/icons/user-success.svg b/public/img/front-pages/icons/user-success.svg new file mode 100644 index 00000000..32d4b3bb --- /dev/null +++ b/public/img/front-pages/icons/user-success.svg @@ -0,0 +1,6 @@ + diff --git a/public/img/front-pages/icons/user.svg b/public/img/front-pages/icons/user.svg new file mode 100644 index 00000000..af4eac79 --- /dev/null +++ b/public/img/front-pages/icons/user.svg @@ -0,0 +1,4 @@ + diff --git a/public/img/front-pages/landing-page/apple-icon.png b/public/img/front-pages/landing-page/apple-icon.png new file mode 100644 index 00000000..82527801 Binary files /dev/null and b/public/img/front-pages/landing-page/apple-icon.png differ diff --git a/public/img/front-pages/landing-page/contact-customer-service.png b/public/img/front-pages/landing-page/contact-customer-service.png new file mode 100644 index 00000000..4e5aaaad Binary files /dev/null and b/public/img/front-pages/landing-page/contact-customer-service.png differ diff --git a/public/img/front-pages/landing-page/cta-dashboard.png b/public/img/front-pages/landing-page/cta-dashboard.png new file mode 100644 index 00000000..9dcb642f Binary files /dev/null and b/public/img/front-pages/landing-page/cta-dashboard.png differ diff --git a/public/img/front-pages/landing-page/faq-boy-with-logos.png b/public/img/front-pages/landing-page/faq-boy-with-logos.png new file mode 100644 index 00000000..b64dbfcc Binary files /dev/null and b/public/img/front-pages/landing-page/faq-boy-with-logos.png differ diff --git a/public/img/front-pages/landing-page/google-play-icon.png b/public/img/front-pages/landing-page/google-play-icon.png new file mode 100644 index 00000000..117bcb16 Binary files /dev/null and b/public/img/front-pages/landing-page/google-play-icon.png 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 new file mode 100644 index 00000000..e035ae98 Binary files /dev/null and b/public/img/front-pages/landing-page/hero-dashboard-dark.png differ diff --git a/public/img/front-pages/landing-page/hero-dashboard-light.png b/public/img/front-pages/landing-page/hero-dashboard-light.png new file mode 100644 index 00000000..8e1d4956 Binary files /dev/null and b/public/img/front-pages/landing-page/hero-dashboard-light.png 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 new file mode 100644 index 00000000..b4f5fe55 Binary files /dev/null and b/public/img/front-pages/landing-page/hero-dashboard-light1.png 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 new file mode 100644 index 00000000..af1f5506 Binary files /dev/null and b/public/img/front-pages/landing-page/hero-elements-dark.png 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 new file mode 100644 index 00000000..99f88901 Binary files /dev/null and b/public/img/front-pages/landing-page/hero-elements-light.png differ diff --git a/public/img/front-pages/landing-page/team-member-1.png b/public/img/front-pages/landing-page/team-member-1.png new file mode 100644 index 00000000..2a007f12 Binary files /dev/null and b/public/img/front-pages/landing-page/team-member-1.png differ diff --git a/public/img/front-pages/landing-page/team-member-2.png b/public/img/front-pages/landing-page/team-member-2.png new file mode 100644 index 00000000..b1b7e7c0 Binary files /dev/null and b/public/img/front-pages/landing-page/team-member-2.png differ diff --git a/public/img/front-pages/landing-page/team-member-3.png b/public/img/front-pages/landing-page/team-member-3.png new file mode 100644 index 00000000..805b2825 Binary files /dev/null and b/public/img/front-pages/landing-page/team-member-3.png differ diff --git a/public/img/front-pages/landing-page/team-member-4.png b/public/img/front-pages/landing-page/team-member-4.png new file mode 100644 index 00000000..8718f3c1 Binary files /dev/null and b/public/img/front-pages/landing-page/team-member-4.png differ diff --git a/public/img/front-pages/misc/checkout-image.png b/public/img/front-pages/misc/checkout-image.png new file mode 100644 index 00000000..720bfc48 Binary files /dev/null and b/public/img/front-pages/misc/checkout-image.png 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 new file mode 100644 index 00000000..5e51e3be Binary files /dev/null and b/public/img/front-pages/misc/nav-item-col-img.png differ diff --git a/public/img/front-pages/misc/product-image.png b/public/img/front-pages/misc/product-image.png new file mode 100644 index 00000000..25f511b9 Binary files /dev/null and b/public/img/front-pages/misc/product-image.png differ diff --git a/public/img/illustrations/worker_01.svg b/public/img/illustrations/worker_01.svg new file mode 100644 index 00000000..2170c2f4 --- /dev/null +++ b/public/img/illustrations/worker_01.svg @@ -0,0 +1,4955 @@ + + + diff --git a/public/img/illustrations/worker_02.jpg b/public/img/illustrations/worker_02.jpg new file mode 100644 index 00000000..274c55c3 Binary files /dev/null and b/public/img/illustrations/worker_02.jpg differ diff --git a/public/img/illustrations/worker_02.svg b/public/img/illustrations/worker_02.svg new file mode 100644 index 00000000..c673e01c --- /dev/null +++ b/public/img/illustrations/worker_02.svg @@ -0,0 +1,1117 @@ + + + diff --git a/public/img/illustrations/worker_03.jpg b/public/img/illustrations/worker_03.jpg new file mode 100644 index 00000000..99c9be24 Binary files /dev/null and b/public/img/illustrations/worker_03.jpg differ diff --git a/public/img/illustrations/worker_03.png b/public/img/illustrations/worker_03.png new file mode 100644 index 00000000..d5fdab98 Binary files /dev/null and b/public/img/illustrations/worker_03.png differ diff --git a/public/img/illustrations/worker_03.svg b/public/img/illustrations/worker_03.svg new file mode 100644 index 00000000..ee552ecf --- /dev/null +++ b/public/img/illustrations/worker_03.svg @@ -0,0 +1,383 @@ + + + diff --git a/src/pages/Home/LandingPage.css b/src/pages/Home/LandingPage.css new file mode 100644 index 00000000..c251bfda --- /dev/null +++ b/src/pages/Home/LandingPage.css @@ -0,0 +1,611 @@ +.section-py { + padding: 6.25rem 0; +} +@media (max-width: 1199.98px) { + .section-py { + padding: 4rem 0; + } +} +@media (max-width: 767.98px) { + .section-py { + padding: 3rem 0; + } +} + +.first-section-pt { + padding-top: 11.28rem; +} +@media (max-width: 1199.98px) { + .first-section-pt { + padding-top: 7.5rem; + } +} + +.card[class*="card-hover-border-"] { + transition: all 0.2s ease-in-out; +} + +.banner-bg-img { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + object-fit: cover; + object-position: left; +} + +.section-title-img { + height: 100%; + width: 120%; + inset-inline-start: -12%; + top: 10px; +} + +.light-style body { + background-color: #fff; +} + +.dark-style body { + background-color: #2b2c40; +} + +nav.layout-navbar { + backdrop-filter: unset !important; + height: auto !important; + z-index: 999 !important; + background-color: transparent !important; +} +nav.layout-navbar::after { + content: ""; + position: absolute; + display: block; + height: 100%; + width: 100%; + top: 0; + left: 0; +} +nav.layout-navbar.navbar-active::after { + backdrop-filter: saturate(100%) blur(6px); + -webkit-backdrop-filter: saturate(100%) blur(6px); +} + +.navbar.landing-navbar { + box-shadow: none; + transition: all 0.2s ease-in-out; + transform: unset !important; + padding-top: 0.614rem; + padding-bottom: 0.614rem; + margin-top: 1rem; + border-width: 2px; + border-style: solid; + border-radius: 0.375rem; +} +.navbar.landing-navbar .navbar-nav .nav-link { + padding: 0.5rem 0.625rem; + margin-inline-end: 0.625rem; +} +@media (max-width: 1199.98px) { + .navbar.landing-navbar .navbar-nav .nav-link { + padding-left: 0.5rem; + padding-right: 0.5rem; + margin-inline-end: 0; + } +} +.navbar.landing-navbar .navbar-nav .nav-item:last-child .nav-link { + margin-inline-end: 0; +} +@media (min-width: 992px) { + .navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown > .dropdown-menu { + max-width: 1300px; + inset-inline-start: 50% !important; + transform: translateX(-50%); + top: 100%; + } +} +@media (max-width: 991.98px) { + .navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown > .dropdown-menu { + background: transparent; + box-shadow: none; + border: none; + } +} +.navbar.landing-navbar + .navbar-nav + .nav-item.mega-dropdown + > .dropdown-menu + .mega-dropdown-link { + padding-left: 0; + padding-right: 0; + margin: 0; + font-weight: 400; +} +.navbar.landing-navbar + .navbar-nav + .nav-item.mega-dropdown + > .dropdown-menu + .mega-dropdown-link + i { + font-size: 1rem; + font-weight: 700; + margin-top: -0.125rem; +} +.navbar.landing-navbar .navbar-nav .nav-item .nav-img-col, +.navbar.landing-navbar .navbar-nav .nav-item .nav-img-col img { + border-radius: 0.625rem; +} +@media (max-width: 991.98px) { + .navbar.landing-navbar .landing-menu-overlay { + position: fixed; + display: none; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(34, 48, 62, 0.78); + transition: all 0.2s ease-in-out; + z-index: 9998; + } + .navbar.landing-navbar .landing-nav-menu { + position: fixed; + display: block !important; + height: 100%; + max-width: 300px; + width: 80%; + padding: 1rem; + inset-inline-start: -100%; + top: 0; + overflow-y: auto; + transition: all 0.3s ease-in-out; + z-index: 9999; + } + .navbar.landing-navbar .landing-nav-menu.show { + inset-inline-start: 0; + } + .navbar.landing-navbar .landing-nav-menu.show ~ .landing-menu-overlay { + display: block; + } +} + +.light-style .layout-navbar .navbar.landing-navbar { + border-color: rgba(255, 255, 255, 100); + background: rgba(255, 255, 255, 50); +} +.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link { + color: #384551; +} +.light-style + .layout-navbar + .navbar.landing-navbar + .navbar-nav + .show + > .nav-link, +.light-style + .layout-navbar + .navbar.landing-navbar + .navbar-nav + .active + > .nav-link, +.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.show, +.light-style + .layout-navbar + .navbar.landing-navbar + .navbar-nav + .nav-link.active { + color: #696cff !important; +} +.light-style + .layout-navbar + .navbar.landing-navbar + .navbar-nav + .nav-item.mega-dropdown + > .dropdown-menu + .mega-dropdown-link + i { + color: #646e78; +} +@media (max-width: 991.98px) { + .light-style .layout-navbar .navbar.landing-navbar .landing-nav-menu { + background-color: #fff; + } +} +.light-style .layout-navbar.navbar-active .navbar.landing-navbar { + background: #fff; + box-shadow: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); +} +.light-style .layout-navbar .menu-text { + color: #384551; +} + +.dark-style .layout-navbar .navbar.landing-navbar { + border-color: rgba(65, 65, 95, 0.68); + background-color: rgba(65, 65, 95, 0.38); +} +.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link { + color: #d5d5e2; +} +.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .show > .nav-link, +.dark-style + .layout-navbar + .navbar.landing-navbar + .navbar-nav + .active + > .nav-link, +.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.show, +.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.active { + color: #696cff !important; +} +.dark-style + .layout-navbar + .navbar.landing-navbar + .navbar-nav + .nav-item.mega-dropdown + > .dropdown-menu + .mega-dropdown-link + i { + color: #b2b2c4; +} +@media (max-width: 991.98px) { + .dark-style .layout-navbar .navbar.landing-navbar .landing-nav-menu { + background-color: #2b2c40; + } +} +.dark-style .layout-navbar .navbar .menu-text { + color: #d5d5e2; +} +.dark-style .layout-navbar.navbar-active .navbar.landing-navbar { + background: #2b2c40; + border-color: #2b2c40; + box-shadow: 0 0.125rem 0.375rem 0 rgba(20, 20, 29, 0.2); +} + +@media (min-width: 992px) { + [dir="rtl"] + .navbar.landing-navbar + .navbar-nav + .nav-item.mega-dropdown + > .dropdown-menu { + transform: translateX(50%); + } +} + +.landing-footer .footer-link, +.landing-footer .footer-text { + color: #fff; + opacity: 0.78; +} +.landing-footer .footer-title { + color: #fff; + opacity: 0.92; +} +.landing-footer .footer-bottom-text { + color: #d3d4dc; +} +.landing-footer .footer-bottom { + background-color: #282c3e; +} +.landing-footer .footer-link { + transition: all 0.2s ease-in-out; +} +.landing-footer .footer-link:hover { + 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; +} +@media (max-width: 767.98px) { + .landing-footer .footer-top { + padding: 3rem 0; + } +} +.landing-footer .footer-top .footer-bg { + object-position: center; +} +@media (min-width: 992px) { + .landing-footer .footer-logo-description { + max-width: 385px; + } +} +.landing-footer .footer-form { + max-width: 22.25rem; +} +.landing-footer .footer-form input { + background-color: transparent; + border-color: #4e4f6c; + color: #fff; +} +.landing-footer .footer-form input:hover:not([disabled]):not([focus]) { + border-color: #4e4f6c; +} +.landing-footer .footer-form input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.landing-footer .footer-form label { + color: #d5d5e2; +} + +.section-py { + padding: 6.25rem 0; +} +@media (max-width: 1199.98px) { + .section-py { + padding: 5rem 0; + } +} +@media (max-width: 767.98px) { + .section-py { + padding: 3rem 0; + } +} + +.landing-hero { + border-radius: 0 0 3.5rem 3.5rem; + padding-top: 10.2rem; +} +.landing-hero::after { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} +@media (min-width: 992px) { + .landing-hero .hero-text-box { + max-width: 34.375rem; + margin: 0 auto; + } +} +.landing-hero .hero-title { + background: linear-gradient( + to right, + #28c76f 0%, + #5a4aff 47.92%, + #ff3739 100% + ); + background-size: 200% auto; + color: #384551; + font-size: calc(1.3875rem + 1.65vw); + background-clip: text; + line-height: 1.2; + text-fill-color: transparent; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + animation: shine 2s ease-in-out infinite alternate; +} +@media (min-width: 1200px) { + .landing-hero .hero-title { + font-size: 2.625rem; + } +} +.landing-hero .landing-hero-btn .hero-btn-item { + inset-inline-start: -94%; + top: 65%; +} +.landing-hero .hero-animation-img { + margin-bottom: -32rem; +} +@media (max-width: 1199.98px) { + .landing-hero .hero-animation-img { + margin-bottom: -20rem; + } +} +@media (max-width: 575.98px) { + .landing-hero .hero-animation-img { + margin-bottom: -10rem; + } +} +.landing-hero .hero-animation-img .hero-dashboard-img { + width: 80%; + margin: 0 auto; + will-change: transform; + transform-style: preserve-3d; + transition: all 0.1s; +} +.landing-hero .hero-animation-img .hero-dashboard-img img { + width: 100%; +} + +.landing-hero-blank { + padding-top: 26rem; +} +@media (max-width: 1199.98px) { + .landing-hero-blank { + padding-top: 15rem; + } +} +@media (max-width: 575.98px) { + .landing-hero-blank { + padding-top: 7rem; + } +} + +@keyframes shine { + 0% { + background-position: 0% 50%; + } + 80% { + background-position: 50% 90%; + } + 100% { + background-position: 91% 100%; + } +} +.landing-features + .features-icon-wrapper + .features-icon-box + .features-icon-description { + max-width: 19.25rem; + margin: 0 auto; +} + +.landing-reviews { + border-top-left-radius: 3.75rem; + border-top-right-radius: 3.75rem; +} +.landing-reviews .swiper-reviews-carousel .swiper-button-prev, +.landing-reviews .swiper-reviews-carousel .swiper-button-next { + display: none; +} +.landing-reviews .swiper-reviews-carousel .swiper-slide { + height: auto; + padding: 0.8125rem; +} +.landing-reviews .swiper-reviews-carousel .client-logo { + height: 1.375rem; + object-fit: contain; +} +.landing-reviews .swiper-logo-carousel { + padding-bottom: 6.25rem; +} +.landing-reviews .swiper-logo-carousel .swiper { + max-width: 45rem; +} +.landing-reviews .swiper-logo-carousel .swiper .swiper-slide { + display: flex; + justify-content: center; +} +.landing-reviews .swiper-logo-carousel .swiper .client-logo { + max-height: 2.5rem; + max-width: 95%; + object-fit: contain; +} + +.landing-team .card, +.landing-team .card .team-image-box { + border-top-left-radius: 5.625rem; + border-top-right-radius: 1.25rem; +} +.landing-team .card .card-body { + border-bottom-left-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} +.landing-team .team-image-box { + height: 11.5625rem; +} +.landing-team .team-image-box .card-img-position { + height: 15rem; + transform: translateX(-50%); + max-width: 100%; + object-fit: cover; +} +@media (max-width: 991.98px) { + .landing-team .team-image-box .card-img-position { + height: 13rem; + } +} +@media (max-width: 575.98px) { + .landing-team .team-image-box { + height: 11rem; + } +} +.landing-team .card .team-media-icons i { + transition: all 0.2s ease-in-out; +} + +.landing-pricing { + border-radius: 3.75rem; +} +.landing-pricing .pricing-plans-item { + inset-inline-end: -56%; + bottom: -0.5rem; +} +@media (max-width: 767.98px) { + .landing-pricing .pricing-plans-item { + inset-inline-end: 0; + bottom: 1rem; + } +} +.landing-pricing .pricing-list .badge.badge-center { + width: 1rem; + height: 1rem; +} +.landing-pricing .pricing-list .badge.badge-center i { + margin-top: -5px; +} +.landing-pricing .price-yearly-toggle { + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); +} +.landing-pricing .card .card-header, +.landing-pricing .card .card-body { + padding: 2rem; + padding-top: 3rem; +} + +.landing-faq { + border-top-left-radius: 3.75rem; + border-top-right-radius: 3.75rem; +} +.landing-faq .faq-image { + max-width: 20rem; + width: 80%; +} + +.landing-cta .cta-title { + font-size: 2.125rem; +} +@media (max-width: 767.98px) { + .landing-cta .cta-title { + font-size: 1.8rem; + } +} + +.landing-contact .text-heading { + overflow-wrap: anywhere; +} +.landing-contact .contact-img-box, +.landing-contact .contact-img-box .contact-img { + border-radius: 3.75rem 0.375rem 0.375rem 0.375rem; +} +.landing-contact .contact-img-box .contact-border-img { + inset-block-start: -2.5rem; + inset-inline-start: -2.8125rem; +} + +.light-style .landing-hero { + background: linear-gradient(138.18deg, #eae8fd 0%, #fce5e6 94.44%); +} +.light-style .landing-hero::after { + background-color: #fff; +} + +.dark-style .landing-hero { + background: #1e2130; +} +.dark-style .landing-hero::after { + background-color: #2b2c40; +} + +[dir="rtl"] .landing-reviews-btns { + display: flex; + justify-content: flex-end; + flex-direction: row-reverse; + gap: 1rem; +} +[dir="rtl"] .landing-team .team-image-box .card-img-position { + transform: translateX(50%) !important; +} +[dir="rtl"] .landing-pricing .switch .switch-label { + padding-right: 0; +} +[dir="rtl"] .landing-pricing .switch .switch-label:first-child { + padding-left: 0.5rem; +} +[dir="rtl"] .landing-pricing .switch .switch-input ~ .switch-label { + padding-right: 3rem; +} +[dir="rtl"] .landing-contact .contact-img-box { + border-radius: 0.375rem 3.75rem 0.375rem 0.375rem; +} +[dir="rtl"] .landing-contact .contact-img-box::before { + inset-block-start: -1.875rem; + inset-inline-start: -3.125rem; + transform: rotate(90deg); +} diff --git a/src/pages/Home/LandingPage.jsx b/src/pages/Home/LandingPage.jsx new file mode 100644 index 00000000..8ace0c16 --- /dev/null +++ b/src/pages/Home/LandingPage.jsx @@ -0,0 +1,1416 @@ +import "./LandingPage.css"; +import { Link } from "react-router-dom"; + +const LandingPage = () => { + return ( +
+ Not just a set of tools, the package includes ready-to-deploy + conceptual application. +
++ Code structure that all developers will easily understand and + fall in love with. +
++ Free updates for the next 12 months, including new demos and + features. +
++ Start your project quickly without having to remove + unnecessary features. +
++ Just change the endpoint and see your own data loaded within + seconds. +
++ An easy-to-follow doc with lots of references and code + examples. +
++ An easy-to-follow doc with lots of references and code + examples. +
++ Who is behind these great-looking interfaces? +
+Project Manager
+UI Designer
+Development Lead
+Marketing Manager
+
+ All plans include 40+ advanced tools and features to boost your
+ product.
+
+ Choose the best plan to fit your needs.
+
+ Support Tickets
+
+ Resolved
+
+ Join creatives
+
+ community
+
+ Highly Rated
+
+ Products
+
+ Money Back
+
+ Guarantee
+
+ Browse through these FAQs to find answers to commonly asked + questions. +
++ Any question or remark? just write us a message +
+Phone
+
+ If you would like to discuss anything related to payment,
+ account, licensing,
+
+ partnerships, or have pre-sales questions, you’re at the
+ right place.
+