Merge version_6 into main

Merge version_6 into main

src/app/about/page.tsx

@@ -6,14 +6,14 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
 import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
 import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Sparkles, ArrowUpRight, Users, Trophy } from "lucide-react";
+import { Sparkles, Users } from "lucide-react";
 
 const NAV_ITEMS = [
   { name: "Home", id: "/" },
-  { name: "Work", id: "work" },
+  { name: "Portfolio", id: "/portfolio" },
   { name: "Services", id: "/services" },
   { name: "About", id: "/about" },
-  { name: "Contact", id: "contact" }
+  { name: "Contact", id: "/contact" }
 ];
 
 const FOOTER_COLUMNS = [
@@ -22,16 +22,16 @@ const FOOTER_COLUMNS = [
       { label: "Home", href: "/" },
       { label: "About", href: "/about" },
       { label: "Services", href: "/services" },
-      { label: "Work", href: "/#work" },
-      { label: "Contact", href: "/#contact" },
+      { label: "Work", href: "/portfolio" },
+      { label: "Contact", href: "/contact" },
     ],
   },
   {
     title: "Services",    items: [
-      { label: "Web Development", href: "/services" },
-      { label: "SEO", href: "/services" },
-      { label: "Branding", href: "/services" },
-      { label: "UI/UX Design", href: "/services" },
+      { label: "Marketing Strategy", href: "/services" },
+      { label: "Brand Identity", href: "/services" },
+      { label: "Digital Campaigns", href: "/services" },
+      { label: "Social Media Management", href: "/services" },
     ],
   },
   {
@@ -62,11 +62,12 @@ export default function AboutPage() {
         <NavbarLayoutFloatingOverlay
           brandName="HoB Media"
           navItems={NAV_ITEMS}
-          button={{ text: "Get Started", href: "/#contact" }}
+          button={{ text: "Get Started", href: "/contact" }}
         />
+        <div id="about-hob-media" data-section="about-hob-media">
         <MetricSplitMediaAbout
           title="About HoB Media"
-          description="HoB Media is a full-service digital agency dedicated to crafting compelling online experiences. We partner with businesses to build impactful brands, drive growth, and achieve measurable results through innovative web design, development, and marketing strategies."
+          description="HoB Media is a specialized agency solely focused on marketing and branding within the digital landscape, with a particular emphasis on the emerging NFT ecosystem. We empower businesses to forge distinctive identities and implement impactful marketing strategies to thrive."
           metrics={[
             { value: "10+", title: "Years Experience" },
             { value: "200+", title: "Projects Completed" },
@@ -79,9 +80,11 @@ export default function AboutPage() {
           tag="Our Story"
           tagIcon={Sparkles}
         />
+        </div>
+        <div id="team" data-section="team">
         <TeamCardEleven
           title="Meet Our Team"
-          description="Our diverse team of experts brings passion, creativity, and technical prowess to every project."
+          description="Our diverse team of experts brings passion, creativity, and strategic prowess to every project."
           groups={[
             {
               id: "leadership",              groupTitle: "Leadership",              members: [
@@ -90,9 +93,9 @@ export default function AboutPage() {
               ],
             },
             {
-              id: "development",              groupTitle: "Development & Marketing",              members: [
-                { id: "3", title: "Sarah Lee", subtitle: "Lead Developer", detail: "Building robust and scalable solutions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp?_wi=1", imageAlt: "Sarah Lee" },
-                { id: "4", title: "Michael Chen", subtitle: "SEO Specialist", detail: "Boosting online visibility and traffic.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-4.webp", imageAlt: "Michael Chen" },
+              id: "marketing",              groupTitle: "Marketing & Strategy",              members: [
+                { id: "3", title: "Sarah Lee", subtitle: "Marketing Strategist", detail: "Developing innovative and data-driven marketing campaigns.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp?_wi=1", imageAlt: "Sarah Lee" },
+                { id: "4", title: "Michael Chen", subtitle: "Brand Specialist", detail: "Shaping powerful and memorable brand identities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-4.webp", imageAlt: "Michael Chen" },
               ],
             },
           ]}
@@ -102,11 +105,14 @@ export default function AboutPage() {
           tag="Our People"
           tagIcon={Users}
         />
+        </div>
+        <div id="footer" data-section="footer">
         <FooterBase
           logoText="HoB Media"
           copyrightText="© 2026 | HoB Media"
           columns={FOOTER_COLUMNS}
         />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/contact/page.tsx

@@ -5,7 +5,6 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Mail, Phone, MapPin, Sparkles } from "lucide-react";
 
 const NAV_ITEMS = [
   { name: "Home", id: "/" },
@@ -18,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" },
@@ -26,10 +26,10 @@ const FOOTER_COLUMNS = [
   },
   {
     title: "Services",    items: [
-      { label: "Web Development", href: "/services" },
-      { label: "SEO", href: "/services" },
-      { label: "Branding", href: "/services" },
-      { label: "UI/UX Design", href: "/services" }
+      { label: "Marketing Strategy", href: "/services" },
+      { label: "Brand Identity", href: "/services" },
+      { label: "Digital Campaigns", href: "/services" },
+      { label: "Social Media Management", href: "/services" }
     ]
   },
   {
@@ -62,6 +62,7 @@ export default function ContactPage() {
           navItems={NAV_ITEMS}
           button={{ text: "Get Started", href: "/contact" }}
         />
+        <div id="contact-form" data-section="contact-form">
         <ContactSplitForm
           title="Get in Touch"
           description="We'd love to hear from you! Fill out the form below or reach out directly."
@@ -78,12 +79,15 @@ export default function ContactPage() {
           useInvertedBackground={false}
           mediaAnimation="slide-up"
         />
+        </div>
+        <div id="footer" data-section="footer">
         <FooterBase
           logoText="HoB Media"
           copyrightText="© 2026 | HoB Media"
           columns={FOOTER_COLUMNS}
         />
+        </div>
       </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,18 +68,12 @@ 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
           title="HoB Media: Digital Experiences"
-          description="Transform your brand with cutting-edge web design and development. We craft stunning websites that convert visitors into customers."
+          description="Elevate your brand with expert marketing and branding services, including specialized strategies for the NFT ecosystem. We craft compelling identities and campaigns that captivate audiences and drive engagement."
           tag="Award-Winning Agency"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -75,7 +105,7 @@ export default function WebAgency2Page() {
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
-          buttons={[{ text: "All Services", href: "#services" }]}
+          buttons={[{ text: "All Services", href: "/services" }]}
           buttonAnimation="slide-up"
           features={[
             {
@@ -249,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>
   );
-}
+}