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: "Work", href: "/portfolio" },
-      { label: "Contact", href: "/#contact" },
+      { label: "Contact", href: "/contact" },
     ],
   },
   {
     title: "Services",    items: [
-      { label: "Web Development", href: "/services" },
+      { label: "Marketing Strategy", href: "/services" },
-      { label: "SEO", href: "/services" },
+      { label: "Brand Identity", href: "/services" },
-      { label: "Branding", href: "/services" },
+      { label: "Digital Campaigns", href: "/services" },
-      { label: "UI/UX Design", href: "/services" },
+      { label: "Social Media Management", href: "/services" },
     ],
   },
   {
@@ -62,37 +62,40 @@ 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" },
             { value: "95%", title: "Client Retention" },
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp?_wi=1"
           imageAlt="HoB Media team working"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
           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: [
-                { id: "1", title: "Maria Santos", subtitle: "CEO & Founder", detail: "Visionary leader driving innovation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", imageAlt: "Maria Santos" },
+                { id: "1", title: "Maria Santos", subtitle: "CEO & Founder", detail: "Visionary leader driving innovation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp?_wi=1", imageAlt: "Maria Santos" },
-                { id: "2", title: "John Doe", subtitle: "Creative Director", detail: "Crafting stunning visual narratives.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", imageAlt: "John Doe" },
+                { id: "2", title: "John Doe", subtitle: "Creative Director", detail: "Crafting stunning visual narratives.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp?_wi=1", imageAlt: "John Doe" },
               ],
             },
             {
-              id: "development",              groupTitle: "Development & Marketing",              members: [
+              id: "marketing",              groupTitle: "Marketing & Strategy",              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", imageAlt: "Sarah Lee" },
+                { 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: "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: "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: "Marketing Strategy", href: "/services" },
-      { label: "SEO", href: "/services" },
+      { label: "Brand Identity", href: "/services" },
-      { label: "Branding", href: "/services" },
+      { label: "Digital Campaigns", href: "/services" },
-      { label: "UI/UX Design", href: "/services" }
+      { label: "Social Media Management", href: "/services" }
     ]
   },
   {
@@ -58,10 +58,11 @@ export default function ContactPage() {
     >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
-          brandName="Webild"
+          brandName="HoB Media"
           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."
@@ -72,17 +73,20 @@ export default function ContactPage() {
           ]}
           textarea={{ name: "message", placeholder: "Your Message", rows: 5, required: true }}
           buttonText="Send Message"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp?_wi=1"
           imageAlt="Contact Us"
           mediaPosition="right"
           useInvertedBackground={false}
           mediaAnimation="slide-up"
         />
+        </div>
+        <div id="footer" data-section="footer">
         <FooterBase
-          logoText="Webild"
+          logoText="HoB Media"
-          copyrightText="© 2026 | Webild"
+          copyrightText="© 2026 | HoB Media"
           columns={FOOTER_COLUMNS}
         />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/layout.tsx

@@ -19,8 +19,8 @@ const inter = Inter({
 });
 
 export const metadata: Metadata = {
-  title: 'PixelPerfect Agency | Web Design & Development',
+  title: 'HoB Media | Web Design & Development',
-  description: 'Transform your online presence with PixelPerfect Agency. We craft stunning, high-performing websites tailored to your brand\'s unique vision and goals.',
+  description: 'Transform your online presence with HoB Media. We craft stunning, high-performing websites tailored to your brand\'s unique vision and goals.',
 };
 
 export default function RootLayout({

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
@@ -31,19 +67,13 @@ export default function WebAgency2Page() {
     >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
-          brandName="Webild"
+          brandName="HoB Media"
-          navItems={[
+          navItems={NAV_ITEMS}
-            { name: "Home", id: "/" },
-            { name: "Portfolio", id: "/portfolio" },
-            { name: "Services", id: "services" },
-            { name: "About", id: "about" },
-            { name: "Contact", id: "/contact" }
-          ]}
           button={{ text: "Get Started", href: "/contact" }}
         />
         <HeroSplitDoubleCarousel
-          title="We Build Digital Experiences"
+          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"
@@ -55,16 +85,16 @@ export default function WebAgency2Page() {
           buttonAnimation="slide-up"
           carouselPosition="right"
           leftCarouselItems={[
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "UI UX Design - Daily Life app" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp?_wi=2", imageAlt: "UI UX Design - Daily Life app" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "UI UX Design - SaaS platform" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp?_wi=1", imageAlt: "UI UX Design - SaaS platform" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp", imageAlt: "UI UX Design - Luminé skincare" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp?_wi=1", imageAlt: "UI UX Design - Luminé skincare" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp", imageAlt: "UI UX Design - Online courses" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp?_wi=2", imageAlt: "UI UX Design - Online courses" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-9.webp", imageAlt: "UI UX Design - Business coach" },
           ]}
           rightCarouselItems={[
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "UI UX Design - Luxuria travel" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=1", imageAlt: "UI UX Design - Luxuria travel" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-5.webp", imageAlt: "UI UX Design - Dental practice" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp", imageAlt: "UI UX Design - AI product builder" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp?_wi=1", imageAlt: "UI UX Design - AI product builder" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-8.webp", imageAlt: "UI UX Design - AI automation" },
           ]}
           carouselItemClassName="!aspect-[4/5]"
@@ -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={[
             {
@@ -85,15 +115,15 @@ export default function WebAgency2Page() {
             {
               title: "Web Development",              description: "Custom-built websites that are fast, responsive, and designed to convert.",              bentoComponent: "media-stack",              items: [
                 { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Web project - AgentFlow AI platform" },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Web project - Architecture studio" },
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp?_wi=1", imageAlt: "Web project - Architecture studio" },
                 { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp", imageAlt: "Web project - Summit Roofing" },
               ],
             },
             {
               title: "Branding",              description: "Build a memorable brand identity that resonates with your audience.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "Brand project 1" },
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp?_wi=3", imageAlt: "Brand project 1" },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "Brand project 2" },
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=2", imageAlt: "Brand project 2" },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "Brand project 3" },
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp?_wi=2", imageAlt: "Brand project 3" },
               ],
             },
           ]}
@@ -108,13 +138,13 @@ export default function WebAgency2Page() {
           cardClassName="!h-auto aspect-video"
           features={[
             {
-              title: "Umbra Skincare",              description: "Luxury fragrance e-commerce",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp",              imageAlt: "Umbra Skincare website",              buttonIcon: ArrowUpRight,
+              title: "Umbra Skincare",              description: "Luxury fragrance e-commerce",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp?_wi=1",              imageAlt: "Umbra Skincare website",              buttonIcon: ArrowUpRight,
               buttonHref: "/portfolio"},
             {
-              title: "Luxuria Travel",              description: "Bespoke luxury travel experiences",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp",              imageAlt: "Luxuria Travel website",              buttonIcon: ArrowUpRight,
+              title: "Luxuria Travel",              description: "Bespoke luxury travel experiences",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp?_wi=1",              imageAlt: "Luxuria Travel website",              buttonIcon: ArrowUpRight,
               buttonHref: "/portfolio"},
             {
-              title: "Dental Care",              description: "Premier dental practice",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp",              imageAlt: "Luxury Dental Care website",              buttonIcon: ArrowUpRight,
+              title: "Dental Care",              description: "Premier dental practice",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp?_wi=1",              imageAlt: "Luxury Dental Care website",              buttonIcon: ArrowUpRight,
               buttonHref: "/portfolio"},
             {
               title: "Summit Roofing",              description: "Professional roofing services",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp",              imageAlt: "Summit Roofing website",              buttonIcon: ArrowUpRight,
@@ -169,7 +199,7 @@ export default function WebAgency2Page() {
           ]}
         />
         <TestimonialCardFifteen
-          testimonial="Webild completely transformed our online presence. The team delivered a stunning website that exceeded our expectations and doubled our conversion rate."
+          testimonial="HoB Media completely transformed our online presence. The team delivered a stunning website that exceeded our expectations and doubled our conversion rate."
           rating={5}
           author="— Maria Santos, CEO at Luxuria Travel"
           avatars={[
@@ -193,7 +223,7 @@ export default function WebAgency2Page() {
           ]}
         />
         <FeatureCardSixteen
-          title="Why Choose Webild"
+          title="Why Choose HoB Media"
           description="See the difference a professional web agency makes."
           textboxLayout="default"
           useInvertedBackground={false}
@@ -215,9 +245,9 @@ export default function WebAgency2Page() {
           animationType="slide-up"
           mediaClassName="object-[65%_center]"
           team={[
-            { id: "1", name: "Sarah Miller", role: "Lead Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", imageAlt: "Sarah Miller" },
+            { id: "1", name: "Sarah Miller", role: "Lead Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp?_wi=2", imageAlt: "Sarah Miller" },
-            { id: "2", name: "Valentina Reyes", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", imageAlt: "Valentina Reyes" },
+            { id: "2", name: "Valentina Reyes", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp?_wi=2", imageAlt: "Valentina Reyes" },
-            { id: "3", name: "Carlos Mendoza", role: "UX Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp", imageAlt: "Carlos Mendoza" },
+            { id: "3", name: "Carlos Mendoza", role: "UX Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp?_wi=2", imageAlt: "Carlos Mendoza" },
           ]}
         />
         <FaqBase
@@ -247,34 +277,9 @@ export default function WebAgency2Page() {
           useInvertedBackground={false}
         />
         <FooterBase
-          logoText="Webild"
+          logoText="HoB Media"
-          copyrightText="© 2026 | Webild"
+          copyrightText="© 2026 | HoB Media"
-          columns={[
+          columns={FOOTER_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: "#" },
-              ],
-            },
-          ]}
         />
       </ReactLenis>
     </ThemeProvider>

src/app/portfolio/page.tsx

@@ -45,15 +45,15 @@ const FOOTER_COLUMNS = [
 const PORTFOLIO_FEATURES = [
   {
     id: "project-one",    title: "E-commerce Redesign",    author: "Client A",    description: "A complete overhaul of an existing e-commerce platform, focusing on user experience and conversion optimization.",    tags: ["Web Development", "UI/UX", "E-commerce"],
-    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp",    imageAlt: "E-commerce Redesign project"
+    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp?_wi=4",    imageAlt: "E-commerce Redesign project"
   },
   {
     id: "project-two",    title: "Brand Identity Launch",    author: "Client B",    description: "Developing a new brand identity from scratch, including logo design, color palette, and brand guidelines.",    tags: ["Branding", "Graphic Design"],
-    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp",    imageAlt: "Brand Identity Launch project"
+    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=3",    imageAlt: "Brand Identity Launch project"
   },
   {
     id: "project-three",    title: "SEO Strategy & Implementation",    author: "Client C",    description: "Comprehensive SEO strategy leading to significant organic traffic growth for a SaaS company.",    tags: ["SEO", "Digital Marketing"],
-    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp",    imageAlt: "SEO Strategy project"
+    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp?_wi=2",    imageAlt: "SEO Strategy project"
   }
 ];
 
@@ -74,7 +74,7 @@ export default function PortfolioPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingOverlay
-            brandName="Webild"
+            brandName="HoB Media"
             navItems={NAV_ITEMS}
             button={{ text: "Get Started", href: "/contact" }}
           />
@@ -91,8 +91,8 @@ export default function PortfolioPage() {
         </div>
         <div id="footer" data-section="footer">
           <FooterBase
-            logoText="Webild"
+            logoText="HoB Media"
-            copyrightText="© 2026 | Webild"
+            copyrightText="© 2026 | HoB Media"
             columns={FOOTER_COLUMNS}
           />
         </div>

src/app/services/page.tsx

@@ -70,7 +70,7 @@ export default function ServicesPage() {
           description="We offer a comprehensive suite of digital solutions to help your business thrive online."
           features={[
             {
-              title: "Web Design & Development",              description: "Crafting modern, responsive websites and web applications tailored to your business goals. From engaging user interfaces to robust backend systems, we build digital platforms that perform.",              media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Web Design & Development" },
+              title: "Web Design & Development",              description: "Crafting modern, responsive websites and web applications tailored to your business goals. From engaging user interfaces to robust backend systems, we build digital platforms that perform.",              media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp?_wi=2", imageAlt: "Web Design & Development" },
               items: [
                 { icon: LayoutDashboard, text: "Custom Website Design" },
                 { icon: Code, text: "Front-end & Back-end Development" },
@@ -79,7 +79,7 @@ export default function ServicesPage() {
               reverse: false,
             },
             {
-              title: "SEO & Digital Marketing",              description: "Elevate your online presence with strategic SEO, content marketing, and paid advertising campaigns. Drive organic traffic, increase conversions, and achieve measurable ROI.",              media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "SEO & Digital Marketing" },
+              title: "SEO & Digital Marketing",              description: "Elevate your online presence with strategic SEO, content marketing, and paid advertising campaigns. Drive organic traffic, increase conversions, and achieve measurable ROI.",              media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp?_wi=3", imageAlt: "SEO & Digital Marketing" },
               items: [
                 { icon: Rocket, text: "Search Engine Optimization" },
                 { icon: Megaphone, text: "Social Media & Content Strategy" },
@@ -88,7 +88,7 @@ export default function ServicesPage() {
               reverse: true,
             },
             {
-              title: "Branding & UI/UX Design",              description: "Develop a memorable brand identity and create intuitive, engaging user experiences. We ensure your brand communicates effectively and resonates with your target audience.",              media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp", imageAlt: "Branding & UI/UX Design" },
+              title: "Branding & UI/UX Design",              description: "Develop a memorable brand identity and create intuitive, engaging user experiences. We ensure your brand communicates effectively and resonates with your target audience.",              media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp?_wi=2", imageAlt: "Branding & UI/UX Design" },
               items: [
                 { icon: Palette, text: "Brand Strategy & Identity" },
                 { icon: LayoutDashboard, text: "User Interface (UI) Design" },
@@ -112,21 +112,21 @@ export default function ServicesPage() {
                 "5 Page Custom Website",                "Basic SEO Optimization",                "Mobile Responsive Design",                "2 Revisions",                "Standard Support"
               ],
               button: { text: "Get Started", href: "/#contact" },
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp?_wi=2"
             },
             {
               id: "pro",              title: "Professional",              price: "$2499",              period: "One-time project",              features: [
                 "10 Page Custom Website",                "Advanced SEO Strategy",                "E-commerce Integration",                "Unlimited Revisions",                "Priority Support",                "Basic Content Creation"
               ],
               button: { text: "Choose Plan", href: "/#contact" },
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp?_wi=2"
             },
             {
               id: "enterprise",              title: "Enterprise",              price: "Custom",              period: "Tailored solutions",              features: [
                 "Unlimited Pages",                "Full Digital Marketing",                "Custom Web Application",                "Dedicated Account Manager",                "Advanced Analytics",                "Ongoing Maintenance"
               ],
               button: { text: "Contact Us", href: "/#contact" },
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp?_wi=2"
             },
           ]}
           animationType="slide-up"
@@ -140,7 +140,7 @@ export default function ServicesPage() {
           title="Let's Discuss Your Project"
           description="Reach out to us for a free consultation and quote. We're excited to hear about your vision."
           background={{ variant: "rotated-rays-animated" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp?_wi=3"
           imageAlt="Contact Us"
           mediaPosition="right"
           inputPlaceholder="Your email address"