Update src/app/portfolio/page.tsx

Merge version_4 into main

registry/components/FooterBase.json

@@ -6,14 +6,14 @@
     "textRules": {
       "logoText": {
         "required": false,
-        "default": "Webild",
+        "default": "Contact Us ",
         "example": "Company Name",
         "minChars": 2,
         "maxChars": 30
       },
       "copyrightText": {
         "required": false,
-        "default": "© 2025 | Webild",
+        "default": "© 2025 | Contact Us ",
         "example": "© 2025 Company Name",
         "minChars": 5,
         "maxChars": 50
@@ -51,8 +51,8 @@
   },
   "propsSchema": {
     "columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns (required)",
-    "logoText?": "string (default: 'Webild')",
+    "logoText?": "string (default: 'Contact Us ')",
-    "copyrightText?": "string (default: '© 2025 | Webild')",
+    "copyrightText?": "string (default: '© 2025 | Contact Us ')",
     "onPrivacyClick?": "() => void",
     "ariaLabel?": "string (default: 'Site footer')",
     "className?": "string",

registry/components/FooterBaseCard.json

@@ -6,14 +6,14 @@
     "textRules": {
       "copyrightText": {
         "required": false,
-        "example": "© 2025 | Webild",
+        "example": "© 2025 | Contact Us ",
         "minChars": 5,
         "maxChars": 100,
         "note": "Copyright text displayed at bottom left"
       },
       "logoText": {
         "required": false,
-        "example": "Webild",
+        "example": "Contact Us ",
         "minChars": 2,
         "maxChars": 30,
         "note": "Text used for h2 heading"
@@ -34,9 +34,9 @@
     }
   },
   "propsSchema": {
-    "logoText?": "string (default: 'Webild')",
+    "logoText?": "string (default: 'Contact Us ')",
     "columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns (required)",
-    "copyrightText?": "string (default: '© 2025 | Webild')",
+    "copyrightText?": "string (default: '© 2025 | Contact Us ')",
     "onPrivacyClick?": "() => void",
     "ariaLabel?": "string (default: 'Site footer')",
     "className?": "string",
@@ -51,7 +51,7 @@
     "copyrightTextClassName?": "string",
     "privacyButtonClassName?": "string"
   },
-  "usageExample": "<FooterBaseCard columns={[{ title: 'Product', items: [{ label: 'Features', href: '/features' }, { label: 'Pricing', href: '/pricing' }] }, { title: 'Company', items: [{ label: 'About', href: '/about' }, { label: 'Blog', href: '/blog' }] }]} logoText=\"Webild\" copyrightText=\"© 2025 | Webild\" onPrivacyClick={() => console.log('Privacy clicked')} />",
+  "usageExample": "<FooterBaseCard columns={[{ title: 'Product', items: [{ label: 'Features', href: '/features' }, { label: 'Pricing', href: '/pricing' }] }, { title: 'Company', items: [{ label: 'About', href: '/about' }, { label: 'Blog', href: '/blog' }] }]} logoText=\"Contact Us \" copyrightText=\"© 2025 | Contact Us \" onPrivacyClick={() => console.log('Privacy clicked')} />",
   "do": [
     "Use for general use",
     "Requires columns[]"

registry/components/FooterBaseReveal.json

@@ -6,7 +6,7 @@
     "textRules": {
       "copyrightText": {
         "required": false,
-        "default": "© 2025 | Webild",
+        "default": "© 2025 | Contact Us ",
         "example": "© 2025 Company Name",
         "minChars": 5,
         "maxChars": 50

registry/components/FooterCard.json

@@ -6,14 +6,14 @@
     "textRules": {
       "copyrightText": {
         "required": false,
-        "example": "© 2025 | Webild",
+        "example": "© 2025 | Contact Us ",
         "minChars": 5,
         "maxChars": 100,
         "note": "Copyright text displayed at bottom left"
       },
       "logoText": {
         "required": false,
-        "example": "Webild",
+        "example": "Contact Us ",
         "minChars": 2,
         "maxChars": 30,
         "note": "Text used for SVG logo"
@@ -33,8 +33,8 @@
     }
   },
   "propsSchema": {
-    "logoText?": "string (default: 'Webild')",
+    "logoText?": "string (default: 'Contact Us ')",
-    "copyrightText?": "string (default: '© 2025 | Webild')",
+    "copyrightText?": "string (default: '© 2025 | Contact Us ')",
     "socialLinks?": "Array<{ icon: LucideIcon, href: string, ariaLabel: string }> - Social media links",
     "ariaLabel?": "string (default: 'Site footer')",
     "className?": "string",
@@ -47,7 +47,7 @@
     "socialContainerClassName?": "string",
     "socialIconClassName?": "string"
   },
-  "usageExample": "<FooterCard logoText=\"Webild\" copyrightText=\"© 2025 | Webild\" socialLinks={[{ icon: Twitter, href: 'https://twitter.com/webild', ariaLabel: 'Twitter' }, { icon: Linkedin, href: 'https://linkedin.com/company/webild', ariaLabel: 'LinkedIn' }]} />",
+  "usageExample": "<FooterCard logoText=\"Contact Us \" copyrightText=\"© 2025 | Contact Us \" socialLinks={[{ icon: Twitter, href: 'https://twitter.com/webild', ariaLabel: 'Twitter' }, { icon: Linkedin, href: 'https://linkedin.com/company/webild', ariaLabel: 'LinkedIn' }]} />",
   "do": [
     "Use for general use",
     "Requires socialLinks?[]"

registry/components/FooterLogoEmphasis.json

@@ -6,7 +6,7 @@
     "textRules": {
       "logoText": {
         "required": false,
-        "default": "Webild",
+        "default": "Contact Us ",
         "example": "Company Name",
         "minChars": 2,
         "maxChars": 30

registry/components/FooterLogoReveal.json

@@ -6,7 +6,7 @@
     "textRules": {
       "logoText": {
         "required": false,
-        "example": "Webild",
+        "example": "Contact Us ",
         "minChars": 2,
         "maxChars": 30,
         "note": "Text used for SVG logo"
@@ -20,7 +20,7 @@
     }
   },
   "propsSchema": {
-    "logoText?": "string (default: 'Webild')",
+    "logoText?": "string (default: 'Contact Us ')",
     "leftLink": "{ text: string, onClick?: () => void, href?: string } (required)",
     "rightLink": "{ text: string, onClick?: () => void, href?: string } (required)",
     "ariaLabel?": "string (default: 'Site footer')",
@@ -30,7 +30,7 @@
     "logoClassName?": "string",
     "linkClassName?": "string"
   },
-  "usageExample": "<FooterLogoReveal logoText=\"Webild\" leftLink={{ text: 'Privacy Policy', href: '/privacy' }} rightLink={{ text: 'Terms of Service', href: '/terms' }} />",
+  "usageExample": "<FooterLogoReveal logoText=\"Contact Us \" leftLink={{ text: 'Privacy Policy', href: '/privacy' }} rightLink={{ text: 'Terms of Service', href: '/terms' }} />",
   "do": [
     "Use for general use"
   ],

registry/components/FooterMedia.json

@@ -6,14 +6,14 @@
     "textRules": {
       "logoText": {
         "required": false,
-        "default": "Webild",
+        "default": "Contact Us ",
         "example": "Company Name",
         "minChars": 2,
         "maxChars": 30
       },
       "copyrightText": {
         "required": false,
-        "default": "© 2025 | Webild",
+        "default": "© 2025 | Contact Us ",
         "example": "© 2025 Company Name",
         "minChars": 5,
         "maxChars": 50
@@ -66,8 +66,8 @@
     "videoSrc": "string (required if no imageSrc)",
     "videoAriaLabel?": "string (default: 'Footer video')",
     "columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns (required)",
-    "logoText?": "string (default: 'Webild')",
+    "logoText?": "string (default: 'Contact Us ')",
-    "copyrightText?": "string (default: '© 2025 | Webild')",
+    "copyrightText?": "string (default: '© 2025 | Contact Us ')",
     "onPrivacyClick?": "() => void",
     "ariaLabel?": "string (default: 'Site footer')",
     "className?": "string",

registry/components/FooterSimple.json

@@ -12,7 +12,7 @@
       },
       "bottomRightText": {
         "required": true,
-        "example": "Made with Webild",
+        "example": "Made with Contact Us ",
         "minChars": 2,
         "maxChars": 50
       },
@@ -63,7 +63,7 @@
     "bottomLeftTextClassName?": "string",
     "bottomRightTextClassName?": "string"
   },
-  "usageExample": "<FooterSimple columns={[{ title: 'Navigate', items: [{ label: 'Home', href: '#' }, { label: 'About', href: '#' }] }, { title: 'Resources', items: [{ label: 'Blog', href: '#' }, { label: 'FAQ', href: '#' }] }, { title: 'Legal', items: [{ label: 'Privacy', href: '#' }, { label: 'Terms', href: '#' }] }]} bottomLeftText=\"© 2025 Company. All rights reserved.\" bottomRightText=\"Made with Webild\" />",
+  "usageExample": "<FooterSimple columns={[{ title: 'Navigate', items: [{ label: 'Home', href: '#' }, { label: 'About', href: '#' }] }, { title: 'Resources', items: [{ label: 'Blog', href: '#' }, { label: 'FAQ', href: '#' }] }, { title: 'Legal', items: [{ label: 'Privacy', href: '#' }, { label: 'Terms', href: '#' }] }]} bottomLeftText=\"© 2025 Company. All rights reserved.\" bottomRightText=\"Made with Contact Us \" />",
   "do": [
     "Use for feature showcases",
     "Use for capability displays",

registry/components/HeroLogo.json

@@ -6,7 +6,7 @@
     "textRules": {
       "logoText": {
         "required": true,
-        "example": "Webild",
+        "example": "Contact Us ",
         "minChars": 2,
         "maxChars": 20
       },
@@ -79,7 +79,7 @@
     "blurClassName?": "string",
     "dimOverlayClassName?": "string"
   },
-  "usageExample": "<ThemeProvider defaultButtonVariant=\"hover-bubble\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\">\n  <HeroLogo \n    logoText=\"Webild\" \n    description=\"Building the future of web design with innovative solutions\" \n    buttons={[{ text: 'Get Started', href: 'https://github.com' }, { text: 'Learn More', href: 'about' }]} \n    imageSrc=\"/placeholders/placeholder5.jpg\" \n    imageAlt=\"Hero background\"\n  />\n</ThemeProvider>",
+  "usageExample": "<ThemeProvider defaultButtonVariant=\"hover-bubble\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\">\n  <HeroLogo \n    logoText=\"Contact Us \" \n    description=\"Building the future of web design with innovative solutions\" \n    buttons={[{ text: 'Get Started', href: 'https://github.com' }, { text: 'Learn More', href: 'about' }]} \n    imageSrc=\"/placeholders/placeholder5.jpg\" \n    imageAlt=\"Hero background\"\n  />\n</ThemeProvider>",
   "do": [
     "Use for landing pages",
     "Use for feature showcases",

registry/components/NavbarLayoutFloatingInline.json

@@ -10,7 +10,7 @@
       "required": false,
       "minChars": 2,
       "maxChars": 20,
-      "example": "Webild",
+      "example": "Contact Us ",
       "fallbackBehavior": "Shows brandName text"
     },
     "buttonRules": {
@@ -52,7 +52,7 @@
   },
   "propsSchema": {
     "navItems": "Array<{name: string, id: string}>",
-    "brandName?": "string (default: 'Webild')",
+    "brandName?": "string (default: 'Contact Us ')",
     "button": "{text: string, onClick?: () => void, href?: string}",
     "animateOnLoad?": "boolean (default: true)",
     "className?": "string (default: '')",

registry/components/NavbarLayoutFloatingOverlay.json

@@ -10,7 +10,7 @@
       "required": false,
       "minChars": 2,
       "maxChars": 20,
-      "example": "Webild",
+      "example": "Contact Us ",
       "fallbackBehavior": "Shows brandName text"
     },
     "buttonRules": {
@@ -53,7 +53,7 @@
   "propsSchema": {
     "navItems": "Array<{name: string, id: string}>",
     "className?": "string",
-    "brandName?": "string (default: 'Webild')",
+    "brandName?": "string (default: 'Contact Us ')",
     "button": "{text: string, onClick?: () => void, href?: string}",
     "buttonClassName?": "string (default: '')",
     "buttonTextClassName?": "string (default: '')"

registry/components/NavbarStyleApple.json

@@ -10,7 +10,7 @@
       "required": false,
       "minChars": 2,
       "maxChars": 20,
-      "example": "Webild",
+      "example": "Contact Us ",
       "fallbackBehavior": "Shows brandName text"
     },
     "linkRules": {
@@ -35,7 +35,7 @@
   },
   "propsSchema": {
     "navItems": "Array<{name: string, id: string}>",
-    "brandName?": "string (default: 'Webild')"
+    "brandName?": "string (default: 'Contact Us ')"
   },
   "usageExample": "<NavbarStyleApple />",
   "do": [

registry/components/NavbarStyleCentered.json

@@ -10,7 +10,7 @@
       "required": false,
       "minChars": 2,
       "maxChars": 20,
-      "example": "Webild",
+      "example": "Contact Us ",
       "fallbackBehavior": "Shows brandName text"
     },
     "buttonRules": {
@@ -53,7 +53,7 @@
   "propsSchema": {
     "navItems": "Array<{name: string, id: string}>",
     "button": "{text: string, onClick?: () => void, href?: string}",
-    "brandName?": "string (default: 'Webild')",
+    "brandName?": "string (default: 'Contact Us ')",
     "className?": "string (default: '')"
   },
   "usageExample": "<NavbarStyleCentered navItems={[{name: 'Home', id: 'home'}, {name: 'About', id: 'about'}, {name: 'Services', id: 'services'}, {name: 'Blog', id: 'blog'}, {name: 'Contact', id: 'contact'}]} button={{text: 'Get Started', href: 'contact'}} />",

registry/components/NavbarStyleFullscreen.json

@@ -10,7 +10,7 @@
       "required": false,
       "minChars": 2,
       "maxChars": 20,
-      "example": "Webild",
+      "example": "Contact Us ",
       "fallbackBehavior": "Shows brandName text"
     },
     "linkRules": {
@@ -49,7 +49,7 @@
   },
   "propsSchema": {
     "navItems": "Array<{name: string, id: string}>",
-    "brandName?": "string (default: 'Webild')",
+    "brandName?": "string (default: 'Contact Us ')",
     "bottomLeftText?": "string (default: 'Global Community')",
     "bottomRightText?": "string (default: 'hello@example.com')",
     "topBarClassName?": "string (default: '')"

registry/schemas/FooterBase.schema.json

@@ -2,8 +2,8 @@
   "name": "FooterBase",
   "propsSchema": {
     "columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns",
-    "logoText?": "string (default: 'Webild')",
+    "logoText?": "string (default: 'Contact Us ')",
-    "copyrightText?": "string (default: '© 2025 | Webild')",
+    "copyrightText?": "string (default: '© 2025 | Contact Us ')",
     "onPrivacyClick?": "() => void",
     "ariaLabel?": "string (default: 'Site footer')",
     "className?": "string",

registry/schemas/FooterBaseCard.schema.json

@@ -1,9 +1,9 @@
 {
   "name": "FooterBaseCard",
   "propsSchema": {
-    "logoText?": "string (default: 'Webild')",
+    "logoText?": "string (default: 'Contact Us ')",
     "columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns",
-    "copyrightText?": "string (default: '© 2025 | Webild')",
+    "copyrightText?": "string (default: '© 2025 | Contact Us ')",
     "onPrivacyClick?": "() => void",
     "ariaLabel?": "string (default: 'Site footer')",
     "className?": "string",

registry/schemas/FooterCard.schema.json

@@ -1,8 +1,8 @@
 {
   "name": "FooterCard",
   "propsSchema": {
-    "logoText?": "string (default: 'Webild')",
+    "logoText?": "string (default: 'Contact Us ')",
-    "copyrightText?": "string (default: '© 2025 | Webild')",
+    "copyrightText?": "string (default: '© 2025 | Contact Us ')",
     "socialLinks?": "Array<{ icon: LucideIcon, href: string, ariaLabel: string }> - Social media links",
     "ariaLabel?": "string (default: 'Site footer')",
     "className?": "string",

registry/schemas/FooterLogoEmphasis.schema.json

@@ -2,7 +2,7 @@
   "name": "FooterLogoEmphasis",
   "propsSchema": {
     "columns": "Array<{ items: Array<{ label: string, href?: string, onClick?: () => void }> }> - Footer navigation columns (required, max 5)",
-    "logoText?": "string (default: 'Webild')",
+    "logoText?": "string (default: 'Contact Us ')",
     "ariaLabel?": "string (default: 'Site footer')",
     "className?": "string",
     "containerClassName?": "string",

registry/schemas/FooterLogoReveal.schema.json

@@ -1,7 +1,7 @@
 {
   "name": "FooterLogoReveal",
   "propsSchema": {
-    "logoText?": "string (default: 'Webild')",
+    "logoText?": "string (default: 'Contact Us ')",
     "logoLineHeight?": "number (default: 1.1)",
     "ariaLabel?": "string (default: 'Site footer')",
     "className?": "string",

registry/schemas/FooterMedia.schema.json

@@ -6,8 +6,8 @@
     "videoSrc": "string (required if no imageSrc)",
     "videoAriaLabel?": "string (default: 'Footer video')",
     "columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns",
-    "logoText?": "string (default: 'Webild')",
+    "logoText?": "string (default: 'Contact Us ')",
-    "copyrightText?": "string (default: '© 2025 | Webild')",
+    "copyrightText?": "string (default: '© 2025 | Contact Us ')",
     "onPrivacyClick?": "() => void",
     "ariaLabel?": "string (default: 'Site footer')",
     "className?": "string",

registry/schemas/NavbarLayoutFloatingInline.schema.json

@@ -2,7 +2,7 @@
   "name": "NavbarLayoutFloatingInline",
   "propsSchema": {
     "navItems": "Array<{name: string, id: string}>",
-    "brandName?": "string (default: 'Webild')",
+    "brandName?": "string (default: 'Contact Us ')",
     "button": "{text: string, onClick?: () => void, href?: string}",
     "animateOnLoad?": "boolean (default: true)",
     "className?": "string (default: '')",

registry/schemas/NavbarLayoutFloatingOverlay.schema.json

@@ -3,7 +3,7 @@
   "propsSchema": {
     "navItems": "Array<{name: string, id: string}>",
     "className?": "string",
-    "brandName?": "string (default: 'Webild')",
+    "brandName?": "string (default: 'Contact Us ')",
     "button": "{text: string, onClick?: () => void, href?: string}",
     "buttonClassName?": "string (default: '')",
     "buttonTextClassName?": "string (default: '')"

registry/schemas/NavbarStyleApple.schema.json

@@ -2,6 +2,6 @@
   "name": "NavbarStyleApple",
   "propsSchema": {
     "navItems": "Array<{name: string, id: string}>",
-    "brandName?": "string (default: 'Webild')"
+    "brandName?": "string (default: 'Contact Us ')"
   }
 }

registry/schemas/NavbarStyleCentered.schema.json

@@ -4,7 +4,7 @@
     "navItems": "Array<{name: string, id: string}>",
     "button": "{text: string, onClick?: () => void, href?: string}",
     "topBarButton?": "{text: string, onClick?: () => void, href?: string}",
-    "brandName?": "string (default: 'Webild')",
+    "brandName?": "string (default: 'Contact Us ')",
     "className?": "string (default: '')"
   }
 }

registry/schemas/NavbarStyleFullscreen.schema.json

@@ -2,7 +2,7 @@
   "name": "NavbarStyleFullscreen",
   "propsSchema": {
     "navItems": "Array<{name: string, id: string}>",
-    "brandName?": "string (default: 'Webild')",
+    "brandName?": "string (default: 'Contact Us ')",
     "bottomLeftText?": "string (default: 'Global Community')",
     "bottomRightText?": "string (default: 'hello@example.com')",
     "topBarClassName?": "string (default: '')"

src/app/layout.tsx

@@ -1,13 +1,7 @@
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import "./globals.css";
-import "./styles/variables.css";
-import "./styles/base.css";
-
-const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "VintDragon - Digital Marketing & Web Development",  description: "VintDragon helps scaling companies generate more leads, dominate their markets, and drive measurable revenue growth through strategic web design, AI-powered marketing, and data-driven optimization."};
+  title: "VintDragon - Digital Marketing & Web Development",  description: "VintDragon helps scaling companies generate leads, dominate markets, and drive revenue growth through strategic web design, AI-powered marketing, and data-driven optimization."};
 
 export default function RootLayout({
   children,
@@ -16,7 +10,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className={inter.className}>
+      <body>
         {children}
       
         <script

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 FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import Link from "next/link";
 import {
   Layout,
@@ -40,30 +39,36 @@ export default function HomePage() {
   ];
 
   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: "Web Design & Development", href: "/services" },
+        { label: "Cybersecurity", href: "/services" },
-        { label: "Digital Marketing Strategy", href: "/services" },
+        { label: "AI Solutions", href: "/services" },
-        { label: "SEO & Search Visibility", href: "/services" },
+        { label: "Development", href: "/services" },
-        { label: "Paid Advertising", href: "/services" },
+        { label: "Consulting", href: "/services" },
-        { label: "AI Optimization", href: "/services" },
       ],
     },
     {
       title: "Company",      items: [
-        { label: "About Us", href: "/about" },
+        { label: "About Us", href: "/" },
-        { label: "Portfolio", href: "/portfolio" },
+        { label: "Blog", href: "/" },
-        { label: "Process", href: "#process" },
+        { label: "Careers", href: "/" },
-        { label: "Contact", href: "/contact" },
+        { label: "Press", href: "/" },
-        { label: "Blog", href: "#" },
       ],
     },
     {
       title: "Legal",      items: [
-        { label: "Privacy Policy", href: "#" },
+        { label: "Privacy Policy", href: "/" },
-        { label: "Terms of Service", href: "#" },
+        { label: "Terms of Service", href: "/" },
-        { label: "Cookie Policy", href: "#" },
+        { label: "Security", href: "/" },
-        { label: "Disclaimer", href: "#" },
+        { label: "Compliance", href: "/" },
       ],
     },
   ];
@@ -332,10 +337,67 @@ export default function HomePage() {
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBaseReveal
+        <footer className="relative w-full bg-black border-t border-white/10">
-          columns={footerColumns}
+          <div className="mx-auto px-4 py-16 max-w-7xl">
-          copyrightText="© 2025 VintDragon. Driving Business Growth Through Digital Excellence."
+            <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>
   );

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 FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import Link from "next/link";
 import {
   TrendingUp,
@@ -25,30 +24,36 @@ export default function PortfolioPage() {
   ];
 
   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: "Web Design & Development", href: "/services" },
+        { label: "Cybersecurity", href: "/services" },
-        { label: "Digital Marketing Strategy", href: "/services" },
+        { label: "AI Solutions", href: "/services" },
-        { label: "SEO & Search Visibility", href: "/services" },
+        { label: "Development", href: "/services" },
-        { label: "Paid Advertising", href: "/services" },
+        { label: "Consulting", href: "/services" },
-        { label: "AI Optimization", href: "/services" },
       ],
     },
     {
       title: "Company",      items: [
-        { label: "About Us", href: "/about" },
+        { label: "About Us", href: "/" },
-        { label: "Portfolio", href: "/portfolio" },
+        { label: "Blog", href: "/" },
-        { label: "Process", href: "#process" },
+        { label: "Careers", href: "/" },
-        { label: "Contact", href: "/contact" },
+        { label: "Press", href: "/" },
-        { label: "Blog", href: "#" },
       ],
     },
     {
       title: "Legal",      items: [
-        { label: "Privacy Policy", href: "#" },
+        { label: "Privacy Policy", href: "/" },
-        { label: "Terms of Service", href: "#" },
+        { label: "Terms of Service", href: "/" },
-        { label: "Cookie Policy", href: "#" },
+        { label: "Security", href: "/" },
-        { label: "Disclaimer", href: "#" },
+        { label: "Compliance", href: "/" },
       ],
     },
   ];
@@ -168,10 +173,67 @@ export default function PortfolioPage() {
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBaseReveal
+        <footer className="relative w-full bg-black border-t border-white/10">
-          columns={footerColumns}
+          <div className="mx-auto px-4 py-16 max-w-7xl">
-          copyrightText="© 2025 VintDragon. Driving Business Growth Through Digital Excellence."
+            <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>
   );

src/app/styles/base.css

@@ -1,5 +1,28 @@
-@layer base {
+* {
-  body {
+  scrollbar-width: thin;
-    @apply text-foreground;
+  scrollbar-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 0);
-  }
+}
+
+html {
+  overscroll-behavior: none;
+  overscroll-behavior-y: none;
+}
+
+body {
+  background-color: var(--background);
+  color: var(--foreground);
+  font-family: var(--font-mulish), sans-serif;
+  position: relative;
+  min-height: 100vh;
+  overscroll-behavior: none;
+  overscroll-behavior-y: none;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: var(--font-mulish), sans-serif;
 }

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #0a0a0a;
-  --card: #0a0a0a;
+  --card: #1a1a1a;
-  --foreground: #ffffffe6;
+  --foreground: #f5f5f5;
-  --primary-cta: #e6e6e6;
+  --primary-cta: #ff0000;
   --primary-cta-text: #ffffff;
   --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
-  --accent: #737373;
+  --accent: #991b1b;
-  --background-accent: #737373;
+  --background-accent: #7f1d1d;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/components/navbar/Logo.tsx

@@ -18,7 +18,7 @@ interface LogoProps {
 const Logo = ({
   // logoSrc,
   // logoAlt = "",
-  brandName = "Webild",
+  brandName = "Contact Us ",
   // className = "",
   // imageClassName = "",
   textClassName = "",

src/components/navbar/NavbarLayoutFloatingInline.tsx

@@ -23,7 +23,7 @@ interface NavbarLayoutFloatingInlineProps {
 
 const NavbarLayoutFloatingInline = ({
   navItems,
-  brandName = "Webild",
+  brandName = "Contact Us ",
   button,
   animateOnLoad = true,
   className = "",

src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx

@@ -28,7 +28,7 @@ const NavbarLayoutFloatingOverlay = ({
   // logoSrc,
   // logoAlt = "",
   className = "",
-  brandName = "Webild",
+  brandName = "Contact Us ",
   button,
   buttonClassName = "",
   buttonTextClassName = "",

src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx

@@ -25,7 +25,7 @@ const NavbarStyleApple = ({
   navItems,
   // logoSrc,
   // logoAlt = "",
-  brandName = "Webild",
+  brandName = "Contact Us ",
   button,
   buttonClassName = "",
   buttonTextClassName = "",

src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx

@@ -57,7 +57,7 @@ const NavbarStyleCentered = ({
   topBarButton,
   // logoSrc,
   // logoAlt = "",
-  brandName = "Webild",
+  brandName = "Contact Us ",
   className = "",
 }: NavbarStyleCenteredProps) => {
   const [isActive, setIsActive] = useState(false);

src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx

@@ -49,7 +49,7 @@ const NavbarStyleFullscreen = ({
   navItems,
   // logoSrc,
   // logoAlt = "",
-  brandName = "Webild",
+  brandName = "Contact Us ",
   bottomLeftText = "Global Community",
   bottomRightText = "hello@example.com",
   topBarClassName = "",

src/components/sections/footer/FooterBase.tsx

@@ -30,11 +30,11 @@ interface FooterBaseProps {
 
 const FooterBase = ({
   // logoSrc = "/brand/logowhite.svg",
-  logoText = "Webild",
+  logoText = "Contact Us ",
   // logoWidth = 120,
   // logoHeight = 40,
   columns,
-  copyrightText = `© 2025 | Webild`,
+  copyrightText = `© 2025 | Contact Us `,
   onPrivacyClick,
   ariaLabel = "Site footer",
   className = "",

src/components/sections/footer/FooterBaseCard.tsx

@@ -31,11 +31,11 @@ interface FooterBaseCardProps {
 
 const FooterBaseCard = ({
   // logoSrc = "/brand/logowhite.svg",
-  logoText = "Webild",
+  logoText = "Contact Us ",
   // logoWidth = 120,
   // logoHeight = 40,
   columns,
-  copyrightText = `© 2025 | Webild`,
+  copyrightText = `© 2025 | Contact Us `,
   onPrivacyClick,
   ariaLabel = "Site footer",
   className = "",

src/components/sections/footer/FooterCard.tsx

@@ -26,8 +26,8 @@ interface FooterCardProps {
 const FooterCard = ({
   // logoSrc,
   // logoAlt = "Logo",
-  logoText = "Webild",
+  logoText = "Contact Us ",
-  copyrightText = `© 2025 | Webild`,
+  copyrightText = `© 2025 | Contact Us `,
   socialLinks,
   ariaLabel = "Site footer",
   className = "",

src/components/sections/footer/FooterLogoReveal.tsx

@@ -28,7 +28,7 @@ interface FooterLogoRevealProps {
 const FooterLogoReveal = ({
   // logoSrc,
   // logoAlt = "Logo",
-  logoText = "Webild",
+  logoText = "Contact Us ",
   leftLink,
   rightLink,
   ariaLabel = "Site footer",

src/components/sections/footer/FooterMedia.tsx

@@ -51,11 +51,11 @@ const FooterMedia = ({
     imageAlt = "",
     videoAriaLabel = "Footer video",
     // logoSrc = "/brand/logowhite.svg",
-    logoText = "Webild",
+    logoText = "Contact Us ",
     // logoWidth = 120,
     // logoHeight = 40,
     columns,
-    copyrightText = `© 2025 | Webild`,
+    copyrightText = `© 2025 | Contact Us `,
     onPrivacyClick,
     ariaLabel = "Site footer",
     className = "",