portfolio updated

src/components/home/PortfolioSection.tsx

@@ -7,6 +7,8 @@ import { PortfolioData, MobileAppServicesData } from "@/utils/constant.utils";
 const TABS = [
     { label: "All Items", value: "all" },
     { label: "Web Development", value: "web" },
+    { label: "ERP", value: "erp" },
+    { label: "SEO", value: "seo" },
     { label: "Graphic Design", value: "graphic" },
     { label: "Google Meta Ads", value: "meta" },
     { label: "Shopify Store", value: "shopify" },
@@ -361,6 +363,38 @@ export default function PortfolioSection() {
                     </>
                 )}
 
+                {/* ── ERP ── */}
+                {showCat("erp") && byCategory("erp").length > 0 && (
+                    <>
+                        {activeTab === "all" && (
+                            <div className="pf-section-label"><h3>ERP</h3></div>
+                        )}
+                        <div className="pf-grid">
+                            {itemsFor("erp").map((item) => (
+                                <div key={item.id} className="pf-fade-item">
+                                    <MonitorCard item={item} onOpen={() => setLightboxItem(item)} />
+                                </div>
+                            ))}
+                        </div>
+                    </>
+                )}
+
+                {/* ── SEO ── */}
+                {showCat("seo") && byCategory("seo").length > 0 && (
+                    <>
+                        {activeTab === "all" && (
+                            <div className="pf-section-label"><h3>SEO</h3></div>
+                        )}
+                        <div className="pf-grid">
+                            {itemsFor("seo").map((item) => (
+                                <div key={item.id} className="pf-fade-item">
+                                    <MonitorCard item={item} onOpen={() => setLightboxItem(item)} />
+                                </div>
+                            ))}
+                        </div>
+                    </>
+                )}
+
             </div>
 
             {/* ── Lightbox ── */}

src/utils/constant.utils.ts

@@ -11279,16 +11279,104 @@ info@metatroncubesolutions.com
 
 export const PortfolioData = [
   {
-    id: 101,
+    id: 117,
-    category: "web",
+    category: "seo",
-    image: "/assets/img/images/portfolio/web-development/web-development/events.png",
+    image: "/assets/images/portfolio/seo/wallaceton.png",
     colClass: "col-lg-4 col-md-6",
-    alt: "Aakriti Design Events",
+    alt: "wallaceton",
-    title: "Web Development",
+    title: "SEO",
-    name: "Aakriti Design Events",
+    name: "Wallaceton Eye Care",
-    link: "https://events.aakritidesign.com/",
+    link: "https://wallacetonicare.ca/",
-    imagePopup: "/assets/img/images/portfolio/web-development/web-development/events.png",
+    imagePopup: "/assets/images/portfolio/seo/wallaceton.png",
   },
+  {
+    id: 110,
+    category: "erp",
+    image: "/assets/images/portfolio/erp/clickstocart.png",
+    colClass: "col-lg-4 col-md-6",
+    alt: "clickstocart ",
+    title: "ERP",
+    name: "Clickstocart ",
+    link: "https://clickstocartca.com/",
+    imagePopup: "/assets/images/portfolio/erp/clickstocart.png",
+  },
+  {
+    id: 111,
+    category: "web",
+    image: "/assets/images/portfolio/web-development/mydosaplace.png",
+    colClass: "col-lg-4 col-md-6",
+    alt: "my dosa place",
+    title: "Web Development",
+    name: "My Dosa Place",
+    link: "https://www.mydosaplace.ca/",
+    imagePopup: "/assets/images/portfolio/web-development/mydosaplace.png",
+  },
+  {
+    id: 112,
+    category: "web",
+    image: "/assets/images/portfolio/web-development/shivasakthi.png",
+    colClass: "col-lg-4 col-md-6",
+    alt: "shivasakthi",
+    title: "Web Development",
+    name: "Shiva Sakthi Restaurant",
+    link: "https://www.shivasakthi.ca/",
+    imagePopup: "/assets/images/portfolio/web-development/shivasakthi.png",
+  },
+  // {
+  //   id: 113,
+  //   category: "web",
+  //   image: "/assets/images/portfolio/default.jpg",
+  //   colClass: "col-lg-4 col-md-6",
+  //   alt: "zip van",
+  //   title: "Web Development",
+  //   name: "zip van",
+  //   link: "#",
+  //   imagePopup: "/assets/images/portfolio/default.jpg",
+  // },
+  // {
+  //   id: 114,
+  //   category: "wordpress",
+  //   image: "/assets/images/portfolio/default.jpg",
+  //   colClass: "col-lg-4 col-md-6",
+  //   alt: "sunder dm",
+  //   title: "WordPress",
+  //   name: "sunder dm",
+  //   link: "#",
+  //   imagePopup: "/assets/images/portfolio/default.jpg",
+  // },
+  {
+    id: 115,
+    category: "wordpress",
+    image: "/assets/images/portfolio/wordpress/vgfence-products.png",
+    colClass: "col-lg-4 col-md-6",
+    alt: "vg fence products",
+    title: "WordPress",
+    name: "VG Fence Products",
+    link: "https://vgfenceproducts.com/",
+    imagePopup: "/assets/images/portfolio/wordpress/vgfence-products.png",
+  },
+  {
+    id: 116,
+    category: "shopify",
+    image: "/assets/images/portfolio/shopify/rayaari.png",
+    colClass: "col-lg-4 col-md-6",
+    alt: "rayaari shop",
+    title: "Shopify Store",
+    name: "Ray Aari Shop",
+    link: "https://rayaarishop.com/",
+    imagePopup: "/assets/images/portfolio/shopify/rayaari.png",
+  },
+  // {
+  //   id: 101,
+  //   category: "web",
+  //   image: "/assets/img/images/portfolio/web-development/web-development/events.png",
+  //   colClass: "col-lg-4 col-md-6",
+  //   alt: "Aakriti Design Events",
+  //   title: "Web Development",
+  //   name: "Aakriti Design Events",
+  //   link: "https://events.aakritidesign.com/",
+  //   imagePopup: "/assets/img/images/portfolio/web-development/web-development/events.png",
+  // },
   {
     id: 73,
     category: "web",