diff --git a/public/assets/images/portfolio/erp/clickstocart.png b/public/assets/images/portfolio/erp/clickstocart.png new file mode 100644 index 0000000..f0feb3e Binary files /dev/null and b/public/assets/images/portfolio/erp/clickstocart.png differ diff --git a/public/assets/images/portfolio/seo/wallaceton.png b/public/assets/images/portfolio/seo/wallaceton.png new file mode 100644 index 0000000..8a286ff Binary files /dev/null and b/public/assets/images/portfolio/seo/wallaceton.png differ diff --git a/public/assets/images/portfolio/shopify/rayaari.png b/public/assets/images/portfolio/shopify/rayaari.png new file mode 100644 index 0000000..17273d2 Binary files /dev/null and b/public/assets/images/portfolio/shopify/rayaari.png differ diff --git a/public/assets/images/portfolio/web-development/mydosaplace.png b/public/assets/images/portfolio/web-development/mydosaplace.png new file mode 100644 index 0000000..ffe6fef Binary files /dev/null and b/public/assets/images/portfolio/web-development/mydosaplace.png differ diff --git a/public/assets/images/portfolio/web-development/shivasakthi.png b/public/assets/images/portfolio/web-development/shivasakthi.png new file mode 100644 index 0000000..277d2d4 Binary files /dev/null and b/public/assets/images/portfolio/web-development/shivasakthi.png differ diff --git a/public/assets/images/portfolio/wordpress/vgfence-products.png b/public/assets/images/portfolio/wordpress/vgfence-products.png new file mode 100644 index 0000000..e81bd7f Binary files /dev/null and b/public/assets/images/portfolio/wordpress/vgfence-products.png differ diff --git a/src/components/home/PortfolioSection.tsx b/src/components/home/PortfolioSection.tsx index 0b72266..3e6cfa0 100644 --- a/src/components/home/PortfolioSection.tsx +++ b/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" && ( +

ERP

+ )} +
+ {itemsFor("erp").map((item) => ( +
+ setLightboxItem(item)} /> +
+ ))} +
+ + )} + + {/* ── SEO ── */} + {showCat("seo") && byCategory("seo").length > 0 && ( + <> + {activeTab === "all" && ( +

SEO

+ )} +
+ {itemsFor("seo").map((item) => ( +
+ setLightboxItem(item)} /> +
+ ))} +
+ + )} + {/* ── Lightbox ── */} diff --git a/src/utils/constant.utils.ts b/src/utils/constant.utils.ts index bb8c9f6..85a7824 100644 --- a/src/utils/constant.utils.ts +++ b/src/utils/constant.utils.ts @@ -11279,16 +11279,104 @@ info@metatroncubesolutions.com export const PortfolioData = [ { - id: 101, - category: "web", - image: "/assets/img/images/portfolio/web-development/web-development/events.png", + id: 117, + category: "seo", + image: "/assets/images/portfolio/seo/wallaceton.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", + alt: "wallaceton", + title: "SEO", + name: "Wallaceton Eye Care", + link: "https://wallacetonicare.ca/", + 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",