diff --git a/src/app/cart/page.tsx b/src/app/cart/page.tsx
index 00f810f..c0da11a 100644
--- a/src/app/cart/page.tsx
+++ b/src/app/cart/page.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 
 export default function CartPage() {
   return (
     <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }]} />
+        <NavbarStyleFullscreen brandName="Kumar Studio" navItems={[{ name: "Home", id: "/" }]} />
       </div>
       <div className="pt-32">Cart Page</div>
     </ThemeProvider>
diff --git a/src/app/checkout/page.tsx b/src/app/checkout/page.tsx
index 2d60f7d..6d10c25 100644
--- a/src/app/checkout/page.tsx
+++ b/src/app/checkout/page.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 
 export default function CheckoutPage() {
   return (
     <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }]} />
+        <NavbarStyleFullscreen brandName="Kumar Studio" navItems={[{ name: "Home", id: "/" }]} />
       </div>
       <div className="pt-32">Checkout Page</div>
     </ThemeProvider>
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 8aff8fc..3a5ad31 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -1,14 +1,14 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 
 export default function LoginPage() {
   return (
     <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
-          brandName="Webild"
+        <NavbarStyleFullscreen
+          brandName="Kumar Studio"
           navItems={[{ name: "Home", id: "/" }]}
         />
       </div>
diff --git a/src/app/order-history/page.tsx b/src/app/order-history/page.tsx
index a9ad0f5..2600116 100644
--- a/src/app/order-history/page.tsx
+++ b/src/app/order-history/page.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 
 export default function OrderHistoryPage() {
   return (
     <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }]} />
+        <NavbarStyleFullscreen brandName="Kumar Studio" navItems={[{ name: "Home", id: "/" }]} />
       </div>
       <div className="pt-32">Order History</div>
     </ThemeProvider>
diff --git a/src/app/order-tracking/page.tsx b/src/app/order-tracking/page.tsx
index b5a9827..75b7b3c 100644
--- a/src/app/order-tracking/page.tsx
+++ b/src/app/order-tracking/page.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 
 export default function OrderTrackingPage() {
   return (
     <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }]} />
+        <NavbarStyleFullscreen brandName="Kumar Studio" navItems={[{ name: "Home", id: "/" }]} />
       </div>
       <div className="pt-32">Order Tracking</div>
     </ThemeProvider>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9cce23a..d4996fc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
@@ -33,8 +33,8 @@ export default function WebAgency2Page() {
       <Suspense fallback={<LoadingFallback />}>
         <ReactLenis root>
           <div id="nav" data-section="nav">
-            <NavbarLayoutFloatingOverlay
-              brandName="Webild"
+            <NavbarStyleFullscreen
+              brandName="Kumar Studio"
               navItems={[
                 { name: "Work", id: "#work" },
                 { name: "Services", id: "#services" },
@@ -118,7 +118,7 @@ export default function WebAgency2Page() {
             </div>
 
             <FooterBaseCard
-              logoText="Webild"
+              logoText="Kumar Studio"
               columns={[{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }]}
             />
           </main>
diff --git a/src/app/products/[id]/page.tsx b/src/app/products/[id]/page.tsx
index 9896c60..b3d54d2 100644
--- a/src/app/products/[id]/page.tsx
+++ b/src/app/products/[id]/page.tsx
@@ -1,17 +1,17 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 
 export default function ProductDetailPage() {
   return (
     <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }]} />
+        <NavbarStyleFullscreen brandName="Kumar Studio" navItems={[{ name: "Home", id: "/" }]} />
       </div>
       <div className="pt-32">Product Detail</div>
-      <FooterBaseCard logoText="Webild" columns={[{ title: "Nav", items: [{ label: "Home", href: "/" }] }]} />
+      <FooterBaseCard logoText="Kumar Studio" columns={[{ title: "Nav", items: [{ label: "Home", href: "/" }] }]} />
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
index 6b4cce5..ab38999 100644
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 
@@ -9,7 +9,7 @@ export default function ProductsPage() {
   return (
     <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay brandName="Webild" navItems={[{ name: "Home", id: "/" }]} />
+        <NavbarStyleFullscreen brandName="Kumar Studio" navItems={[{ name: "Home", id: "/" }]} />
       </div>
       <ProductCardTwo 
         title="Products" 
@@ -24,7 +24,7 @@ export default function ProductsPage() {
             { id: "3", brand: "C", name: "P3", price: "$30", rating: 5, reviewCount: "30", imageSrc: "/i3.jpg" }
         ]}
       />
-      <FooterBaseCard logoText="Webild" columns={[{ title: "Nav", items: [{ label: "Home", href: "/" }] }]} />
+      <FooterBaseCard logoText="Kumar Studio" columns={[{ title: "Nav", items: [{ label: "Home", href: "/" }] }]} />
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/wishlist/page.tsx b/src/app/wishlist/page.tsx
index c88e84a..4d75696 100644
--- a/src/app/wishlist/page.tsx
+++ b/src/app/wishlist/page.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 
 export default function WishlistPage() {
   return (
     <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }]} />
+        <NavbarStyleFullscreen brandName="Kumar Studio" navItems={[{ name: "Home", id: "/" }]} />
       </div>
       <div className="pt-32">Wishlist</div>
     </ThemeProvider>