From 4d6985015abcb7fa4e9f84ac301d913dc9f895f0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 18:26:10 +0000
Subject: [PATCH] Switch to version 4: modified src/app/portfolio/page.tsx

---
 src/app/portfolio/page.tsx | 70 +++++---------------------------------
 1 file changed, 8 insertions(+), 62 deletions(-)

diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index 4571e9c..eddb3f5 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -5,6 +5,7 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
 import HeroCentered from "@/components/sections/hero/HeroCentered";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
+import FooterBase from "@/components/sections/footer/FooterBase";
 import Link from "next/link";
 import {
   TrendingUp,
@@ -76,7 +77,8 @@ export default function PortfolioPage() {
           navItems={navItems}
           brandName="VintDragon"
           button={{
-            text: "Book Strategy Call",            href: "/contact"}}
+            text: "Book Strategy Call",            href: "/contact"
+          }}
           animateOnLoad={true}
         />
       </div>
@@ -173,67 +175,11 @@ export default function PortfolioPage() {
       </div>
 
       <div id="footer" data-section="footer">
-        <footer className="relative w-full bg-black border-t border-white/10">
-          <div className="mx-auto px-4 py-16 max-w-7xl">
-            <div className="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12">
-              <div>
-                <h3 className="text-white font-semibold mb-4">Navigate</h3>
-                <ul className="space-y-2">
-                  {footerColumns[0].items.map((item, idx) => (
-                    <li key={idx}>
-                      <a href={item.href} className="text-gray-400 hover:text-red-500 transition-colors text-sm">
-                        {item.label}
-                      </a>
-                    </li>
-                  ))}
-                </ul>
-              </div>
-              <div>
-                <h3 className="text-white font-semibold mb-4">Services</h3>
-                <ul className="space-y-2">
-                  {footerColumns[1].items.map((item, idx) => (
-                    <li key={idx}>
-                      <a href={item.href} className="text-gray-400 hover:text-red-500 transition-colors text-sm">
-                        {item.label}
-                      </a>
-                    </li>
-                  ))}
-                </ul>
-              </div>
-              <div>
-                <h3 className="text-white font-semibold mb-4">Company</h3>
-                <ul className="space-y-2">
-                  {footerColumns[2].items.map((item, idx) => (
-                    <li key={idx}>
-                      <a href={item.href} className="text-gray-400 hover:text-red-500 transition-colors text-sm">
-                        {item.label}
-                      </a>
-                    </li>
-                  ))}
-                </ul>
-              </div>
-              <div>
-                <h3 className="text-white font-semibold mb-4">Legal</h3>
-                <ul className="space-y-2">
-                  {footerColumns[3].items.map((item, idx) => (
-                    <li key={idx}>
-                      <a href={item.href} className="text-gray-400 hover:text-red-500 transition-colors text-sm">
-                        {item.label}
-                      </a>
-                    </li>
-                  ))}
-                </ul>
-              </div>
-            </div>
-
-            <div className="border-t border-white/10 pt-8">
-              <div className="flex flex-col md:flex-row justify-between items-center">
-                <p className="text-gray-400 text-sm mb-4 md:mb-0">© 2025 VintDragon. Driving Business Growth Through Digital Excellence.</p>
-                <p className="text-gray-500 text-xs">Crafted with precision for modern SaaS businesses</p>
-              </div>
-            </div>
-          </div>
-        </footer>
+        <FooterBase
+          columns={footerColumns}
+          logoText="VintDragon"
+          copyrightText="© 2025 VintDragon. Driving Business Growth Through Digital Excellence."
+        />
       </div>
     </ThemeProvider>
   );