diff --git a/src/app/page.tsx b/src/app/page.tsx
index 013a4fe..e2d8c7e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,13 +4,12 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroOverlay from "@/components/sections/hero/HeroOverlay";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
 import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
 import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
 import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
-import { Sparkles, ArrowUpRight, Target, Palette, Code, Users, Award, Shield } from "lucide-react";
+import { Sparkles, Target, Palette, Code } from "lucide-react";
 
 export default function VisionStudioPage() {
   return (
@@ -50,18 +49,21 @@ export default function VisionStudioPage() {
           />
         </div>
         <div id="services" data-section="services">
-          <FeatureBento
+          <FeatureCardMedia
             title="Our Core Services"
             description="Strategic solutions designed to elevate your brand presence in the modern market."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
             features={[
               {
-                title: "Meta Ads",                description: "Data-driven ad campaigns designed to reach your target audience and scale revenue.",                bentoComponent: "reveal-icon",                icon: Target,
+                id: "1",                title: "Meta Ads",                description: "Data-driven ad campaigns designed to reach your target audience and scale revenue.",                tag: "Marketing"
               },
               {
-                title: "Graphic Design",                description: "Striking visual narratives that communicate your vision with clarity and style.",                bentoComponent: "reveal-icon",                icon: Palette,
+                id: "2",                title: "Graphic Design",                description: "Striking visual narratives that communicate your vision with clarity and style.",                tag: "Design"
               },
               {
-                title: "Web Design",                description: "Exceptional, high-performance web experiences tailored for conversion and engagement.",                bentoComponent: "reveal-icon",                icon: Code,
+                id: "3",                title: "Web Design",                description: "Exceptional, high-performance web experiences tailored for conversion and engagement.",                tag: "Development"
               },
             ]}
           />
@@ -80,10 +82,16 @@ export default function VisionStudioPage() {
           />
         </div>
         <div id="about" data-section="about">
-           <FeatureBento
+           <FeatureCardMedia
             title="Our Promise"
             description="We promise to leverage our expertise in Meta ads, Graphic Design, and Web Design to deliver a measurable growth trajectory for your studio."
-            features={[]}
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "1", title: "Growth", description: "Focused on results", tag: "Values" },
+              { id: "2", title: "Excellence", description: "Quality in every pixel", tag: "Values" }
+            ]}
            />
         </div>
         <div id="testimonial" data-section="testimonial">