{[1,2,3,4,5].map(s => ( ))}

{currentIndex + 1} of {reviewsData.length}

{review.text}

{review.initials}

{review.name}

Google Review

); } export default function HomePage({ branding, navigate, onContactSubmit }) { const [isMenuOpen, setIsMenuOpen] = useState(false); const [scrollY, setScrollY] = useState(0); useEffect(() => { const handleScroll = () => setScrollY(window.scrollY); window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); const scrollToSection = (id) => { const el = document.getElementById(id); if (el) el.scrollIntoView({ behavior: 'smooth' }); setIsMenuOpen(false); }; return (

{/* Navigation */}

100 ? 'bg-[#0a0a0b]/95 backdrop-blur-md border-b border-[#fea81f]/20' : 'bg-transparent'}`}>

{ navigate('/'); window.scrollTo(0, 0); }}> {branding.company}

{branding.fullName}

NMLS: {branding.nmls}

{isMenuOpen && (

)}

{/* Hero Section */}

{/* Floating geometric elements */}

Senior Mortgage Specialist

Andrew
McClure

Mortgage Mac

As a licensed mortgage loan originator, I provide personalized service and offer a broad variety of loan products to fit your needs. My business core values are Education, Communication, and Love.

NMLS: {branding.nmls}

licensed in AZ and beyond

{/* Core Values Section */}

Our Foundation

Core Values

{[ { title: 'Education', icon: '📚', desc: 'Empowering you with knowledge to make informed decisions about your financial future.' }, { title: 'Communication', icon: '💬', desc: 'Clear, consistent updates throughout every step of your mortgage journey.' }, { title: 'Love', icon: '❤️', desc: 'Treating every client like family, with genuine care for your homeownership dreams.' } ].map((value, idx) => (

{value.icon}

{value.title}

{value.desc}

))}

"When you partner with me, you step into a business RELATIONSHIP. I don't see you as a number or transaction like so many other lenders do. Rather, I will provide you the tools, knowledge, expertise, and grit to thrive in our real estate market."

{/* Services Section */}

What we Offer

Loan Programs

Whether you're a first-time homebuyer or looking to refinance, I can offer the best wholesale interest rates, closing times, and help you achieve your financial goals.

{['Conventional Loans', 'FHA Loans', 'VA Loans', 'Jumbo Loans', 'Refinancing', 'Investment Properties'].map((service, idx) => (

{service}

))}

{/* CTA Section */}

Ready to Start?

Let me put my knowledge and expertise to work for you. As a lifelong Arizona resident, I'm passionate about helping my clients navigate the regional market and beyond.

{/* Footer */} {/* ── Loan Estimate Analyzer Section ── */} {(() => { const [leStep, setLeStep] = useState(1); const [leForm, setLeForm] = useState({ name: '', email: '', phone: '', creditScore: '' }); const [leFile, setLeFile] = useState(null); const [leFileName, setLeFileName] = useState(''); const [leDragging, setLeDragging] = useState(false); const [leStatus, setLeStatus] = useState('idle'); const [leError, setLeError] = useState(''); const [leStepError, setLeStepError] = useState(''); const fileInputRef = useRef(null); const leSteps = ['Your Information', 'Loan Details', 'Review & Submit']; const formatPhone = useCallback((value) => { const digits = value.replace(/\D/g, '').slice(0, 10); if (digits.length === 0) return ''; if (digits.length <= 3) return '(' + digits; if (digits.length <= 6) return '(' + digits.slice(0, 3) + ') ' + digits.slice(3); return '(' + digits.slice(0, 3) + ') ' + digits.slice(3, 6) + '-' + digits.slice(6); }, []); const handleLeDrop = useCallback((e) => { e.preventDefault(); e.stopPropagation(); setLeDragging(false); const file = e.dataTransfer?.files?.[0]; if (file) { if (file.type !== 'application/pdf' && !file.name?.toLowerCase().endsWith('.pdf')) { setLeStepError('Please upload a PDF file.'); return; } if (file.size > 10 * 1024 * 1024) { setLeStepError('File must be under 10MB.'); return; } setLeFile(file); setLeFileName(file.name); setLeStepError(''); } }, []); const handleLeFileSelect = useCallback((e) => { const file = e.target?.files?.[0]; if (file) { if (file.type !== 'application/pdf' && !file.name?.toLowerCase().endsWith('.pdf')) { setLeStepError('Please upload a PDF file.'); return; } if (file.size > 10 * 1024 * 1024) { setLeStepError('File must be under 10MB.'); return; } setLeFile(file); setLeFileName(file.name); setLeStepError(''); } }, []); const validateStep = useCallback((step) => { if (step === 1) { if (!leForm.name.trim()) { setLeStepError('Please enter your full name.'); return false; } if (!leForm.email.trim()) { setLeStepError('Please enter your email address.'); return false; } if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(leForm.email.trim())) { setLeStepError('Please enter a valid email address.'); return false; } if (!leForm.phone.trim()) { setLeStepError('Please enter your phone number.'); return false; } } if (step === 2) { if (!leFile) { setLeStepError('Please upload your Loan Estimate PDF.'); return false; } } setLeStepError(''); return true; }, [leForm, leFile]); const goNext = useCallback(() => { if (validateStep(leStep)) setLeStep(leStep + 1); }, [leStep, validateStep]); const goBack = useCallback(() => { setLeStepError(''); setLeStep(leStep - 1); }, [leStep]); const handleLeSubmit = useCallback(async () => { setLeStatus('uploading'); setLeError(''); try { const fd = new FormData(); fd.append('websiteId', '8438891e-f5ca-426a-89a7-04b65c8d9b8e'); fd.append('name', leForm.name.trim()); fd.append('email', leForm.email.trim()); fd.append('phone', leForm.phone.trim()); fd.append('creditScore', leForm.creditScore); fd.append('file', leFile); const res = await fetch('/api/website-builder/loan-estimate', { method: 'POST', body: fd }); if (!res.ok) { const body = await res.json().catch(() => ({})); throw new Error(body.error || 'Submission failed'); } setLeStatus('success'); } catch (err) { setLeStatus('error'); setLeError(err.message || 'Something went wrong. Please try again.'); } }, [leForm, leFile]); if (leStatus === 'success') { return (

We're On It!

We are analyzing your loan for potential savings. We'll be in touch soon!

); } return (

See How Much You Could Save

Upload your Loan Estimate and we'll analyze it for potential savings on your mortgage.

{/* Step Progress Indicator */}

{leSteps.map((label, i) => { const stepNum = i + 1; const isActive = stepNum === leStep; const isCompleted = stepNum < leStep; return ( {i > 0 && (

)}

{isCompleted ? ( ) : stepNum}

{label}

); })}

{/* Step 1: Your Information */} {leStep === 1 && (

Full Name * { setLeForm({ ...leForm, name: e.target.value }); setLeStepError(''); }} className="w-full px-4 py-3 bg-[#0a0a0b] border border-[#fea81f]/30 rounded-lg focus:outline-none focus:ring-2 focus:border-transparent transition-shadow text-[#f5f1eb] placeholder-gray-500" style={{ '--tw-ring-color': branding.primaryColor }} placeholder="John Smith" />

Email Address * { setLeForm({ ...leForm, email: e.target.value }); setLeStepError(''); }} className="w-full px-4 py-3 bg-[#0a0a0b] border border-[#fea81f]/30 rounded-lg focus:outline-none focus:ring-2 focus:border-transparent transition-shadow text-[#f5f1eb] placeholder-gray-500" style={{ '--tw-ring-color': branding.primaryColor }} placeholder="john@example.com" />

Phone Number * { setLeForm({ ...leForm, phone: formatPhone(e.target.value) }); setLeStepError(''); }} className="w-full px-4 py-3 bg-[#0a0a0b] border border-[#fea81f]/30 rounded-lg focus:outline-none focus:ring-2 focus:border-transparent transition-shadow text-[#f5f1eb] placeholder-gray-500" style={{ '--tw-ring-color': branding.primaryColor }} placeholder="(555) 123-4567" />

)} {/* Step 2: Loan Details */} {leStep === 2 && (

Estimated Credit Score

Upload Loan Estimate (PDF) *

{ e.preventDefault(); e.stopPropagation(); setLeDragging(true); }} onDragLeave={(e) => { e.preventDefault(); e.stopPropagation(); setLeDragging(false); }} onDrop={handleLeDrop} onClick={() => fileInputRef.current?.click()} className="border-2 border-dashed rounded-xl p-8 text-center cursor-pointer transition-colors" style={{ borderColor: leDragging ? branding.primaryColor : (leFileName ? branding.primaryColor + '80' : '#fea81f40'), backgroundColor: leDragging ? branding.primaryColor + '20' : (leFileName ? branding.primaryColor + '10' : '#0a0a0b'), }} > {leFileName ? (

{leFileName}

Click or drag to replace

) : (

Drag & drop your Loan Estimate here

or click to browse (PDF, max 10MB)

)}

)} {/* Step 3: Review & Submit */} {leStep === 3 && (

Name {leForm.name}

Email {leForm.email}

Phone {leForm.phone}

{leForm.creditScore && (

Credit Score {leForm.creditScore}

)}

Document

{leFileName}

Please confirm your information is correct before submitting.

)} {/* Error Messages */} {(leStepError || leError) && (

{leStepError || leError}

)} {/* Navigation Buttons */}

{leStep > 1 && leStatus !== 'uploading' && ( )} {leStep < 3 && ( )} {leStep === 3 && ( )}

{leStatus === 'error' && ( )}

); })()} {/* Footer */}

); }