Update src/app/portfolio/page.tsx

Merge version_3 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')",
-    "copyrightText?": "string (default: '© 2025 | Webild')",
+    "logoText?": "string (default: 'Contact Us ')",
+    "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')",
-    "copyrightText?": "string (default: '© 2025 | Webild')",
+    "logoText?": "string (default: 'Contact Us ')",
+    "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')",
-    "copyrightText?": "string (default: '© 2025 | Webild')",
+    "logoText?": "string (default: 'Contact Us ')",
+    "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')",
-    "copyrightText?": "string (default: '© 2025 | Webild')",
+    "logoText?": "string (default: 'Contact Us ')",
+    "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')",
-    "copyrightText?": "string (default: '© 2025 | Webild')",
+    "logoText?": "string (default: 'Contact Us ')",
+    "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')",
-    "copyrightText?": "string (default: '© 2025 | Webild')",
+    "logoText?": "string (default: 'Contact Us ')",
+    "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,7 @@ 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 FooterBase from "@/components/sections/footer/FooterBase";
 import Link from "next/link";
 import {
   Layout,
@@ -40,30 +40,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: "Digital Marketing Strategy", href: "/services" },
-        { label: "SEO & Search Visibility", href: "/services" },
-        { label: "Paid Advertising", href: "/services" },
-        { label: "AI Optimization", href: "/services" },
+        { label: "Cybersecurity", href: "/services" },
+        { label: "AI Solutions", href: "/services" },
+        { label: "Development", href: "/services" },
+        { label: "Consulting", href: "/services" },
       ],
     },
     {
       title: "Company",      items: [
-        { label: "About Us", href: "/about" },
-        { label: "Portfolio", href: "/portfolio" },
-        { label: "Process", href: "#process" },
-        { label: "Contact", href: "/contact" },
-        { label: "Blog", href: "#" },
+        { 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: "Cookie Policy", href: "#" },
-        { label: "Disclaimer", href: "#" },
+        { label: "Privacy Policy", href: "/" },
+        { label: "Terms of Service", href: "/" },
+        { label: "Security", href: "/" },
+        { label: "Compliance", href: "/" },
       ],
     },
   ];
@@ -86,7 +92,8 @@ export default function HomePage() {
           navItems={navItems}
           brandName="VintDragon"
           button={{
-            text: "Book Strategy Call",            href: "/contact"}}
+            text: "Book Strategy Call",            href: "/contact"
+          }}
           animateOnLoad={true}
         />
       </div>
@@ -332,8 +339,9 @@ export default function HomePage() {
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBaseReveal
+        <FooterBase
           columns={footerColumns}
+          logoText="VintDragon"
           copyrightText="© 2025 VintDragon. Driving Business Growth Through Digital Excellence."
         />
       </div>

src/app/portfolio/page.tsx

@@ -5,7 +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 FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import FooterBase from "@/components/sections/footer/FooterBase";
 import Link from "next/link";
 import {
   TrendingUp,
@@ -25,30 +25,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: "Digital Marketing Strategy", href: "/services" },
-        { label: "SEO & Search Visibility", href: "/services" },
-        { label: "Paid Advertising", href: "/services" },
-        { label: "AI Optimization", href: "/services" },
+        { label: "Cybersecurity", href: "/services" },
+        { label: "AI Solutions", href: "/services" },
+        { label: "Development", href: "/services" },
+        { label: "Consulting", href: "/services" },
       ],
     },
     {
       title: "Company",      items: [
-        { label: "About Us", href: "/about" },
-        { label: "Portfolio", href: "/portfolio" },
-        { label: "Process", href: "#process" },
-        { label: "Contact", href: "/contact" },
-        { label: "Blog", href: "#" },
+        { 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: "Cookie Policy", href: "#" },
-        { label: "Disclaimer", href: "#" },
+        { label: "Privacy Policy", href: "/" },
+        { label: "Terms of Service", href: "/" },
+        { label: "Security", href: "/" },
+        { label: "Compliance", href: "/" },
       ],
     },
   ];
@@ -71,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>
@@ -168,8 +175,9 @@ export default function PortfolioPage() {
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBaseReveal
+        <FooterBase
           columns={footerColumns}
+          logoText="VintDragon"
           copyrightText="© 2025 VintDragon. Driving Business Growth Through Digital Excellence."
         />
       </div>

src/app/styles/base.css

@@ -1,5 +1,28 @@
-@layer base {
-  body {
-    @apply text-foreground;
-  }
+* {
+  scrollbar-width: thin;
+  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/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",
-  copyrightText = `© 2025 | Webild`,
+  logoText = "Contact Us ",
+  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 = "",