diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 4baefa2..5ea7fbd 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -1,5 +1,5 @@
 import FooterBasic from '@/components/sections/footer/FooterBasic';
-import NavbarFloating from '@/components/ui/NavbarFloating';
+import NavbarFullscreen from '@/components/ui/NavbarFullscreen';
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
 import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
 import { Outlet } from 'react-router-dom';
@@ -41,7 +41,7 @@ export default function Layout() {
     <StyleProvider buttonVariant="arrow" siteBackground="gridDots" heroBackground="lightRaysCenter">
       <SiteBackgroundSlot />
       <SectionErrorBoundary name="navbar">
-        <NavbarFloating
+        <NavbarFullscreen
       logo="AG VISION"
       ctaButton={{
         text: "Book a Shoot",
diff --git a/src/index.css b/src/index.css
index 0254a83..33a791b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #0A0A0A;
-  --card: #111111;
+  --background: #1A1514;
+  --card: #261F1D;
   --foreground: #F2EDE8;
-  --primary-cta: #C8A96E;
+  --primary-cta: #E5B962;
   --primary-cta-text: #0A0A0A;
   --secondary-cta: #111111;
   --secondary-cta-text: #F2EDE8;
   --accent: #888880;
-  --background-accent: #1A1A1A;
+  --background-accent: #332926;
 
   /* @layout/border-radius/rounded */
   --radius: 1.5rem;
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
index 8125e12..14baf7d 100644
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -1,25 +1,19 @@
-// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
-// file as the canonical source for the "hero" section.
+// Created by add_section_from_catalog (HeroSplit).
 
 import React from 'react';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
 
 export default function HeroSection(): React.JSX.Element {
   return (
-    <div id="hero" data-section="hero">
-            <SectionErrorBoundary name="hero">
-              <HeroSplit
+    <div data-webild-section="hero" id="hero">
+      <HeroSplit
         tag="HOSUR & BANGALORE · WEDDING & DESTINATION FILMS"
-        title="Every Frame, A Story Worth Keeping."
+        primaryButton={{"href":"/portfolio","text":"View Portfolio"}}
+        secondaryButton={{"href":"/book","text":"Book a Shoot"}}
+        imageSrc="https://storage.googleapis.com/webild/users/user_3FVmhOgWYvShRUgYIi5bDppvMaQ/uploaded-1782169199098-lnmfx3h7.png"
         description="We capture weddings, love stories, portraits, and brand films — raw, real, and cinematic. Based in Hosur & Bangalore, shooting across South India."
-        primaryButton={{
-                  text: "View Portfolio",              href: "/portfolio"}}
-        secondaryButton={{
-                  text: "Book a Shoot",              href: "/book"}}
-        imageSrc="https://storage.googleapis.com/webild/users/user_3FVmhOgWYvShRUgYIi5bDppvMaQ/uploaded-1782169199091-zymc34rg.png"
+        title="Every Frame, A Story Worth Keeping."
       />
-            </SectionErrorBoundary>
-          </div>
+    </div>
   );
 }