diff --git a/next.config.ts b/next.config.ts index 743a174..c624be0 100644 --- a/next.config.ts +++ b/next.config.ts @@ -1,13 +1,27 @@ -import type { NextConfig } from "next"; +/** @type {import('next').NextConfig} */ +const nextConfig = { + output: "export", + reactStrictMode: false, + trailingSlash: true, -const nextConfig: NextConfig = { - // use a static export to generate an `out` folder when running `next build && next export` - // this aligns with the request to "generate out folder" during build time - output: 'export', - // note: customize other options as needed images: { - unoptimized: true, + unoptimized: true, // ⬅ required for static export to work with next/image + domains: ['your-cdn.com', 'images.unsplash.com'], // allow external domains + }, + + async headers() { + return [ + { + source: '/(.*)', + headers: [ + { + key: 'Cache-Control', + value: 'no-store, no-cache, must-revalidate, proxy-revalidate', + }, + ], + }, + ]; }, }; -export default nextConfig; +module.exports = nextConfig; diff --git a/public/assets/css/main.css b/public/assets/css/main.css index dba17da..52f8aa2 100644 --- a/public/assets/css/main.css +++ b/public/assets/css/main.css @@ -657,6 +657,7 @@ only screen and (min-width: 768px) and (max-width: 991px) { .offcanvas__info.info-open { opacity: 1; + top: 50px; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); @@ -777,7 +778,7 @@ only screen and (min-width: 768px) and (max-width: 991px) { } .offcanvas__contact-text a { - font-size: 16px; + font-size: 15px; font-weight: 500; color: #fff; } @@ -918,9 +919,9 @@ only screen and (min-width: 768px) and (max-width: 991px) { } } -.offcanvas__contact-icon { +/* .offcanvas__contact-icon { margin-inline-end: 15px; -} +} */ @@ -2257,10 +2258,10 @@ only screen and (min-width: 576px) and (max-width: 767px) { width: 100%; -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; - background: #fff; - -webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08); - -moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08); - box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08); + /* background: #fff; */ + /* -webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08); + -moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08); */ + /* box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08); */ } .header-area.sticky .main-menu-2 ul li a { @@ -2816,8 +2817,8 @@ ul.footer-contact-info-widget .icon { } .banner-area { - max-width: 720px; - padding-left: 70px; + max-width: 1075px; + /* padding-left: 70px; */ } .banner-sub-title { @@ -2828,7 +2829,7 @@ ul.footer-contact-info-widget .icon { line-height: 32px; letter-spacing: 9px; text-transform: uppercase; - margin-left: 56px; + margin-left: 5px; } .banner-sub-title:before { @@ -2868,7 +2869,7 @@ p.banner-text { font-weight: 500; line-height: 32px; padding-bottom: 40px; - padding-right: 29px; + padding-right: 10px; } .banner-btn-area { diff --git a/public/assets/images/careers/1/large-img.webp b/public/assets/images/careers/1/large-img.webp index 42cc7a3..29dba4a 100644 Binary files a/public/assets/images/careers/1/large-img.webp and b/public/assets/images/careers/1/large-img.webp differ diff --git a/public/assets/images/faq/2.webp b/public/assets/images/faq/2.webp index f1ffd32..3851496 100644 Binary files a/public/assets/images/faq/2.webp and b/public/assets/images/faq/2.webp differ diff --git a/public/assets/images/home/1/banner-image/digital.webp b/public/assets/images/home/1/banner-image/digital.webp index 1c038f8..12c8e26 100644 Binary files a/public/assets/images/home/1/banner-image/digital.webp and b/public/assets/images/home/1/banner-image/digital.webp differ diff --git a/public/assets/images/home/1/banner-image/graphic.webp b/public/assets/images/home/1/banner-image/graphic.webp index 99342ff..84dce39 100644 Binary files a/public/assets/images/home/1/banner-image/graphic.webp and b/public/assets/images/home/1/banner-image/graphic.webp differ diff --git a/public/assets/images/home/1/banner-image/seo-strategies.webp b/public/assets/images/home/1/banner-image/seo-strategies.webp index fae5c1a..2ae702d 100644 Binary files a/public/assets/images/home/1/banner-image/seo-strategies.webp and b/public/assets/images/home/1/banner-image/seo-strategies.webp differ diff --git a/public/assets/images/home/1/banner-image/web.webp b/public/assets/images/home/1/banner-image/web.webp index 5c86837..af4b9bf 100644 Binary files a/public/assets/images/home/1/banner-image/web.webp and b/public/assets/images/home/1/banner-image/web.webp differ diff --git a/public/assets/images/home/1/dark-light/dark.webp b/public/assets/images/home/1/dark-light/dark.webp index 1ea0a97..c38a76e 100644 Binary files a/public/assets/images/home/1/dark-light/dark.webp and b/public/assets/images/home/1/dark-light/dark.webp differ diff --git a/public/assets/images/home/1/dark-light/light.webp b/public/assets/images/home/1/dark-light/light.webp index e76bf39..100ecfe 100644 Binary files a/public/assets/images/home/1/dark-light/light.webp and b/public/assets/images/home/1/dark-light/light.webp differ diff --git a/public/assets/images/home/1/right/right.webp b/public/assets/images/home/1/right/right.webp index 72dfe23..ef2763f 100644 Binary files a/public/assets/images/home/1/right/right.webp and b/public/assets/images/home/1/right/right.webp differ diff --git a/public/assets/images/home/1/white-blue/blue.webp b/public/assets/images/home/1/white-blue/blue.webp index dbcfd4d..b321cf0 100644 Binary files a/public/assets/images/home/1/white-blue/blue.webp and b/public/assets/images/home/1/white-blue/blue.webp differ diff --git a/public/assets/images/home/1/white-blue/white.webp b/public/assets/images/home/1/white-blue/white.webp index 4f8e836..50cd02c 100644 Binary files a/public/assets/images/home/1/white-blue/white.webp and b/public/assets/images/home/1/white-blue/white.webp differ diff --git a/public/assets/images/home/2/left-img.webp b/public/assets/images/home/2/left-img.webp index 017a09b..54883d3 100644 Binary files a/public/assets/images/home/2/left-img.webp and b/public/assets/images/home/2/left-img.webp differ diff --git a/public/assets/images/home/3/right-bg.webp b/public/assets/images/home/3/right-bg.webp new file mode 100644 index 0000000..6aad605 Binary files /dev/null and b/public/assets/images/home/3/right-bg.webp differ diff --git a/public/assets/images/home/3/right-img.webp b/public/assets/images/home/3/right-img.webp new file mode 100644 index 0000000..4f4f91a Binary files /dev/null and b/public/assets/images/home/3/right-img.webp differ diff --git a/public/assets/images/home/4/back.webp b/public/assets/images/home/4/back.webp new file mode 100644 index 0000000..a4ea65b Binary files /dev/null and b/public/assets/images/home/4/back.webp differ diff --git a/public/assets/images/home/4/front.webp b/public/assets/images/home/4/front.webp new file mode 100644 index 0000000..bf7e9ed Binary files /dev/null and b/public/assets/images/home/4/front.webp differ diff --git a/public/assets/images/home/4/lets-discuss.webp b/public/assets/images/home/4/lets-discuss.webp new file mode 100644 index 0000000..349006e Binary files /dev/null and b/public/assets/images/home/4/lets-discuss.webp differ diff --git a/public/assets/images/home/5/active.webp b/public/assets/images/home/5/active.webp new file mode 100644 index 0000000..89c5931 Binary files /dev/null and b/public/assets/images/home/5/active.webp differ diff --git a/public/assets/images/home/5/bg.webp b/public/assets/images/home/5/bg.webp index 2a8617d..e3b3590 100644 Binary files a/public/assets/images/home/5/bg.webp and b/public/assets/images/home/5/bg.webp differ diff --git a/public/assets/images/home/5/expert.webp b/public/assets/images/home/5/expert.webp new file mode 100644 index 0000000..165bd4a Binary files /dev/null and b/public/assets/images/home/5/expert.webp differ diff --git a/public/assets/images/home/5/happy.webp b/public/assets/images/home/5/happy.webp new file mode 100644 index 0000000..c532c1b Binary files /dev/null and b/public/assets/images/home/5/happy.webp differ diff --git a/public/assets/images/home/5/projects.webp b/public/assets/images/home/5/projects.webp new file mode 100644 index 0000000..3602582 Binary files /dev/null and b/public/assets/images/home/5/projects.webp differ diff --git a/public/assets/images/home/6/our-service-bg.webp b/public/assets/images/home/6/our-service-bg.webp new file mode 100644 index 0000000..c245db3 Binary files /dev/null and b/public/assets/images/home/6/our-service-bg.webp differ diff --git a/public/assets/images/home/7/contact.webp b/public/assets/images/home/7/contact.webp new file mode 100644 index 0000000..04bccea Binary files /dev/null and b/public/assets/images/home/7/contact.webp differ diff --git a/public/assets/images/home/7/right.webp b/public/assets/images/home/7/right.webp new file mode 100644 index 0000000..e1f6bec Binary files /dev/null and b/public/assets/images/home/7/right.webp differ diff --git a/public/assets/images/services/details/bottom-digi.webp b/public/assets/images/services/details/bottom-digi.webp new file mode 100644 index 0000000..4611163 Binary files /dev/null and b/public/assets/images/services/details/bottom-digi.webp differ diff --git a/public/assets/images/services/details/bottom-digi2.webp b/public/assets/images/services/details/bottom-digi2.webp new file mode 100644 index 0000000..9044646 Binary files /dev/null and b/public/assets/images/services/details/bottom-digi2.webp differ diff --git a/public/assets/images/services/details/bottom-gra.webp b/public/assets/images/services/details/bottom-gra.webp new file mode 100644 index 0000000..a8854c9 Binary files /dev/null and b/public/assets/images/services/details/bottom-gra.webp differ diff --git a/public/assets/images/services/details/bottom-seo.webp b/public/assets/images/services/details/bottom-seo.webp new file mode 100644 index 0000000..cfd7ac4 Binary files /dev/null and b/public/assets/images/services/details/bottom-seo.webp differ diff --git a/public/assets/images/services/details/bottom-ui.webp b/public/assets/images/services/details/bottom-ui.webp new file mode 100644 index 0000000..17907bc Binary files /dev/null and b/public/assets/images/services/details/bottom-ui.webp differ diff --git a/public/assets/images/services/details/bottom-web.webp b/public/assets/images/services/details/bottom-web.webp new file mode 100644 index 0000000..e460162 Binary files /dev/null and b/public/assets/images/services/details/bottom-web.webp differ diff --git a/public/assets/images/services/details/bottom.webp b/public/assets/images/services/details/bottom.webp new file mode 100644 index 0000000..0b0d91e Binary files /dev/null and b/public/assets/images/services/details/bottom.webp differ diff --git a/public/assets/images/services/details/left-digi.webp b/public/assets/images/services/details/left-digi.webp new file mode 100644 index 0000000..fc12ee7 Binary files /dev/null and b/public/assets/images/services/details/left-digi.webp differ diff --git a/public/assets/images/services/details/left-gra.webp b/public/assets/images/services/details/left-gra.webp new file mode 100644 index 0000000..b989f83 Binary files /dev/null and b/public/assets/images/services/details/left-gra.webp differ diff --git a/public/assets/images/services/details/left-seo.webp b/public/assets/images/services/details/left-seo.webp new file mode 100644 index 0000000..7f4f6e6 Binary files /dev/null and b/public/assets/images/services/details/left-seo.webp differ diff --git a/public/assets/images/services/details/left-ui.webp b/public/assets/images/services/details/left-ui.webp new file mode 100644 index 0000000..b435e6c Binary files /dev/null and b/public/assets/images/services/details/left-ui.webp differ diff --git a/public/assets/images/services/details/left-web.webp b/public/assets/images/services/details/left-web.webp new file mode 100644 index 0000000..965aed5 Binary files /dev/null and b/public/assets/images/services/details/left-web.webp differ diff --git a/public/assets/images/services/details/left.webp b/public/assets/images/services/details/left.webp new file mode 100644 index 0000000..43a757d Binary files /dev/null and b/public/assets/images/services/details/left.webp differ diff --git a/public/assets/images/services/details/right-digi.webp b/public/assets/images/services/details/right-digi.webp new file mode 100644 index 0000000..2399a23 Binary files /dev/null and b/public/assets/images/services/details/right-digi.webp differ diff --git a/public/assets/images/services/details/right-gra.webp b/public/assets/images/services/details/right-gra.webp new file mode 100644 index 0000000..c4055f3 Binary files /dev/null and b/public/assets/images/services/details/right-gra.webp differ diff --git a/public/assets/images/services/details/right-seo.webp b/public/assets/images/services/details/right-seo.webp new file mode 100644 index 0000000..81ac51e Binary files /dev/null and b/public/assets/images/services/details/right-seo.webp differ diff --git a/public/assets/images/services/details/right-ui.webp b/public/assets/images/services/details/right-ui.webp new file mode 100644 index 0000000..b735c21 Binary files /dev/null and b/public/assets/images/services/details/right-ui.webp differ diff --git a/public/assets/images/services/details/right-web.webp b/public/assets/images/services/details/right-web.webp new file mode 100644 index 0000000..988ee11 Binary files /dev/null and b/public/assets/images/services/details/right-web.webp differ diff --git a/public/assets/images/services/details/right.webp b/public/assets/images/services/details/right.webp new file mode 100644 index 0000000..a3a6959 Binary files /dev/null and b/public/assets/images/services/details/right.webp differ diff --git a/src/app/globals.css b/src/app/globals.css index add98ab..d140b17 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1,4 +1,4 @@ -/* globals.css */ +/* globals.css */ :root { --foreground-rgb: 0, 0, 0; --background-start-rgb: 214, 219, 220; @@ -800,12 +800,113 @@ body { .fo-col { flex: 1 1 100%; max-width: 100%; + padding-top: 20px !important; } .fo-section { padding-top: 60px; padding-bottom: 60px; } + + .fo-item { + padding-top: 0 !important; + } + + .fo-hover-card { + display: none !important; + } + + .fo-card { + background-color: #fff !important; + border: 1px solid #e1e8ef !important; + border-radius: 12px !important; + padding: 30px 20px !important; + text-align: center !important; + display: flex !important; + flex-direction: column !important; + align-items: center !important; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; + z-index: 1 !important; + } + + .fo-card-top { + background-color: transparent !important; + padding: 0 !important; + min-height: auto !important; + border: none !important; + order: 2 !important; + } + + .fo-card-title { + color: var(--getizy-secondary) !important; + font-size: 20px !important; + margin-bottom: 12px !important; + } + + .fo-card-desc { + color: var(--getizy-text) !important; + font-size: 15px !important; + margin: 0 !important; + line-height: 1.6 !important; + } + + .fo-card-bottom { + display: block !important; + padding: 0 !important; + border: none !important; + margin-bottom: 20px !important; + background: transparent !important; + order: 1 !important; + min-height: auto !important; + } + + .fo-card-image { + display: none !important; + } + + .fo-card-icon { + position: static !important; + width: 65px !important; + height: 65px !important; + background: linear-gradient(135deg, var(--getizy-base) 0%, var(--getizy-base-two) 100%) !important; + border-radius: 50% !important; + display: flex !important; + align-items: center !important; + justify-content: center !important; + margin: 0 auto !important; + opacity: 1 !important; + transform: none !important; + box-shadow: 0 4px 12px rgba(55, 121, 185, 0.25) !important; + } + + .fo-card-icon img { + width: 32px !important; + height: 32px !important; + } + + .fo-row { + padding-top: 10px !important; + } + + /* Force hover states OFF on mobile to avoid flash of dark bg */ + .fo-item:hover .fo-card-top, + .fo-item--active .fo-card-top { + border: none !important; + padding: 0 !important; + background-color: transparent !important; + } + + .fo-item:hover .fo-card-bottom, + .fo-item--active .fo-card-bottom { + padding: 0 !important; + border: none !important; + } + + .fo-item:hover .fo-card-icon, + .fo-item--active .fo-card-icon { + opacity: 1 !important; + transform: none !important; + } } .features-one .row { @@ -2120,7 +2221,7 @@ body { overflow: hidden; } -.contact-one__wrapper::after { +/* .contact-one__wrapper::after { position: absolute; left: 0; bottom: 0; @@ -2130,7 +2231,7 @@ body { background-color: var(--getizy-base, #3779b9); z-index: -1; border-radius: 0 0 0 10px; -} +} */ .contact-one__image-two { position: relative; @@ -2233,9 +2334,9 @@ body { } @media (max-width: 991px) { - .contact-one { + /* .contact-one { padding: 80px 0 0; - } + } */ .contact-one__info { padding: 40px 30px 40px 140px; @@ -2931,7 +3032,7 @@ body { Portfolio Section ═══════════════════════════════════════════════════════════ */ .pf-section { - background: #f7f9fc; + /* background: #f7f9fc; */ padding: 80px 0; } @@ -2952,10 +3053,10 @@ body { .pf-tab-btn { padding: 10px 22px; - border-radius: 50px; - border: 2px solid #d1dbed; - background: #fff; - color: #444; + border-radius: 10px !important; + border: none !important; + background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important; + color: white !important; font-size: 14px; font-weight: 500; cursor: pointer; @@ -2965,10 +3066,10 @@ body { .pf-tab-btn:hover, .pf-tab-btn.active { - background: #3779b9; - border-color: #3779b9; - color: #fff; + background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important; + color: #fff !important; box-shadow: 0 6px 20px rgba(55, 121, 185, 0.35); + opacity: 0.85; } /* ── Grids ── */ @@ -4177,7 +4278,7 @@ body { display: none; } - .about-two{ + .about-two { margin: 0px 0px; } @@ -5173,6 +5274,59 @@ body { top: 62%; } +@media (max-width: 991px) { + .history-two__wrapper { + border: none; + padding-bottom: 0; + background-color: transparent; + } + + .history-two__wrapper::after { + display: none; + } + + .history-two__border, + .history-two__border--left { + margin: 25px 0 40px 0 !important; + } + + .history-two__content::before, + .history-two__content::after { + display: none !important; + } + + .history-two__images { + padding: 0 !important; + margin-bottom: 40px; + justify-content: center; + } + + .history-two__images--right { + padding: 0 !important; + } + + .history-two__images::after { + display: none !important; + } + + .history-two__images img { + margin: 0 auto; + display: block; + } + + .history-two__images { + display: none !important; + } +} + +@media (max-width: 767px) { + + .history-two__border, + .history-two__border--left { + margin-bottom: 30px !important; + } +} + /* About Three Section (AboutThree) */ @@ -5284,7 +5438,7 @@ body { align-items: center; gap: 20px; padding: 30px 0; - border-bottom: 1px solid var(--pelocis-border-color, #DDDDDD); + /* border-bottom: 1px solid var(--pelocis-border-color, #DDDDDD); */ /* margin-bottom: 26px; */ } @@ -5316,7 +5470,8 @@ body { .about-three__card__exp { width: 34.5%; - padding: 52px 20px 34px; + top: 10px; + padding: 52px 10px 34px; background-color: var(--pelocis-black, #1a1f2b); position: relative; z-index: 2; @@ -6691,7 +6846,7 @@ body { } .faq-four__image img { - min-height: 892px; + min-height: 630px; object-fit: cover; max-width: 100%; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12% 50%); @@ -6878,7 +7033,7 @@ body { .counselling-solutions__image__two { position: absolute; - bottom: -10px; + bottom: -50px; left: 0; border: 10px solid var(--pelocis-white, #fff); border-radius: 50px 0px 0px 50px; @@ -6962,7 +7117,7 @@ body { } .call-area-three__title { - font-size: 45px; + font-size: 42px; font-weight: 800; line-height: normal; color: var(--pelocis-white, #fff); @@ -7971,26 +8126,26 @@ body { .projects-one__filter__list button.list-unstyled-item { cursor: pointer; - border: 1px solid var(--pelocis-border-color, #DDDDDD); + border: none !important; position: relative; display: block; - background-color: transparent; - color: var(--pelocis-black, #1a1f2b); + background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important; + color: white !important; transition: all 500ms ease; text-transform: capitalize; padding: 12.5px 25px; font-size: 18px; font-weight: 700; line-height: 25px; - border-radius: 0; + border-radius: 10px !important; outline: none; } .projects-one__filter__list button.list-unstyled-item.active, .projects-one__filter__list button.list-unstyled-item:hover { - background-color: var(--pelocis-base, #3779b9); - border-color: var(--pelocis-base, #3779b9); - color: var(--pelocis-white, #fff); + background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important; + color: var(--pelocis-white, #fff) !important; + opacity: 0.85; } .projects-grid { @@ -8258,7 +8413,7 @@ body { .service-sidebar__single { margin-bottom: 30px; background: #f8fbff; - padding: 40px; + padding: 20px; border-radius: 20px; } @@ -8294,7 +8449,7 @@ body { .service-sidebar__contact { position: relative; - padding: 50px 40px; + padding: 50px 20px; background: #1a1f2b; border-radius: 20px; overflow: hidden; @@ -8391,7 +8546,7 @@ body { } .service-three__item:hover .service-three__item__icon { - background-color: #3779b9; + background-color: #f1f5f9; color: #fff; } @@ -8789,7 +8944,7 @@ body { left: 0; width: 100%; height: 100%; - background: rgba(26, 31, 43, 0.85); + /* background: rgba(26, 31, 43, 0.85); */ z-index: 0; } @@ -9016,7 +9171,7 @@ body { /* Home Contact Form Styles */ .home-contact-form-container-global { background: #1a1f2b; - padding: 50px; + padding: 25px; border-radius: 24px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2); } @@ -9235,10 +9390,10 @@ body { } @media (max-width: 991px) { - .why-choose-us .content-area { + /* .why-choose-us .content-area { padding-right: 0; margin-bottom: 60px; - } + } */ .why-choose-us .image-area-wrapper { padding-left: 0; @@ -10585,6 +10740,14 @@ body { margin-right: 20px; font-size: 16px; } + + .about-three__card__exp { + display: none; + } + + .about-three__card__list { + width: 100%; + } } .contact-area .contact-info-item:hover .icon { @@ -11096,7 +11259,7 @@ body { left: 0; width: 100%; height: 100%; - background: rgba(0, 0, 0, 0.75); + /* background: rgba(0, 0, 0, 0.75); */ z-index: 1; } @@ -11621,7 +11784,7 @@ body { .banner-sub-title { font-size: 14px !important; letter-spacing: 5px !important; - margin-left: 40px !important; + margin-left: 5px !important; } .banner-sub-title:before { @@ -11681,4 +11844,699 @@ body { .page-header__shape { width: 30%; } +} + +@media (max-width: 425px) { + .sec-title__tagline { + font-size: 12px; + } +} + +@media (max-width: 767px) { + + .counter-area-three__list, + .counter-area-two__list { + display: flex; + flex-direction: column; + } + + .about-service .dots-shape { + display: none; + } + + .counter-area-three__item, + .counter-area-two__item { + padding: 15px 0 25px !important; + } +} + +@media (max-width: 425px) { + .testimonials-two-box-solid { + padding: 40px 10px 40px 55px; + margin-left: 48px; + } + + .counselling-solutions__image__two { + display: none; + } +} + +@media (max-width: 500px) { + .contact-area .contact-info-item .content h6 { + font-size: 16px; + } +} + +@media (max-width: 390px) { + + .blog-style-one .blog-content { + padding: 15px !important; + } + + .blog-style-one .post-meta { + gap: 10px !important; + } + + .blog-section-one .post-meta span { + gap: 0px; + } + + .blog-section-one .post-meta span { + margin-right: 10px; + } + +} + +@media (max-width: 350px) { + + .contact-area .contact-form input, + .contact-area .contact-form select, + .contact-area .primary-btn-1, + .contact-area .contact-form textarea, + .contact-one .submit-btn, + .contact-one .form-textarea, + .contact-one .form-select-custom, + .contact-one .form-input, + .form-input-custom-global, + .form-select-custom-styled-global, + .form-textarea-custom-global, + .submit-btn-custom-global { + width: 80% !important; + } +} + +.about-service { + position: relative; +} + +.about-service .dots-shape { + position: absolute; + top: 80px; + left: -40px; + z-index: 0; + opacity: 0.4; +} + +.about-service img { + position: relative; + z-index: 2; +} + +@media (max-width: 1192px) { + .pelocis-stretch-element-inside-column { + margin-right: 0 !important; + } +} + +/* ============================================================ + METATRON HEADER (MOBILE APP STYLE) - REFINED + ============================================================ */ +.header-metatron-style { + position: absolute; + top: 0; + left: 0; + right: 0; + z-index: 1001; + /* High enough to be over offcanvas overlay (900) and info (999) */ + padding: 16px 0; +} + +@media (max-width: 991px) { + .header-metatron-style { + padding: 0; + } +} + +.header-area-metatron { + transition: all 0.4s ease; +} + +.header-area-metatron.sticky { + position: fixed; + top: 0; + left: 0; + right: 0; + padding: 16px 0; + /* Maintains the "cut" from edges */ + z-index: 1000; + animation: metatronSlideDown 0.4s ease forwards; +} + +@keyframes metatronSlideDown { + from { + transform: translateY(-100%); + } + + to { + transform: translateY(0); + } +} + +.header-row-wrapper { + display: flex !important; + justify-content: space-between; + border: 1px solid rgba(255, 255, 255, 0.1); + background: rgba(26, 31, 43, 0.9); + /* Slightly more solid dark glass */ + backdrop-filter: blur(12px); + padding: 12px 10px; + border-radius: 16px; + box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); +} + +.header-area-metatron.sticky .header-row-wrapper { + background: #1a1f2b; + /* Solid dark background when sticky for better visibility */ + border-radius: 16px; + box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4); +} + +@media (max-width: 991px) { + .header-row-wrapper { + border-radius: 0; + padding: 15px 20px; + background: #1a1f2b; + /* Mobile background also dark */ + border: none; + } +} + +.header-logo-metatron img { + max-width: 170px; + height: auto; + transition: all 0.3s ease; + /* filter: brightness(0) invert(1); */ + /* Force logo to white */ +} + +.main-menu-metatron ul { + display: flex; + gap: 15px; + margin: 0; + padding: 0; + list-style: none; +} + +.main-menu-metatron ul li { + position: relative; + padding: 25px 0; +} + +.main-menu-metatron ul li a { + font-size: 13px; + font-weight: 700; + color: #ffffff; + /* White text for dark theme */ + text-transform: uppercase; + transition: all 0.3s; + letter-spacing: 0.5px; +} + +.main-menu-metatron ul li a:hover { + color: #3779b9; +} + +/* Submenu Style */ +.main-menu-metatron ul li .submenu { + position: absolute; + top: 100%; + left: 0; + width: 260px; + background: #1a1f2b; + /* Dark background like mobile app */ + box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3); + padding: 15px 0; + border-radius: 12px; + opacity: 0; + visibility: hidden; + transform: translateY(20px) scale(0.95); + transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); + z-index: 100; + display: block !important; + border: 1px solid rgba(255, 255, 255, 0.1); +} + +.main-menu-metatron ul li:hover .submenu { + opacity: 1; + visibility: visible; + transform: translateY(0) scale(1); +} + +.main-menu-metatron ul li .submenu li { + width: 100%; + padding: 0; +} + +.main-menu-metatron ul li .submenu li a { + padding: 12px 25px; + display: block; + font-size: 13px; + text-transform: uppercase; + font-weight: 600; + color: #ffffff; + /* White text for dark theme */ + border-bottom: 1px solid rgba(255, 255, 255, 0.05); +} + +.main-menu-metatron ul li .submenu li:last-child a { + border-bottom: none; +} + +.main-menu-metatron ul li .submenu li a:hover { + background: rgba(55, 121, 185, 0.15); + color: #ffffff; + padding-left: 30px; +} + +.metatron-primary-btn { + background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important; + color: #fff !important; + padding: 12px 10px; + border-radius: 10px; + font-weight: 700; + font-size: 14px; + transition: all 0.3s; + display: inline-flex; + align-items: center; + text-transform: uppercase; + letter-spacing: 1px; +} + +.metatron-primary-btn:hover { + background: #3779b9; + transform: translateY(-3px); + box-shadow: 0 10px 20px rgba(55, 121, 185, 0.3); +} + +.hamburger-btn { + background: rgba(255, 255, 255, 0.1); + border: none; + width: 50px; + height: 50px; + border-radius: 12px; + font-size: 20px; + color: #ffffff; + display: flex; + align-items: center; + justify-content: center; + transition: all 0.3s; +} + +.hamburger-btn:hover { + background: #3779b9; + color: #fff; +} + +.banner-section { + padding-top: 0 !important; +} + +/* ============================================================ + Hero Banner Equal Height (all 4 slides) + ============================================================ */ +/* All banner slides get the same fixed height */ +.banner-section .swiper, +.banner-section .swiper-wrapper, +.banner-section .swiper-slide { + height: auto !important; +} + +.banner-main { + padding: 0 !important; + /* Remove padding-based height */ + min-height: 100vh !important; + /* Full viewport height on desktop */ + display: flex !important; + align-items: center !important; + background-repeat: no-repeat !important; + background-position: center !important; + background-size: cover !important; +} + +/* Tablet */ +@media (max-width: 991px) { + .banner-main { + min-height: 80vh !important; + } + + .banner-area { + padding-left: 30px !important; + } +} + +/* Mobile */ +@media (max-width: 767px) { + .banner-main { + min-height: 70vh !important; + } + + .banner-area { + padding-left: 20px !important; + } +} + +/* Small mobile */ +@media (max-width: 480px) { + .banner-main { + min-height: 600px !important; + } +} + + +/* ============================================================ + Features One (fo-) Section + ============================================================ */ +:root { + --getizy-base: #3779b9; + --getizy-base-two: #1a1f2b; + --getizy-secondary: #222230; + --getizy-white: #FFFFFF; + --getizy-text: #7F7D86; +} + +.fo-section { + position: relative; + overflow: visible; + padding-top: 80px; + padding-bottom: 80px; +} + +.fo-shapes { + position: absolute; + inset: 0; + pointer-events: none; + z-index: 0; + overflow: hidden; +} + +.fo-shape-one { + position: absolute; + width: 600px; + height: 600px; + border-radius: 50%; + opacity: 0.06; + background: radial-gradient(circle, var(--getizy-base) 0%, transparent 70%); + top: -200px; + left: -200px; +} + +.fo-shape-two { + position: absolute; + width: 600px; + height: 600px; + border-radius: 50%; + opacity: 0.06; + background: radial-gradient(circle, var(--getizy-base) 0%, transparent 70%); + bottom: -200px; + right: -200px; +} + +.fo-container { + max-width: 1200px; + margin: 0 auto; + padding: 0 15px; + position: relative; + z-index: 1; +} + +.fo-row { + display: flex; + flex-wrap: wrap; + align-items: flex-start; + gap: 30px; + justify-content: center; + padding-top: 60px; +} + +.fo-col { + flex: 1 1 300px; + max-width: 360px; + padding-top: 50px; +} + +.fo-item { + position: relative; +} + +.fo-hover-card { + position: absolute; + top: -74px; + left: 0; + right: 0; + z-index: 4; + background: linear-gradient(135deg, var(--getizy-base) 0%, var(--getizy-base-two) 100%); + padding: 50px 75px 20px 23px; + visibility: hidden; + opacity: 0; + transform: translateY(-30px); + transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease; + min-height: 160px; +} + +.fo-item:hover .fo-hover-card, +.fo-item--active .fo-hover-card { + visibility: visible; + opacity: 1; + transform: translateY(0); +} + +@media (max-width: 767px) { + .fo-hover-card { + display: none !important; + } + + .fo-col { + padding-top: 0; + } +} + +.fo-hover-icon { + position: absolute; + top: -50px; + left: 50%; + transform: translateX(-50%); + width: 84px; + height: 84px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + background: linear-gradient(135deg, var(--getizy-base) 0%, var(--getizy-base-two) 100%); + z-index: 5; + box-shadow: 0 8px 24px rgba(211, 61, 53, 0.35); +} + +.fo-hover-title { + font-size: 22px; + font-weight: 700; + line-height: 1.3; + color: #fff; + margin: 10px 0 0; +} + +.fo-card { + position: relative; + z-index: 1; +} + +.fo-card-top { + position: relative; + background-color: var(--getizy-secondary); + padding: 28px 28px 30px 28px; + min-height: 160px; + display: flex; + flex-direction: column; + justify-content: flex-start; + transition: background-color 0.45s ease; + border-left: 2px solid transparent; + border-right: 2px solid transparent; +} + +.fo-item:hover .fo-card-top, +.fo-item--active .fo-card-top { + background-color: #fff; + border-left: 4px solid var(--getizy-secondary); + border-right: 4px solid var(--getizy-secondary); +} + +@media (max-width: 767px) { + .fo-card-top { + background-color: #fff; + border: 1px solid #eee; + border-radius: 12px; + min-height: auto; + padding: 20px; + } +} + +.fo-card-title { + font-size: 22px; + font-weight: 700; + line-height: 1.3; + color: #fff; + margin: 0 0 16px; + transition: color 0.45s ease; +} + +.fo-item:hover .fo-card-title, +.fo-item--active .fo-card-title { + color: var(--getizy-secondary); +} + +@media (max-width: 767px) { + .fo-card-title { + color: var(--getizy-secondary); + font-size: 18px; + margin-bottom: 8px; + } +} + +.fo-card-desc { + font-size: 14px; + line-height: 1.7; + color: var(--getizy-text); + margin: 0; + transition: color 0.45s ease; +} + +.fo-card-bottom { + background-color: #fff; + padding: 20px 20px 20px 20px; + position: relative; + border: 4px solid transparent; + border-image: linear-gradient(90deg, var(--getizy-base) 0%, var(--getizy-base-two) 100%); + border-image-slice: 1; + transition: padding 0.45s ease, border 0.45s ease; +} + +.fo-item:hover .fo-card-bottom, +.fo-item--active .fo-card-bottom { + border-image: none; + border-color: var(--getizy-secondary); + border-style: solid; + border-width: 4px; + border-top: none; + padding: 0 32px 40px 32px; +} + +.fo-card-image { + width: 100%; + height: 126px; + overflow: hidden; +} + +.fo-card-icon { + position: absolute; + bottom: -48px; + left: 18px; + width: 96px; + height: 96px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + background: linear-gradient(90deg, var(--getizy-base) 0%, var(--getizy-base-two) 100%); + z-index: 3; + box-shadow: 0 8px 24px rgba(211, 61, 53, 0.35); + transition: opacity 500ms ease, transform 500ms ease; +} + +.fo-item:hover .fo-card-icon, +.fo-item--active .fo-card-icon { + opacity: 0; + transform: rotateY(180deg); +} + +.fo-mobile-icon { + width: 50px; + height: 50px; + background: linear-gradient(135deg, var(--getizy-base) 0%, var(--getizy-base-two) 100%); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; +} + +/* ============================================================ + Offcanvas Mobile Navigation (React-based, replaces meanmenu) + ============================================================ */ +.offcanvas-nav ul { + list-style: none; + margin: 0; + padding: 0; +} + +.offcanvas-nav>ul>li { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); +} + +.offcanvas-nav__row { + display: flex; + align-items: center; + justify-content: space-between; +} + +.offcanvas-nav__row a { + display: block; + padding: 12px 0; + color: #fff; + font-size: 15px; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.5px; + text-decoration: none !important; + transition: color 0.2s; + flex: 1; +} + +.offcanvas-nav__row a:hover { + color: #3779b9; +} + +.offcanvas-nav__toggle { + background: rgba(255, 255, 255, 0.08); + border: none; + color: #fff; + width: 32px; + height: 32px; + border-radius: 6px; + font-size: 12px; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + transition: background 0.2s; + flex-shrink: 0; +} + +.offcanvas-nav__toggle:hover { + background: #3779b9; +} + +.offcanvas-submenu { + padding: 0 0 8px 16px; +} + +.offcanvas-submenu li { + border-bottom: none !important; +} + +.offcanvas-submenu li a { + padding: 8px 0 !important; + font-size: 13px !important; + color: rgba(255, 255, 255, 0.75) !important; + text-transform: uppercase !important; + font-weight: 500 !important; + letter-spacing: 0.3px !important; +} + +.offcanvas-submenu li a:hover { + color: #3779b9 !important; +} + +@media (max-width: 425px) { + .primary-btn-1 { + font-size: 12px !important; + padding: 20px 10px !important; + } } \ No newline at end of file diff --git a/src/components/about/WhyChooseUs.tsx b/src/components/about/WhyChooseUs.tsx index 19e068c..ab19964 100644 --- a/src/components/about/WhyChooseUs.tsx +++ b/src/components/about/WhyChooseUs.tsx @@ -20,14 +20,14 @@ const WhyChooseUs = () => {
-
+
-
+
Guided by Purpose, Driven by Passion

Our Vision

- + {/* */}

Join us in shaping the future of technology and delivering meaningful solutions.

diff --git a/src/components/careers/ContactSection.tsx b/src/components/careers/ContactSection.tsx index f8164b8..c3e45b7 100644 --- a/src/components/careers/ContactSection.tsx +++ b/src/components/careers/ContactSection.tsx @@ -130,7 +130,7 @@ const ContactSection = () => {
-
+ {/*
@@ -141,7 +141,7 @@ const ContactSection = () => { +1-647-679-7651

-
+
*/}
diff --git a/src/components/common/Offcanvas.tsx b/src/components/common/Offcanvas.tsx index d1c5a74..b9d53de 100644 --- a/src/components/common/Offcanvas.tsx +++ b/src/components/common/Offcanvas.tsx @@ -1,16 +1,31 @@ "use client"; -import React, { useEffect } from "react"; +import React, { useState } from "react"; +import Link from "next/link"; + +const mobileNavItems = [ + { title: "Home", link: "/" }, + { + title: "Service", + link: "/services-digital-solutions", + children: [ + { title: "Website Development", link: "/services-digital-solutions/web-development" }, + { title: "Mobile Application Development", link: "/services-digital-solutions/mobile-application-development" }, + { title: "Graphic Designing", link: "/services-digital-solutions/graphic-designing-company" }, + { title: "UI / UX Designing", link: "/services-digital-solutions/ui-ux-designing" }, + { title: "SEO & Content Writing", link: "/services-digital-solutions/search-engine-optimization-seo-content-writing" }, + { title: "Digital Marketing", link: "/services-digital-solutions/digital-marketing-agency-in-canada" }, + ], + }, + { title: "Portfolio", link: "/portfolio" }, + { title: "About", link: "/about-us" }, + { title: "Careers", link: "/careers" }, + { title: "Blog", link: "/blog" }, + { title: "Contact", link: "/contact" }, + { title: "FAQ", link: "/faq" }, +]; const Offcanvas = () => { - useEffect(() => { - if (typeof window !== "undefined" && (window as any).jQuery && (window as any).jQuery.fn.meanmenu) { - (window as any).jQuery('#mobile-menu').meanmenu({ - meanMenuContainer: '.mobile-menu', - meanScreenWidth: "1199", - meanExpand: [''], - }); - } - }, []); + const [openIndex, setOpenIndex] = useState(null); const closeOffcanvas = () => { document.querySelector(".offcanvas__info")?.classList.remove("info-open"); @@ -23,27 +38,58 @@ const Offcanvas = () => {
-
-
- Header Logo -
-
- -
-
+
+
-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum maxime accusamus corrupti natus obcaecati vitae dignissimos, id officiis similique eos.

+

+ Metatroncube Software Solutions: Where innovation meets execution to elevate your digital presence. Partner with us for bespoke web and app development that powers your business growth. +

-
+ + {/* ── Static React Mobile Nav (replaces jQuery meanmenu) ── */} + +

Contact Info

  • @@ -59,17 +105,39 @@ const Offcanvas = () => {
    • +
    diff --git a/src/components/common/Preloader.tsx b/src/components/common/Preloader.tsx index bf7d74f..e9d2152 100644 --- a/src/components/common/Preloader.tsx +++ b/src/components/common/Preloader.tsx @@ -35,8 +35,8 @@ const Preloader = () => { src="/logo-1.webp" alt="Metatron Logo" style={{ - width: '150px', - height: 'auto', + width: '80px', + height: '80px', animation: 'rotate-smooth 3s linear infinite' }} /> diff --git a/src/components/home/AboutThree.tsx b/src/components/home/AboutThree.tsx index b7a5949..10fd1dd 100644 --- a/src/components/home/AboutThree.tsx +++ b/src/components/home/AboutThree.tsx @@ -2,7 +2,7 @@ import React, { useState, useEffect, useRef } from 'react'; const AboutThree = () => { const [count, setCount] = useState(0); - const countTarget = 26; + const countTarget = 10; const [hasCounted, setHasCounted] = useState(false); const counterRef = useRef(null); diff --git a/src/components/home/CallAreaThree.tsx b/src/components/home/CallAreaThree.tsx index 64abde0..2b80b1c 100644 --- a/src/components/home/CallAreaThree.tsx +++ b/src/components/home/CallAreaThree.tsx @@ -6,7 +6,7 @@ const CallAreaThree: React.FC = () => {
    diff --git a/src/components/home/CounsellingSolutions.tsx b/src/components/home/CounsellingSolutions.tsx index 86201fa..95f565e 100644 --- a/src/components/home/CounsellingSolutions.tsx +++ b/src/components/home/CounsellingSolutions.tsx @@ -10,21 +10,21 @@ const CounsellingSolutions: React.FC = () => {
    pelocis pelocis -
    - {/* */} + {/*
    + - {/* */} + Metatroncube Solutions -
    +
    */}
    diff --git a/src/components/home/CounterAreaTwo.tsx b/src/components/home/CounterAreaTwo.tsx index 8896e25..56fcbbd 100644 --- a/src/components/home/CounterAreaTwo.tsx +++ b/src/components/home/CounterAreaTwo.tsx @@ -49,25 +49,25 @@ const Counter: React.FC = ({ end, duration = 2000 }) => { const counterItems = [ { - icon: "/assets/imgs/icon/icon-2.png", + icon: "/assets/images/home/5/projects.webp", count: 100, suffix: "+", text: "Projects Completed" }, { - icon: "/assets/imgs/icon/icon-2.png", + icon: "/assets/images/home/5/active.webp", count: 50, suffix: "+", text: "Active Clients" }, { - icon: "/assets/imgs/icon/icon-3.png", + icon: "/assets/images/home/5/expert.webp", count: 20, suffix: "+", text: "Expert People" }, { - icon: "/assets/imgs/icon/icon-4.png", + icon: "/assets/images/home/5/happy.webp", count: 100, suffix: "+", text: "Happy Clients" diff --git a/src/components/home/FaqFive.tsx b/src/components/home/FaqFive.tsx index 08622c6..8f08d12 100644 --- a/src/components/home/FaqFive.tsx +++ b/src/components/home/FaqFive.tsx @@ -44,7 +44,7 @@ const FaqFive = () => { alt="pelocis" />
    - + faq
    diff --git a/src/components/home/FaqFour.tsx b/src/components/home/FaqFour.tsx index d507b2e..94ebe1f 100644 --- a/src/components/home/FaqFour.tsx +++ b/src/components/home/FaqFour.tsx @@ -84,7 +84,7 @@ const FaqFour = () => { alt="pelocis" />
    - + faq
    diff --git a/src/components/home/HistoryTwo.tsx b/src/components/home/HistoryTwo.tsx index 77a76ef..af55773 100644 --- a/src/components/home/HistoryTwo.tsx +++ b/src/components/home/HistoryTwo.tsx @@ -15,7 +15,7 @@ const HistoryTwo = () => {
    -
    +
    @@ -27,19 +27,19 @@ const HistoryTwo = () => {
    -
    +
    pelocis
    -
    +
    pelocis {/* 2021 */}
    -
    +
    @@ -52,7 +52,7 @@ const HistoryTwo = () => {
    -
    +
    @@ -64,7 +64,7 @@ const HistoryTwo = () => {
    -
    +
    pelocis diff --git a/src/components/home/HomeContactOne.tsx b/src/components/home/HomeContactOne.tsx index 0afc726..955b165 100644 --- a/src/components/home/HomeContactOne.tsx +++ b/src/components/home/HomeContactOne.tsx @@ -130,14 +130,14 @@ const HomeContactOne = () => {
    - pelocis + /> */}
    pelocis @@ -157,11 +157,11 @@ const HomeContactOne = () => {
    OUR CONTACT US

    If Your Problem Contact Us For
    Immediately Center

    - pelocis + /> */}
    diff --git a/src/components/home/ProjectsSection.tsx b/src/components/home/ProjectsSection.tsx index 89e7074..70daebc 100644 --- a/src/components/home/ProjectsSection.tsx +++ b/src/components/home/ProjectsSection.tsx @@ -69,7 +69,7 @@ const ProjectsSection = () => {
    {/* Row 1: All Items */} -
    +
    diff --git a/src/components/layout/HeaderMetatron.tsx b/src/components/layout/HeaderMetatron.tsx new file mode 100644 index 0000000..33cfa63 --- /dev/null +++ b/src/components/layout/HeaderMetatron.tsx @@ -0,0 +1,58 @@ +"use client"; +import React, { useState, useEffect } from 'react'; +import Link from 'next/link'; +import useSticky from '@/hooks/useSticky'; +import NavItemsMetatron from './NavItemsMetatron'; + +const HeaderMetatron = () => { + const sticky = useSticky(); + const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); + + const toggleMobileMenu = () => { + setIsMobileMenuOpen(!isMobileMenuOpen); + }; + + return ( +
    +
    +
    +
    +
    +
    + + MetatronCube + +
    +
    +
    +
    + +
    +
    +
    +
    +
    + + Get Started Now + +
    +
    + +
    +
    +
    +
    +
    +
    +
    + ); +}; + +export default HeaderMetatron; diff --git a/src/components/layout/NavItemsMetatron.tsx b/src/components/layout/NavItemsMetatron.tsx new file mode 100644 index 0000000..11cd556 --- /dev/null +++ b/src/components/layout/NavItemsMetatron.tsx @@ -0,0 +1,49 @@ +import Link from 'next/link'; +import React from 'react'; + +const navItems = [ + { title: 'HOME', link: '/' }, + { + title: 'SERVICE', + link: '/services-digital-solutions', + submenu: [ + { title: 'WEBSITE DEVELOPMENT', link: '/services-digital-solutions/web-development' }, + { title: 'MOBILE APPLICATION DEVELOPMENT', link: '/services-digital-solutions/mobile-application-development' }, + { title: 'GRAPHIC DESIGNING', link: '/services-digital-solutions/graphic-designing-company' }, + { title: 'UI / UX DESIGNING', link: '/services-digital-solutions/ui-ux-designing' }, + { title: 'SEO & CONTENT WRITING', link: '/services-digital-solutions/search-engine-optimization-seo-content-writing' }, + { title: 'DIGITAL MARKETING', link: '/services-digital-solutions/digital-marketing-agency-in-canada' }, + ], + }, + { title: 'PORTFOLIO', link: '/portfolio' }, + { title: 'ABOUT', link: '/about-us' }, + { title: 'CAREERS', link: '/careers' }, + { title: 'BLOG', link: '/blog' }, + { title: 'CONTACT', link: '/contact' }, + { title: 'FAQ', link: '/faq' }, +]; + +const NavItemsMetatron = () => { + return ( +
      + {navItems.map((item, index) => ( +
    • + + {item.title} {item.submenu && } + + {item.submenu && ( +
        + {item.submenu.map((sub, i) => ( +
      • + {sub.title} +
        • + ))} +
      + )} +
      • + ))} +
    + ); +}; + +export default NavItemsMetatron; diff --git a/src/components/mobile-app-development-service/style-app.css b/src/components/mobile-app-development-service/style-app.css index ff59ff0..acf7862 100644 --- a/src/components/mobile-app-development-service/style-app.css +++ b/src/components/mobile-app-development-service/style-app.css @@ -5573,7 +5573,7 @@ Location: /*============= MOBILE MENU CSS AREA ===============*/ .vl-header-action-item { float: right; - border: 1px solid var(--ztc-text-text-1); + /* border: 1px solid var(--ztc-text-text-1); */ padding: 6px; border-radius: 4px; color: var(--ztc-text-text-1); diff --git a/src/components/services-digital-solutions/AboutService.tsx b/src/components/services-digital-solutions/AboutService.tsx index 3a4be75..b1e0a90 100644 --- a/src/components/services-digital-solutions/AboutService.tsx +++ b/src/components/services-digital-solutions/AboutService.tsx @@ -38,7 +38,7 @@ const AboutService = () => {
    Welcome to Your Next Big Opportunity

    Why Join Metatroncube Software Solutions?

    - + {/* */}

    Be part of a dynamic team where innovation, growth, and impact come together.

    diff --git a/src/components/web-development-service/style.css b/src/components/web-development-service/style.css index a6329c0..42f21d0 100644 --- a/src/components/web-development-service/style.css +++ b/src/components/web-development-service/style.css @@ -214,7 +214,7 @@ h2, font-size: 24px; font-weight: 700; color: #1e293b; - margin-top: 25px; + /* margin-top: 25px; */ margin-bottom: 12px; } @@ -5842,7 +5842,7 @@ Location: /*============= MOBILE MENU CSS AREA ===============*/ .vl-header-action-item { float: right; - border: 1px solid var(--ztc-text-text-1); + /* border: 1px solid var(--ztc-text-text-1); */ padding: 6px; border-radius: 4px; color: var(--ztc-text-text-1); diff --git a/src/utils/data.ts b/src/utils/data.ts index 19bb750..aca57a1 100644 --- a/src/utils/data.ts +++ b/src/utils/data.ts @@ -744,7 +744,7 @@ export const ourServices = [
    -
    +
    @@ -758,7 +758,7 @@ export const ourServices = [
    -
    +
    @@ -778,7 +778,7 @@ export const ourServices = [
    - benefit + benefit
    @@ -853,7 +853,7 @@ Robust Security
    -
    +
    @@ -867,7 +867,7 @@ Robust Security
    -
    +
    @@ -888,7 +888,7 @@ Robust Security
    - Cross-Platform Development + Cross-Platform Development
    @@ -961,7 +961,7 @@ Robust Security
    -
    +
    @@ -975,7 +975,7 @@ Robust Security
    -
    +
    @@ -995,7 +995,7 @@ Robust Security
    - Graphic Design Services + Graphic Design Services
    @@ -1071,7 +1071,7 @@ Robust Security
    -
    +
    @@ -1085,7 +1085,7 @@ Robust Security
    -
    +
    @@ -1105,7 +1105,7 @@ Robust Security
    - UI/UX Design Services + UI/UX Design Services
    @@ -1180,7 +1180,7 @@ Robust Security
    -
    +
    @@ -1194,7 +1194,7 @@ Robust Security
    -
    +
    @@ -1212,7 +1212,7 @@ Robust Security
    - SEO & Content Writing Services + SEO & Content Writing Services
    @@ -1299,7 +1299,7 @@ Robust Security
    -
    +
    @@ -1313,7 +1313,7 @@ Robust Security
    -
    +
    @@ -1333,7 +1333,7 @@ Robust Security
    - Digital Marketing Services + Digital Marketing Services
    @@ -1356,7 +1356,7 @@ Robust Security
    - Social Media Marketing + Social Media Marketing