bender/237f9bd0-d58e-4b06-8efa-de182aabe865
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #9

Merged
bender merged 1 commits from version_2 into main 2026-03-23 21:40:41 +00:00
Conversation 0 Commits 1 Files Changed 1 +25 -27
1 changed files with 25 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/app/how-it-works/page.tsx
View File

@@ -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">