Merge version_6 into main

Update src/app/page.tsx
2026-06-02 20:34:09 +00:00 · 2026-06-02 20:34:05 +00:00 · 2026-06-02 20:34:05 +00:00 · 2026-06-02 20:31:52 +00:00 · 2026-06-02 20:31:49 +00:00 · 2026-06-02 20:31:10 +00:00
6 changed files with 115 additions and 100 deletions
--- a/src/app/about/page.tsx
+++ b/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,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: "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: "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?_wi=1", imageAlt: "John Doe" },
              ],
            },
            {
-              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", 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>
  );
--- a/src/app/contact/page.tsx
+++ b/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" }
    ]
  },
  {
@@ -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"
-          copyrightText="© 2026 | Webild"
+          logoText="HoB Media"
+          copyrightText="© 2026 | HoB Media"
          columns={FOOTER_COLUMNS}
        />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -19,8 +19,8 @@ const inter = Inter({
 });

 export const metadata: Metadata = {
-  title: 'PixelPerfect Agency | 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.',
+  title: 'HoB Media | Web Design & Development',
+  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({
--- a/src/app/page.tsx
+++ b/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"
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Portfolio", id: "/portfolio" },
-            { name: "Services", id: "services" },
-            { name: "About", id: "about" },
-            { name: "Contact", id: "/contact" }
-          ]}
+          brandName="HoB Media"
+          navItems={NAV_ITEMS}
          button={{ text: "Get Started", href: "/contact" }}
        />
        <HeroSplitDoubleCarousel
-          title="We Build Digital Experiences"
-          description="Transform your brand with cutting-edge web design and development. We craft stunning websites that convert visitors into customers."
+          title="HoB Media: Digital Experiences"
+          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-4.webp", 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-7.webp", imageAlt: "UI UX Design - Online courses" },
+            { 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?_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?_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?_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-2.webp", 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-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?_wi=2", imageAlt: "Brand project 2" },
+                { 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: "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: "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: "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?_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?_wi=2", imageAlt: "Carlos Mendoza" },
          ]}
        />
        <FaqBase
@@ -247,34 +277,9 @@ export default function WebAgency2Page() {
          useInvertedBackground={false}
        />
        <FooterBase
-          logoText="Webild"
-          copyrightText="© 2026 | Webild"
-          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: "#" },
-              ],
-            },
-          ]}
+          logoText="HoB Media"
+          copyrightText="© 2026 | HoB Media"
+          columns={FOOTER_COLUMNS}
        />
      </ReactLenis>
    </ThemeProvider>
--- a/src/app/portfolio/page.tsx
+++ b/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"
-            copyrightText="© 2026 | Webild"
+            logoText="HoB Media"
+            copyrightText="© 2026 | HoB Media"
            columns={FOOTER_COLUMNS}
          />
        </div>
--- a/src/app/services/page.tsx
+++ b/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"
Author	SHA1	Message	Date
bender	4fa9150072	Merge version_6 into main Merge version_6 into main	2026-06-02 20:34:09 +00:00
bender	a8af898a2f	Update src/app/page.tsx	2026-06-02 20:34:05 +00:00
bender	2214829aa0	Update src/app/contact/page.tsx	2026-06-02 20:34:05 +00:00
bender	fcf6759af5	Merge version_5 into main Merge version_5 into main	2026-06-02 20:31:52 +00:00
bender	362008fa26	Update src/app/page.tsx	2026-06-02 20:31:49 +00:00
bender	e14fba6e0d	Merge version_5 into main Merge version_5 into main	2026-06-02 20:31:10 +00:00
bender	ebe3b9a3d4	Update src/app/page.tsx	2026-06-02 20:31:07 +00:00
bender	eb994e9c1e	Update src/app/about/page.tsx	2026-06-02 20:31:06 +00:00
bender	47ce6fd577	Merge version_4 into main Merge version_4 into main	2026-06-02 11:54:02 +00:00
bender	27b35985b2	Update src/app/contact/page.tsx	2026-06-02 11:53:59 +00:00
bender	3fcf5d9666	Update src/app/about/page.tsx	2026-06-02 11:53:58 +00:00
bender	92dfddf447	Merge version_3 into main Merge version_3 into main	2026-06-02 11:51:50 +00:00
bender	acf1f6e0e6	Update src/app/services/page.tsx	2026-06-02 11:51:47 +00:00
bender	90a0e2dc3c	Update src/app/portfolio/page.tsx	2026-06-02 11:51:47 +00:00
bender	ccf9b80b07	Update src/app/page.tsx	2026-06-02 11:51:46 +00:00
bender	5878beec6b	Update src/app/contact/page.tsx	2026-06-02 11:51:46 +00:00
bender	753b2ea720	Update src/app/about/page.tsx	2026-06-02 11:51:45 +00:00
bender	88f2187549	Merge version_3 into main Merge version_3 into main	2026-06-02 11:51:24 +00:00
bender	c404ec8fd9	Update src/app/portfolio/page.tsx	2026-06-02 11:51:21 +00:00
bender	a2bc668257	Update src/app/page.tsx	2026-06-02 11:51:21 +00:00
bender	235f3b5203	Update src/app/layout.tsx	2026-06-02 11:51:20 +00:00
bender	58b07cbe9d	Update src/app/contact/page.tsx	2026-06-02 11:51:20 +00:00
bender	b71652e0bd	Merge version_2 into main Merge version_2 into main	2026-06-02 11:46:16 +00:00
bender	66f2d25a09	Merge version_2 into main Merge version_2 into main	2026-06-02 11:45:03 +00:00
bender	fa7d1ddff1	Merge version_2 into main Merge version_2 into main	2026-06-02 11:43:44 +00:00
bender	d070cb7aaa	Merge version_2 into main Merge version_2 into main	2026-06-02 11:42:35 +00:00