diff --git a/package-lock.json b/package-lock.json
index 3617ab9..3aff08b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1153,7 +1153,6 @@
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
"integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
"license": "MIT",
- "peer": true,
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/popperjs"
@@ -1252,7 +1251,6 @@
"resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
"integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
"license": "MIT",
- "peer": true,
"dependencies": {
"csstype": "^3.2.2"
}
@@ -1331,7 +1329,6 @@
"integrity": "sha512-IgSWvLobTDOjnaxAfDTIHaECbkNlAlKv2j5SjpB2v7QHKv1FIfjwMy8FsDbVfDX/KjmCmYICcw7uGaXLhtsLNg==",
"dev": true,
"license": "MIT",
- "peer": true,
"dependencies": {
"@typescript-eslint/scope-manager": "8.56.0",
"@typescript-eslint/types": "8.56.0",
@@ -1857,7 +1854,6 @@
"integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
"dev": true,
"license": "MIT",
- "peer": true,
"bin": {
"acorn": "bin/acorn"
},
@@ -2814,7 +2810,6 @@
"integrity": "sha512-VmQ+sifHUbI/IcSopBCF/HO3YiHQx/AVd3UVyYL6weuwW+HvON9VYn5l6Zl1WZzPWXPNZrSQpxwkkZ/VuvJZzg==",
"dev": true,
"license": "MIT",
- "peer": true,
"dependencies": {
"@eslint-community/eslint-utils": "^4.8.0",
"@eslint-community/regexpp": "^4.12.1",
@@ -2988,7 +2983,6 @@
"integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
"dev": true,
"license": "MIT",
- "peer": true,
"dependencies": {
"@rtsao/scc": "^1.1.0",
"array-includes": "^3.1.9",
@@ -4908,7 +4902,6 @@
"resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
"integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
"license": "MIT",
- "peer": true,
"engines": {
"node": ">=0.10.0"
}
@@ -4943,7 +4936,6 @@
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
"integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
"license": "MIT",
- "peer": true,
"dependencies": {
"scheduler": "^0.27.0"
},
@@ -5185,7 +5177,6 @@
"resolved": "https://registry.npmjs.org/sass/-/sass-1.97.3.tgz",
"integrity": "sha512-fDz1zJpd5GycprAbu4Q2PV/RprsRtKC/0z82z0JLgdytmcq0+ujJbJ/09bPGDxCLkKY3Np5cRAOcWiVkLXJURg==",
"license": "MIT",
- "peer": true,
"dependencies": {
"chokidar": "^4.0.0",
"immutable": "^5.0.2",
@@ -5707,7 +5698,6 @@
"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
"dev": true,
"license": "MIT",
- "peer": true,
"engines": {
"node": ">=12"
},
@@ -5870,7 +5860,6 @@
"integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
"dev": true,
"license": "Apache-2.0",
- "peer": true,
"bin": {
"tsc": "bin/tsc",
"tsserver": "bin/tsserver"
diff --git a/public/assets/css/main.css b/public/assets/css/main.css
index 1da63e5..902d4aa 100644
--- a/public/assets/css/main.css
+++ b/public/assets/css/main.css
@@ -123,11 +123,11 @@ i[class^=flaticon-],
--primary-font: 'Inter', sans-serif;
--secondary-font: 'Roboto', sans-serif;
- --theme-color: #3c72fc;
- --theme-color-1: #0f0d1d;
+ --theme-color: #3779b9;
+ --theme-color-1: #1a1f2b;
--primary10: rgba(60, 114, 252, 0.1);
--white: #ffffff;
- --gradient-bg: linear-gradient(90deg, #3c72fc -10.59%, #00060c 300.59%);
+ --gradient-bg: linear-gradient(90deg, #3779b9 -10.59%, #00060c 300.59%);
}
* {
@@ -1023,14 +1023,14 @@ only screen and (min-width: 576px) and (max-width: 767px) {
.section-space {
- padding-top: 120px;
- padding-bottom: 120px;
+ padding-top: 80px;
+ padding-bottom: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.section-space {
- padding-top: 100px;
- padding-bottom: 100px;
+ padding-top: 80px;
+ padding-bottom: 80px;
}
}
@@ -1041,8 +1041,7 @@ only screen and (min-width: 576px) and (max-width: 767px) {
}
}
-@media only screen and (min-width: 576px) and (max-width: 767px),
-(max-width: 575px) {
+@media (max-width: 767px) {
.section-space {
padding-top: 60px;
padding-bottom: 60px;
@@ -1050,12 +1049,12 @@ only screen and (min-width: 576px) and (max-width: 767px) {
}
.section-space-top {
- padding-top: 120px;
+ padding-top: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.section-space-top {
- padding-top: 100px;
+ padding-top: 80px;
}
}
@@ -1065,20 +1064,19 @@ only screen and (min-width: 576px) and (max-width: 767px) {
}
}
-@media only screen and (min-width: 576px) and (max-width: 767px),
-(max-width: 575px) {
+@media (max-width: 767px) {
.section-space-top {
padding-top: 70px;
}
}
.section-space-bottom {
- padding-bottom: 120px;
+ padding-bottom: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.section-space-bottom {
- padding-bottom: 100px;
+ padding-bottom: 80px;
}
}
@@ -1088,15 +1086,14 @@ only screen and (min-width: 576px) and (max-width: 767px) {
}
}
-@media only screen and (min-width: 576px) and (max-width: 767px),
-(max-width: 575px) {
+@media (max-width: 767px) {
.section-space-bottom {
padding-bottom: 70px;
}
}
.section-space-medium {
- padding: 100px 0;
+ padding: 80px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@@ -1107,19 +1104,18 @@ only screen and (min-width: 576px) and (max-width: 767px) {
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-space-medium {
- padding: 60px 0;
+ padding: 80px 0;
}
}
-@media only screen and (min-width: 576px) and (max-width: 767px),
-(max-width: 575px) {
+@media (max-width: 767px) {
.section-space-medium {
padding: 60px 0;
}
}
.section-space-medium-top {
- padding-top: 100px;
+ padding-top: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@@ -1130,19 +1126,18 @@ only screen and (min-width: 576px) and (max-width: 767px) {
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-space-medium-top {
- padding-top: 60px;
+ padding-top: 80px;
}
}
-@media (max-width: 575px),
-only screen and (min-width: 576px) and (max-width: 767px) {
+@media (max-width: 767px) {
.section-space-medium-top {
padding-top: 60px;
}
}
.section-space-medium-bottom {
- padding-bottom: 100px;
+ padding-bottom: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@@ -1153,12 +1148,11 @@ only screen and (min-width: 576px) and (max-width: 767px) {
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-space-medium-bottom {
- padding-bottom: 60px;
+ padding-bottom: 80px;
}
}
-@media only screen and (min-width: 576px) and (max-width: 767px),
-(max-width: 575px) {
+@media (max-width: 767px) {
.section-space-medium-bottom {
padding-bottom: 60px;
}
@@ -1176,12 +1170,11 @@ only screen and (min-width: 576px) and (max-width: 767px) {
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-space-small {
- padding: 60px 0;
+ padding: 80px 0;
}
}
-@media only screen and (min-width: 576px) and (max-width: 767px),
-(max-width: 575px) {
+@media (max-width: 767px) {
.section-space-small {
padding: 60px 0;
}
@@ -1193,12 +1186,11 @@ only screen and (min-width: 576px) and (max-width: 767px) {
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-space-small-top {
- padding-top: 60px;
+ padding-top: 80px;
}
}
-@media only screen and (min-width: 576px) and (max-width: 767px),
-(max-width: 575px) {
+@media (max-width: 767px) {
.section-space-small-top {
padding-top: 60px;
}
@@ -3333,7 +3325,7 @@ p.banner-text {
left: -16px;
width: 50px;
height: 30px;
- background: #3c72fc;
+ background: #3779b9;
clip-path: polygon(50% 0%, 100% 0, 100% 100%, 48% 47%, 0 0);
}
diff --git a/public/assets/imgs/logo/black-logo.svg b/public/assets/imgs/logo/black-logo.svg
index 670011d..89ba910 100644
--- a/public/assets/imgs/logo/black-logo.svg
+++ b/public/assets/imgs/logo/black-logo.svg
@@ -5,7 +5,7 @@
-
-
-
+
+
+
diff --git a/public/assets/imgs/logo/logo-white.svg b/public/assets/imgs/logo/logo-white.svg
index 2cbf600..ce5afa2 100644
--- a/public/assets/imgs/logo/logo-white.svg
+++ b/public/assets/imgs/logo/logo-white.svg
@@ -5,7 +5,7 @@
-
-
-
+
+
+
diff --git a/public/assets/imgs/logo/logo.svg b/public/assets/imgs/logo/logo.svg
index 670011d..89ba910 100644
--- a/public/assets/imgs/logo/logo.svg
+++ b/public/assets/imgs/logo/logo.svg
@@ -5,7 +5,7 @@
-
-
-
+
+
+
diff --git a/public/assets/imgs/shapes/star.svg b/public/assets/imgs/shapes/star.svg
index 6e93b35..cba5115 100644
--- a/public/assets/imgs/shapes/star.svg
+++ b/public/assets/imgs/shapes/star.svg
@@ -1,3 +1,3 @@
-
+
diff --git a/src/app/about-us/page.tsx b/src/app/about-us/page.tsx
index 2f11c34..9755b80 100644
--- a/src/app/about-us/page.tsx
+++ b/src/app/about-us/page.tsx
@@ -7,6 +7,7 @@ import Footer2 from "@/components/layout/Footer2";
import InnerBanner from "@/components/common/InnerBanner";
import FeaturesSection from "@/components/home/home-2/FeaturesSection";
import About2Section from "@/components/home/home-2/About2Section";
+import WhyChooseUs from "@/components/about/WhyChooseUs";
import ServiceTabSection from "@/components/home/home-2/ServiceTabSection";
import WorkProcessSection from "@/components/home/home-2/WorkProcessSection";
import TextSliderSection from "@/components/home/home-2/TextSliderSection";
@@ -42,14 +43,15 @@ export default function Home2() {
{/* */}
-
-
+
+
+ {/* */}
+ {/* */}
{/* */}
-
-
+ {/* */}
{/* */}
@@ -57,7 +59,6 @@ export default function Home2() {
{/* */}
{/* */}
{/* */}
-
{/* */}
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index dba03bd..bb85239 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -4,7 +4,8 @@ import React, { useEffect } from "react";
import Header1 from "@/components/layout/Header1";
import Footer1 from "@/components/layout/Footer1";
import InnerBanner from "@/components/common/InnerBanner";
-import HelpFormSection from "@/components/home/home-2/HelpFormSection";
+import ContactSection from "@/components/contact/ContactSection";
+import MapSection from "@/components/contact/MapSection";
export default function ContactPage() {
useEffect(() => {
@@ -23,7 +24,8 @@ export default function ContactPage() {
-
+
+
>
diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx
new file mode 100644
index 0000000..c53250b
--- /dev/null
+++ b/src/app/faq/page.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import React, { useEffect } from "react";
+import Header1 from "@/components/layout/Header1";
+import Footer1 from "@/components/layout/Footer1";
+import InnerBanner from "@/components/common/InnerBanner";
+import FaqPageSection from "@/components/faq/FaqPageSection";
+
+export default function FaqPage() {
+ useEffect(() => {
+ const init = () => {
+ if (typeof window !== "undefined" && (window as any).initMetatron && (window as any).jQuery) {
+ (window as any).initMetatron();
+ } else {
+ setTimeout(init, 100);
+ }
+ };
+ init();
+ }, []);
+
+ return (
+ <>
+
+
+
+
+
+
+ >
+ );
+}
diff --git a/src/app/globals.css b/src/app/globals.css
index 736f136..a8afe87 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -21,8 +21,15 @@ body {
position: relative;
overflow: hidden;
background: #070d1a;
- padding-top: 120px;
- padding-bottom: 200px;
+ padding-top: 80px;
+ padding-bottom: 80px;
+}
+
+@media (max-width: 767px) {
+ .offer-area {
+ padding-top: 60px;
+ padding-bottom: 60px;
+ }
}
.offer__shadow {
@@ -81,7 +88,7 @@ body {
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
- color: #3c72fc;
+ color: #3779b9;
margin: 0 0 12px;
}
@@ -109,8 +116,8 @@ body {
}
.btn-one:hover {
- background: #3c72fc;
- border-color: #3c72fc;
+ background: #3779b9;
+ border-color: #3779b9;
}
/* Offer grid */
@@ -191,7 +198,7 @@ body {
}
.offer__item:hover .offer__icon {
- background: linear-gradient(160deg, #3c72fc 0%, #1a3fa8 100%);
+ background: linear-gradient(160deg, #3779b9 0%, #1a3fa8 100%);
box-shadow: 0 0 28px rgba(60, 114, 252, 0.75);
transform: rotateY(360deg);
}
@@ -342,8 +349,15 @@ body {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
- padding-top: 180px;
- padding-bottom: 180px;
+ padding-top: 80px;
+ padding-bottom: 80px;
+}
+
+@media (max-width: 767px) {
+ .banner__inner-page {
+ padding-top: 60px;
+ padding-bottom: 60px;
+ }
}
.banner__inner-page::before {
@@ -406,7 +420,7 @@ body {
}
.banner__inner-page .breadcrumb-list a:hover {
- color: #3c72fc;
+ color: #3779b9;
}
.banner__inner-page .breadcrumb-list span {
@@ -418,7 +432,7 @@ body {
.banner__inner-page .breadcrumb-list i {
font-size: 13px;
- color: #3c72fc;
+ color: #3779b9;
}
@keyframes swayX {
@@ -474,8 +488,8 @@ body {
@media (max-width: 768px) {
.banner__inner-page {
- padding-top: 120px;
- padding-bottom: 120px;
+ padding-top: 60px;
+ padding-bottom: 60px;
}
.banner__inner-page h2 {
@@ -494,8 +508,8 @@ body {
/* --- CSS Variables (shared) --- */
:root {
- --getizy-base: #D33D35;
- --getizy-base-two: #FB8459;
+ --getizy-base: #3779b9;
+ --getizy-base-two: #1a1f2b;
--getizy-secondary: #222230;
--getizy-white: #FFFFFF;
--getizy-white-rgb: 255, 255, 255;
@@ -507,8 +521,8 @@ body {
position: relative;
overflow: visible;
background: #f5f0ec;
- padding-top: 120px;
- padding-bottom: 120px;
+ padding-top: 80px;
+ padding-bottom: 80px;
}
/* --- Background shapes --- */
@@ -789,8 +803,8 @@ body {
}
.fo-section {
- padding-top: 80px;
- padding-bottom: 80px;
+ padding-top: 60px;
+ padding-bottom: 60px;
}
}
@@ -1140,7 +1154,7 @@ body {
}
.about-one.section-space {
- padding-top: 120px;
+ padding-top: 80px;
}
/* dark texture bg */
@@ -1219,7 +1233,7 @@ body {
left: 0px;
width: 120px;
height: 8px;
- background: linear-gradient(90deg, var(--getizy-base, #D33D35) 0%, var(--getizy-base-two, #FB8459) 100%);
+ background: linear-gradient(90deg, var(--getizy-base, #3779b9) 0%, var(--getizy-base-two, #FB8459) 100%);
z-index: 10;
border-radius: 4px;
}
@@ -1249,7 +1263,7 @@ body {
width: 950px;
height: 950px;
border-radius: 50%;
- background: linear-gradient(145deg, var(--getizy-base, #D33D35) 0%, var(--getizy-base-two, #FB8459) 100%);
+ background: linear-gradient(145deg, var(--getizy-base, #3779b9) 0%, var(--getizy-base-two, #FB8459) 100%);
z-index: -1;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
}
@@ -1406,7 +1420,7 @@ body {
padding: 20px 40px;
overflow: hidden;
z-index: 0;
- background: linear-gradient(145deg, var(--getizy-base, #D33D35) 0%, var(--getizy-base-two, #FB8459) 100%);
+ background: linear-gradient(145deg, var(--getizy-base, #3779b9) 0%, var(--getizy-base-two, #FB8459) 100%);
cursor: pointer;
text-decoration: none;
transition: all 0.5s;
@@ -1418,7 +1432,7 @@ body {
}
.about-one__content .getizy-btn:hover {
- background: linear-gradient(145deg, var(--getizy-base, #D33D35) 0%, var(--getizy-base-two, #FB8459) 100%);
+ background: linear-gradient(145deg, var(--getizy-base, #3779b9) 0%, var(--getizy-base-two, #FB8459) 100%);
}
.btn-hover-cropping {
@@ -1514,7 +1528,7 @@ body {
.faq-two {
position: relative;
background-color: #1b272a;
- padding: 120px 0 289px;
+ padding: 80px 0 289px;
clip-path: polygon(0 0, 100% 0, 100% 69%, 80% 100%, 20% 100%, 0% 69%);
z-index: 1;
}
@@ -1553,7 +1567,7 @@ body {
top: 5px;
bottom: 5px;
width: 2px;
- background-color: var(--getizy-base, #D33D35);
+ background-color: var(--getizy-base, #3779b9);
}
.faq-two__content__text {
@@ -1578,7 +1592,7 @@ body {
.faq-two__content__list li i {
font-size: 24px;
- color: var(--getizy-base, #D33D35);
+ color: var(--getizy-base, #3779b9);
}
/* Accordion */
@@ -1702,7 +1716,7 @@ body {
.video-three__btn {
width: 250px;
height: 250px;
- background-color: var(--getizy-base, #D33D35);
+ background-color: var(--getizy-base, #3779b9);
border: 8px solid #fff;
display: flex;
flex-direction: column;
@@ -1777,7 +1791,7 @@ body {
═══════════════════════════════════════════════════════════ */
.why-choose-three {
position: relative;
- padding: 120px 0;
+ padding: 80px 0;
overflow: hidden;
background-color: #f7f8fc;
}
@@ -1841,7 +1855,7 @@ body {
border-radius: 10px;
font-size: 22px;
font-weight: 700;
- color: #051d1f;
+ color: #1a1f2b;
font-family: var(--getizy-heading, "Barlow", sans-serif);
counter-increment: count;
padding: 19px 30px;
@@ -1864,13 +1878,13 @@ body {
content: "";
border-radius: 10px;
transition: all 500ms ease;
- background-color: var(--getizy-base, #D33D35);
+ background-color: var(--getizy-base, #3779b9);
z-index: -1;
}
.why-choose-three__content__list li:hover::after {
width: 100%;
- background-color: var(--getizy-base, #D33D35);
+ background-color: var(--getizy-base, #3779b9);
}
.why-choose-three__content__list__number::after {
@@ -1879,7 +1893,7 @@ body {
font-weight: 700;
width: 32px;
height: 32px;
- background-color: #051d1f;
+ background-color: #1a1f2b;
color: #fff;
border-radius: 50%;
display: flex;
@@ -1890,12 +1904,12 @@ body {
.why-choose-three__content__list li:hover .why-choose-three__content__list__number::after {
background-color: #fff;
- color: #051d1f;
+ color: #1a1f2b;
}
.why-choose-three__content__list__icon {
font-size: 40px;
- color: var(--getizy-base, #D33D35);
+ color: var(--getizy-base, #3779b9);
transition: all 500ms ease;
}
@@ -1941,7 +1955,7 @@ body {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
- color: var(--getizy-base, #D33D35);
+ color: var(--getizy-base, #3779b9);
letter-spacing: 0.1em;
display: flex;
align-items: center;
@@ -1961,7 +1975,7 @@ body {
font-size: 45px;
font-weight: 700;
line-height: 1.1;
- color: #051d1f;
+ color: #1a1f2b;
}
@media (max-width: 1199px) {
@@ -1999,13 +2013,13 @@ body {
.contact-one {
position: relative;
overflow: hidden;
- padding: 120px 0 0;
+ padding: 80px 0 0;
background-color: #fff;
}
.contact-one__info {
position: relative;
- background-color: var(--getizy-base, #D33D35);
+ background-color: var(--getizy-base, #3779b9);
border-radius: 10px;
padding: 58px 30px 40px 200px;
z-index: 2;
@@ -2061,7 +2075,7 @@ body {
height: 0px;
border-style: solid;
border-width: 48px 0 48px 56px;
- border-color: transparent transparent transparent var(--getizy-base, #D33D35);
+ border-color: transparent transparent transparent var(--getizy-base, #3779b9);
}
.contact-one__image {
@@ -2097,7 +2111,7 @@ body {
.contact-one__wrapper {
position: relative;
z-index: 2;
- background-color: #051d1f;
+ background-color: #1a1f2b;
border-radius: 10px;
background-position: right bottom;
background-repeat: no-repeat;
@@ -2111,7 +2125,7 @@ body {
width: 215px;
height: 100px;
content: "";
- background-color: var(--getizy-base, #D33D35);
+ background-color: var(--getizy-base, #3779b9);
z-index: -1;
border-radius: 0 0 0 10px;
}
@@ -2139,7 +2153,7 @@ body {
height: 0px;
border-style: solid;
border-width: 48px 56px 48px 0;
- border-color: transparent var(--getizy-base, #D33D35) transparent transparent;
+ border-color: transparent var(--getizy-base, #3779b9) transparent transparent;
z-index: 1;
}
@@ -2196,12 +2210,12 @@ body {
.form-one__control input:focus,
.form-one__control textarea:focus {
- border-color: var(--getizy-base, #D33D35);
+ border-color: var(--getizy-base, #3779b9);
}
.contact-one__form .tolak-btn {
width: auto;
- background-color: var(--getizy-base, #D33D35);
+ background-color: var(--getizy-base, #3779b9);
color: #fff;
border: none;
padding: 15px 40px;
@@ -2213,7 +2227,7 @@ body {
.contact-one__form .tolak-btn:hover {
background-color: #fff;
- color: #051d1f;
+ color: #1a1f2b;
}
@media (max-width: 991px) {
@@ -2269,7 +2283,7 @@ body {
.service-three {
position: relative;
background-color: #ecf2fc;
- padding: 120px 0;
+ padding: 80px 0;
overflow: hidden;
z-index: 1;
}
@@ -2333,13 +2347,13 @@ body {
margin: 0 auto -22px;
background-color: rgba(255, 255, 255, 0.9);
font-size: 42px;
- color: var(--getizy-base, #D33D35);
+ color: var(--getizy-base, #3779b9);
transition: all 500ms ease;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.service-three__item:hover .service-three__item__icon {
- background-color: var(--getizy-base, #D33D35);
+ background-color: var(--getizy-base, #3779b9);
color: #fff;
}
@@ -2350,7 +2364,7 @@ body {
}
.service-three__item__title a {
- color: #051d1f;
+ color: #1a1f2b;
transition: all 500ms ease;
}
@@ -2366,7 +2380,7 @@ body {
}
.service-three__item:hover .service-three__item__text {
- color: rgba(255, 255, 255, 0.7);
+ color: #fff !important;
}
.service-three__item__image {
@@ -2401,13 +2415,13 @@ body {
align-items: center;
justify-content: center;
font-size: 16px;
- color: var(--getizy-base, #D33D35);
+ color: var(--getizy-base, #3779b9);
transition: all 500ms ease;
z-index: 3;
}
.service-three__item:hover .service-three__item__rm {
- background-color: var(--getizy-base, #D33D35);
+ background-color: var(--getizy-base, #3779b9);
color: #fff;
}
@@ -2422,7 +2436,7 @@ body {
═══════════════════════════════════════════════════════════ */
.work-process-container-wrapper.style2 {
position: relative;
- padding: 120px 0;
+ padding: 80px 0;
z-index: 1;
}
@@ -2596,7 +2610,7 @@ body {
.process-card .text {
font-size: 15px;
font-weight: 700;
- color: #051d1f;
+ color: #1a1f2b;
line-height: 1.1;
letter-spacing: -0.01em;
}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 84014c3..cdf3bc7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import Footer1 from "@/components/layout/Footer1";
import BannerSection from "@/components/home/home-1/BannerSection";
import AboutSection from "@/components/home/home-1/AboutSection";
-import ServiceSliderSection from "@/components/home/home-1/ServiceSliderSection";
+import ServiceThreeSlider from "@/components/home/home-1/ServiceThreeSlider";
import CtaSection from "@/components/home/home-1/CtaSection";
import ChooseSection from "@/components/home/home-1/ChooseSection";
import TestimonialsSection from "@/components/home/home-1/TestimonialsSection";
@@ -38,12 +38,11 @@ export default function MainPage() {
-
+
-
-
-
+
+
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 382a36c..d086851 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -13,11 +13,15 @@ import ProjectsSection from "@/components/home/home-3/ProjectsSection";
import BrandsSection from "@/components/home/home-3/BrandsSection";
import FaqSection from "@/components/home/home-3/FaqSection";
import BlogSection from "@/components/home/home-3/BlogSection";
-import FeaturesSection from "@/components/home/home-2/FeaturesSection";
+import FeaturesSection from "@/components/home/home-1/FeaturesSection";
+import FeaturesSection2 from "@/components/home/home-2/FeaturesSection";
import CtaSection from "@/components/home/home-1/CtaSection";
import Footer1 from "@/components/layout/Footer1";
import Header1 from "@/components/layout/Header1";
import WorkProcessSection from "@/components/home/home-2/WorkProcessSection";
+import ServiceSection2 from "@/components/careers/ServiceSection";
+import WorkProcessSection2 from "@/components/careers/WorkProcessSection";
+import AboutService from "@/components/services/AboutService";
export default function Home3() {
useEffect(() => {
@@ -39,11 +43,15 @@ export default function Home3() {
{/* */}
-
+ {/* */}
+
+
+
{/* */}
{/* */}
-
+ {/* */}
+
{/* */}
{/* */}
diff --git a/src/components/about/WhyChooseUs.tsx b/src/components/about/WhyChooseUs.tsx
new file mode 100644
index 0000000..f1020ca
--- /dev/null
+++ b/src/components/about/WhyChooseUs.tsx
@@ -0,0 +1,234 @@
+import React from "react";
+
+const WhyChooseUs = () => {
+ return (
+
+
+
+
+
+
+
+ WHY CHOOSE US
+
+
+ Consulting Solutions For Your Business Development.
+
+
+ Business tailored design, management & support services Business business agency elit,
+ sed do eiusmod tempor majority have in some we form, by injected humour solution.
+
+
+
+
+
+
+
+
+
+
We Are Improve Choose Business.
+
Market research branding of engagement.
+
+
+
+
+
+
+
+
+
Business Consulting This Network.
+
Business tailored design, management & off support.
+
+
+
+
+
+
+
+ We are business many variations of passages of this business magical solution.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default WhyChooseUs;
diff --git a/src/components/careers/AboutOneSection.tsx b/src/components/careers/AboutOneSection.tsx
index be1fe46..fe5d881 100644
--- a/src/components/careers/AboutOneSection.tsx
+++ b/src/components/careers/AboutOneSection.tsx
@@ -74,7 +74,7 @@ const AboutOneSection = () => {
height={50}
/>
-
+ {/*
*/}
diff --git a/src/components/careers/FaqVideoSection.tsx b/src/components/careers/FaqVideoSection.tsx
index c19eb48..c794b5f 100644
--- a/src/components/careers/FaqVideoSection.tsx
+++ b/src/components/careers/FaqVideoSection.tsx
@@ -92,19 +92,19 @@ const FaqVideoSection = () => {
- ✓
+ ✓
You solution business will be fully satisfied you are under.
- ✓
+ ✓
You solution business will be fully satisfied you are under.
- ✓
+ ✓
You solution business will be fully satisfied you are under.
- ✓
+ ✓
You solution business will be fully satisfied you are under.
diff --git a/src/components/careers/ServiceSection.tsx b/src/components/careers/ServiceSection.tsx
index 0782f85..3c6f7e1 100644
--- a/src/components/careers/ServiceSection.tsx
+++ b/src/components/careers/ServiceSection.tsx
@@ -3,7 +3,7 @@
import React, { useEffect, useRef } from "react";
import Link from "next/link";
-const ServiceSection = () => {
+const ServiceSection2 = () => {
const sectionRef = useRef(null);
useEffect(() => {
@@ -141,4 +141,4 @@ const ServiceSection = () => {
);
};
-export default ServiceSection;
+export default ServiceSection2;
diff --git a/src/components/careers/WorkProcessSection.tsx b/src/components/careers/WorkProcessSection.tsx
index 6f2607d..99d86b2 100644
--- a/src/components/careers/WorkProcessSection.tsx
+++ b/src/components/careers/WorkProcessSection.tsx
@@ -2,7 +2,7 @@
import React, { useEffect, useRef } from "react";
-const WorkProcessSection = () => {
+const WorkProcessSection2 = () => {
const sectionRef = useRef(null);
useEffect(() => {
@@ -124,4 +124,4 @@ const WorkProcessSection = () => {
);
};
-export default WorkProcessSection;
+export default WorkProcessSection2;
diff --git a/src/components/common/InnerBanner.tsx b/src/components/common/InnerBanner.tsx
index e5b56d6..6ce768b 100644
--- a/src/components/common/InnerBanner.tsx
+++ b/src/components/common/InnerBanner.tsx
@@ -3,31 +3,31 @@ import React, { useEffect } from "react";
import Link from "next/link";
interface InnerBannerProps {
- title: string;
- breadcrumb?: string; // overrides title in breadcrumb if different
- bgImage?: string; // optional custom background, defaults to hero-bg1
+ title: string;
+ breadcrumb?: string; // overrides title in breadcrumb if different
+ bgImage?: string; // optional custom background, defaults to hero-bg1
}
const InnerBanner = ({
- title,
- breadcrumb,
- bgImage = "/assets/img/bg/hero-bg1.png",
+ title,
+ breadcrumb,
+ bgImage = "/assets/img/bg/hero-bg1.png",
}: InnerBannerProps) => {
- const crumb = breadcrumb ?? title;
+ const crumb = breadcrumb ?? title;
- useEffect(() => {
- if (typeof window !== "undefined") {
- // @ts-ignore
- if (window.WOW) {
- // @ts-ignore
- new window.WOW({ live: false }).init();
- }
- }
- }, []);
+ useEffect(() => {
+ if (typeof window !== "undefined") {
+ // @ts-ignore
+ if (window.WOW) {
+ // @ts-ignore
+ new window.WOW({ live: false }).init();
+ }
+ }
+ }, []);
- return (
- <>
-
-
- {/* shape2 – bottom-left large */}
-
-
-
+
+ {/* shape2 – bottom-left large */}
+
+
+
- {/* shape1 – bottom-left small (layered above shape2) */}
-
-
-
+ {/* shape1 – bottom-left small (layered above shape2) */}
+
+
+
- {/* shape3 – right side with sway */}
-
-
-
+ {/* shape3 – right side with sway */}
+
+
+
- {/* text content */}
-
-
- {title}
-
+ {/* text content */}
+
+
+ {title}
+
-
- Home
-
-
- {crumb}
-
-
-
-
- >
- );
+
+ Home
+
+
+ {crumb}
+
+
+
+
+ >
+ );
};
export default InnerBanner;
diff --git a/src/components/common/Offcanvas.tsx b/src/components/common/Offcanvas.tsx
index d5b8901..d1c5a74 100644
--- a/src/components/common/Offcanvas.tsx
+++ b/src/components/common/Offcanvas.tsx
@@ -7,7 +7,7 @@ const Offcanvas = () => {
(window as any).jQuery('#mobile-menu').meanmenu({
meanMenuContainer: '.mobile-menu',
meanScreenWidth: "1199",
- meanExpand: [' '],
+ meanExpand: [' '],
});
}
}, []);
@@ -28,7 +28,7 @@ const Offcanvas = () => {
-
+
@@ -40,7 +40,7 @@ const Offcanvas = () => {
-
+
31 Park End St, Brockhampton, UK
@@ -48,7 +48,7 @@ const Offcanvas = () => {
-
+
+00112233665
@@ -56,7 +56,7 @@ const Offcanvas = () => {
-
+
support@example.com
diff --git a/src/components/contact/ContactSection.tsx b/src/components/contact/ContactSection.tsx
new file mode 100644
index 0000000..a67e90d
--- /dev/null
+++ b/src/components/contact/ContactSection.tsx
@@ -0,0 +1,217 @@
+import React from "react";
+
+const ContactSection = () => {
+ return (
+
+
+
+
+
+
+
+ Contact With Us
+
+
Feel Free to Get in Touch
+
+
+
+
+
+
+
+
+
+ Visit Now
+
88 Broklyn Golden Street. New York, USA
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default ContactSection;
diff --git a/src/components/contact/MapSection.tsx b/src/components/contact/MapSection.tsx
new file mode 100644
index 0000000..00c2ad6
--- /dev/null
+++ b/src/components/contact/MapSection.tsx
@@ -0,0 +1,43 @@
+import React from "react";
+
+const MapSection = () => {
+ return (
+
+ );
+};
+
+export default MapSection;
diff --git a/src/components/faq/FaqPageSection.tsx b/src/components/faq/FaqPageSection.tsx
new file mode 100644
index 0000000..c3bfeb7
--- /dev/null
+++ b/src/components/faq/FaqPageSection.tsx
@@ -0,0 +1,274 @@
+"use client";
+
+import React, { useState } from "react";
+
+const faqData = [
+ {
+ category: "General Inquiries",
+ items: [
+ { id: 1, question: "What is Metatron Cube Software Solutions?", answer: "Metatron Cube is a premier IT consulting and software development agency specializing in tailored business solutions, digital transformation, and high-performance technology management." },
+ { id: 2, question: "How can I start a project with you?", answer: "Starting a project is simple. You can reach out through our contact form, email us directly, or schedule a free discovery call to discuss your business requirements." },
+ { id: 3, question: "Where is your company located?", answer: "We are headquartered in a modern tech hub, serving clients globally with our distributed team of expert developers and consultants." },
+ { id: 4, question: "Do you offer free consultations?", answer: "Yes, we provide a complimentary initial consultation to understand your needs and determine how our solutions can best drive your business growth." },
+ { id: 5, question: "What industries do you specialize in?", answer: "We have extensive experience in Fintech, Healthcare, E-commerce, Logistics, and Enterprise Resource Planning (ERP) sectors." }
+ ]
+ },
+ {
+ category: "Services & Solutions",
+ items: [
+ { id: 6, question: "What software development services do you provide?", answer: "We offer full-cycle development including web applications, mobile apps (iOS/Android), custom ERP systems, and API integrations." },
+ { id: 7, question: "Do you provide UI/UX design services?", answer: "Absolutely. Our design team focuses on creating user-centric, intuitive, and visually stunning interfaces that enhance user engagement and brand value." },
+ { id: 8, question: "Can you help migrate our legacy system to the cloud?", answer: "Yes, we specialize in cloud migration strategies for AWS, Azure, and Google Cloud, ensuring zero data loss and minimal downtime." },
+ { id: 9, question: "Do you offer dedicated developer teams?", answer: "Yes, we provide staff augmentation and dedicated teams that integrate seamlessly with your in-house workflow to accelerate development." },
+ { id: 10, question: "What is your typical development methodology?", answer: "We primarily follow Agile and Scrum methodologies to ensure transparency, flexibility, and rapid delivery of high-quality software." }
+ ]
+ },
+ {
+ category: "Support & Maintenance",
+ items: [
+ { id: 11, question: "How do you handle software security?", answer: "Security is built into our dev process. We perform regular code audits, penetration testing, and follow industry standard compliance like GDPR or HIPAA where applicable." },
+ { id: 12, question: "Do you provide 24/7 technical support?", answer: "We offer various support tiers, including 24/7 critical incident response and proactive system monitoring to ensure your operations never stop." },
+ { id: 13, question: "What happens after the project is launched?", answer: "After launch, we provide a warranty period followed by optional maintenance packages to handle updates, scaling, and feature enhancements." },
+ { id: 14, question: "How do you manage data backups?", answer: "We implement automated daily backups with redundant storage across different geographic locations to ensure data recoverability under any circumstances." },
+ { id: 15, question: "Can you provide training for our staff?", answer: "Yes, we provide comprehensive documentation and training sessions to ensure your team is fully equipped to manage the new system efficiently." }
+ ]
+ },
+ {
+ category: "Consulting & Strategy",
+ items: [
+ { id: 16, question: "How do you help businesses with digital transformation?", answer: "We analyze your current processes, identify bottlenecks, and implement digital solutions that automate workflows and improve overall efficiency." },
+ { id: 17, question: "Do you provide IT infrastructure consulting?", answer: "Yes, we advise on server architecture, network security, and infrastructure scaling to support your business's future growth." },
+ { id: 18, question: "How do you measure project success?", answer: "We define clear KPIs at the start, such as performance metrics, user adoption rates, and ROI, and track them throughout the lifecycle." },
+ { id: 19, question: "Can you help us with technology stack selection?", answer: "Our consultants evaluate your project needs to recommend the most scalable, cost-effective, and future-proof tech stack (e.g., React, Node.js, Python)." },
+ { id: 20, question: "Do you work with startups?", answer: "Yes, we love working with startups to build MVPs (Minimum Viable Products) quickly and efficiently to help them secure funding and market traction." }
+ ]
+ }
+];
+
+const FaqPageSection = () => {
+ const [activeId, setActiveId] = useState
(1);
+
+ const toggleAccordion = (id: number) => {
+ setActiveId(activeId === id ? null : id);
+ };
+
+ return (
+
+
+
+
+
+
+ HELP KNOWLEDGE BASE
+
+
Frequently Asked Questions
+
+ Find answers to common questions about our services, processes, and how we can help your business thrive in the digital age.
+
+
+
+
+
+
+ {faqData.map((category, catIndex) => (
+
+
+ 0{catIndex + 1} {category.category}
+
+
+ {category.items.map((faq) => (
+
+
toggleAccordion(faq.id)}
+ aria-expanded={activeId === faq.id}
+ >
+ {faq.question}
+
+ {activeId === faq.id ? : }
+
+
+
+
+ ))}
+
+
+ ))}
+
+
+
+
+
Still have questions?
+
If you couldn't find the answer you were looking for, feel free to contact us. Our team is ready to help you!
+
+ Contact Support |
+
+
+
+
+
+
+
+ );
+};
+
+export default FaqPageSection;
diff --git a/src/components/home/OfferSection.tsx b/src/components/home/OfferSection.tsx
index 13d2297..656076b 100644
--- a/src/components/home/OfferSection.tsx
+++ b/src/components/home/OfferSection.tsx
@@ -4,22 +4,22 @@ import React, { useEffect } from "react";
// ── inline SVG icons ────────────────────────────────────────────────────────
const IconWebsite = () => (
-
+
);
const IconAndroid = () => (
-
-
+
+
);
const IconIOS = () => (
-
-
+
+
@@ -27,18 +27,18 @@ const IconIOS = () => (
const IconWatch = () => (
-
-
-
+
+
+
);
const IconTv = () => (
-
-
-
+
+
+
@@ -46,9 +46,9 @@ const IconTv = () => (
const IconIOT = () => (
-
-
-
+
+
+
);
diff --git a/src/components/home/SharedComponents.tsx b/src/components/home/SharedComponents.tsx
index e534b32..ca2da82 100644
--- a/src/components/home/SharedComponents.tsx
+++ b/src/components/home/SharedComponents.tsx
@@ -41,7 +41,7 @@ export const SearchOverlay = () => (
-
+
Search by :
@@ -72,7 +72,7 @@ export const Offcanvas = () => (
-
+
@@ -84,7 +84,7 @@ export const Offcanvas = () => (
-
+
31 Park End St, Brockhampton, UK
@@ -92,7 +92,7 @@ export const Offcanvas = () => (
-
+
+00112233665
@@ -100,7 +100,7 @@ export const Offcanvas = () => (
-
+
-
+
Call Us Now
@@ -231,7 +231,7 @@ export const Header1 = () => (
@@ -262,22 +262,22 @@ export const Header2 = () => (
-
+
Call Us Now
@@ -287,7 +287,7 @@ export const Header2 = () => (
@@ -332,15 +332,15 @@ export const Header3 = () => (
@@ -577,7 +577,7 @@ export const Footer3 = () => (
].map((item, i) => (
-
+
{item.title}
diff --git a/src/components/home/home-1/AboutSection.tsx b/src/components/home/home-1/AboutSection.tsx
index 416337a..4ae11f1 100644
--- a/src/components/home/home-1/AboutSection.tsx
+++ b/src/components/home/home-1/AboutSection.tsx
@@ -21,7 +21,7 @@ const AboutSection = () => {
@@ -29,7 +29,7 @@ const AboutSection = () => {
-
+
25 Years
Working Experience
@@ -64,7 +64,7 @@ const AboutSection = () => {
diff --git a/src/components/home/home-1/BannerSection.tsx b/src/components/home/home-1/BannerSection.tsx
index 553a33b..c9b5a28 100644
--- a/src/components/home/home-1/BannerSection.tsx
+++ b/src/components/home/home-1/BannerSection.tsx
@@ -13,11 +13,11 @@ const BannerSection = () => {
We denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure.
diff --git a/src/components/home/home-1/BlogSection.tsx b/src/components/home/home-1/BlogSection.tsx
index a5530d1..9dda317 100644
--- a/src/components/home/home-1/BlogSection.tsx
+++ b/src/components/home/home-1/BlogSection.tsx
@@ -14,14 +14,14 @@ const BlogSection = () => (
diff --git a/src/components/home/home-1/ChooseSection.tsx b/src/components/home/home-1/ChooseSection.tsx
index af2fb8b..7df24ca 100644
--- a/src/components/home/home-1/ChooseSection.tsx
+++ b/src/components/home/home-1/ChooseSection.tsx
@@ -12,9 +12,9 @@ const ChooseSection = () => (
What's Make Us Different
{[
- { icon: "icon-roof-4", title: "Commercial Service", delay: ".5s" },
- { icon: "icon-target", title: "Mission Statement Metatron", delay: ".7s" },
- { icon: "icon-help", title: "Safety And Reliability", delay: ".9s" }
+ { icon: "fa-solid fa-building", title: "Commercial Service", delay: ".5s" },
+ { icon: "fa-solid fa-bullseye", title: "Mission Statement Metatron", delay: ".7s" },
+ { icon: "fa-solid fa-handshake-angle", title: "Safety And Reliability", delay: ".9s" }
].map((item, i) => (
diff --git a/src/components/home/home-1/CtaSection.tsx b/src/components/home/home-1/CtaSection.tsx
index 095af82..6833107 100644
--- a/src/components/home/home-1/CtaSection.tsx
+++ b/src/components/home/home-1/CtaSection.tsx
@@ -10,7 +10,7 @@ const CtaSection = () => (
diff --git a/src/components/home/home-1/ProjectsSection.tsx b/src/components/home/home-1/ProjectsSection.tsx
index 40198c4..4391738 100644
--- a/src/components/home/home-1/ProjectsSection.tsx
+++ b/src/components/home/home-1/ProjectsSection.tsx
@@ -15,8 +15,8 @@ const ProjectsSection = () => {
@@ -33,7 +33,7 @@ const ProjectsSection = () => {
{project.tag}
-
+
diff --git a/src/components/home/home-1/ServiceSliderSection.tsx b/src/components/home/home-1/ServiceSliderSection.tsx
index fa9ab7b..28349d3 100644
--- a/src/components/home/home-1/ServiceSliderSection.tsx
+++ b/src/components/home/home-1/ServiceSliderSection.tsx
@@ -24,8 +24,8 @@ const ServiceSliderSection = () => {
@@ -42,7 +42,7 @@ const ServiceSliderSection = () => {
{service.description}
- Read More
+ Read More
diff --git a/src/components/home/home-1/ServiceThreeSlider.tsx b/src/components/home/home-1/ServiceThreeSlider.tsx
new file mode 100644
index 0000000..0f8cabc
--- /dev/null
+++ b/src/components/home/home-1/ServiceThreeSlider.tsx
@@ -0,0 +1,186 @@
+"use client";
+
+import React from "react";
+import Link from "next/link";
+
+const ServiceThreeSlider = () => {
+ const services = [
+ {
+ title: "Network Infrastructure",
+ text: "Solution the connection, we create platforms business Solution",
+ icon: "fa-solid fa-network-wired",
+ image: "/assets/img/about/about-img14.png",
+ link: "/services"
+ },
+ {
+ title: "Data Management",
+ text: "Solution the connection, we create platforms business Solution",
+ icon: "fa-solid fa-database",
+ image: "/assets/img/about/about-img15.png",
+ link: "/services"
+ },
+ {
+ title: "Technology Solution",
+ text: "Solution the connection, we create platforms business Solution",
+ icon: "fa-solid fa-microchip",
+ image: "/assets/img/about/about-img13.png",
+ link: "/services"
+ },
+ {
+ title: "Cloud Computing",
+ text: "Solution the connection, we create platforms business Solution",
+ icon: "fa-solid fa-cloud",
+ image: "/assets/img/about/about-img14.png",
+ link: "/services"
+ },
+ {
+ title: "Cyber Security",
+ text: "Solution the connection, we create platforms business Solution",
+ icon: "fa-solid fa-shield-halved",
+ image: "/assets/img/about/about-img15.png",
+ link: "/services"
+ },
+ {
+ title: "IT Consultancy",
+ text: "Solution the connection, we create platforms business Solution",
+ icon: "fa-solid fa-user-tie",
+ image: "/assets/img/about/about-img13.png",
+ link: "/services"
+ }
+ ];
+
+ return (
+
+
+
+
+
+
+
+
+
+ OUR BEST SERVICE
+
We Are Service Your Business
+
+
+
+
+
+
+
+ {services.map((service, index) => (
+
+
+
+
+
+
+
+ {service.title}
+
+
{service.text}
+
+
+
+
+
+
+ ))}
+
+
+
+
+
+ );
+};
+
+export default ServiceThreeSlider;
diff --git a/src/components/home/home-1/TeamSection.tsx b/src/components/home/home-1/TeamSection.tsx
index 52b6a54..0601a79 100644
--- a/src/components/home/home-1/TeamSection.tsx
+++ b/src/components/home/home-1/TeamSection.tsx
@@ -20,7 +20,7 @@ const TeamSection = () => (
{member.role}
-
+
diff --git a/src/components/home/home-1/TestimonialsSection.tsx b/src/components/home/home-1/TestimonialsSection.tsx
index f534c86..e625b7e 100644
--- a/src/components/home/home-1/TestimonialsSection.tsx
+++ b/src/components/home/home-1/TestimonialsSection.tsx
@@ -10,7 +10,7 @@ const TestimonialsSection = () => (
@@ -28,11 +28,11 @@ const TestimonialsSection = () => (
-
+
Kathryn Murphy
Engineering
- {[1, 2, 3, 4, 5].map((r) => )}
+ {[1, 2, 3, 4, 5].map((r) => )}
“ Consectetur adipiscing elit. Integer is nunc viverra laoreet est the is porta pretium metus aliquam eget maecenas porta is nunc viverra Aenean ”
diff --git a/src/components/home/home-2/About2Section.tsx b/src/components/home/home-2/About2Section.tsx
index b8a2e51..8620d20 100644
--- a/src/components/home/home-2/About2Section.tsx
+++ b/src/components/home/home-2/About2Section.tsx
@@ -16,7 +16,7 @@ const About2Section = () => (
-
+
10 +
@@ -51,12 +51,12 @@ const About2Section = () => (
- about us |
+ about us |
-
+
Call Us Now
diff --git a/src/components/home/home-2/BannerSection.tsx b/src/components/home/home-2/BannerSection.tsx
index 5e0abbc..8eaff98 100644
--- a/src/components/home/home-2/BannerSection.tsx
+++ b/src/components/home/home-2/BannerSection.tsx
@@ -15,7 +15,7 @@ const BannerSection = () => {
We denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure.
- VIEW SERVICES |
+ VIEW SERVICES |
diff --git a/src/components/home/home-2/Blog2Section.tsx b/src/components/home/home-2/Blog2Section.tsx
index b792217..7cb5a20 100644
--- a/src/components/home/home-2/Blog2Section.tsx
+++ b/src/components/home/home-2/Blog2Section.tsx
@@ -9,7 +9,7 @@ const Blog2Section = () => (
Explore Blogs And News
- view all |
+ view all |
@@ -22,14 +22,14 @@ const Blog2Section = () => (
@@ -41,14 +41,14 @@ const Blog2Section = () => (
diff --git a/src/components/home/home-2/FeaturesSection.tsx b/src/components/home/home-2/FeaturesSection.tsx
index ca2da7f..b9daa54 100644
--- a/src/components/home/home-2/FeaturesSection.tsx
+++ b/src/components/home/home-2/FeaturesSection.tsx
@@ -1,6 +1,6 @@
import { features2 } from "@/utils/data";
-const FeaturesSection = () => (
+const FeaturesSection2 = () => (
@@ -24,4 +24,4 @@ const FeaturesSection = () => (
);
-export default FeaturesSection;
+export default FeaturesSection2;
diff --git a/src/components/home/home-2/ProjectSlider2Section.tsx b/src/components/home/home-2/ProjectSlider2Section.tsx
index 700157b..a4b0ce8 100644
--- a/src/components/home/home-2/ProjectSlider2Section.tsx
+++ b/src/components/home/home-2/ProjectSlider2Section.tsx
@@ -12,7 +12,7 @@ const ProjectSlider2Section = () => {
Our Latest Projects
- all PROJECTS |
+ all PROJECTS |
@@ -32,7 +32,7 @@ const ProjectSlider2Section = () => {
-
+
diff --git a/src/components/home/home-2/ServiceTabSection.tsx b/src/components/home/home-2/ServiceTabSection.tsx
index dca1745..5fad3a5 100644
--- a/src/components/home/home-2/ServiceTabSection.tsx
+++ b/src/components/home/home-2/ServiceTabSection.tsx
@@ -20,7 +20,7 @@ const ServiceTabSection = () => {
Exclusive IT Services
- all services |
+ all services |
@@ -60,7 +60,7 @@ const ServiceTabSection = () => {
Award Winning Company
- Read more |
+ Read more |
diff --git a/src/components/home/home-2/TestimonialsSection.tsx b/src/components/home/home-2/TestimonialsSection.tsx
index f6ae466..f009520 100644
--- a/src/components/home/home-2/TestimonialsSection.tsx
+++ b/src/components/home/home-2/TestimonialsSection.tsx
@@ -81,13 +81,13 @@ const TestimonialsSection = () => {
-
+
Kathryn Murphy
Engineering
- {[1, 2, 3, 4, 5].map((s) => )}
+ {[1, 2, 3, 4, 5].map((s) => )}
@@ -101,8 +101,8 @@ const TestimonialsSection = () => {
diff --git a/src/components/home/home-2/TextSliderSection.tsx b/src/components/home/home-2/TextSliderSection.tsx
index 4ccf039..59140f8 100644
--- a/src/components/home/home-2/TextSliderSection.tsx
+++ b/src/components/home/home-2/TextSliderSection.tsx
@@ -7,7 +7,7 @@ const TextSliderSection = () => (
{[1, 2, 3, 4, 5, 6].map((i) => (
-
+
{["Smart Solutions", "expert guidance", "strategic insights", "personalized advice", "comprehensive planning", "Transform Ideas"][i - 1]}
diff --git a/src/components/home/home-3/AboutSection.tsx b/src/components/home/home-3/AboutSection.tsx
index 63444a8..efbc65f 100644
--- a/src/components/home/home-3/AboutSection.tsx
+++ b/src/components/home/home-3/AboutSection.tsx
@@ -43,7 +43,7 @@ const AboutSection = () => (
95%
- about us |
+ about us |
diff --git a/src/components/home/home-3/BannerSection.tsx b/src/components/home/home-3/BannerSection.tsx
index ffb4776..cf67a42 100644
--- a/src/components/home/home-3/BannerSection.tsx
+++ b/src/components/home/home-3/BannerSection.tsx
@@ -16,7 +16,7 @@ const BannerSection = () => (
@@ -26,7 +26,7 @@ const BannerSection = () => (
diff --git a/src/components/home/home-3/BlogSection.tsx b/src/components/home/home-3/BlogSection.tsx
index 9d55ea2..e8ca5a3 100644
--- a/src/components/home/home-3/BlogSection.tsx
+++ b/src/components/home/home-3/BlogSection.tsx
@@ -9,7 +9,7 @@ const BlogSection = () => (
Explore Blogs and News
- view all |
+ view all |
@@ -22,14 +22,14 @@ const BlogSection = () => (
diff --git a/src/components/home/home-3/ChooseSection.tsx b/src/components/home/home-3/ChooseSection.tsx
index 0695423..9f4c414 100644
--- a/src/components/home/home-3/ChooseSection.tsx
+++ b/src/components/home/home-3/ChooseSection.tsx
@@ -16,7 +16,7 @@ const ChooseSection = () => (
@@ -33,10 +33,10 @@ const ChooseSection = () => (
It is a long established fact that a reader will be distracted the readable content of a page when looking at layout the point of using lorem the is Ipsum less normal distribution of letters.
{[
- { icon: "icon-roof-7", label: "Quality Materials", isIcon: true },
+ { icon: "fa-solid fa-microchip", label: "Quality Materials", isIcon: true },
{ icon: "icon-8.png", label: "Best Services", isIcon: false },
- { icon: "icon-help", label: "24/7 Call Support", isIcon: true },
- { icon: "icon-prize", label: "Award Winning", isIcon: true }
+ { icon: "fa-solid fa-headset", label: "24/7 Call Support", isIcon: true },
+ { icon: "fa-solid fa-award", label: "Award Winning", isIcon: true }
].map((item, i) => (
diff --git a/src/components/home/home-3/ProjectsSection.tsx b/src/components/home/home-3/ProjectsSection.tsx
index cf82f25..c4304d8 100644
--- a/src/components/home/home-3/ProjectsSection.tsx
+++ b/src/components/home/home-3/ProjectsSection.tsx
@@ -15,8 +15,8 @@ const ProjectsSection = () => {
@@ -36,7 +36,7 @@ const ProjectsSection = () => {
diff --git a/src/components/home/home-3/ServiceSection.tsx b/src/components/home/home-3/ServiceSection.tsx
index fe8706e..642d24c 100644
--- a/src/components/home/home-3/ServiceSection.tsx
+++ b/src/components/home/home-3/ServiceSection.tsx
@@ -43,8 +43,8 @@ const ServiceSection = () => {
@@ -65,7 +65,7 @@ const ServiceSection = () => {
{service.description}
diff --git a/src/components/layout/Footer1.tsx b/src/components/layout/Footer1.tsx
index 23e1b90..ae15edf 100644
--- a/src/components/layout/Footer1.tsx
+++ b/src/components/layout/Footer1.tsx
@@ -14,10 +14,10 @@ const Footer1 = () => (
Phasellus ultricies aliquam volutpat ullamcorper laoreet neque, a lacinia curabitur lacinia mollis
diff --git a/src/components/layout/Footer2.tsx b/src/components/layout/Footer2.tsx
index 5699587..6ce9a40 100644
--- a/src/components/layout/Footer2.tsx
+++ b/src/components/layout/Footer2.tsx
@@ -68,10 +68,10 @@ const Footer2 = () => (
© All Copyright 2024 by Metatron
Terms & Condition
diff --git a/src/components/layout/Footer3.tsx b/src/components/layout/Footer3.tsx
index 0e5a5a5..e14baec 100644
--- a/src/components/layout/Footer3.tsx
+++ b/src/components/layout/Footer3.tsx
@@ -16,10 +16,10 @@ const Footer3 = () => (
Phasellus ultricies aliquam volutpat ullamcorper laoreet neque, a lacinia curabitur lacinia mollis
@@ -58,7 +58,7 @@ const Footer3 = () => (
].map((item, i) => (
-
+
{item.title}
diff --git a/src/components/layout/Header/MobileMenu.tsx b/src/components/layout/Header/MobileMenu.tsx
index 3388e29..bea766d 100644
--- a/src/components/layout/Header/MobileMenu.tsx
+++ b/src/components/layout/Header/MobileMenu.tsx
@@ -11,12 +11,13 @@ interface MobileMenuProps {
}
const navItems = [
- { title: 'Home', link: '#home' },
- { title: 'About', link: '#about' },
- { title: 'Services', link: '#services' },
- { title: 'Portfolio', link: '#portfolio' },
- { title: 'FAQ', link: '#faq' },
- { title: 'Contact', link: '#contact-trigger' },
+ { title: 'Home', link: '/' },
+ { title: 'About', link: '/about-us' },
+ { title: 'Services', link: '/services' },
+ { title: 'Careers', link: '/careers' },
+ { title: 'FAQ', link: '/faq' },
+ { title: 'Blog', link: '/blog' },
+ { title: 'Contact', link: '/contact' },
];
const MobileMenu: React.FC
= ({ isMobileMenuOpen, toggleMobileMenu }) => {
diff --git a/src/components/layout/Header/NavItems.tsx b/src/components/layout/Header/NavItems.tsx
index 0b75406..26978b3 100644
--- a/src/components/layout/Header/NavItems.tsx
+++ b/src/components/layout/Header/NavItems.tsx
@@ -9,12 +9,13 @@ interface NavItemsProps {
}
const navItems = [
- { title: 'Home', link: '#home' },
- { title: 'About', link: '#about' },
- { title: 'Services', link: '#services' },
- { title: 'Portfolio', link: '#portfolio' },
- { title: 'FAQ', link: '#faq' },
- { title: 'Contact', link: '#contact-trigger' },
+ { title: 'Home', link: '/' },
+ { title: 'About', link: '/about-us' },
+ { title: 'Services', link: '/services' },
+ { title: 'Careers', link: '/careers' },
+ { title: 'FAQ', link: '/faq' },
+ { title: 'Blog', link: '/blog' },
+ { title: 'Contact', link: '/contact' },
];
const NavItems: React.FC = () => {
diff --git a/src/components/layout/Header1.tsx b/src/components/layout/Header1.tsx
index 392af65..4ca52f2 100644
--- a/src/components/layout/Header1.tsx
+++ b/src/components/layout/Header1.tsx
@@ -21,14 +21,20 @@ const Header1 = () => {
@@ -47,26 +53,26 @@ const Header1 = () => {
-
+
+ */}
- GET A QUOTE |
+ GET A QUOTE |
-
+
Call Us Now
@@ -79,7 +85,7 @@ const Header1 = () => {
>
diff --git a/src/components/layout/Header2.tsx b/src/components/layout/Header2.tsx
index eff5a5a..03527a1 100644
--- a/src/components/layout/Header2.tsx
+++ b/src/components/layout/Header2.tsx
@@ -37,22 +37,22 @@ const Header2 = () => {
className="search-toggle-open header-search my-auto"
onClick={openSearch}
>
-
+
- GET A QUOTE |
+ GET A QUOTE |
-
+
Call Us Now
@@ -65,7 +65,7 @@ const Header2 = () => {
>
diff --git a/src/components/layout/Header3.tsx b/src/components/layout/Header3.tsx
index ed7edb0..0a9fcdd 100644
--- a/src/components/layout/Header3.tsx
+++ b/src/components/layout/Header3.tsx
@@ -21,14 +21,20 @@ const Header3 = () => {
@@ -51,10 +57,10 @@ const Header3 = () => {
className="search-toggle-open header-search my-auto"
onClick={openSearch}
>
-
+
diff --git a/src/components/layout/NavMenu.tsx b/src/components/layout/NavMenu.tsx
index 20cd8e1..fc93f80 100644
--- a/src/components/layout/NavMenu.tsx
+++ b/src/components/layout/NavMenu.tsx
@@ -3,18 +3,12 @@ import Link from "next/link";
const NavMenu = () => (
-
- Home
-
+ Home
About
-
- Services
-
-
-
- Blog
-
-
+ Services
+ Careers
+ FAQ
+ Blog
Contact
);
diff --git a/src/components/services/AboutService.tsx b/src/components/services/AboutService.tsx
new file mode 100644
index 0000000..3f51a4a
--- /dev/null
+++ b/src/components/services/AboutService.tsx
@@ -0,0 +1,275 @@
+import React from "react";
+
+const AboutService = () => {
+ return (
+
+
+
+
+
+ {/* Experience Box */}
+ {/*
+
37+
+ Years Experience
+ */}
+
+ {/* Background Image */}
+
+
+
+
+ {/* Foreground Curved Image */}
+
+
+
+
+ {/* Decorative Dots */}
+
+
+
+
+
+
+
+
+
+
+ OUR ABOUT US
+
+
+ We Provide Professional Advice About This Business.
+
+
+ Business tailored design, management & support services Business business agency elit,
+ sed do eiusmod tempor majority have in some we form, by injected humour solution.
+
+
+
+
+
+ {/*
+
+
*/}
+
+
+
+ Great solution for your business growth.
+
+
+
+ Remind yourself Business know fact.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default AboutService;