diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
index 67000d02..233a9e69 100644
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -10,10 +10,13 @@ import Footer from "@/components/landing-page/footer";
 import Division from "@/components/landing-page/division";
 import Navbar from "@/components/landing-page/navbar";
 import { ReactLenis } from "@studio-freight/react-lenis";
+import MountedProvider from "@/providers/mounted.provider";
 
 const Home = ({ params: { locale } }: { params: { locale: string } }) => {
   return (
-    <>
+    <MountedProvider
+      isProtected={false} 
+    >
       <ReactLenis root>
         <Navbar />
         <Hero />
@@ -26,7 +29,7 @@ const Home = ({ params: { locale } }: { params: { locale: string } }) => {
         <Division />
         <Footer />
       </ReactLenis>
-    </>
+    </MountedProvider>
   );
 };
 
diff --git a/components/landing-page/hero.tsx b/components/landing-page/hero.tsx
index 00ae664c..c01f8ab1 100644
--- a/components/landing-page/hero.tsx
+++ b/components/landing-page/hero.tsx
@@ -23,7 +23,7 @@ const Hero: React.FC = () => {
     setHeroData(response?.data?.data?.content);
   };
   return (
-    <div className="flex flex-col lg:flex-row items-start gap-8 px-4 lg:px-20 py-4 mx-auto w-auto">
+    <div className="flex flex-col lg:flex-row items-start gap-8 px-4 lg:px-20 py-4 mx-auto w-auto mt-6">
       {/* Section Gambar Utama */}
       <Carousel className="lg:w-2/3 w-full lg:h-full ">
         <CarouselContent>
diff --git a/components/landing-page/navbar.tsx b/components/landing-page/navbar.tsx
index b20bee48..757c1d76 100644
--- a/components/landing-page/navbar.tsx
+++ b/components/landing-page/navbar.tsx
@@ -92,7 +92,7 @@ const Navbar = () => {
           <img
             src="/assets/mediahub-logo.gif"
             alt="Media Hub Logo"
-            className="w-fit h-20 md:h-24"
+            className="object-contain h-20"
           />
         </Link>
 
@@ -267,7 +267,7 @@ const Navbar = () => {
             <a href="https://tvradio.polri.go.id/">
               <img
                 src="/assets/polriTv.png"
-                className="w-auto lg:max-w-screen-lg h-10 flex-auto "
+                className="object-contain h-10 flex-auto "
               />
             </a>
           </div>
@@ -419,10 +419,10 @@ const Navbar = () => {
                       className="rounded-full"
                     />
                     <div>
-                      <div className="text-sm font-medium capitalize lg:block hidden">
+                      <div className="text-sm font-medium capitalize lg:block hidden whitespace-nowrap">
                         {detail?.fullname}
                       </div>
-                      <p className="text-xs">({detail?.fullname})</p>
+                      <p className="text-xs whitespace-nowrap">({detail?.fullname})</p>
                     </div>
                     <span className="text-base me-2.5 lg:inline-block hidden">
                       <Icon icon="heroicons-outline:chevron-down"></Icon>
@@ -711,7 +711,7 @@ const Navbar = () => {
               <a href="https://tvradio.polri.go.id/">
                 <img
                   src="/assets/polriTv.png"
-                  className="w-21 h-11 flex items-center"
+                  className="object-contain h-11 flex items-center"
                 />
               </a>
             </div>