src/app/contact/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactForm from '@/components/form/ContactForm';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -26,37 +26,24 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "Services",
-          id: "/services",
-        },
+          name: "Services",          id: "/services"},
         {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
       ]}
       brandName="Green Oregon Landscape LLC"
     />
   </div>
 
   <div id="contact-page-form" data-section="contact-page-form">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get in touch"
+      <ContactForm
       title="Request Your Free Quote Today"
       description="Let's make your lawn look its best. Send us your project details."
-      buttons={[
-        {
-          text: "Get My Free Quote",
-          href: "#",
-        },
-      ]}
+      tag="Get in touch"
+      inputPlaceholder="Enter your name and email"
+      buttonText="Submit Request"
+      onSubmit={(email: string) => console.log("Form submitted with email:", email)}
     />
   </div>
 
@@ -67,13 +54,9 @@ export default function LandingPage() {
       description="We are ready to transform your property throughout the Portland metropolitan area."
       metrics={[
         {
-          value: "24/7",
-          title: "Support Access",
-        },
+          value: "24/7",          title: "Support Access"},
         {
-          value: "Fast",
-          title: "Quote Response",
-        },
+          value: "Fast",          title: "Quote Response"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/gardener-growing-plants-pots-greenhouse-hands-gardener-cutting-branches-with-pruner-closeup-shot-gardening-job-concept_74855-12809.jpg"
       imageAlt="Landscape maintenance team"
@@ -86,29 +69,19 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
-              href: "/",
-            },
+              label: "Home",              href: "/"},
             {
-              label: "Services",
-              href: "/services",
-            },
+              label: "Services",              href: "/services"},
             {
-              label: "Contact",
-              href: "/contact",
-            },
+              label: "Contact",              href: "/contact"},
           ],
         },
         {
           items: [
             {
-              label: "(503) 737-8857",
-              href: "tel:5037378857",
-            },
+              label: "(503) 737-8857",              href: "tel:5037378857"},
             {
-              label: "11427 SW 135th Ave, Portland, OR 97223",
-              href: "#",
-            },
+              label: "11427 SW 135th Ave, Portland, OR 97223",              href: "#"},
           ],
         },
       ]}
@@ -118,4 +91,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}