diff --git a/src/app/page.tsx b/src/app/page.tsx
index 946e6d5..4b4e110 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,11 +4,11 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
+import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
 import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Sparkles } from "lucide-react";
+import { Sparkles, Building, Coffee } from "lucide-react";
 
 export default function WebAgency2Page() {
   return (
@@ -20,7 +20,7 @@ export default function WebAgency2Page() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
@@ -33,7 +33,6 @@ export default function WebAgency2Page() {
             { name: "Reviews", id: "reviews" },
             { name: "Contact", id: "contact" },
           ]}
-          button={{ text: "Get Started", href: "#contact" }}
         />
         <HeroSplitDoubleCarousel
           title="We Build Digital Experiences"
@@ -47,43 +46,31 @@ export default function WebAgency2Page() {
             { text: "View Work", href: "#work" },
           ]}
           buttonAnimation="slide-up"
-          carouselPosition="right"
-          leftCarouselItems={[
+          mediaItems={[
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "UI UX Design" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "UI UX Design" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp", imageAlt: "UI UX Design" },
-          ]}
-          rightCarouselItems={[
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "UI UX Design" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-5.webp", imageAlt: "UI UX Design" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp", imageAlt: "UI UX Design" },
           ]}
-          carouselItemClassName="!aspect-[4/5]"
-        />
-        <FeatureBento
-          id="tenants"
-          title="Current Tenants"
-          description="Our 5th floor is home to industry-leading brands and premium amenities."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          features={[
-            {
-              title: "Best Bridge",              description: "Financial consulting and bridge financing solutions.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Best Bridge Office" },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Placeholder 2" },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Placeholder 3" }
-              ],
-            },
-            {
-              title: "Signature Pub & Coffee",              description: "Premium pub and artisanal coffee shop serving the 5th floor community.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Signature Pub & Coffee" },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Placeholder 2" },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Placeholder 3" }
-              ],
-            },
-          ]}
         />
+        <div id="tenants" data-section="tenants">
+          <FeatureHoverPattern
+            title="Current Tenants"
+            description="Our 5th floor is home to industry-leading brands and premium amenities."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            features={[
+              {
+                icon: Building,
+                title: "Best Bridge",                description: "Financial consulting and bridge financing solutions."
+              },
+              {
+                icon: Coffee,
+                title: "Signature Pub & Coffee",                description: "Premium pub and artisanal coffee shop serving the 5th floor community."
+              }
+            ]}
+          />
+        </div>
         <TestimonialCardOne
           title="Client Feedback"
           description="Read what our tenants and partners say about our space and services."