public/assets/css/style.css

@@ -9464,20 +9464,12 @@ ul.social-box li a:hover {
 
   .blogbanner-shape {
 
-    width: 60%;
+    width: 45%;
 
   }
 
 }
-@media only screen and (min-width: 320px) and (max-width: 1600px){
 
-  .blogbanner-shape {
-
-    display: none;
-
-  }
-
-}
 @media only screen and (min-width: 320px) and (max-width: 992px){
 
 

scripts/generate-sitemap.cjs

@@ -39,7 +39,7 @@ const staticLinks = [
   { url: '/services-digital-solutions/', changefreq: 'daily', priority: 0.7 },
   { url: '/about/', changefreq: 'weekly', priority: 0.7 },
   { url: '/careers/', changefreq: 'weekly', priority: 0.7 },
-  { url: '/portfolio/', changefreq: 'weekly', priority: 0.7 },
+  { url: '/portfolio/', changefreq: 'weekly', priority: 0.7 }, 
   { url: '/blog/', changefreq: 'weekly', priority: 0.7 },
   { url: '/contact/', changefreq: 'monthly', priority: 0.5 },
   { url: '/faq/', changefreq: 'monthly', priority: 0.5 },
@@ -82,12 +82,6 @@ const blogPosts = [
   { slug: 'mastering-omnichannel-marketing-strategies-for-2026' },
   { slug: 'how-metatroncube-solutions-improve-local-seo-waterloo' },
   { slug: 'why-metatroncube-solutions-top-choice-social-media-marketing-waterloo' },
-  { slug: 'how-does-metatroncube-solutions-help-businesses-get-more-local-customers-through-search-engines' },
-  { slug: 'can-metatroncube-solutions-optimize-my-google-business-profile' },
-  { slug: 'seo-services-waterloo-small-businesses-metatroncube' },
-  { slug: 'boost-google-maps-ranking-waterloo-metatroncube' },
-  { slug: 'how-metatroncube-solutions-uses-ai-tools-to-boost-your-marketing-in-toronto' },
-  { slug: 'what-types-of-social-media-ads-does-metatroncube-solutions-recommend-for-small-businesses-in-toronto' },
 
 ];
 

src/components/isotope/CaseStudies.js

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useEffect, useRef } from "react";
+import { useState } from "react";
 import Image from "next/image";
 import Link from "next/link";
 import { PortfolioData } from "@/utils/constant.utils";
@@ -11,46 +11,18 @@ const tabs = [
   { label: "Graphic Design", value: "graphic" },
   { label: "Google Meta Ads", value: "meta" },
   { label: "Shopify Store", value: "shopify" },
-  { label: "WordPress", value: "wordpress" },
   { label: "Logo Branding", value: "logo" },
   { label: "Video Editing", value: "video" },
 ];
 
 const CaseStudies = () => {
   const [activeTab, setActiveTab] = useState("*");
-  const [visibleCount, setVisibleCount] = useState(6);
-  const observerRef = useRef(null);
 
   const filteredItems =
     activeTab === "*"
       ? PortfolioData
       : PortfolioData.filter((item) => item.category === activeTab);
 
-  useEffect(() => {
-    setVisibleCount(6);
-  }, [activeTab]);
-
-  useEffect(() => {
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (entries[0].isIntersecting) {
-          setVisibleCount((prev) => prev + 6);
-        }
-      },
-      { threshold: 0.1 }
-    );
-
-    if (observerRef.current) {
-      observer.observe(observerRef.current);
-    }
-
-    return () => {
-      if (observerRef.current) {
-        observer.unobserve(observerRef.current);
-      }
-    };
-  }, [filteredItems]);
-
   return (
     <>
       {/* Title Section */}
@@ -109,7 +81,7 @@ const CaseStudies = () => {
 
       {/* Portfolio Grid */}
       <div className="row image_load">
-        {filteredItems.slice(0, visibleCount).map((item) => (
+        {filteredItems.map((item) => (
           <div
             key={item.id}
             className={`${item.colClass} grid-item ${item.category} ${item.itemClass || ""}`}
@@ -215,12 +187,6 @@ const CaseStudies = () => {
           </div>
         ))}
       </div>
-
-      {/* Sentinel Element for Infinite Scroll */}
-      <div
-        ref={observerRef}
-        style={{ height: "20px", marginBottom: "20px" }}
-      ></div>
     </>
   );
 };