diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6841c56..cc38e88 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,7 +34,7 @@ export default function WebAgency2Page() {
           brandName="Webild"
           navItems={[
             { name: "Work", id: "work" },
-            { name: "Services", href: "/services" },
+            { name: "Services", id: "/services" },
             { name: "About", id: "about" },
             { name: "Contact", id: "contact" },
           ]}
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 59bd722..9ba5c4a 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -27,10 +27,10 @@ export default function ServicesPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Webild"
           navItems={[
-            { name: "Work", href: "/#work" },
-            { name: "Services", href: "/services" },
-            { name: "About", href: "/#about" },
-            { name: "Contact", href: "/#contact" }
+            { name: "Work", id: "/#work" },
+            { name: "Services", id: "/services" },
+            { name: "About", id: "/#about" },
+            { name: "Contact", id: "/#contact" }
           ]}
           button={{ text: "Get Started", href: "/#contact" }}
         />
@@ -52,8 +52,8 @@ export default function ServicesPage() {
         <FeatureCardTwentyOne
           title="Custom Web Development"
           description="Crafting bespoke websites and web applications tailored to your unique business needs. From complex platforms to elegant portfolios, we build scalable and secure digital experiences."
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/service-dev.webp"
-          imageAlt="Web development code on a screen"
+          videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/placeholder-video.mp4"
+          videoAriaLabel="Service demonstration video"
           useInvertedBackground={false}
           mediaPosition="left"
           buttons={[{ text: "Learn More", href: "/#contact" }]}
@@ -61,8 +61,8 @@ export default function ServicesPage() {
         <FeatureCardTwentyOne
           title="UI/UX Design & Branding"
           description="Creating intuitive user interfaces and engaging user experiences that captivate your audience. We also develop strong brand identities that resonate and leave a lasting impression."
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/service-design.webp"
-          imageAlt="UI UX design process on a tablet"
+          videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/placeholder-video.mp4"
+          videoAriaLabel="Service demonstration video"
           useInvertedBackground={false}
           mediaPosition="right"
           buttons={[{ text: "Learn More", href: "/#contact" }]}
@@ -70,8 +70,8 @@ export default function ServicesPage() {
         <FeatureCardTwentyOne
           title="Search Engine Optimization (SEO)"
           description="Boost your online visibility and drive organic traffic with our expert SEO strategies. We optimize your website to rank higher on search engines, connecting you with your target audience."
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/service-seo.webp"
-          imageAlt="SEO analytics dashboard"
+          videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/placeholder-video.mp4"
+          videoAriaLabel="Service demonstration video"
           useInvertedBackground={false}
           mediaPosition="left"
           buttons={[{ text: "Learn More", href: "/#contact" }]}
@@ -79,8 +79,8 @@ export default function ServicesPage() {
         <FeatureCardTwentyOne
           title="Content Marketing"
           description="Developing compelling content strategies that engage your audience, build authority, and drive conversions. From blog posts to video scripts, we help you tell your story effectively."
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/service-content.webp"
-          imageAlt="Person writing content on a laptop"
+          videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/placeholder-video.mp4"
+          videoAriaLabel="Service demonstration video"
           useInvertedBackground={false}
           mediaPosition="right"
           buttons={[{ text: "Learn More", href: "/#contact" }]}
@@ -88,8 +88,8 @@ export default function ServicesPage() {
         <FeatureCardTwentyOne
           title="Digital Marketing Strategy"
           description="Comprehensive digital marketing plans designed to maximize your reach and return on investment. We integrate various channels to create a cohesive and powerful online presence."
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/service-marketing.webp"
-          imageAlt="Digital marketing strategy meeting"
+          videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/placeholder-video.mp4"
+          videoAriaLabel="Service demonstration video"
           useInvertedBackground={false}
           mediaPosition="left"
           buttons={[{ text: "Learn More", href: "/#contact" }]}