src/app/contact/page.tsx

@@ -27,6 +27,7 @@ export default function LandingPage() {
         { name: "Home", id: "/" },
         { name: "Fleet", id: "/fleet" },
         { name: "Contact", id: "/contact" },
+        { name: "Request a Free Estimate", id: "/estimate" },
       ]}
       brandName="CleanScene"
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777213847237-f7u1y0mi.png"

src/app/estimate/page.tsx

@@ -0,0 +1,70 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+
+export default function EstimatePage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="largeSmallSizeLargeTitles"
+        background="blurBottom"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarLayoutFloatingOverlay
+      navItems={[
+        { name: "Home", id: "/" },
+        { name: "Fleet", id: "/fleet" },
+        { name: "Contact", id: "/contact" },
+        { name: "Request a Free Estimate", id: "/estimate" },
+      ]}
+      brandName="CleanScene"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777213847237-f7u1y0mi.png"
+      logoImageClassName="scale-150"
+    />
+  </div>
+
+  <div id="estimate-form" data-section="estimate-form">
+      <ContactSplitForm
+      useInvertedBackground={false}
+      title="Get Your Free Estimate"
+      titleClassName="text-[#0a7039]"
+      description="Fill out the details below, and we will provide a comprehensive quote for your event."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
+        { name: "event_type", type: "text", placeholder: "Event Type", required: true },
+        { name: "event_date", type: "date", placeholder: "Event Date", required: true },
+      ]}
+      textarea={{ name: "details", placeholder: "Additional event details or specific requirements...", rows: 5 }}
+      imageSrc="http://img.b2bpic.net/free-photo/event-planner-organizing-wedding-details_23-2148197779.jpg"
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterLogoEmphasis
+      columns={[
+        { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }] },
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
+      ]}
+      logoText="CleanScene"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777213847237-f7u1y0mi.png"
+      logoClassName="text-white"
+      logoImageClassName="scale-75 hidden"
+    />
+  </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/fleet/page.tsx

@@ -27,6 +27,7 @@ export default function LandingPage() {
         { name: "Home", id: "/" },
         { name: "Fleet", id: "/fleet" },
         { name: "Contact", id: "/contact" },
+        { name: "Request a Free Estimate", id: "/estimate" },
       ]}
       brandName="CleanScene"
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777213847237-f7u1y0mi.png"

src/app/page.tsx

@@ -31,6 +31,7 @@ export default function LandingPage() {
         { name: "Home", id: "/" },
         { name: "Fleet", id: "/fleet" },
         { name: "Contact", id: "/contact" },
+        { name: "Request a Free Estimate", id: "/estimate" },
       ]}
       brandName="CleanScene"
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777213847237-f7u1y0mi.png"
@@ -51,7 +52,7 @@ export default function LandingPage() {
       ]}
       enableKpiAnimation={true}
       buttons={[
-        { text: "Request a free estimate", href: "/contact" },
+        { text: "Request a free estimate", href: "/estimate" },
         { text: "View The Fleet", href: "/fleet" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/front-view-large-transparent-window-with-opened-door-outside-which-newlyweds-posing-embracing-balcony-their-wedding-day_8353-12102.jpg"
@@ -110,7 +111,7 @@ export default function LandingPage() {
       text="Ready to elevate your event experience? Get in touch with our team today to secure your dates and discover our premium rental options."
       textClassName="text-[#0a7039]"
       buttons={[
-        { text: "Request a free estimate", href: "/contact" },
+        { text: "Request a free estimate", href: "/estimate" },
       ]}
     />
   </div>