diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 7e58a6c..d10ee20 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -4,7 +4,7 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
-import { Instagram, Facebook, Linkedin, Compass } from "lucide-react";
+import { Compass } from "lucide-react";
 
 export default function AboutPage() {
     return (
@@ -30,6 +30,7 @@ export default function AboutPage() {
                             { name: "Contact", id: "/contact" },
                         ]}
                         brandName="Luxuria"
+                        button={{ text: "Book Now", href: "/contact" }}
                     />
                 </div>
                 <TestimonialAboutCard 
@@ -38,7 +39,8 @@ export default function AboutPage() {
                     description="At Luxuria, we believe travel is more than a trip—it's a transformative experience."
                     subdescription="Founded with a passion for excellence, we have been crafting bespoke luxury travel journeys for over a decade. Our dedicated team of experts works tirelessly to ensure your travel dreams become reality."
                     icon={Compass}
-                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero1.webp"
+                    videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero1.mp4"
+                    useInvertedBackground={false}
                 />
             </ReactLenis>
         </ThemeProvider>
diff --git a/src/app/agents/page.tsx b/src/app/agents/page.tsx
index 02d3ca0..c95d166 100644
--- a/src/app/agents/page.tsx
+++ b/src/app/agents/page.tsx
@@ -4,7 +4,6 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import TeamCardOne from "@/components/sections/team/TeamCardOne";
-import { Instagram, Facebook, Linkedin } from "lucide-react";
 
 export default function AgentsPage() {
     return (
@@ -30,6 +29,7 @@ export default function AgentsPage() {
                             { name: "Contact", id: "/contact" },
                         ]}
                         brandName="Luxuria"
+                        button={{ text: "Book Now", href: "/contact" }}
                     />
                 </div>
                 <TeamCardOne 
@@ -44,6 +44,7 @@ export default function AgentsPage() {
                         { id: "3", name: "Sophia Chen", role: "Destination Concierge", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/team/team3.webp" },
                         { id: "4", name: "Julian Vance", role: "Lifestyle & Experiences Specialist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/team/team4.webp" },
                     ]}
+                    useInvertedBackground={false}
                 />
             </ReactLenis>
         </ThemeProvider>
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 3f12c20..f6b76ae 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -4,7 +4,6 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
-import { Instagram, Facebook, Linkedin } from "lucide-react";
 
 export default function ContactPage() {
     return (
@@ -30,6 +29,7 @@ export default function ContactPage() {
                             { name: "Contact", id: "/contact" },
                         ]}
                         brandName="Luxuria"
+                        button={{ text: "Book Now", href: "/contact" }}
                     />
                 </div>
                 <ContactSplit
@@ -38,6 +38,7 @@ export default function ContactPage() {
                     description="Contact us to start your next extraordinary journey."
                     background={{ variant: "plain" }}
                     imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/contact/contact1.webp"
+                    useInvertedBackground={false}
                 />
             </ReactLenis>
         </ThemeProvider>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6539b93..b5f96df 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,6 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import { Sparkles, Plane, Compass, Instagram, Facebook, Linkedin } from "lucide-react";
 
 export default function LuxuryTravelAgencyTemplatePage() {
     return (
@@ -29,6 +28,7 @@ export default function LuxuryTravelAgencyTemplatePage() {
                             { name: "Contact", id: "/contact" },
                         ]}
                         brandName="Luxuria"
+                        button={{ text: "Book Now", href: "/contact" }}
                     />
                 </div>
             </ReactLenis>