diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 5801989..cd6fe5b 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,16 +1,10 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
 import { Open_Sans } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
-
 const inter = Inter({
   variable: "--font-inter",  subsets: ["latin"],
 });
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 227b3b8..7257bf1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroLogo from "@/components/sections/hero/HeroLogo";
+import HeroCentered from "@/components/sections/hero/HeroCentered";
 import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
@@ -17,7 +17,7 @@ export default function LandingPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="reveal-blur"
+      defaultTextAnimation="entrance-slide"
       borderRadius="pill"
       contentWidth="small"
       sizing="mediumLargeSizeLargeTitles"
@@ -42,16 +42,20 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="Marketing that actually converts"
-          description="Turn your ad spend into predictable revenue. We engineer direct response campaigns built on data, not guesswork."
+        <HeroCentered
+          background={{ variant: "plain" }}
+          avatars={[
+            { src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", alt: "Client 1" },
+            { src: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg", alt: "Client 2" },
+            { src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Client 3" },
+          ]}
+          avatarText="Trusted by high-growth companies"
+          title="Turn your ad spend into predictable revenue"
+          description="Most agencies guess. We engineer. Our direct response process transforms underperforming campaigns into revenue engines. Every dollar tracked. Every result measured. No vanity metrics. Just conversions, revenue, and ROI."
           buttons={[
             { text: "See our approach", href: "about" },
             { text: "Schedule a call", href: "contact" },
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi9RqutfTheINoPCkeaFW73xd/uploaded-1772531128553-dgdmc4pv.png"
-          imageAlt="Campaign dashboard showing real-time conversion metrics"
-          showDimOverlay={true}
           buttonAnimation="slide-up"
         />
       </div>
@@ -198,7 +202,7 @@ export default function LandingPage() {
       <div id="contact" data-section="contact">
         <ContactText
           text="Ready to engineer your next growth phase? Let's talk about how we can turn your marketing into a predictable revenue engine."
-          animationType="reveal-blur"
+          animationType="entrance-slide"
           buttons={[
             { text: "Schedule a call", href: "#" },
             { text: "Email us", href: "mailto:hello@grabelement.com" },