diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
index a06b4d2..a415cdd 100644
--- a/src/app/features/page.tsx
+++ b/src/app/features/page.tsx
@@ -28,7 +28,7 @@ export default function FeaturesPage() {
               { name: "Home", id: "/" },
               { name: "About", id: "/" },
               { name: "Services", id: "/" },
-              { name: "Portfolio", id: "/" },
+              { name: "Portfolio", id: "/portfolio" },
               { name: "Features", id: "/features" },
               { name: "Contact", id: "/" },
             ]}
@@ -73,4 +73,4 @@ export default function FeaturesPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4dd9647..f0980ad 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -36,7 +36,7 @@ export default function LandingPage() {
         {
           name: "Services",          id: "features"},
         {
-          name: "Portfolio",          id: "portfolio"},
+          name: "Portfolio",          id: "/portfolio"},
         {
           name: "Contact",          id: "contact"},
       ]}
@@ -53,7 +53,7 @@ export default function LandingPage() {
       description="We turn raw footage into cinematic experiences that captivate your audience and grow your business."
       buttons={[
         {
-          text: "View Our Portfolio",          href: "#portfolio"},
+          text: "View Our Portfolio",          href: "/portfolio"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/electronic-gadgets-used-podcasting_482257-91517.jpg"
       mediaAnimation="blur-reveal"
@@ -129,31 +129,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="portfolio" data-section="portfolio">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",          name: "Short Film Project",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/team-videographers-with-protection-masks-working-video-project-creating-content-man-blogger-sitting-wheelchair-new-normal-office-disabled-freelancer-editing-video-durig-global-pandemic_482257-13030.jpg"},
-        {
-          id: "2",          name: "Social Promo Reel",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/photographer-using-headphones-listen-favorite-songs-while-using-retouching-software_482257-82252.jpg"},
-        {
-          id: "3",          name: "Corporate Documentary",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-law-agent-putting-clues-board-trying-conduct-private-investigation-incident-room-young-police-officer-examining-photos-forensic-evidence-map-detective-work_482257-71990.jpg"},
-        {
-          id: "4",          name: "High-Energy Music Video",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-boy-playing-guitar_23-2149542287.jpg"},
-        {
-          id: "5",          name: "Storytelling Campaign",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/friends-firing-range-shooting-zooming-check-points-scored-bullseyes_482257-125728.jpg"},
-        {
-          id: "6",          name: "Luxury Fashion Promo",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-workspace-equipped-digital-design-photo-editing_482257-125052.jpg"},
-      ]}
-      title="Selected Work"
-      description="A glimpse into our recent editorial projects."
-    />
-  </div>
-
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
       animationType="slide-up"
@@ -252,7 +227,7 @@ export default function LandingPage() {
             {
               label: "About Us",              href: "#"},
             {
-              label: "Portfolio",              href: "#"},
+              label: "Portfolio",              href: "/portfolio"},
             {
               label: "Contact",              href: "#contact"},
           ],
@@ -272,4 +247,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
new file mode 100644
index 0000000..9d72363
--- /dev/null
+++ b/src/app/portfolio/page.tsx
@@ -0,0 +1,67 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function PortfolioPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="compact"
+        sizing="large"
+        background="grid"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="EditPro Agency"
+          />
+        </div>
+
+        <div id="portfolio" data-section="portfolio">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              {
+                id: "1",                name: "Short Film Project",                price: "Watch Now",                imageSrc: "http://img.b2bpic.net/free-photo/team-videographers-with-protection-masks-working-video-project-creating-content-man-blogger-sitting-wheelchair-new-normal-office-disabled-freelancer-editing-video-durig-global-pandemic_482257-13030.jpg"},
+              {
+                id: "2",                name: "Social Promo Reel",                price: "Watch Now",                imageSrc: "http://img.b2bpic.net/free-photo/photographer-using-headphones-listen-favorite-songs-while-using-retouching-software_482257-82252.jpg"},
+              {
+                id: "3",                name: "Corporate Documentary",                price: "Watch Now",                imageSrc: "http://img.b2bpic.net/free-photo/african-american-law-agent-putting-clues-board-trying-conduct-private-investigation-incident-room-young-police-officer-examining-photos-forensic-evidence-map-detective-work_482257-71990.jpg"},
+            ]}
+            title="Our Video Portfolio"
+            description="Experience our latest cinematic work in motion."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Services", items: [{ label: "Color Grading", href: "#" }, { label: "Sound Design", href: "#" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Portfolio", href: "/portfolio" }] },
+            ]}
+            logoText="EditPro Agency"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file