Update src/app/page.tsx

Merge version_5 into main

src/app/contact/page.tsx

@@ -17,6 +17,7 @@ const NAV_ITEMS = [
 const FOOTER_COLUMNS = [
   {
     title: "Company",    items: [
+      { label: "Home", href: "/" },
       { label: "About", href: "/about" },
       { label: "Services", href: "/services" },
       { label: "Work", href: "/portfolio" },
@@ -89,4 +90,4 @@ export default function ContactPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -15,6 +15,42 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
 import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";
 
+const NAV_ITEMS = [
+  { name: "Home", id: "/" },
+  { name: "Portfolio", id: "/portfolio" },
+  { name: "Services", id: "/services" },
+  { name: "About", id: "/about" },
+  { name: "Contact", id: "/contact" }
+];
+
+const FOOTER_COLUMNS = [
+  {
+    title: "Company",              items: [
+      { label: "Home", href: "/" },
+      { label: "About", href: "/about" },
+      { label: "Services", href: "/services" },
+      { label: "Work", href: "/portfolio" },
+      { label: "Contact", href: "/contact" }
+    ]
+  },
+  {
+    title: "Services",              items: [
+      { label: "Marketing Strategy", href: "/services" },
+      { label: "Brand Identity", href: "/services" },
+      { label: "Digital Campaigns", href: "/services" },
+      { label: "Social Media Management", href: "/services" },
+    ],
+  },
+  {
+    title: "Connect",              items: [
+      { label: "Twitter", href: "#" },
+      { label: "LinkedIn", href: "#" },
+      { label: "Instagram", href: "#" },
+      { label: "Dribbble", href: "#" },
+    ],
+  }
+];
+
 export default function WebAgency2Page() {
   return (
     <ThemeProvider
@@ -32,13 +68,7 @@ export default function WebAgency2Page() {
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
           brandName="HoB Media"
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Portfolio", id: "/portfolio" },
-            { name: "Services", id: "services" },
-            { name: "About", id: "about" },
-            { name: "Contact", id: "/contact" }
-          ]}
+          navItems={NAV_ITEMS}
           button={{ text: "Get Started", href: "/contact" }}
         />
         <HeroSplitDoubleCarousel
@@ -75,7 +105,8 @@ export default function WebAgency2Page() {
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
-          buttons={[{ text: "All Services", href: "#services" }]}          buttonAnimation="slide-up"
+          buttons={[{ text: "All Services", href: "/services" }]}
+          buttonAnimation="slide-up"
           features={[
             {
               title: "SEO",              description: "We optimize your website to rank higher on search engines and drive organic traffic.",              bentoComponent: "marquee",              centerIcon: Search,
@@ -102,7 +133,8 @@ export default function WebAgency2Page() {
           description="A selection of projects we've crafted for clients across industries."
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "View All Work", href: "/portfolio" }]}          buttonAnimation="slide-up"
+          buttons={[{ text: "View All Work", href: "/portfolio" }]}
+          buttonAnimation="slide-up"
           cardClassName="!h-auto aspect-video"
           features={[
             {
@@ -247,34 +279,9 @@ export default function WebAgency2Page() {
         <FooterBase
           logoText="HoB Media"
           copyrightText="© 2026 | HoB Media"
-          columns={[
-            {
-              title: "Company",              items: [
-                { label: "About", href: "#about" },
-                { label: "Services", href: "#services" },
-                { label: "Work", href: "/portfolio" },
-                { label: "Contact", href: "/contact" },
-              ],
-            },
-            {
-              title: "Services",              items: [
-                { label: "Web Development", href: "#" },
-                { label: "SEO", href: "#" },
-                { label: "Branding", href: "#" },
-                { label: "UI/UX Design", href: "#" },
-              ],
-            },
-            {
-              title: "Connect",              items: [
-                { label: "Twitter", href: "#" },
-                { label: "LinkedIn", href: "#" },
-                { label: "Instagram", href: "#" },
-                { label: "Dribbble", href: "#" },
-              ],
-            },
-          ]}
+          columns={FOOTER_COLUMNS}
         />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}