export default function HomeownerPortalFunnelPage({ branding, onContactSubmit }) { const [formData, setFormData] = useState({ name: '', email: '', address: '' }); const [formStatus, setFormStatus] = useState('idle'); const [formError, setFormError] = useState(''); const [openFaq, setOpenFaq] = useState(null); const pc = branding.primaryColor || '#7828fa'; const sc = branding.secondaryColor && branding.secondaryColor !== '#ffffff' ? branding.secondaryColor : '#2563eb'; const companyName = branding.companyName || branding.company || branding.fullName || 'your lending team'; const loName = branding.fullName || branding.name || 'your loan officer'; const scrollToForm = () => { const el = document.getElementById('claim-section'); if (el) el.scrollIntoView({ behavior: 'smooth' }); }; const handleSubmit = async (e) => { e.preventDefault(); setFormError(''); const name = formData.name.trim(); const email = formData.email.trim(); const address = formData.address.trim(); if (!name || !email || !address) { setFormError('Please fill in your name, email, and property address.'); return; } if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) { setFormError('Please enter a valid email address.'); return; } setFormStatus('sending'); try { await onContactSubmit({ name, email, address, message: 'HomeOwner Portal request for ' + address, source: 'homeowner-portal-funnel', }); setFormStatus('sent'); setFormData({ name: '', email: '', address: '' }); } catch (err) { setFormStatus('error'); setFormError(err && err.message ? err.message : 'Something went wrong. Please try again.'); } }; const painPoints = [ { icon: 'M13 7h8m0 0v8m0-8l-8 8-4-4-6 6', title: 'You have no idea what your home is actually worth today', desc: 'Zillow links, Realtor.com, your neighbor\'s guess -- they all tell different stories. Without a live number you trust, you can\'t plan renovations, refis, or when to sell.' }, { icon: 'M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z', title: 'Refi math is confusing and the timing is a mystery', desc: 'Should you refinance? At what rate? How much would you actually save? Most homeowners find out too late that rates dipped and they missed the window.' }, { icon: 'M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9', title: 'Market moves, local deals, and perks slip by unnoticed', desc: 'Your home is your biggest asset and nobody sends you the intel. No price alerts, no neighborhood comps, no local perks -- just silence until you need something.' }, ]; const features = [ { icon: 'M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6', title: 'Live Home Value', desc: 'Your up-to-date Zestimate, value history chart, and tax history -- refreshed automatically so you always know what your home is worth this week, not last year.' }, { icon: 'M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z', title: 'Refinance Intelligence', desc: 'See live refinance scenarios against your current loan: break-even months, lifetime savings, PMI removal, cash-out options. When rates drop enough to matter, you get a nudge.' }, { icon: 'M3 3v18h18M7 14l4-4 4 4 5-5', title: 'Market Insights', desc: 'Nearby sold comps, listing prices, rent estimates, days-on-market trends, and a neighborhood price chart. The same data agents use, served to you every week.' }, { icon: 'M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0zM15 11a3 3 0 11-6 0 3 3 0 016 0z', title: 'Lifestyle & Local Perks', desc: 'Weekend activities, walkability and transit scores, and exclusive discounts on local services. Your portal becomes the go-to for "where should we eat this weekend" not just "is it time to refi."' }, { icon: 'M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z', title: 'Local Pros at Your Fingertips', desc: 'Vetted local handymen, landscapers, cleaners, and contractors with real reviews -- plus a direct line to your loan officer and realtor whenever you have a question.' }, { icon: 'M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z', title: 'Private & Secure', desc: 'Only you see your data. Bank-grade encryption, no ads, no selling your info. Cancel anytime and your data is removed. Invite-only -- nobody else can claim your home.' }, ]; const stats = [ { value: '$0', label: 'Cost to You', sub: 'Your loan officer covers everything' }, { value: 'Live', label: 'Home Values', sub: 'Zestimate refreshed weekly' }, { value: 'Weekly', label: 'Market Updates', sub: 'Comps, trends, and alerts' }, { value: '256-bit', label: 'Encryption', sub: 'Bank-grade data security' }, ]; const steps = [ { num: '01', title: 'Request Your Portal', desc: 'Drop your name, email, and property address in the form below. That\'s the whole signup -- no credit card, no phone call required.' }, { num: '02', title: 'Check Your Inbox', desc: 'We email you a private invite link within seconds, straight from ' + loName + '. Click it and pick a password.' }, { num: '03', title: 'Track Your Home', desc: 'Live value, refi math, market comps, and lifestyle intel -- all on one dashboard. Log in anytime from any device.' }, { num: '04', title: 'Act When It Matters', desc: 'When rates drop, your value jumps, or a deal you should know about pops up, your portal surfaces it. Refi or stand pat -- you\'re in control.' }, ]; const faqs = [ { q: 'Is this really free?', a: 'Yes, 100% free for homeowners. Your loan officer partner at ' + companyName + ' covers the cost so you can track your biggest asset at no charge. No credit card, no trial, no surprise invoice. You can remove yourself at any time.' }, { q: 'Who sees my data?', a: 'Only you. Your loan officer can see that you claimed a portal and your property address (because they set it up for you), but your day-to-day activity, preferences, and financial scenarios are private to your account. We don\'t sell your data, ever.' }, { q: 'Do I have to refinance or use your loan officer to use the portal?', a: 'No. The portal is a free tool. There is zero obligation to refinance, buy, sell, or work with ' + loName + '. The portal is theirs, the home is yours, and we hope when you do eventually need a mortgage person you remember who gave you a free dashboard for years.' }, { q: 'How fresh is the home value and market data?', a: 'Home values (Zestimates) and market comps are refreshed on a rolling basis -- typically weekly. Refinance calculations use live mortgage rate feeds. Local perks, weekend activities, and Pro listings update continuously based on your ZIP.' }, { q: 'Can I remove myself and delete my data?', a: 'Yes. There is a one-click unclaim in your portal settings that deletes your auth account and detaches your property. If you\'d rather email someone, reach out to ' + loName + ' directly and they can revoke the invite from their side.' }, { q: 'What if my property address is wrong or shared with another unit?', a: 'After you claim your portal, you can adjust the property nickname and contact ' + loName + ' to correct the linked address. For multi-unit properties we pull data for the specific unit on record -- if something looks off, just ask and it gets fixed.' }, ]; return (

{/* Top accent bar */}

{/* Nav */} {/* Hero */}

Free HomeOwner Portal

Your Home,
Tracked Like a Portfolio.

Live value, refinance intelligence, local market comps, and lifestyle perks -- all on one private dashboard. Your loan officer covers the cost, you keep the intel. No ads. No credit card. No catch.

{branding.phone && ( Call {branding.phone} )}

{['100% Free Forever', 'No Credit Card', '60-Second Signup'].map((item) => (

{item}

))}

{/* Pain Points */}

Sound Familiar?

Most homeowners live in the dark about the biggest asset they own. You don\'t have to.

{painPoints.map((p, i) => (

{p.title}

{p.desc}

))}

{/* Features Grid */}

Everything on One Dashboard

The HomeOwner Portal replaces a dozen tabs, newsletters, and half-answered texts with one private, always-on snapshot of your home.

{features.map((f, i) => (

{f.title}

{f.desc}

))}

{/* Stats */}

Built for Homeowners, Paid by Your Loan Officer

You track your biggest asset. We send you the intel. Nobody hands you a bill.

{stats.map((s, i) => (

{s.value}

{s.label}

{s.sub}

))}

{/* How It Works */}

From Request to Dashboard in 60 Seconds

Request, claim, track. That\'s the whole flow.

{steps.map((s, i) => (

{s.num}

{s.title}

{s.desc}

{i < steps.length - 1 && ( )}

))}

{/* LO Trust Section */}

{branding.headshotUrl ? ( {branding.fullName

) : (

)}

{branding.fullName || 'Your Loan Officer'}

{branding.title &&

{branding.title}

} {branding.company &&

{branding.company}

}

I cover the cost of your HomeOwner Portal so you have a private, always-on view of your home\'s value and the market around it. No strings -- when you eventually need a refi or a second mortgage, I hope you\'ll think of me first. Until then, enjoy the data.

{branding.nmls && NMLS# {branding.nmls}} {branding.companyNmls && Company NMLS# {branding.companyNmls}} {branding.email && {branding.email}}

{/* FAQ */}

Frequently Asked Questions

Everything you need to know before you claim your portal.

{faqs.map((faq, i) => (

{openFaq === i &&

{faq.a}

}

))}

{/* Claim Form */}

Claim Your Free HomeOwner Portal

Name, email, property address. We email your private invite in seconds.

{formStatus === 'sent' ? (

Invite on the way!

Check your email for a link from {loName} to set your password and jump into your HomeOwner Portal. If you don\'t see it in the next minute or two, check your spam folder.

) : (

Full Name setFormData({ ...formData, name: e.target.value })} placeholder="Jane Homeowner" disabled={formStatus === 'sending'} className="w-full px-4 py-3 rounded-lg border text-base transition-colors focus:outline-none" style={{ borderColor: '#e2e8f0', backgroundColor: '#fff' }} />

Email setFormData({ ...formData, email: e.target.value })} placeholder="jane@example.com" disabled={formStatus === 'sending'} className="w-full px-4 py-3 rounded-lg border text-base transition-colors focus:outline-none" style={{ borderColor: '#e2e8f0', backgroundColor: '#fff' }} />

Property Address setFormData({ ...formData, address: e.target.value })} placeholder="123 Main St, City, ST 12345" disabled={formStatus === 'sending'} className="w-full px-4 py-3 rounded-lg border text-base transition-colors focus:outline-none" style={{ borderColor: '#e2e8f0', backgroundColor: '#fff' }} />

{formError && (

{formError}

)}

By claiming your portal you agree to receive one invite email from {loName}. No spam, no sharing, cancel anytime.

)}

{/* Footer */}

); }

HomeOwner Portal

HomeOwner Portal