Update src/app/booking/page.tsx

src/app/booking/page.tsx

@@ -6,7 +6,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import ContactText from "@/components/sections/contact/ContactText";
 import Textarea from "@/components/form/Textarea";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
 
 export default function BookingPage() {
   const [auditRequest, setAuditRequest] = useState("");
@@ -21,28 +21,33 @@ export default function BookingPage() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="medium"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
-          brandName="Webild"
-          navItems={[
-            { name: "Work", id: "/#work" },
-            { name: "Services", id: "/#services" },
-            { name: "About", id: "/#about" },
-            { name: "Booking", id: "/booking" },
-            { name: "Contact", id: "/#contact" },
-          ]}
-          button={{ text: "Book Now", href: "/booking" }}
-        />
-        <main className="pt-32 pb-16">
-          <ContactText
-            text="Book Your Process Audit & Prototype Demo"
-            background={{ variant: "canvas-reveal" }}
-            className="mb-12"
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Webild"
+            navItems={[
+              { name: "Work", id: "/#work" },
+              { name: "Services", id: "/#services" },
+              { name: "About", id: "/#about" },
+              { name: "Booking", id: "/booking" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            button={{ text: "Book Now", href: "/booking" }}
           />
+        </div>
+        <main className="pt-32 pb-16">
+          <div id="contact-text" data-section="contact-text">
+            <ContactText
+              text="Book Your Process Audit & Prototype Demo"
+              background={{ variant: "canvas-reveal" }}
+              useInvertedBackground={false}
+              className="mb-12"
+            />
+          </div>
           <div className="max-w-3xl mx-auto p-8 bg-white/5 rounded-3xl backdrop-blur-md">
             <div className="space-y-6">
               <h2 className="text-2xl font-semibold">Process Audit Details</h2>
@@ -63,15 +68,15 @@ export default function BookingPage() {
             </div>
           </div>
         </main>
-        <FooterBase
-          logoText="Webild"
-          copyrightText="© 2026 | Webild"
-          columns={[
-            { title: "Company", items: [{ label: "Home", href: "/" }, { label: "Booking", href: "/booking" }] },
-            { title: "Services", items: [{ label: "Web Development", href: "/booking" }, { label: "SEO", href: "/booking" }] },
-            { title: "Connect", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] },
-          ]}
-        />
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Webild"
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Booking", href: "/booking" }] },
+              { items: [{ label: "Web Development", href: "/booking" }, { label: "SEO", href: "/booking" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );