Update src/app/portfolio/page.tsx

Update src/app/page.tsx
Merge version_4 into main
2026-03-05 18:15:39 +00:00 · 2026-03-05 18:15:38 +00:00 · 2026-03-05 18:12:18 +00:00 · 2026-03-05 18:12:14 +00:00 · 2026-03-05 18:12:14 +00:00 · 2026-03-05 18:12:13 +00:00
3 changed files with 201 additions and 1447 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,7 +7,6 @@ import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/F
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
-import FooterCard from "@/components/sections/footer/FooterCard";
 import Link from "next/link";
 import {
  Layout,
@@ -39,6 +38,41 @@ export default function HomePage() {
    { name: "Process", id: "/process" },
  ];

+  const footerColumns = [
+    {
+      title: "Navigate",      items: [
+        { label: "Home", href: "/" },
+        { label: "Services", href: "/services" },
+        { label: "Expertise", href: "/why-vintdragon" },
+        { label: "Contact", href: "/contact" },
+      ],
+    },
+    {
+      title: "Services",      items: [
+        { label: "Cybersecurity", href: "/services" },
+        { label: "AI Solutions", href: "/services" },
+        { label: "Development", href: "/services" },
+        { label: "Consulting", href: "/services" },
+      ],
+    },
+    {
+      title: "Company",      items: [
+        { label: "About Us", href: "/" },
+        { label: "Blog", href: "/" },
+        { label: "Careers", href: "/" },
+        { label: "Press", href: "/" },
+      ],
+    },
+    {
+      title: "Legal",      items: [
+        { label: "Privacy Policy", href: "/" },
+        { label: "Terms of Service", href: "/" },
+        { label: "Security", href: "/" },
+        { label: "Compliance", href: "/" },
+      ],
+    },
+  ];
+
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
@@ -57,8 +91,7 @@ export default function HomePage() {
          navItems={navItems}
          brandName="VintDragon"
          button={{
-            text: "Book Strategy Call",            href: "/contact"
-          }}
+            text: "Book Strategy Call",            href: "/contact"}}
          animateOnLoad={true}
        />
      </div>
@@ -304,10 +337,67 @@ export default function HomePage() {
      </div>

      <div id="footer" data-section="footer">
-        <FooterCard
-          logoText="VintDragon"
-          copyrightText="© 2025 VintDragon. Driving Business Growth Through Digital Excellence."
-        />
+        <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>
      </div>
    </ThemeProvider>
  );
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -5,7 +5,6 @@ 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 FooterCard from "@/components/sections/footer/FooterCard";
 import Link from "next/link";
 import {
  TrendingUp,
@@ -24,6 +23,41 @@ export default function PortfolioPage() {
    { name: "Process", id: "/process" },
  ];

+  const footerColumns = [
+    {
+      title: "Navigate",      items: [
+        { label: "Home", href: "/" },
+        { label: "Services", href: "/services" },
+        { label: "Expertise", href: "/why-vintdragon" },
+        { label: "Contact", href: "/contact" },
+      ],
+    },
+    {
+      title: "Services",      items: [
+        { label: "Cybersecurity", href: "/services" },
+        { label: "AI Solutions", href: "/services" },
+        { label: "Development", href: "/services" },
+        { label: "Consulting", href: "/services" },
+      ],
+    },
+    {
+      title: "Company",      items: [
+        { label: "About Us", href: "/" },
+        { label: "Blog", href: "/" },
+        { label: "Careers", href: "/" },
+        { label: "Press", href: "/" },
+      ],
+    },
+    {
+      title: "Legal",      items: [
+        { label: "Privacy Policy", href: "/" },
+        { label: "Terms of Service", href: "/" },
+        { label: "Security", href: "/" },
+        { label: "Compliance", href: "/" },
+      ],
+    },
+  ];
+
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
@@ -42,8 +76,7 @@ export default function PortfolioPage() {
          navItems={navItems}
          brandName="VintDragon"
          button={{
-            text: "Book Strategy Call",            href: "/contact"
-          }}
+            text: "Book Strategy Call",            href: "/contact"}}
          animateOnLoad={true}
        />
      </div>
@@ -140,10 +173,67 @@ export default function PortfolioPage() {
      </div>

      <div id="footer" data-section="footer">
-        <FooterCard
-          logoText="VintDragon"
-          copyrightText="© 2025 VintDragon. Driving Business Growth Through Digital Excellence."
-        />
+        <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>
      </div>
    </ThemeProvider>
  );
Author	SHA1	Message	Date
bender	ec891dc56c	Update src/app/portfolio/page.tsx	2026-03-05 18:15:39 +00:00
bender	7758e91a06	Update src/app/page.tsx	2026-03-05 18:15:38 +00:00
bender	7bae43d8b5	Merge version_4 into main Merge version_4 into main	2026-03-05 18:12:18 +00:00
bender	1c098bae11	Update src/app/portfolio/page.tsx	2026-03-05 18:12:14 +00:00
bender	b61df6e60d	Update src/app/page.tsx	2026-03-05 18:12:14 +00:00
bender	5c59b36ffd	Update src/app/layout.tsx	2026-03-05 18:12:13 +00:00
bender	618aa3bbae	Merge version_3 into main Merge version_3 into main	2026-03-05 18:08:08 +00:00