MetatroncubeSoftwareSolutions/MetatronLatestWebsite
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sections arranged

Browse Source
This commit is contained in:
Selvi 2026-03-03 19:16:09 +05:30
parent f4e9b684fd
commit 27d208384f
13 changed files with 171 additions and 150 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/assets/css/main.css
View File

@ -5515,7 +5515,7 @@ p.banner-text {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
margin-top: 80px; /* margin-top: 80px; */
} }
.help-form-area input[type="text"], .help-form-area input[type="text"],

10
src/app/about-us/page.tsx
View File

@ -24,6 +24,8 @@ import Footer1 from "@/components/layout/Footer1";
import OfferSection from "@/components/home/OfferSection"; import OfferSection from "@/components/home/OfferSection";
import WhyChooseSection from "@/components/careers/WhyChooseSection"; import WhyChooseSection from "@/components/careers/WhyChooseSection";
import PageHeader from "@/components/common/PageHeader"; import PageHeader from "@/components/common/PageHeader";
import HistoryTwo from "@/components/home/HistoryTwo";
import WhyChooseTwo from "@/components/home/WhyChooseTwo";
export default function Home2() { export default function Home2() {
useEffect(() => { useEffect(() => {
@ -45,15 +47,17 @@ export default function Home2() {
{/* <FeaturesSection /> */} {/* <FeaturesSection /> */}
<About2Section /> <About2Section />
<IconCounterSection /> <IconCounterSection />
<WhyChooseSection /> <WhyChooseTwo />
<BrandSection />
<HelpFormSection /> <HelpFormSection />
{/* <WhyChooseSection /> */}
{/* <WhyChooseUs /> */} {/* <WhyChooseUs /> */}
{/* <ServiceTabSection /> */} {/* <ServiceTabSection /> */}
{/* <OfferSection/> */} {/* <OfferSection/> */}
{/* <TextSliderSection /> */} {/* <TextSliderSection /> */}
<WorkProcessSection /> {/* <WorkProcessSection /> */}
<HistoryTwo />
<TestimonialsSection /> <TestimonialsSection />
<BrandSection />
{/* <FaqSection /> */} {/* <FaqSection /> */}

16
src/app/careers/page.tsx
View File

@ -12,6 +12,9 @@ import ServiceSection from "@/components/careers/ServiceSection";
import WorkProcessSection from "@/components/careers/WorkProcessSection"; import WorkProcessSection from "@/components/careers/WorkProcessSection";
import FeaturesSection from "@/components/home/home-1/FeaturesSection"; import FeaturesSection from "@/components/home/home-1/FeaturesSection";
import PageHeader from "@/components/common/PageHeader"; import PageHeader from "@/components/common/PageHeader";
import AboutService from "@/components/services/AboutService";
import AboutThree from "@/components/home/AboutThree";
import FaqFour from "@/components/home/FaqFour";
export default function CareersPage() { export default function CareersPage() {
useEffect(() => { useEffect(() => {
@ -25,12 +28,15 @@ export default function CareersPage() {
<Header1 /> <Header1 />
<main> <main>
<PageHeader title="Careers" /> <PageHeader title="Careers" />
<AboutOneSection /> <AboutService />
{/* <AboutOneSection /> */}
<AboutThree />
<WhyChooseUs /> <WhyChooseUs />
<FaqVideoSection /> {/* <FaqVideoSection /> */}
<ContactSection /> {/* <ContactSection /> */}
<FeaturesSection /> {/* <FeaturesSection /> */}
<ServiceSection /> {/* <ServiceSection /> */}
<FaqFour />
{/* <WorkProcessSection /> */} {/* <WorkProcessSection /> */}
</main> </main>
<Footer1 /> <Footer1 />

217
src/app/globals.css
View File

@ -4088,8 +4088,8 @@ body {
About Two Section About Two Section
═══════════════════════════════════════════════════════════ */ ═══════════════════════════════════════════════════════════ */
:root { :root {
--pelocis-base: #e2a475; --pelocis-base: #3779b9;
--pelocis-black: #222222; --pelocis-black: #1a1f2b;
--pelocis-white: #fff; --pelocis-white: #fff;
--pelocis-border-color: #DDDDDD; --pelocis-border-color: #DDDDDD;
--pelocis-text-dark: #636363; --pelocis-text-dark: #636363;
@ -4099,15 +4099,16 @@ body {
.about-two { .about-two {
position: relative; position: relative;
padding: 120px 0; padding: 80px 0;
border-bottom: 1px solid var(--pelocis-border-color, #DDDDDD); border-bottom: 1px solid var(--pelocis-border-color, #DDDDDD);
overflow: hidden; overflow: hidden;
margin-top: 80px;
} }
.about-two__shape { .about-two__shape {
width: 600px; width: 600px;
height: 100%; height: 100%;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%); clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%);
position: absolute; position: absolute;
left: 0; left: 0;
@ -4164,7 +4165,7 @@ body {
.sec-title { .sec-title {
padding-bottom: 20px; padding-bottom: 20px;
position: relative; position: relative;
margin-top: 30px; margin-bottom: 30px;
} }
.about-two__dot-circle { .about-two__dot-circle {
@ -4174,7 +4175,7 @@ body {
transform: translateX(-50%); transform: translateX(-50%);
width: 26px; width: 26px;
height: 26px; height: 26px;
border: 2px solid #e2a475; border: 2px solid #3779b9;
border-radius: 50%; border-radius: 50%;
display: block; display: block;
} }
@ -4187,7 +4188,7 @@ body {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 8px; width: 8px;
height: 8px; height: 8px;
background-color: #e2a475; background-color: #3779b9;
border-radius: 50%; border-radius: 50%;
} }
@ -4200,7 +4201,7 @@ body {
content: ""; content: "";
width: 13px; width: 13px;
height: 13px; height: 13px;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
display: block; display: block;
} }
@ -4208,7 +4209,7 @@ body {
content: ""; content: "";
width: 12px; width: 12px;
height: 12px; height: 12px;
background-color: var(--pelocis-black, #222222); background-color: var(--pelocis-black, #1a1f2b);
border: 1px solid var(--pelocis-white, #fff); border: 1px solid var(--pelocis-white, #fff);
display: block; display: block;
position: absolute; position: absolute;
@ -4218,7 +4219,7 @@ body {
.sec-title__tagline { .sec-title__tagline {
margin: 0; margin: 0;
color: var(--pelocis-base, #e2a475); color: var(--pelocis-base, #3779b9);
font-size: 18px; font-size: 18px;
line-height: 16px; line-height: 16px;
text-transform: uppercase; text-transform: uppercase;
@ -4231,7 +4232,7 @@ body {
.sec-title__title { .sec-title__title {
margin: 0; margin: 0;
font-size: 35px; font-size: 35px;
color: var(--pelocis-black, #222222); color: var(--pelocis-black, #1a1f2b);
font-weight: bold; font-weight: bold;
line-height: 46px; line-height: 46px;
margin-top: 6px; margin-top: 6px;
@ -4261,7 +4262,7 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 26px; gap: 26px;
border-left: 2px solid var(--pelocis-black, #222222); border-left: 2px solid var(--pelocis-black, #1a1f2b);
padding-left: 23px; padding-left: 23px;
margin-bottom: 30px; margin-bottom: 30px;
position: relative; position: relative;
@ -4275,7 +4276,7 @@ body {
position: absolute; position: absolute;
left: 0; left: 0;
bottom: 0; bottom: 0;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
transition: width 500ms ease; transition: width 500ms ease;
} }
@ -4286,7 +4287,7 @@ body {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
transition: width 500ms ease; transition: width 500ms ease;
} }
@ -4296,7 +4297,7 @@ body {
.about-two__list li span { .about-two__list li span {
font-size: 45px; font-size: 45px;
color: var(--pelocis-black, #222222); color: var(--pelocis-black, #1a1f2b);
transition: all 300ms ease; transition: all 300ms ease;
} }
@ -4402,8 +4403,8 @@ body {
} }
.medical-services-section.space { .medical-services-section.space {
padding-top: 130px; padding-top: 80px;
padding-bottom: 130px; padding-bottom: 80px;
} }
.section-title.text-center { .section-title.text-center {
@ -4693,7 +4694,7 @@ body {
top: 0; top: 0;
width: 63px; width: 63px;
height: 100%; height: 100%;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
clip-path: polygon(100% 0%, 48% 50%, 100% 100%, 0% 100%, 0 48%, 0% 0%); clip-path: polygon(100% 0%, 48% 50%, 100% 100%, 0% 100%, 0 48%, 0% 0%);
transition: all 500ms ease; transition: all 500ms ease;
} }
@ -4707,7 +4708,7 @@ body {
color: var(--pelocis-white, #fff); color: var(--pelocis-white, #fff);
background-color: var(--pelocis-white, #fff); background-color: var(--pelocis-white, #fff);
font-family: var(--pelocis-heading-font); font-family: var(--pelocis-heading-font);
-webkit-text-stroke: 1px var(--pelocis-black, #222222); -webkit-text-stroke: 1px var(--pelocis-black, #1a1f2b);
position: absolute; position: absolute;
left: -200px; left: -200px;
height: 100%; height: 100%;
@ -4763,7 +4764,7 @@ body {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-color: var(--pelocis-black, #222222); background-color: var(--pelocis-black, #1a1f2b);
border-radius: 10px; border-radius: 10px;
z-index: 1; z-index: 1;
flex-shrink: 0; flex-shrink: 0;
@ -4781,7 +4782,7 @@ body {
font-size: 22px; font-size: 22px;
font-weight: 500; font-weight: 500;
line-height: 26.4px; line-height: 26.4px;
color: var(--pelocis-black, #222222); color: var(--pelocis-black, #1a1f2b);
margin-bottom: 6px; margin-bottom: 6px;
transition: all 500ms ease; transition: all 500ms ease;
} }
@ -4837,7 +4838,7 @@ body {
max-width: 987px; max-width: 987px;
height: 100%; height: 100%;
width: 100%; width: 100%;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
position: absolute; position: absolute;
top: 0; top: 0;
right: 25px; right: 25px;
@ -4846,7 +4847,7 @@ body {
/* Hover Effects Refined */ /* Hover Effects Refined */
.why-choose-two__item:hover { .why-choose-two__item:hover {
background-color: var(--pelocis-black, #222222); background-color: var(--pelocis-black, #1a1f2b);
padding-left: 130px; padding-left: 130px;
} }
@ -4855,7 +4856,7 @@ body {
} }
.why-choose-two__item:hover .why-choose-two__icon { .why-choose-two__item:hover .why-choose-two__icon {
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
transform: translateX(-30px); transform: translateX(-30px);
} }
@ -4870,7 +4871,7 @@ body {
═══════════════════════════════════════════════════════════ */ ═══════════════════════════════════════════════════════════ */
.history-two { .history-two {
position: relative; position: relative;
padding: 110px 0 120px; padding: 80px 0 80px;
counter-reset: count; counter-reset: count;
} }
@ -4929,7 +4930,7 @@ body {
.history-two__border { .history-two__border {
position: relative; position: relative;
background: linear-gradient(to top, var(--pelocis-base, #e2a475) 50%, var(--pelocis-black, #222222) 50%) border-box; background: linear-gradient(to top, var(--pelocis-base, #3779b9) 50%, var(--pelocis-black, #1a1f2b) 50%) border-box;
background-origin: border-box; background-origin: border-box;
background-clip: content-box, border-box; background-clip: content-box, border-box;
margin-left: 70px; margin-left: 70px;
@ -4969,7 +4970,7 @@ body {
clip-path: polygon(0 0, 0% 100%, 100% 100%); clip-path: polygon(0 0, 0% 100%, 100% 100%);
width: 40px; width: 40px;
height: 35px; height: 35px;
background-color: var(--pelocis-black, #222222); background-color: var(--pelocis-black, #1a1f2b);
} }
.history-two__content::after { .history-two__content::after {
@ -4981,7 +4982,7 @@ body {
clip-path: polygon(0 0, 100% 0, 0 100%); clip-path: polygon(0 0, 100% 0, 0 100%);
width: 40px; width: 40px;
height: 35px; height: 35px;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
} }
.history-two__content--left::before { .history-two__content--left::before {
@ -5000,7 +5001,7 @@ body {
width: 65px; width: 65px;
height: 65px; height: 65px;
border-radius: 8px; border-radius: 8px;
background-color: var(--pelocis-black, #222222); background-color: var(--pelocis-black, #1a1f2b);
color: var(--pelocis-white, #fff); color: var(--pelocis-white, #fff);
font-size: 28px; font-size: 28px;
font-weight: 700; font-weight: 700;
@ -5033,7 +5034,7 @@ body {
font-size: 22px; font-size: 22px;
font-weight: 700; font-weight: 700;
line-height: 26px; line-height: 26px;
color: var(--pelocis-black, #222222); color: var(--pelocis-black, #1a1f2b);
margin-bottom: 2px; margin-bottom: 2px;
} }
@ -5070,7 +5071,7 @@ body {
width: 16px; width: 16px;
height: 16px; height: 16px;
border-radius: 50%; border-radius: 50%;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
z-index: 11; z-index: 11;
} }
@ -5088,7 +5089,7 @@ body {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
line-height: 26px; line-height: 26px;
color: var(--pelocis-black, #222222); color: var(--pelocis-black, #1a1f2b);
margin-top: 20px; margin-top: 20px;
} }
@ -5110,7 +5111,7 @@ body {
*/ */
.about-three { .about-three {
position: relative; position: relative;
padding: 110px 0; padding: 80px 0;
overflow: hidden; overflow: hidden;
} }
@ -5120,7 +5121,7 @@ body {
top: 0; top: 0;
width: 100%; width: 100%;
height: 400px; height: 400px;
background: linear-gradient(90deg, var(--pelocis-base, #e2a475) 45%, rgba(34, 34, 34, 0.95) 100%); background: linear-gradient(90deg, var(--pelocis-base, #3779b9) 45%, rgba(34, 34, 34, 0.95) 100%);
} }
.about-three__shape-one { .about-three__shape-one {
@ -5167,7 +5168,7 @@ body {
} }
.about-three__content .sec-title__shape::before { .about-three__content .sec-title__shape::before {
background-color: var(--pelocis-black, #222222); background-color: var(--pelocis-black, #1a1f2b);
} }
.about-three__content .sec-title__shape::after { .about-three__content .sec-title__shape::after {
@ -5223,7 +5224,7 @@ body {
.about-three__card__item h3 { .about-three__card__item h3 {
font-size: 22px; font-size: 22px;
margin-bottom: 0; margin-bottom: 0;
color: #222222; color: #1a1f2b;
} }
.about-three__card__icon { .about-three__card__icon {
@ -5234,7 +5235,7 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: var(--pelocis-base, #e2a475); color: var(--pelocis-base, #3779b9);
font-size: 45px; font-size: 45px;
transition: all 400ms ease; transition: all 400ms ease;
} }
@ -5243,13 +5244,13 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 16px; font-size: 16px;
color: #222222; color: #1a1f2b;
} }
.about-three__card__exp { .about-three__card__exp {
width: 34.5%; width: 34.5%;
padding: 52px 20px 34px; padding: 52px 20px 34px;
background-color: var(--pelocis-black, #222222); background-color: var(--pelocis-black, #1a1f2b);
position: relative; position: relative;
z-index: 2; z-index: 2;
text-align: center; text-align: center;
@ -5285,8 +5286,8 @@ body {
bottom: -14px; bottom: -14px;
width: 108%; width: 108%;
height: 107%; height: 107%;
border-left: 6px solid var(--pelocis-base, #e2a475); border-left: 6px solid var(--pelocis-base, #3779b9);
border-bottom: 6px solid var(--pelocis-base, #e2a475); border-bottom: 6px solid var(--pelocis-base, #3779b9);
} }
.about-three__content__text { .about-three__content__text {
@ -5298,7 +5299,7 @@ body {
} }
.about-three__content__text span { .about-three__content__text span {
color: var(--pelocis-base, #e2a475); color: var(--pelocis-base, #3779b9);
font-weight: 600; font-weight: 600;
} }
@ -5319,7 +5320,7 @@ body {
Home Contact One Section Home Contact One Section
═══════════════════════════════════════════════════════════ */ ═══════════════════════════════════════════════════════════ */
.home-contact-one { .home-contact-one {
background-color: var(--pelocis-black, #222222); background-color: var(--pelocis-black, #1a1f2b);
padding: 260px 0 112px; padding: 260px 0 112px;
position: relative; position: relative;
-webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>"); -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
@ -5346,7 +5347,7 @@ body {
.home-contact-one .home-contact__card { .home-contact-one .home-contact__card {
padding: 32px; padding: 32px;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
margin-right: 45px; margin-right: 45px;
border-radius: 40px; border-radius: 40px;
position: relative; position: relative;
@ -5384,7 +5385,7 @@ body {
} }
.home-contact-one .home-contact__card__list li:hover { .home-contact-one .home-contact__card__list li:hover {
border-color: var(--pelocis-base, #e2a475); border-color: var(--pelocis-base, #3779b9);
} }
.home-contact-one .home-contact__card__list li span { .home-contact-one .home-contact__card__list li span {
@ -5415,7 +5416,7 @@ body {
} }
.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a { .home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
color: var(--pelocis-base, #e2a475); color: var(--pelocis-base, #3779b9);
background-size: 100% 1px; background-size: 100% 1px;
} }
@ -5423,7 +5424,7 @@ body {
width: 39px; width: 39px;
height: 55px; height: 55px;
clip-path: polygon(78% 48%, 0 0, 1% 100%); clip-path: polygon(78% 48%, 0 0, 1% 100%);
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
position: absolute; position: absolute;
left: 0; left: 0;
top: 50%; top: 50%;
@ -5519,7 +5520,7 @@ body {
.appointment__form__range__input { .appointment__form__range__input {
width: 100%; width: 100%;
height: 4px; height: 4px;
background: var(--pelocis-base, #e2a475); background: var(--pelocis-base, #3779b9);
border-radius: 5px; border-radius: 5px;
outline: none; outline: none;
appearance: none; appearance: none;
@ -5533,7 +5534,7 @@ body {
width: 16px; width: 16px;
height: 16px; height: 16px;
background: #fff; background: #fff;
border: 2px solid var(--pelocis-base, #e2a475); border: 2px solid var(--pelocis-base, #3779b9);
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
} }
@ -5542,7 +5543,7 @@ body {
Home Contact One Section Home Contact One Section
═══════════════════════════════════════════════════════════ */ ═══════════════════════════════════════════════════════════ */
.home-contact-one { .home-contact-one {
background-color: var(--pelocis-black, #222222); background-color: var(--pelocis-black, #1a1f2b);
padding: 260px 0 112px; padding: 260px 0 112px;
position: relative; position: relative;
-webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>"); -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
@ -5569,7 +5570,7 @@ body {
.home-contact-one .home-contact__card { .home-contact-one .home-contact__card {
padding: 32px; padding: 32px;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
margin-right: 45px; margin-right: 45px;
border-radius: 40px; border-radius: 40px;
position: relative; position: relative;
@ -5607,7 +5608,7 @@ body {
} }
.home-contact-one .home-contact__card__list li:hover { .home-contact-one .home-contact__card__list li:hover {
border-color: var(--pelocis-base, #e2a475); border-color: var(--pelocis-base, #3779b9);
} }
.home-contact-one .home-contact__card__list li span { .home-contact-one .home-contact__card__list li span {
@ -5643,7 +5644,7 @@ body {
} }
.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a { .home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
color: var(--pelocis-base, #e2a475); color: var(--pelocis-base, #3779b9);
background-size: 100% 1px; background-size: 100% 1px;
} }
@ -5651,7 +5652,7 @@ body {
width: 39px; width: 39px;
height: 55px; height: 55px;
clip-path: polygon(78% 48%, 0 0, 1% 100%); clip-path: polygon(78% 48%, 0 0, 1% 100%);
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
position: absolute; position: absolute;
left: 0; left: 0;
top: 50%; top: 50%;
@ -5753,7 +5754,7 @@ body {
.appointment__form__range__input { .appointment__form__range__input {
width: 100%; width: 100%;
height: 4px; height: 4px;
background: var(--pelocis-base, #e2a475); background: var(--pelocis-base, #3779b9);
border-radius: 5px; border-radius: 5px;
outline: none; outline: none;
appearance: none; appearance: none;
@ -5767,7 +5768,7 @@ body {
width: 16px; width: 16px;
height: 16px; height: 16px;
background: #fff; background: #fff;
border: 2px solid var(--pelocis-base, #e2a475); border: 2px solid var(--pelocis-base, #3779b9);
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
} }
@ -5776,7 +5777,7 @@ body {
Home Contact One Section Home Contact One Section
═══════════════════════════════════════════════════════════ */ ═══════════════════════════════════════════════════════════ */
.home-contact-one { .home-contact-one {
background-color: var(--pelocis-black, #222222); background-color: var(--pelocis-black, #1a1f2b);
padding: 260px 0 112px; padding: 260px 0 112px;
position: relative; position: relative;
-webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>"); -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
@ -5803,7 +5804,7 @@ body {
.home-contact-one .home-contact__card { .home-contact-one .home-contact__card {
padding: 32px; padding: 32px;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
margin-right: 45px; margin-right: 45px;
border-radius: 40px; border-radius: 40px;
position: relative; position: relative;
@ -5841,7 +5842,7 @@ body {
} }
.home-contact-one .home-contact__card__list li:hover { .home-contact-one .home-contact__card__list li:hover {
border-color: var(--pelocis-base, #e2a475); border-color: var(--pelocis-base, #3779b9);
} }
.home-contact-one .home-contact__card__list li span { .home-contact-one .home-contact__card__list li span {
@ -5877,7 +5878,7 @@ body {
} }
.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a { .home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
color: var(--pelocis-base, #e2a475); color: var(--pelocis-base, #3779b9);
background-size: 100% 1px; background-size: 100% 1px;
} }
@ -5885,7 +5886,7 @@ body {
width: 39px; width: 39px;
height: 55px; height: 55px;
clip-path: polygon(78% 48%, 0 0, 1% 100%); clip-path: polygon(78% 48%, 0 0, 1% 100%);
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
position: absolute; position: absolute;
left: 0; left: 0;
top: 50%; top: 50%;
@ -5987,7 +5988,7 @@ body {
.appointment__form__range__input { .appointment__form__range__input {
width: 100%; width: 100%;
height: 4px; height: 4px;
background: var(--pelocis-base, #e2a475); background: var(--pelocis-base, #3779b9);
border-radius: 5px; border-radius: 5px;
outline: none; outline: none;
-webkit-appearance: none; -webkit-appearance: none;
@ -6001,7 +6002,7 @@ body {
width: 16px; width: 16px;
height: 16px; height: 16px;
background: #fff; background: #fff;
border: 2px solid var(--pelocis-base, #e2a475); border: 2px solid var(--pelocis-base, #3779b9);
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
} }
@ -6010,7 +6011,7 @@ body {
Home Contact One Section Home Contact One Section
═══════════════════════════════════════════════════════════ */ ═══════════════════════════════════════════════════════════ */
.home-contact-one { .home-contact-one {
background-color: var(--pelocis-black, #222222); background-color: var(--pelocis-black, #1a1f2b);
padding: 260px 0 112px; padding: 260px 0 112px;
position: relative; position: relative;
-webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>"); -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
@ -6037,7 +6038,7 @@ body {
.home-contact-one .home-contact__card { .home-contact-one .home-contact__card {
padding: 32px; padding: 32px;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
margin-right: 45px; margin-right: 45px;
border-radius: 40px; border-radius: 40px;
position: relative; position: relative;
@ -6075,7 +6076,7 @@ body {
} }
.home-contact-one .home-contact__card__list li:hover { .home-contact-one .home-contact__card__list li:hover {
border-color: var(--pelocis-base, #e2a475); border-color: var(--pelocis-base, #3779b9);
} }
.home-contact-one .home-contact__card__list li span { .home-contact-one .home-contact__card__list li span {
@ -6106,7 +6107,7 @@ body {
} }
.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a { .home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
color: var(--pelocis-base, #e2a475); color: var(--pelocis-base, #3779b9);
background-size: 100% 1px; background-size: 100% 1px;
} }
@ -6114,7 +6115,7 @@ body {
width: 39px; width: 39px;
height: 55px; height: 55px;
clip-path: polygon(78% 48%, 0 0, 1% 100%); clip-path: polygon(78% 48%, 0 0, 1% 100%);
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
position: absolute; position: absolute;
left: 0; left: 0;
top: 50%; top: 50%;
@ -6210,7 +6211,7 @@ body {
.appointment__form__range__input { .appointment__form__range__input {
width: 100%; width: 100%;
height: 4px; height: 4px;
background: var(--pelocis-base, #e2a475); background: var(--pelocis-base, #3779b9);
border-radius: 5px; border-radius: 5px;
outline: none; outline: none;
-webkit-appearance: none; -webkit-appearance: none;
@ -6224,7 +6225,7 @@ body {
width: 16px; width: 16px;
height: 16px; height: 16px;
background: #fff; background: #fff;
border: 2px solid var(--pelocis-base, #e2a475); border: 2px solid var(--pelocis-base, #3779b9);
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
} }
@ -6233,9 +6234,9 @@ body {
Page Header Section Page Header Section
*/ */
.page-header { .page-header {
background-color: var(--pelocis-black, #222222); background-color: var(--pelocis-black, #1a1f2b);
position: relative; position: relative;
padding-top: 250px; padding-top: 150px;
padding-bottom: 150px; padding-bottom: 150px;
display: flex; display: flex;
align-items: center; align-items: center;
@ -6286,7 +6287,7 @@ body {
position: absolute; position: absolute;
left: -8px; left: -8px;
bottom: 0px; bottom: 0px;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
height: 326px; height: 326px;
width: 337px; width: 337px;
clip-path: polygon(60% 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(60% 0, 100% 0, 100% 100%, 0% 100%);
@ -6347,11 +6348,11 @@ body {
top: -1px; top: -1px;
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
color: var(--pelocis-base, #e2a475); color: var(--pelocis-base, #3779b9);
} }
.pelocis-breadcrumb li:last-of-type { .pelocis-breadcrumb li:last-of-type {
color: var(--pelocis-base, #e2a475); color: var(--pelocis-base, #3779b9);
} }
.page-header__shape { .page-header__shape {
@ -6407,7 +6408,7 @@ body {
FAQ Four Section FAQ Four Section
*/ */
.faq-four { .faq-four {
padding: 0 0; padding: 80px 0;
position: relative; position: relative;
} }
@ -6424,7 +6425,7 @@ body {
.faq-four__content { .faq-four__content {
position: relative; position: relative;
padding: 109px 0 120px; padding: 60px 0 120px;
} }
.faq-four__content .sec-title { .faq-four__content .sec-title {
@ -6463,7 +6464,7 @@ body {
} }
.faq-one__accordion .active .accrodion-title { .faq-one__accordion .active .accrodion-title {
background-color: var(--pelocis-black, #222222); background-color: var(--pelocis-black, #1a1f2b);
} }
.faq-one__accordion .accrodion-title { .faq-one__accordion .accrodion-title {
@ -6476,7 +6477,7 @@ body {
.faq-one__accordion .accrodion-title h4 { .faq-one__accordion .accrodion-title h4 {
font-weight: 500; font-weight: 500;
color: var(--pelocis-black, #222222); color: var(--pelocis-black, #1a1f2b);
font-family: var(--pelocis-font); font-family: var(--pelocis-font);
font-size: 16px; font-size: 16px;
line-height: 25px; line-height: 25px;
@ -6504,7 +6505,7 @@ body {
.faq-one__accordion .accrodion-title__shape { .faq-one__accordion .accrodion-title__shape {
width: 47px; width: 47px;
height: 100%; height: 100%;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
clip-path: polygon(75% 0%, 48% 50%, 75% 100%, 0% 100%, 0 48%, 0% 0%); clip-path: polygon(75% 0%, 48% 50%, 75% 100%, 0% 100%, 0 48%, 0% 0%);
position: absolute; position: absolute;
left: 0; left: 0;
@ -6528,14 +6529,14 @@ body {
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
left: 22px; left: 22px;
background-color: var(--pelocis-black, #222222); background-color: var(--pelocis-black, #1a1f2b);
color: var(--pelocis-white, #fff); color: var(--pelocis-white, #fff);
font-size: 10px; font-size: 10px;
transition: all 400ms ease; transition: all 400ms ease;
} }
.faq-one__accordion .active .accrodion-title__icon { .faq-one__accordion .active .accrodion-title__icon {
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
} }
.faq-one__accordion .accrodion-content .inner { .faq-one__accordion .accrodion-content .inner {
@ -6552,7 +6553,7 @@ body {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-radius: 10px; border-radius: 10px;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
color: var(--pelocis-white, #fff); color: var(--pelocis-white, #fff);
flex-shrink: 0; flex-shrink: 0;
font-size: 40px; font-size: 40px;
@ -6586,7 +6587,7 @@ body {
.faq-four__image__icon { .faq-four__image__icon {
width: 175px; width: 175px;
height: 175px; height: 175px;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
border: 10px solid var(--pelocis-white, #fff); border: 10px solid var(--pelocis-white, #fff);
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -6632,7 +6633,7 @@ body {
*/ */
.counselling-solutions { .counselling-solutions {
position: relative; position: relative;
padding: 110px 0 120px; padding: 80px 0 80px;
} }
.counselling-solutions .sec-title { .counselling-solutions .sec-title {
@ -6649,7 +6650,7 @@ body {
.counselling-solutions__text b, .counselling-solutions__text b,
.counselling-solutions__text strong { .counselling-solutions__text strong {
color: var(--pelocis-base, #e2a475); color: var(--pelocis-base, #3779b9);
} }
.counselling-solutions__list { .counselling-solutions__list {
@ -6689,7 +6690,7 @@ body {
.counselling-solutions__item__content h3 { .counselling-solutions__item__content h3 {
font-size: 20px; font-size: 20px;
color: var(--pelocis-black, #222222); color: var(--pelocis-black, #1a1f2b);
font-weight: 700; font-weight: 700;
margin: 0; margin: 0;
} }
@ -6703,7 +6704,7 @@ body {
.counselling-solutions__item__signature { .counselling-solutions__item__signature {
font-family: var(--pelocis-font-signature, cursive); font-family: var(--pelocis-font-signature, cursive);
font-size: 35px; font-size: 35px;
color: var(--pelocis-black, #222222); color: var(--pelocis-black, #1a1f2b);
margin: 0; margin: 0;
padding-left: 30px; padding-left: 30px;
} }
@ -6716,14 +6717,14 @@ body {
.counselling-solutions__list--two li { .counselling-solutions__list--two li {
font-size: 16px; font-size: 16px;
color: var(--pelocis-black, #222222); color: var(--pelocis-black, #1a1f2b);
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
} }
.counselling-solutions__list--two li span { .counselling-solutions__list--two li span {
color: var(--pelocis-base, #e2a475); color: var(--pelocis-base, #3779b9);
font-size: 20px; font-size: 20px;
} }
@ -6743,7 +6744,7 @@ body {
width: 13px; width: 13px;
height: 295px; height: 295px;
border-radius: 20px; border-radius: 20px;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
} }
.counselling-solutions__image::after { .counselling-solutions__image::after {
@ -6754,7 +6755,7 @@ body {
width: 13px; width: 13px;
height: 155px; height: 155px;
border-radius: 20px; border-radius: 20px;
background-color: var(--pelocis-black, #222222); background-color: var(--pelocis-black, #1a1f2b);
} }
.counselling-solutions__image__one { .counselling-solutions__image__one {
@ -6777,8 +6778,8 @@ body {
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
width: 80%; width: 80%;
border-right: 1px solid var(--pelocis-base, #e2a475); border-right: 1px solid var(--pelocis-base, #3779b9);
border-bottom: 1px solid var(--pelocis-base, #e2a475); border-bottom: 1px solid var(--pelocis-base, #3779b9);
gap: 10px; gap: 10px;
padding-right: 48px; padding-right: 48px;
padding-top: 62px; padding-top: 62px;
@ -6803,15 +6804,15 @@ body {
} }
.counselling-solutions__image__watch-btn a:hover { .counselling-solutions__image__watch-btn a:hover {
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
border-color: var(--pelocis-base, #e2a475); border-color: var(--pelocis-base, #3779b9);
color: var(--pelocis-white, #fff); color: var(--pelocis-white, #fff);
} }
.counselling-solutions__image__watch-btn span { .counselling-solutions__image__watch-btn span {
font-size: 16px; font-size: 16px;
font-weight: 700; font-weight: 700;
color: var(--pelocis-black, #222222); color: var(--pelocis-black, #1a1f2b);
font-family: var(--pelocis-heading-font); font-family: var(--pelocis-heading-font);
} }
@ -6820,9 +6821,10 @@ body {
*/ */
.call-area-three { .call-area-three {
position: relative; position: relative;
background-color: var(--pelocis-black, #222222); background-color: var(--pelocis-black, #1a1f2b);
padding: 112px 0 283px; padding: 80px 0 283px;
overflow: hidden; overflow: hidden;
margin-bottom: 80px;
} }
.call-area-three__bg { .call-area-three__bg {
@ -6868,6 +6870,7 @@ body {
position: relative; position: relative;
margin-top: -163px; margin-top: -163px;
z-index: 10; z-index: 10;
margin-bottom: 80px;
} }
.counter-area-two__list { .counter-area-two__list {
@ -6907,7 +6910,7 @@ body {
} }
.counter-area-two__icon { .counter-area-two__icon {
border: 3px solid var(--pelocis-base, #e2a475); border: 3px solid var(--pelocis-base, #3779b9);
border-bottom: none; border-bottom: none;
width: 89px; width: 89px;
height: 73px; height: 73px;
@ -6916,7 +6919,7 @@ body {
align-items: center; align-items: center;
position: relative; position: relative;
font-size: 40px; font-size: 40px;
color: var(--pelocis-base, #e2a475); color: var(--pelocis-base, #3779b9);
transition: all 500ms ease; transition: all 500ms ease;
margin-bottom: 25px; margin-bottom: 25px;
} }
@ -6928,7 +6931,7 @@ body {
bottom: 0; bottom: 0;
width: 32px; width: 32px;
height: 18px; height: 18px;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
clip-path: polygon(0 0%, 0% 100%, 100% 100%); clip-path: polygon(0 0%, 0% 100%, 100% 100%);
transition: all 500ms ease; transition: all 500ms ease;
} }
@ -6940,7 +6943,7 @@ body {
bottom: 0; bottom: 0;
width: 32px; width: 32px;
height: 18px; height: 18px;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
clip-path: polygon(100% 0%, 0% 100%, 100% 100%); clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
transition: all 500ms ease; transition: all 500ms ease;
} }
@ -6952,7 +6955,7 @@ body {
width: 80%; width: 80%;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
height: 32px; height: 32px;
border-radius: 50px; border-radius: 50px;
opacity: 0; opacity: 0;
@ -6970,7 +6973,7 @@ body {
font-size: 35px; font-size: 35px;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
color: var(--pelocis-black, #222222); color: var(--pelocis-black, #1a1f2b);
margin: 0 0 5px; margin: 0 0 5px;
} }
@ -6995,7 +6998,7 @@ body {
} }
.medical-services-circle .sec-title .inner-text { .medical-services-circle .sec-title .inner-text {
color: var(--pelocis-base, #e2a475); color: var(--pelocis-base, #3779b9);
} }
.sec-icon2 { .sec-icon2 {
@ -7076,7 +7079,7 @@ body {
.service-circle__menu li.active a, .service-circle__menu li.active a,
.service-circle__menu li a:hover { .service-circle__menu li a:hover {
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
} }
.service-circle__menu li img { .service-circle__menu li img {

24
src/app/page.tsx
View File

@ -46,24 +46,24 @@ export default function MainPage() {
<main> <main>
<BannerSection /> <BannerSection />
<AboutSection /> <AboutSection />
<AboutTwo />
<MedicalServices /> <MedicalServices />
<WhyChooseTwo /> <CounsellingSolutions />
<HistoryTwo />
<AboutThree />
<ChooseSection /> <ChooseSection />
<IconCounterSection />
<ServiceThreeSlider />
<CtaSection />
<BrandSection /> <BrandSection />
<TestimonialsSection />
<ContactSection />
<HomeContactOne />
<CallAreaThree /> <CallAreaThree />
<CounterAreaTwo /> <CounterAreaTwo />
<CounsellingSolutions /> <ServiceThreeSlider />
<FaqFour /> <CtaSection />
<TestimonialsSection />
<HomeContactOne />
<BlogSection /> <BlogSection />
{/* <AboutTwo /> */}
{/* <WhyChooseTwo /> */}
{/* <HistoryTwo /> */}
{/* <AboutThree /> */}
{/* <IconCounterSection /> */}
{/* <ContactSection /> */}
{/* <FaqFour /> */}
</main> </main>
<Footer1 /> <Footer1 />

6
src/app/services/page.tsx
View File

@ -23,6 +23,7 @@ import ServiceSection2 from "@/components/careers/ServiceSection";
import WorkProcessSection2 from "@/components/careers/WorkProcessSection"; import WorkProcessSection2 from "@/components/careers/WorkProcessSection";
import AboutService from "@/components/services/AboutService"; import AboutService from "@/components/services/AboutService";
import PageHeader from "@/components/common/PageHeader"; import PageHeader from "@/components/common/PageHeader";
import AboutTwo from "@/components/home/AboutTwo";
export default function Home3() { export default function Home3() {
useEffect(() => { useEffect(() => {
@ -47,8 +48,9 @@ export default function Home3() {
{/* <ServiceSection /> */} {/* <ServiceSection /> */}
<ServiceSection2 /> <ServiceSection2 />
<WorkProcessSection /> <WorkProcessSection />
<AboutService /> <AboutTwo />
<FeaturesSection2 /> {/* <AboutService /> */}
{/* <FeaturesSection2 /> */}
{/* <ProjectsSection /> */} {/* <ProjectsSection /> */}
{/* <BrandsSection /> */} {/* <BrandsSection /> */}
{/* <FaqSection /> */} {/* <FaqSection /> */}

27
src/components/about/WhyChooseUs.tsx
View File

@ -5,6 +5,18 @@ const WhyChooseUs = () => {
<section className="why-choose-us section-space"> <section className="why-choose-us section-space">
<div className="container"> <div className="container">
<div className="row align-items-center"> <div className="row align-items-center">
<div className="col-lg-6">
<div className="image-area-wrapper p-relative">
<div className="main-image">
<img src="/assets/img-app/about/about-img5.png" alt="Business Meeting" />
</div>
<div className="circular-image">
<div className="inner-circle">
<img src="/assets/img-app/about/about-img5.png" alt="Profile" />
</div>
</div>
</div>
</div>
<div className="col-lg-6"> <div className="col-lg-6">
<div className="content-area pr-50"> <div className="content-area pr-50">
<div className="section-title-wrapper mb-30"> <div className="section-title-wrapper mb-30">
@ -50,26 +62,13 @@ const WhyChooseUs = () => {
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-6">
<div className="image-area-wrapper p-relative">
<div className="main-image">
<img src="/assets/img/about/about-img8.png" alt="Business Meeting" />
</div>
<div className="circular-image">
<div className="inner-circle">
<img src="/assets/img/about/about-img10.png" alt="Profile" />
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
<style jsx>{` <style jsx>{`
.why-choose-us { .why-choose-us {
padding: 80px 0; padding: 80px 0;
background: #fff; background: #eaf0f9;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.why-choose-us { .why-choose-us {

2
src/components/home/AboutThree.tsx
View File

@ -65,7 +65,7 @@ const AboutThree = () => {
<h3>Behavioral Psychology</h3> <h3>Behavioral Psychology</h3>
</li> </li>
<li> <li>
<span className="fa-solid fa-circle-check" style={{ color: '#222222', fontSize: '20px', marginRight: '8px' }}></span> <span className="fa-solid fa-circle-check" style={{ color: '#1a1f2b', fontSize: '20px', marginRight: '8px' }}></span>
The right therapist can help you develop skills The right therapist can help you develop skills
</li> </li>
</ul> </ul>

4
src/components/home/HistoryTwo.tsx
View File

@ -77,11 +77,11 @@ const HistoryTwo = () => {
</div> </div>
</div> </div>
</div> </div>
<div className="history-two__btn"> {/* <div className="history-two__btn">
<a href="contact.html" className="pelocis-btn"> <a href="contact.html" className="pelocis-btn">
<span>View all history <i className="icon-right-arrow-white"></i></span> <span>View all history <i className="icon-right-arrow-white"></i></span>
</a> </a>
</div> </div> */}
</div> </div>
</section> </section>
); );

7
src/components/home/home-1/FeaturesSection.tsx
View File

@ -115,6 +115,13 @@ const FeaturesSection = () => {
<div className="fo-shape-two"></div> <div className="fo-shape-two"></div>
</div> </div>
<div className="fo-container"> <div className="fo-container">
<div className="history-two__title text-center">
<div className="sec-title">
<div className="sec-title__shape"></div>
<h6 className="sec-title__tagline">OUR HISTORY</h6>
<h3 className="sec-title__title">Psychology Diverse And Multidisciplinary <br />Field Encompassing Areas</h3>
</div>
</div>
<div className="fo-row"> <div className="fo-row">
{features.map((feature, index) => ( {features.map((feature, index) => (
<div className="fo-col" key={index}> <div className="fo-col" key={index}>

2
src/components/home/home-1/ServiceThreeSlider.tsx
View File

@ -85,7 +85,7 @@ const ServiceThreeSlider = () => {
<h3 className="service-three__item__title"> <h3 className="service-three__item__title">
<Link href={service.link}>{service.title}</Link> <Link href={service.link}>{service.title}</Link>
</h3> </h3>
<p className="service-three__item__text text-black">{service.text}</p> <p className="service-three__item__text text-white">{service.text}</p>
</div> </div>
<div className="service-three__item__image"> <div className="service-three__item__image">
<img src={service.image} alt={service.title} className="service-img-fixed" /> <img src={service.image} alt={service.title} className="service-img-fixed" />

2
src/components/home/home-1/TestimonialsSection.tsx
View File

@ -2,7 +2,7 @@ import React from "react";
import { testimonialSlides } from "@/utils/data"; import { testimonialSlides } from "@/utils/data";
const TestimonialsSection = () => ( const TestimonialsSection = () => (
<section className="testimonials-two-section fix section-space pt-0"> <section className="testimonials-two-section fix section-space">
<div className="container-fluid g-0"> <div className="container-fluid g-0">
<div className="row g-0"> <div className="row g-0">
<div className="col-xxl-4 col-xl-4 col-lg-12"> <div className="col-xxl-4 col-xl-4 col-lg-12">

2
src/components/home/home-2/IconCounterSection.tsx
View File

@ -1,6 +1,6 @@
const IconCounterSection = () => { const IconCounterSection = () => {
return ( return (
<section className="icon-box-counter-section section-space"> <section className="icon-box-counter-section section-space-bottom">
<div className="small-container"> <div className="small-container">
<div className="row g-4"> <div className="row g-4">
{[ {[