diff --git a/src/app/how-it-works/page.tsx b/src/app/how-it-works/page.tsx
index 5a84ed1..5602a05 100644
--- a/src/app/how-it-works/page.tsx
+++ b/src/app/how-it-works/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import { FileText, DollarSign, CalendarDays, Percent, Wrench, Sparkles, FileStack, Rocket, Phone, Mail } from "lucide-react";
 import Input from '@/components/form/Input';
@@ -114,38 +114,36 @@ export default function HowItWorksPage() {
         </div>
 
         <div id="contact-form-cta" data-section="contact-form-cta">
-          <ContactCTA
+          <ContactText
             useInvertedBackground={false}
             background={{ variant: "plain" }}
             tag="Contact Us"
-            title="Get Your Cash Offer Today"
-            description="Ready to take the first step towards a fast and easy home sale? Fill out the form below, and we'll get back to you with a no-obligation cash offer. Alternatively, give us a call to speak directly with one of our specialists!"
+            text="Get Your Cash Offer Today. Ready to take the first step towards a fast and easy home sale? Fill out the form below, and we'll get back to you with a no-obligation cash offer. Alternatively, give us a call to speak directly with one of our specialists!"
             buttons={[
               { text: "Call Now", href: "tel:+18001234567" }
             ]}
-          >
-            {/* Custom form embedded within the ContactCTA content area */}
-            <form className="mt-8 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8 max-w-lg mx-auto">
-              <div className="sm:col-span-2">
-                <Input type="text" placeholder="Your Full Name" onChange={() => {}} value="" required ariaLabel="Full Name" />
-              </div>
-              <div className="sm:col-span-1">
-                <Input type="tel" placeholder="Phone Number" onChange={() => {}} value="" required ariaLabel="Phone Number" />
-              </div>
-              <div className="sm:col-span-1">
-                <Input type="email" placeholder="Email Address" onChange={() => {}} value="" required ariaLabel="Email Address" />
-              </div>
-              <div className="sm:col-span-2">
-                <Textarea placeholder="Property Address" onChange={() => {}} value="" rows={3} required ariaLabel="Property Address" />
-              </div>
-              <div className="sm:col-span-2">
-                <Textarea placeholder="Condition of Property (e.g., Needs repairs, Move-in ready)" onChange={() => {}} value="" rows={3} ariaLabel="Condition of Property" />
-              </div>
-              <div className="sm:col-span-2 flex justify-center mt-4">
-                <ButtonHoverBubble text="Submit Offer" type="submit" className="w-full sm:w-auto" />
-              </div>
-            </form>
-          </ContactCTA>
+          />
+          {/* Custom form previously embedded in ContactCTA, now placed adjacent to ContactText */}
+          <form className="mt-8 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8 max-w-lg mx-auto">
+            <div className="sm:col-span-2">
+              <Input type="text" placeholder="Your Full Name" onChange={() => {}} value="" required ariaLabel="Full Name" />
+            </div>
+            <div className="sm:col-span-1">
+              <Input type="tel" placeholder="Phone Number" onChange={() => {}} value="" required ariaLabel="Phone Number" />
+            </div>
+            <div className="sm:col-span-1">
+              <Input type="email" placeholder="Email Address" onChange={() => {}} value="" required ariaLabel="Email Address" />
+            </div>
+            <div className="sm:col-span-2">
+              <Textarea placeholder="Property Address" onChange={() => {}} value="" rows={3} required ariaLabel="Property Address" />
+            </div>
+            <div className="sm:col-span-2">
+              <Textarea placeholder="Condition of Property (e.g., Needs repairs, Move-in ready)" onChange={() => {}} value="" rows={3} ariaLabel="Condition of Property" />
+            </div>
+            <div className="sm:col-span-2 flex justify-center mt-4">
+              <ButtonHoverBubble text="Submit Offer" type="submit" className="w-full sm:w-auto" />
+            </div>
+          </form>
         </div>
 
         <div id="footer" data-section="footer">