diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index c440fce..a4bad02 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -6,7 +6,7 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
 import HeroSplit from "@/components/sections/hero/HeroSplit";
 import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
 import ContactText from "@/components/sections/contact/ContactText";
-import FooterCard from "@/components/sections/footer/FooterCard";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import { Sparkles, ArrowUpRight } from "lucide-react";
 
 export default function PortfolioPage() {
@@ -27,10 +27,10 @@ export default function PortfolioPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Webild"
           navItems={[
-            { name: "Work", href: "/portfolio" },
+            { name: "Work", id: "/portfolio" },
             { name: "Services", id: "services" },
             { name: "About", id: "about" },
-            { name: "Contact", id: "contact" },
+            { name: "Contact", id: "contact" }
           ]}
           button={{ text: "Get Started", href: "/contact" }}
         />
@@ -43,7 +43,7 @@ export default function PortfolioPage() {
           background={{ variant: "radial-gradient" }}
           buttons={[
             { text: "Get a Quote", href: "/contact" },
-            { text: "Learn More", href: "#casestudies" },
+            { text: "Learn More", href: "#casestudies" }
           ]}
           buttonAnimation="slide-up"
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=1"
@@ -58,32 +58,32 @@ export default function PortfolioPage() {
           animationType="slide-up"
           features={[
             {
-              title: "Umbra Skincare",              descriptions: ["Luxury fragrance e-commerce website designed for high conversions and an immersive brand experience."],
+              id: "1",              title: "Umbra Skincare",              descriptions: ["Luxury fragrance e-commerce website designed for high conversions and an immersive brand experience."],
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp",              imageAlt: "Umbra Skincare website design"},
             {
-              title: "Luxuria Travel",              descriptions: ["Bespoke luxury travel platform, providing seamless booking and personalized itinerary planning."],
+              id: "2",              title: "Luxuria Travel",              descriptions: ["Bespoke luxury travel platform, providing seamless booking and personalized itinerary planning."],
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp",              imageAlt: "Luxuria Travel website design"},
             {
-              title: "Dental Care Pro",              descriptions: ["Modern website for a premier dental practice, focusing on patient education and appointment scheduling."],
+              id: "3",              title: "Dental Care Pro",              descriptions: ["Modern website for a premier dental practice, focusing on patient education and appointment scheduling."],
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp",              imageAlt: "Dental Care Pro website design"},
             {
-              title: "Summit Roofing",              descriptions: ["Professional website for a roofing service company, highlighting their expertise and customer testimonials."],
+              id: "4",              title: "Summit Roofing",              descriptions: ["Professional website for a roofing service company, highlighting their expertise and customer testimonials."],
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp",              imageAlt: "Summit Roofing website design"},
             {
-              title: "Dubai Real Estate",              descriptions: ["Elegant platform for luxury property listings in Dubai, offering advanced search and virtual tours."],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp",              imageAlt: "Dubai Real Estate website design"},
+              id: "5",              title: "Dubai Real Estate",              descriptions: ["Elegant platform for luxury property listings in Dubai, offering advanced search and virtual tours."],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp",              imageAlt: "Dubai Real Estate website design"}
           ]}
         />
         <ContactText
           text="Ready to transform your vision into a digital reality?"
           buttons={[
             { text: "Get Started", href: "/contact" },
-            { text: "View Services", href: "/" },
+            { text: "View Services", href: "/" }
           ]}
           background={{ variant: "gradient-bars" }}
           useInvertedBackground={false}
         />
-        <FooterCard
+        <FooterBaseCard
           logoText="Webild"
           copyrightText="© 2026 | Webild"
           columns={[
@@ -92,25 +92,25 @@ export default function PortfolioPage() {
                 { label: "About", href: "/" },
                 { label: "Services", href: "/" },
                 { label: "Work", href: "/portfolio" },
-                { label: "Contact", href: "/contact" },
-              ],
+                { label: "Contact", href: "/contact" }
+              ]
             },
             {
               title: "Services",              items: [
                 { label: "Web Development", href: "/" },
                 { label: "SEO", href: "/" },
                 { label: "Branding", href: "/" },
-                { label: "UI/UX Design", href: "/" },
-              ],
+                { label: "UI/UX Design", href: "/" }
+              ]
             },
             {
               title: "Connect",              items: [
                 { label: "Twitter", href: "#" },
                 { label: "LinkedIn", href: "#" },
                 { label: "Instagram", href: "#" },
-                { label: "Dribbble", href: "#" },
-              ],
-            },
+                { label: "Dribbble", href: "#" }
+              ]
+            }
           ]}
         />
       </ReactLenis>