From f247bdc13c6520793c122af8975504395f599b0a Mon Sep 17 00:00:00 2001 From: akash Date: Tue, 17 Mar 2026 17:26:18 +0530 Subject: [PATCH] responsive updated --- .../{blog => }/[slug]/BlogDetailsClient.tsx | 0 src/app/[slug]/page.tsx | 2 +- src/app/blog/[slug]/page.tsx | 13 - src/app/globals.css | 351 +++++++++++++++++- .../[slug]/page.tsx | 14 - src/components/careers/ServiceSection.tsx | 2 +- src/components/careers/WorkProcessSection.tsx | 2 +- src/components/faq/FaqPageSection.tsx | 2 +- src/components/home/AboutTwo.tsx | 2 +- src/components/home/CallAreaThree.tsx | 2 +- src/components/home/HomeContactOne.tsx | 2 +- src/components/home/home-1/AboutSection.tsx | 2 +- .../home/home-2/WorkProcessSection.tsx | 4 +- src/components/home/home-3/ChooseSection.tsx | 2 +- 14 files changed, 355 insertions(+), 45 deletions(-) rename src/app/{blog => }/[slug]/BlogDetailsClient.tsx (100%) delete mode 100644 src/app/blog/[slug]/page.tsx delete mode 100644 src/app/services-digital-solutions/[slug]/page.tsx diff --git a/src/app/blog/[slug]/BlogDetailsClient.tsx b/src/app/[slug]/BlogDetailsClient.tsx similarity index 100% rename from src/app/blog/[slug]/BlogDetailsClient.tsx rename to src/app/[slug]/BlogDetailsClient.tsx diff --git a/src/app/[slug]/page.tsx b/src/app/[slug]/page.tsx index eced62f..62370c0 100644 --- a/src/app/[slug]/page.tsx +++ b/src/app/[slug]/page.tsx @@ -1,8 +1,8 @@ import React from "react"; import { BlogData } from "@/utils/constant.utils"; -import BlogDetailsClient from "@/app/blog/[slug]/BlogDetailsClient"; import { Metadata } from "next"; import { notFound } from "next/navigation"; +import BlogDetailsClient from "./BlogDetailsClient"; const blogs = BlogData; diff --git a/src/app/blog/[slug]/page.tsx b/src/app/blog/[slug]/page.tsx deleted file mode 100644 index 152d76a..0000000 --- a/src/app/blog/[slug]/page.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import { permanentRedirect } from "next/navigation"; -import { BlogData } from "@/utils/constant.utils"; - -export async function generateStaticParams() { - return BlogData.map((blog) => ({ - slug: blog.slug, - })); -} - -export default async function BlogDetailsRedirect({ params }: { params: Promise<{ slug: string }> }) { - const { slug } = await params; - permanentRedirect(`/${slug}`); -} diff --git a/src/app/globals.css b/src/app/globals.css index 4d45314..df6b6e4 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -9709,7 +9709,7 @@ body { /* FAQ Two Section Styles */ .faq-two { - padding: 120px 0 200px; + padding: 80px 0 200px; position: relative; background-color: #0f172a; clip-path: none !important; @@ -13929,8 +13929,8 @@ body { } .blog-section-one.section-space.pb-0.pt-0 { - padding-bottom: 80px !important; - padding-top: 20px !important; + padding-bottom: 20px !important; + /* padding-top: 20px !important; */ } .service-details__content-title, @@ -14812,7 +14812,7 @@ h4.service-details__dynamic-content-erp { background: #fff; border-radius: 12px; transition: all 0.4s ease-in-out; - /* border: 1px solid #f0f0f0; */ + border: 1px solid #3779b9; position: relative; overflow: hidden; } @@ -15131,6 +15131,44 @@ h4.service-details__dynamic-content-erp { .custom-container { max-width: 1140px; } + + .card-1 { + top: -20px; + left: 50%; + transform: translateX(-50%); + } + + .card-2 { + top: 25%; + left: -75px; + } + + .card-3 { + bottom: 20%; + left: -75px; + } + + .card-4 { + bottom: -20px; + left: 50%; + transform: translateX(-50%); + } + + .card-5 { + bottom: 20%; + left: 92%; + transform: translateX(-50%); + } + + .card-6 { + bottom: 65%; + right: -75px; + } + + .card-7 { + top: 20%; + right: 0; + } } @media (min-width: 1400px) { @@ -15826,6 +15864,42 @@ h4.service-details__dynamic-content-erp { min-height: 320px; } + .blog-style-one .post-meta span { + font-size: 11px !important; + } + + .blog-section-one .post-meta span { + display: inline-flex; + align-items: center; + gap: 1px !important; + margin-right: -14px !important; + color: #64748b; + } + + .service-one-home .home-services__card__title a { + + font-size: 20px !important; + + } + + .about-two__list__title { + + font-size: 20px !important; + + } + + .about-two__list__text { + + font-size: 15px !important; + + } + + .service-one-home .home-services__card__text { + + font-size: 15px !important; + + } + .hero-content { flex: 0 0 50%; max-width: 50%; @@ -15965,6 +16039,68 @@ h4.service-details__dynamic-content-erp { .hero-1 .main-shirt { max-width: 60%; } + + .service-one-home .home-services__card__title a { + + font-size: 17px !important; + + } + + .service-details__text { + + + font-size: 16px !important; + line-height: 28px !important; + + } + + .service-one-home .home-services__card__text { + + font-size: 13px !important; + line-height: 22px !important; + + } + + .about-two__list__title { + + font-size: 17px !important; + + } + + .about-two__list__text { + + font-size: 13px !important; + line-height: 22px !important; + + } + + .work-process-section-3 { + + margin-bottom: 0px !important; + margin-top: 60px !important; + + } + + .section-space { + + padding-top: 60px !important; + padding-bottom: 60px !important; + + } + + .about-two { + + padding-top: 60px !important; + padding-bottom: 60px !important; + + } + + .work-process-container-wrapper.style2 { + + padding-top: 60px !important; + padding-bottom: 60px !important; + + } } /* 500px */ @@ -16004,6 +16140,53 @@ h4.service-details__dynamic-content-erp { font-size: 30px; } + .service-details__content-title { + + font-size: 28px !important; + + } + + .service-details__content-title { + + + font-size: 22px !important; + + } + + .service-details b { + + font-size: 15px !important; + + } + + .service-details__dynamic-content p { + + font-size: 14px !important; + line-height: 24px !important; + + } + + .service-details__benefit__list_custom li b { + + + font-size: 15px !important; + + } + + .faq-one__accordion .accrodion-content p { + + font-size: 14px !important; + line-height: 24px !important; + + } + + .service-details__text { + + font-size: 14px !important; + line-height: 24px !important; + + } + .hero-1 .hero-content p { font-size: 13px; } @@ -16011,6 +16194,32 @@ h4.service-details__dynamic-content-erp { .hero-1 .theme-btn { padding: 18px 40px !important; } + + .service-one-home .home-services__card__title a { + + font-size: 15px !important; + + } + + .service-one-home .home-services__card__text { + + font-size: 13px !important; + line-height: 22px !important; + + } + + .about-two__list__title { + + font-size: 15px !important; + + } + + .about-two__list__text { + + font-size: 13px !important; + line-height: 22px !important; + + } } /* 425px */ @@ -16414,6 +16623,12 @@ h4.service-details__dynamic-content-erp { .sec-title__title { font-size: 30px; } + + .home-contact-one .home-contact__card__content { + padding: 70px 43px !important; + position: relative; + z-index: 2; + } } /* 1440px */ @@ -16430,9 +16645,15 @@ h4.service-details__dynamic-content-erp { font-size: 26px; } - .hero-1 .slider-category-title { + .hero-1 .slider-category-title { font-size: 11px !important; } + + .home-contact-one .home-contact__card { + + margin-right: -12px !important; + + } } /* 1200px */ @@ -16441,6 +16662,12 @@ h4.service-details__dynamic-content-erp { font-size: 24px; line-height: 34px; } + + .home-contact-one .home-contact__card__content { + padding: 70px 0px 70px 39px !important; + position: relative; + z-index: 2; + } } /* 1024px */ @@ -16457,6 +16684,14 @@ h4.service-details__dynamic-content-erp { .testimonial-btn { font-size: 14px !important; } + + .home-contact-one .contact-home { + + position: relative !important; + left: -117px !important; + top: -50px !important; + + } } /* 992px */ @@ -16466,6 +16701,8 @@ h4.service-details__dynamic-content-erp { line-height: 38px; } + + .about-us-content-area { padding-top: 40px; } @@ -16478,6 +16715,17 @@ h4.service-details__dynamic-content-erp { line-height: 32px; } + .home-contact-one .home-contact__card__content { + padding: 70px 35px 70px 39px !important; + position: relative; + z-index: 2; + } + + .home-contact-one .contact-home { + position: relative !important; + left: 10px !important; + top: -50px !important; + } .counter-area-two__list { flex-wrap: wrap; justify-content: center; @@ -16497,12 +16745,31 @@ h4.service-details__dynamic-content-erp { .counter-area-two__item { flex: 0 0 100%; } + + .home-contact-one .home-contact__card__content { + padding: 66px 0px !important; + position: relative; + z-index: 2; + } + + .home-contact-one .home-contact__card__shape-one{ + + display: none !important; + + } + + .home-contact-one .contact-home { + position: relative !important; + left: -6px !important; + top: -50px !important; + } + } /* Counter Area */ .counter-area-two__list { display: flex; - align-items: center; + /* align-items: center; */ justify-content: space-between; list-style: none; padding: 0; @@ -16535,7 +16802,7 @@ h4.service-details__dynamic-content-erp { /* Counter Area */ .counter-area-two__list { display: flex; - align-items: center; + /* align-items: center; */ justify-content: space-between; list-style: none; padding: 0; @@ -17948,4 +18215,74 @@ h4.service-details__dynamic-content-erp { padding-top: 20px !important; /* Room for close btn */ } +} + +@media (max-width: 475px) { + + .home-contact-one .home-contact__card { + padding: 14px !important; +} + + + +.home-contact-one .home-contact__card__list__title{ + + font-size: 16px !important; + +} + +.home-contact-one .home-contact__card__list__text a{ + + font-size: 14px !important; + +} + +} + + +@media (max-width: 375px) { + + .home-contact-one .home-contact__card__list li { + padding-right: 41px !important; + padding-left: 36px !important; + } + +} + +@media (max-width: 320px) { + +.home-contact-one .home-contact__card__list li { + display: flex; + align-items: center; + gap: 9px !important; + margin-bottom: 21px !important; + border-radius: 10px !important; + padding: 2px 11px !important; + padding-right: -6px !important; + padding-left: 11px !important; + + } + + .home-contact-one .home-contact__card { + padding: 14px !important; +} + +.home-contact-one .home-contact__card__list li span{ + + font-size: 20px !important; + +} + +.home-contact-one .home-contact__card__list__title{ + + font-size: 14px !important; + +} + +.home-contact-one .home-contact__card__list__text a{ + + font-size: 14px !important; + +} + } \ No newline at end of file diff --git a/src/app/services-digital-solutions/[slug]/page.tsx b/src/app/services-digital-solutions/[slug]/page.tsx deleted file mode 100644 index 1646b8d..0000000 --- a/src/app/services-digital-solutions/[slug]/page.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import { permanentRedirect } from "next/navigation"; -import { ourServices } from "@/utils/data"; - -export async function generateStaticParams() { - return ourServices.map((service) => ({ - slug: service.slug, - })); -} - -export default async function ServiceDetailsPage({ params }: { params: Promise<{ slug: string }> }) { - const { slug } = await params; - - permanentRedirect(`/service/${slug}`); -} diff --git a/src/components/careers/ServiceSection.tsx b/src/components/careers/ServiceSection.tsx index 278e87f..eddb79f 100644 --- a/src/components/careers/ServiceSection.tsx +++ b/src/components/careers/ServiceSection.tsx @@ -54,7 +54,7 @@ const ServiceSection2 = () => { >
-
+
OUR BEST SERVICE
diff --git a/src/components/careers/WorkProcessSection.tsx b/src/components/careers/WorkProcessSection.tsx index 78b43bd..57b4ba1 100644 --- a/src/components/careers/WorkProcessSection.tsx +++ b/src/components/careers/WorkProcessSection.tsx @@ -102,7 +102,7 @@ const WorkProcessSection2 = () => {
-
+
Our story
diff --git a/src/components/faq/FaqPageSection.tsx b/src/components/faq/FaqPageSection.tsx index 3e72ef0..7ef2a6a 100644 --- a/src/components/faq/FaqPageSection.tsx +++ b/src/components/faq/FaqPageSection.tsx @@ -48,7 +48,7 @@ const FaqPageSection = () => { return (
-
+
diff --git a/src/components/home/AboutTwo.tsx b/src/components/home/AboutTwo.tsx index 0281968..132bc44 100644 --- a/src/components/home/AboutTwo.tsx +++ b/src/components/home/AboutTwo.tsx @@ -15,7 +15,7 @@ const AboutTwo = () => { src="/assets/images/services/why/right-element.webp" alt="metatroncube digital solutions" className="about-two__shape__three" - style={{ opacity: 0.4 }} + style={{ opacity: 0.2 }} />
diff --git a/src/components/home/CallAreaThree.tsx b/src/components/home/CallAreaThree.tsx index 2b80b1c..7efd32a 100644 --- a/src/components/home/CallAreaThree.tsx +++ b/src/components/home/CallAreaThree.tsx @@ -11,7 +11,7 @@ const CallAreaThree: React.FC = () => {

- MetatronCube Finished this Achivement
in 10 Years + MetatronCube Finished this Achievement
in 10+ Years

{/*

Business tailored design, management & support services Business agency, sed
diff --git a/src/components/home/HomeContactOne.tsx b/src/components/home/HomeContactOne.tsx index b28329e..5c75aa5 100644 --- a/src/components/home/HomeContactOne.tsx +++ b/src/components/home/HomeContactOne.tsx @@ -95,7 +95,7 @@ const HomeContactOne = () => { >

-
+
    diff --git a/src/components/home/home-1/AboutSection.tsx b/src/components/home/home-1/AboutSection.tsx index 95f18fe..b633a47 100644 --- a/src/components/home/home-1/AboutSection.tsx +++ b/src/components/home/home-1/AboutSection.tsx @@ -75,7 +75,7 @@ const AboutSection = () => {
- + about us   | diff --git a/src/components/home/home-2/WorkProcessSection.tsx b/src/components/home/home-2/WorkProcessSection.tsx index 384e264..eb3c176 100644 --- a/src/components/home/home-2/WorkProcessSection.tsx +++ b/src/components/home/home-2/WorkProcessSection.tsx @@ -8,7 +8,7 @@ const WorkProcessSection = () => (
Get To Know Us More
-

We’re Reliable & Cost Efficient
Digital Agency.

+

We’re Reliable & Cost Efficient
Digital Agency.

We combine strategic planning with cutting-edge technology to build scalable digital solutions.
Our commitment to quality ensures your project stands out in the marketplace.

@@ -18,7 +18,7 @@ const WorkProcessSection = () => ( { num: 2, title: "Our Vision", icon: "our-vision.webp", desc: "Redefining digital innovation for a connected, efficient future."}, { num: 3, title: "Our Values", icon: "our-values.webp", desc: "Integrity and Trust, Innovation and Excellence, Collaboration."} ].map((proc, i) => ( -
+
{proc.desc} diff --git a/src/components/home/home-3/ChooseSection.tsx b/src/components/home/home-3/ChooseSection.tsx index a7a452b..2968d71 100644 --- a/src/components/home/home-3/ChooseSection.tsx +++ b/src/components/home/home-3/ChooseSection.tsx @@ -3,7 +3,7 @@ import SectionTitle from "@/components/common/SectionTitle"; const ChooseSection = () => (
-
+