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. +
+
+
+
+ +
+
+
+ Business Meeting +
+
+
+ Profile +
+
+
+
+
+
+ + +
+ ); +}; + +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 */} -
    - shape -
    +
    + {/* shape2 – bottom-left large */} +
    + shape +
    - {/* shape1 – bottom-left small (layered above shape2) */} -
    - shape -
    + {/* shape1 – bottom-left small (layered above shape2) */} +
    + shape +
    - {/* shape3 – right side with sway */} -
    - shape -
    + {/* shape3 – right side with sway */} +
    + shape +
    - {/* 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 = () => { Header Logo
- +
@@ -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

    +
    +
    +
    +
    + +
    +
    + Call Anytime +
    + 88 ( 9800 ) 6802
    +
    +
    +
    +
    + +
    +
    + Send Email +
    needhelp@company.com
    +
    +
    +
    +
    + +
    +
    + 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) => ( +
    + +
    +
    + {faq.answer} +
    +
    +
    + ))} +
    +
    + ))} +
    + +
    +
    +

    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 = () => ( Header Logo
    - +
    @@ -84,7 +84,7 @@ export const Offcanvas = () => (
    -
    +
    -
    +
    -
    +
    Call Us Now
    +208-555-0112
    @@ -231,7 +231,7 @@ export const Header1 = () => ( @@ -262,22 +262,22 @@ export const Header2 = () => (
    -
    +
    -
    +
    -
    +
    Call Us Now
    +208-555-0112
    @@ -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 = () => (

    {blog.title}
    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 = () => (
    -
    +

    Need Any Help?

    +208-555-0112
    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}
    {project.title}
    -
    +
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.title}

{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}

+
+
+ {service.title} +
+
+
+ ))} +
+
+
+ +
+ ); +}; + +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 = () => (

{blogs2[0].title}

Lorem ipsum dolor sit amet consectetur the adipiscing elit Morbi is sodales consequat

- Read MORE   | + Read MORE   |
@@ -41,14 +41,14 @@ const Blog2Section = () => (

{blog.title}

Lorem ipsum dolor sit amet consectetur the adipiscing elit Morbi is sodales consequat

- Read MORE   | + Read MORE   |
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 = () => {
{project.title}
- +
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 = () => (

    {blog.title}
    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 = () => {
    {project.title}
    - +
    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 = () => {
    - info@Metatron.com - Hours: Mon - Sat: 10.00 AM - 4.00 PM + + + info@Metatron.com + + + + Hours: Mon - Sat: 10.00 AM - 4.00 PM +
    - - - - + + + +
    @@ -47,26 +53,26 @@ const Header1 = () => {
    -
    -
    +
    -
    -
    +
    + */}
    - GET A QUOTE   | + GET A QUOTE   |
    -
    +
    Call Us Now
    +208-555-0112
    @@ -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
    +208-555-0112
    @@ -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 = () => {
    - info@Metatron.com - Hours: Mon - Sat: 10.00 AM - 4.00 PM + + + info@Metatron.com + + + + Hours: Mon - Sat: 10.00 AM - 4.00 PM +
    - - - - + + + +
    @@ -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 */} +
    + Office Meeting +
    + + {/* Foreground Curved Image */} +
    + Collaborative Work +
    + + {/* Decorative Dots */} +
    + 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. +

    +
    + +
    +
    + {/*
    + Team +
    */} +
    +
    + + Great solution for your business growth. +
    +
    + + Remind yourself Business know fact. +
    +
    +
    +
    + + +
    +
    +
    +
    + + +
    + ); +}; + +export default AboutService;