Merge version_3 into main

Merge version_3 into main

src/app/features/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import MediaAbout from '@/components/sections/about/MediaAbout';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 
@@ -27,13 +28,28 @@ export default function FeaturesPage() {
             { name: "Companies", id: "companies" },
             { name: "Journey", id: "journey" },
             { name: "Work", id: "work" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "contact" },
+            { name: "Features", id: "/features" }
           ]}
           button={{ text: "Let's Connect", href: "contact" }}
           brandName="Webild"
         />
       </div>
 
+      <div id="about" data-section="about">
+        <MediaAbout
+          title="About Our Featured Services"
+          description="Understanding the depth and value behind each service offering. We've built our reputation on delivering exceptional results through specialized expertise and dedicated support. Each service is crafted to address specific business challenges and drive meaningful growth."
+          tag="Our Approach"
+          imageSrc="https://img.b2bpic.net/free-photo/business-people-working-together-office_1359-355.jpg"
+          imageAlt="Team collaboration and service delivery"
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Learn More", href: "#" }
+          ]}
+        />
+      </div>
+
       <div id="features" data-section="features">
         <FeatureCardTwentyThree
           title="Featured Services"