diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
index 92ac736..2ccf0bc 100644
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -3,20 +3,19 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function BookingPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="shift-hover" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "Gallery", id: "/gallery" }, { name: "Book", id: "/booking" }]} brandName="Madhur Radio" />
         <div className="pt-32 pb-20">
-           <ContactCenter
-             tag="Booking"
-             title="Schedule Your Event"
-             description="Fill out the details to request a booking."
+           <ContactText
+             text="Schedule Your Event"
              background={{ variant: "sparkles-gradient" }}
+             useInvertedBackground={false}
            />
         </div>
         <FooterBaseReveal logoText="Madhur Radio" columns={[]} />