1234 Ocean View Dr

*Pre-qualification is based on information you provided and is not a commitment to lend. Final loan approval is subject to verification of income, assets, employment, credit history, and property appraisal. Rates and terms are subject to change. Not all applicants will qualify.

) } [V0_FILE]typescriptreact:file="app/education/page.tsx" isMerged="true" "use client" import { useRouter } from "next/navigation" import { Header } from "@/components/header" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion" export default function EducationPage() { const router = useRouter() const guides = [ { id: "va-entitlement-coe", title: "VA Entitlement & COE: what you need", description: "Understanding your Certificate of Eligibility and VA loan benefits", readTime: "5 min read", category: "VA Loans", slug: "/education/va-entitlement-coe", }, { id: "prequal-vs-preapproval", title: "Pre-qual vs Pre-approval", description: "Know the difference and when to use each in your home buying journey", readTime: "4 min read", category: "Getting Started", slug: "/education/prequal-vs-preapproval", }, { id: "documents-checklist", title: "Documents checklist", description: "Complete list of documents you'll need for your mortgage application", readTime: "3 min read", category: "Application Process", slug: "/education/documents-checklist", }, { id: "va-fha-conventional", title: "VA vs FHA vs Conventional", description: "Side-by-side comparison of the most popular loan types", readTime: "6 min read", category: "Loan Types", slug: "/education/va-fha-conventional", }, { id: "cash-out-refinance", title: "Cash-Out refinance", description: "When it makes sense, risks to consider, and alternatives", readTime: "5 min read", category: "Refinancing", slug: "/education/cash-out-refinance", }, { id: "closing-costs-101", title: "Closing costs 101", description: "Understanding typical closing costs and ways to reduce them", readTime: "4 min read", category: "Costs & Fees", slug: "/education/closing-costs-101", }, ] const faqItems = [ { question: "Will pre-qual affect my credit score?", answer: "No, not for initial pre-qualification. We use a soft credit inquiry that doesn't impact your credit score. Only when you decide to move forward with a full application will we perform a hard credit check.", }, { question: "Do VA loans have monthly PMI?", answer: "No monthly PMI; a VA funding fee may apply unless exempt. The VA funding fee is a one-time cost that can be rolled into your loan amount, and some veterans are exempt based on disability rating or other factors.", }, { question: "How fast can I close?", answer: "Varies by file; target timelines provided after application. Typically, VA loans take 30-45 days, conventional loans 30-40 days, and FHA loans 30-45 days from application to closing.", }, { question: "Can I use VA for a second home?", answer: "Primary residences only (with narrow exceptions). VA loans are intended for homes you'll live in as your primary residence. There are limited exceptions for certain situations like military reassignment.", }, { question: "What's the minimum credit score needed?", answer: "Minimum credit scores vary by loan type. VA loans often accept scores as low as 580, FHA loans typically require 580+, and conventional loans usually need 620+ for the best terms.", }, { question: "How much can I borrow?", answer: "Loan amounts depend on your income, debts, credit score, and local loan limits. VA loans have no set maximum but are limited by your ability to repay and county loan limits for zero-down purchases.", }, ] return (

{/* Header */}

Learn how mortgages really work

Clear, actionable guides—no jargon. Get the knowledge you need to make confident decisions about your home financing.

{/* Main Content - Guides */}

Education Guides

{guides.map((guide) => (

{guide.category} {guide.readTime}

{guide.title}

{guide.description}

Frequently Asked Questions {faqItems.map((item, index) => ( {item.question} {item.answer} ))}

{/* CTA Section */}

Ready to get started?

Put your knowledge to work and get pre-qualified in minutes.

{/* Sidebar - FAQ */}

) } [V0_FILE]typescriptreact:file="app/education/va-entitlement-coe/page.tsx" isMerged="true" "use client" import { useRouter } from "next/navigation" import { Header } from "@/components/header" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" export default function VAEntitlementCOEPage() { const router = useRouter() return (

{/* Breadcrumb */} {/* Article Header */}

VA Loans 5 min read

VA Entitlement & COE: what you need

Understanding your Certificate of Eligibility and how VA loan entitlement works is crucial for maximizing your home buying benefits.

{/* Article Content */}

What is a Certificate of Eligibility (COE)?

Your Certificate of Eligibility (COE) is an official document from the VA that proves you're eligible for VA loan benefits. Think of it as your "golden ticket" to access zero-down home financing with no monthly mortgage insurance.

The COE shows lenders that you've met the VA's service requirements and tells them how much entitlement you have available to use toward a loan.

Basic Eligibility Paths

Active Duty

• 90 continuous days of active duty during wartime
• 181 days during peacetime
• 6 years in National Guard or Reserves

Veterans

• Honorable discharge required
• Service requirements vary by era
• Surviving spouses may be eligible

How to Request Your COE

Three Ways to Get Your COE:

1. Online (Fastest): Use the VA's eBenefits portal or VA.gov if you have a premium account
2. Through Your Lender: We can request it for you during the loan process
3. By Mail: Submit VA Form 26-1880 with required documents to your regional VA office

Pro tip: Getting your COE before house hunting shows sellers you're a serious, qualified buyer and can speed up your loan process.

Common Myths Debunked

Myth: "You can only use VA benefits once"

Truth: You can reuse your VA loan benefits multiple times throughout your lifetime, as long as you meet certain conditions.

Myth: "VA loans take longer to close"

Truth: With proper preparation and an experienced lender, VA loans close just as quickly as conventional loans.

Myth: "Sellers don't like VA offers"

Truth: Educated sellers and agents understand that VA buyers are often well-qualified and serious about purchasing.

Next Steps

Ready to put your VA benefits to work? Getting pre-qualified is the perfect next step to understand your buying power and show sellers you're ready to make competitive offers.

Ready to use your VA benefits?

Get pre-qualified in minutes and see your buying power.

{/* Helpful Next Read */}

Helpful next read

Loan Types 6 min read

VA vs FHA vs Conventional

Side-by-side comparison of the most popular loan types

) } [V0_FILE]typescriptreact:file="app/locations/north-carolina/page.tsx" isMerged="true" "use client" import { useRouter } from "next/navigation" import { Header } from "@/components/header" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" export default function NorthCarolinaPage() { const router = useRouter() return (

{/* Breadcrumb */} {/* Header */}

VA, FHA & Conventional Loans in North Carolina

Serving homebuyers across the Tar Heel State with competitive rates and local expertise.

{/* Main Content */}

{/* Overview */} Loan Programs We Offer in North Carolina

SnapMortgage is proud to serve North Carolina homebuyers with a full range of loan programs designed to meet diverse needs and financial situations.

Available Programs:

• VA Home Loans (0% down)
• FHA Loans (3.5% down)
• Conventional Loans
• VA Streamline (IRRRL)

Specialty Options:

• Cash-Out Refinance
• Renovation Loans
• Construction-to-Perm
• Jumbo Loans

{/* County Loan Limits */} County Loan Limits

Loan limits vary by county and are updated annually. These limits affect the maximum loan amount for conventional and FHA loans, while VA loans have no set maximum but are influenced by county limits for zero-down purchases.

2024 Sample Limits (Subject to Change):

Most NC Counties: $766,550

High-Cost Areas: Up to $1,149,825

*For current limits specific to your county, please contact our team or visit the FHFA website.

{/* Local Taxes & Insurance */} Local Taxes & Insurance

Understanding local costs helps you budget accurately for homeownership in North Carolina.

Typical Property Tax Rates:

North Carolina property tax rates typically range from 0.7% to 1.2% of assessed value, varying by county and municipality. The state average is approximately 0.84%.

Homeowners Insurance:

Annual premiums typically range from $800-$1,500 depending on location, home value, and coverage level. Coastal areas may require additional flood or wind coverage.

{/* Getting Started */}

Getting Started in North Carolina

Ready to explore your home financing options in the Tar Heel State? Our pre-qualification process takes just minutes and gives you a clear picture of your buying power.

{/* Sidebar */}

Talk to a Local Specialist

Connect with a loan officer who understands the North Carolina market and can guide you through your options.

(555) 123-4567

nc-team@snapmortgage.com

Mon-Fri 8AM-7PM EST

) } [V0_FILE]jpg:file="public/team-member-ceo.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/team-member-ceo-DbUH7ThOdcSVZ6vyDLlAzyyGd2Zccm.jpg" isMerged="true" [V0_FILE]jpg:file="public/team-member-lending.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/team-member-lending-DbUH7ThOdcSVZ6vyDLlAzyyGd2Zccm.jpg" isMerged="true" [V0_FILE]jpg:file="public/team-member-cto.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/team-member-cto-DbUH7ThOdcSVZ6vyDLlAzyyGd2Zccm.jpg" isMerged="true" [V0_FILE]png:file="public/snapmortgage-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Asset%2021%4010x-8-pzSl6xPCpWYDcSTTGX9YPCwaeG306j.png" isMerged="true" [V0_FILE]typescriptreact:file="components/property-card.tsx" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Heart, Bell, Zap, Bed, Bath, Square } from "lucide-react" interface PropertyCardProps { property: { id: string image: string price: string address: string beds: number baths: number sqft: string status?: string } isLoggedIn?: boolean onFavorite?: () => void onSaveSearch?: () => void onPrequalify?: () => void } export function PropertyCard({ property, isLoggedIn = false, onFavorite, onSaveSearch, onPrequalify, }: PropertyCardProps) { const [isFavorited, setIsFavorited] = useState(false) const handleFavorite = () => { if (isLoggedIn) { setIsFavorited(!isFavorited) onFavorite?.() } else { onFavorite?.() } } return (

{property.status && ( {property.status} )}

{property.price}

{property.address}

{property.beds} beds

{property.baths} baths

{property.sqft} sqft

Evaluating options...

This will just take a moment

) } return (

{/* Progress Header */}

{/* Step Progress */}

{stepGroups.map((group, groupIndex) => { const isCurrentGroup = group.steps.includes(currentStep) const isCompletedGroup = group.steps.every((stepIndex) => stepIndex < currentStep) const hasStartedGroup = group.steps.some((stepIndex) => stepIndex <= currentStep) return (

{group.name}

{hasStartedGroup && (

{group.steps.map((stepIndex) => (

)} {groupIndex < stepGroups.length - 1 &&

{stepTitles.map((title, index) => (

) })}

{/* Sub-navigation */}

{title}

{/* Step 0: Looking To Do */} {currentStep === 0 && (

Looking To Do

Hi there, what are you looking to do?

{errors.lookingToDo &&

{errors.lookingToDo}

)} {/* Step 1: Location & Price */} {currentStep === 1 && (

Where Are You Wanting To Buy?

updateFormData("zipCode", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> {errors.zipCode &&

{errors.zipCode}

updateFormData("homePrice", value)} max={5000000} min={100000} step={25000} className="w-full" />

Desired Home Price

$100k {formData.homePrice[0] >= 1000000 ? `$${(formData.homePrice[0] / 1000000).toFixed(1)}M` : `$${(formData.homePrice[0] / 1000).toFixed(0)}k`} $5M

)} {/* Step 2: Property Type */} {currentStep === 2 && (

What type of property are you looking for?

{[ "Single Family", "Condominium", "Town Home", "Multi-family", "Mobile/Manufactured", "New Construction", ].map((type) => ( ))}

updateFormData("hasHOA", e.target.checked)} className="w-4 h-4" /> Is there an HOA?

{formData.hasHOA && (

Monthly HOA Amount

$ updateFormData("hoaAmount", e.target.value)} className="pl-8 w-48 text-center" min="0" step="1" />

)} {errors.propertyType &&

{errors.propertyType}

)} {/* Step 3: Occupancy */} {currentStep === 3 && (

Will you occupy the property?

{errors.occupancy &&

{errors.occupancy}

)} {/* Step 4: First Time Buyer */} {currentStep === 4 && (

Are you a first time home buyer?

{errors.firstTimeBuyer &&

{errors.firstTimeBuyer}

)} {/* Step 5: Number of Applicants */} {currentStep === 5 && (

How many people are going to be on the application?

updateFormData("numberOfApplicants", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent text-center" min="1" max="4" /> {errors.numberOfApplicants && (

{errors.numberOfApplicants}

)} {/* Step 6: Full Name */} {currentStep === 6 && (

David Testcase

What is your full name?

updateFormData("firstName", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> updateFormData("middleInitial", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" maxLength={1} /> updateFormData("lastName", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> {errors.name &&

{errors.name}

)} {/* Step 7: Date of Birth */} {currentStep === 7 && (

David Testcase

Date of Birth

(all applicants must be over the age of 18)

{errors.birthDate}

)} {/* Step 8: Military Service */} {currentStep === 8 && (

David Testcase

Military Service

Did you serve (or currently serving) in the military?

{formData.militaryService === "yes" && (

Branch of Service

{[ "Army", "Marine Corps", "Navy", "Air Force", "Space Force", "Coast Guard", "NOAACC", "USPHS", ].map((branch) => ( ))}

{errors.militaryBranch &&

{errors.militaryBranch}

)} {errors.militaryService &&

{errors.militaryService}

)} {/* Step 10: Military Status */} {currentStep === 10 && formData.militaryService === "yes" && (

{formData.militaryBranch && (

Military Status

Selected Branch: {formData.militaryBranch}

Current Status

{getAvailableStatuses().map((status) => ( ))}

{errors.serviceStatus &&

{errors.serviceStatus}

)} {currentStep === 11 && formData.militaryService === "yes" && (

Pay Grade {errors.payGrade &&

Pay Grade and Rank

{errors.payGrade}

Rank {errors.rank &&

{errors.rank}

)} {currentStep === 12 && (

{[ "W2 - Hourly or Salary", "Military Pay", "Self Employed/1099 Contractor", "Retirement/Disability", ].map((type) => ( ))}

Select Income Types

Select all that apply. You can select more than one.

{errors.incomeTypes &&

{errors.incomeTypes}

)} {currentStep === 13 && (

Enter W2 Income

updateFormData("w2Amount", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" />

updateFormData("monthlyBonuses", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> updateFormData("monthlyCommission", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> updateFormData("monthlyOvertime", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" />

)} {currentStep === 14 && (

Military Pay

updateFormData("basePay", e.target.value)} className="px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> updateFormData("bas", e.target.value)} className="px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> updateFormData("bah", e.target.value)} className="px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> updateFormData("cola", e.target.value)} className="px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" />

)} {currentStep === 15 && (

Additional Income

{formData.additionalIncome.map((income, index) => (

{ const newIncome = [...formData.additionalIncome] newIncome[index].amount = e.target.value updateFormData("additionalIncome", newIncome) }} className="px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" />

)} {currentStep === 16 && (

Address Line 1 updateFormData("addressLine1", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" placeholder="Street address" />

What is your current address?

Address 2 updateFormData("addressLine2", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" placeholder="Apt, suite, etc. (optional)" />

City updateFormData("city", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" />

State

Zip Code updateFormData("zipCodeAddress", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" />

)} {currentStep === 17 && (

updateFormData("totalAssets", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent text-center" min="0" />

Total Assets

What is the total value of your assets?

)} {currentStep === 18 && (

updateFormData("downPayment", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent text-center" min="0" />

Down Payment

How much are you planning to put down?

)} {currentStep === 19 && (

)} {currentStep === 20 && (

Review

Please review your information before submitting.

Looking To Do: {formData.lookingToDo}

Zip Code: {formData.zipCode}

Home Price: {formData.homePrice[0]}

Property Type: {formData.propertyType}

Has HOA: {formData.hasHOA ? "Yes" : "No"}

HOA Amount: {formData.hoaAmount}

Occupancy: {formData.occupancy}

First Time Buyer: {formData.firstTimeBuyer}

Number of Applicants: {formData.numberOfApplicants}

First Name: {formData.firstName}

Middle Initial: {formData.middleInitial}

Last Name: {formData.lastName}

Suffix: {formData.suffix}

Birth Month: {formData.birthMonth}

Birth Day: {formData.birthDay}

Birth Year: {formData.birthYear}

Military Service: {formData.militaryService}

Service Category: {formData.serviceCategory}

Service Branch: {formData.serviceBranch}

Military Status: {formData.militaryStatus}

Pay Grade: {formData.payGrade}

Rank: {formData.rank}

Address Line 1: {formData.addressLine1}

Address Line 2: {formData.addressLine2}

City: {formData.city}

State: {formData.state}

Zip Code Address: {formData.zipCodeAddress}

Income Types: {formData.incomeTypes.join(", ")}

W2 Pay Type: {formData.w2PayType}

W2 Pay Frequency: {formData.w2PayFrequency}

W2 Amount: {formData.w2Amount}

Monthly Bonuses: {formData.monthlyBonuses}

Monthly Commission: {formData.monthlyCommission}

Monthly Overtime: {formData.monthlyOvertime}

Base Pay: {formData.basePay}

BAS: {formData.bas}

BAH: {formData.bah}

COLA: {formData.cola}

Total Assets: {formData.totalAssets}

Down Payment: {formData.downPayment}

updateFormData("phoneNumber", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> updateFormData("emailAddress", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" />

Contact Information

Please enter your contact information.

)} {currentStep === 21 && (

{formData.verificationCode.map((digit, index) => ( { const newCode = [...formData.verificationCode] newCode[index] = e.target.value updateFormData("verificationCode", newCode) }} className="w-12 h-12 text-center border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> ))}

Phone Verification

Please enter the verification code sent to your phone.

)} {currentStep === 22 && (

)} {currentStep === 23 && (

Processing

Please wait while we process your information.

updateFormData("socialSecurityNumber", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" />

SSN Request

Please enter your Social Security Number.

)} {currentStep === 24 && (

{formData.existingMortgages.map((mortgage, index) => (

Existing Mortgages

Please enter your existing mortgages.

{ const newMortgages = [...formData.existingMortgages] newMortgages[index].creditor = e.target.value updateFormData("existingMortgages", newMortgages) }} className="px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> { const newMortgages = [...formData.existingMortgages] newMortgages[index].balance = e.target.value updateFormData("existingMortgages", newMortgages) }} className="px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> { const newMortgages = [...formData.existingMortgages] newMortgages[index].payment = e.target.value updateFormData("existingMortgages", newMortgages) }} className="px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> { const newMortgages = [...formData.existingMortgages] newMortgages[index].address = e.target.value updateFormData("existingMortgages", newMortgages) }} className="px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" />

)} {currentStep === 25 && (

updateFormData("propertyStatus", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> updateFormData("rentalIncome", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" />

Property Status

What is the status of your property?

)} {currentStep === 26 && (

{formData.liabilities.map((liability, index) => (

Liabilities

Please enter your liabilities.

{ const newLiabilities = [...formData.liabilities] newLiabilities[index].creditor = e.target.value updateFormData("liabilities", newLiabilities) }} className="px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> { const newLiabilities = [...formData.liabilities] newLiabilities[index].balance = e.target.value updateFormData("liabilities", newLiabilities) }} className="px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> { const newLiabilities = [...formData.liabilities] newLiabilities[index].payment = e.target.value updateFormData("liabilities", newLiabilities) }} className="px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> { const newLiabilities = [...formData.liabilities] newLiabilities[index].payoff = e.target.value updateFormData("liabilities", newLiabilities) }} className="px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" />

)} {currentStep === 27 && (

)} {currentStep === 28 && (

Results

Here are your results.

Selected Loan Type: {formData.selectedLoanType}

updateFormData("meetingPreference", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> updateFormData("selectedDate", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> updateFormData("selectedTime", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" /> updateFormData("serviceStatus", e.target.value)} className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" />

Consultation

Please schedule a consultation.

{/* Section 1: What Is Prequalification? */}

{/* Main Site Header */}

{/* Hero Section */}

Getting Prequalified For A Mortgage

Take the first step in your homebuying journey with confidence.

{/* Timeline Process */}

Step 1: Prequalification

Get your estimate (You are here!)

Step 2: House Hunting

Find your perfect home

Step 3: Closing

Finalize your purchase

Step 4: Move In

Welcome home!

What Is Prequalification?

Quick & Easy Process

Quick estimate of how much you may qualify for

Uses soft credit check → no impact to your score

Different from preapproval (lighter check, faster, but not final)

Pro Tip

After prequalification, review your credit and finances with our Credit Readiness guide.

{/* Section 2: Why It Matters */}

Why It Matters

Credibility with Sellers

Sellers and Realtors expect proof of financial readiness before considering your offer.

Competitive Advantage

Prequalification shows you're serious and competitive in today's market.

Realistic Budget

Gives you a realistic budget before you start house hunting.

{/* Stats */}

Prequalified buyers are 2x more likely to get their first offer accepted.

Save Time

Knowing your range prevents wasting time on homes outside your budget.

{/* Section 3: How Our Prequalification Works */}

How Our Prequalification Works

1. Simple Questions

Answer a few questions about income, debts, and goals.

2. Instant Results

Get immediate results with no hard credit pull.

3. Loan Options

Explore tailored options: VA, FHA, Conventional, Jumbo.

4. Connect & Save

Save results and connect with a loan officer.

Check Today's Live Rates

See how your prequalification translates into monthly payments with current market rates.

{/* Section 4: Loan Options After Prequalification */}

Loan Options After Prequalification

Turn your prequalification into real possibilities.

{/* Loan Comparison Table */}

Loan Type	Down Payment	Rate Range	Typical Credit	Best For
VA Loans	0%	6.25% - 6.75%	580+	Veterans & Active Duty
FHA Loans	3.5%	6.50% - 7.00%	580+	First-Time Buyers
Conventional	3% - 20%	6.75% - 7.25%	620+	Strong Credit Buyers
Jumbo Loans	10% - 20%	6.50% - 7.00%	700+	High-Value Properties

{/* Section 5: Example Scenarios */}

Example Scenarios

{/* VA Loan Example */} VA Loan (No Down Payment)

Monthly Payment (P&I):

~$2,212

Benefit: Lowest out-of-pocket upfront, great for veterans and active duty.

{/* Conventional Loan Example */} Conventional Loan (5% Down)

Monthly Payment (P&I):

~$2,158

Benefit: Builds equity faster, strong option for buyers with higher credit scores.

{/* FHA Loan Example */} FHA Loan (3.5% Down)

Monthly Payment (P&I):

~$2,186

(plus mortgage insurance premium)

Benefit: Easier qualification for first-time buyers with lower credit scores.

{/* Rent vs Buy Example */} Renting vs Buying Comparison

Rent at $2,200/month $140,000 over 5 years

Buy with VA loan $132,720 + $30k equity

Result: Buying wins with equity gains + stability, while rent only increases.

{/* Section 6: Common Questions */}

Common Questions

Does prequalification affect my credit? No, prequalification uses a soft credit check which does not impact your credit score. It's completely safe for your credit profile. How long does it take? Our prequalification process takes just minutes to complete. You'll get instant results as soon as you submit your information. Do I need prequalification to make an offer? While not legally required, Realtors and sellers strongly recommend it. It shows you're a serious buyer and can significantly strengthen your offer in competitive markets. Prequalification vs Preapproval – what's the difference? Prequalification is a quick estimate based on basic information with a soft credit check. Preapproval is more thorough, requires documentation, and involves a hard credit check, but provides a more definitive loan commitment. Can I prequalify for multiple loan types at once? Yes! Our prequalification tool will show you options for VA, FHA, Conventional, and Jumbo loans based on your profile, so you can compare what works best for your situation.

{/* Section 7: Next Steps */}

Next Steps After Prequalification

Start House Hunting

Step into house hunting with confidence knowing your budget.

Connect with Expert

Get personalized advice from our experienced loan officers.

Plan for Closing

Learn about the final steps to homeownership.

Ready to Lock in Your Rate?

Check today's mortgage rates and see how they affect your monthly payment.

{/* Section 8: Disclosures */}

Important Disclosures

Important: Prequalification is not a loan approval or commitment to lend. Final loan approval is subject to verification of income, assets, credit history, and property appraisal.

Rate and payment examples are based on assumptions including credit score ranges, loan amounts, and current market conditions. Your actual rate and payment may vary based on your specific financial profile and market conditions at the time of application.

For current rates and terms, please visit our{" "} Current Mortgage Rates {" "} page or speak with one of our loan officers.

) } [V0_FILE]typescriptreact:file="app/education/prequalification/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/education/house-hunting/loading.tsx" isMerged="true" export default function Loading() { return (

) } [V0_FILE]typescriptreact:file="app/education/closing/page.tsx" isMerged="true" import Header from "@/components/header" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion" import { CheckCircle, Clock, FileText, Home, Shield, Users, DollarSign, Search, Award, Phone, TrendingUp, Building, Landmark, RefreshCw, ArrowRight, AlertCircle, Info, } from "lucide-react" import Link from "next/link" export default function ClosingProcessPage() { return (

{/* Hero Section */}

The Closing Process, Simplified

From accepted offer to keys in hand — here's what to expect.

{/* Timeline Graphic */}

{/* What Is Closing Section */}

What Is Closing?

Closing is the final step in the home buying process where ownership officially transfers from the seller to you. During closing, all documents are signed, funds are disbursed, and you receive the keys to your new home.

💡 Think of closing as the finish line — but also the most important hand-off.

{/* Step-by-Step Guide */}

Step-By-Step Guide To Closing

{[ { number: 1, title: "Offer Accepted", description: "Your SnapRealty agent and loan officer sync up immediately.", icon: CheckCircle, }, { number: 2, title: "Home Inspection & Appraisal", description: "Required to confirm condition + value.", icon: Search, }, { number: 3, title: "Final Loan Underwriting", description: 'Lender verifies documents, conditions, and issues "clear to close."', icon: FileText, }, { number: 4, title: "Closing Disclosure (CD)", description: "Sent at least 3 days before closing; review fees, rates, and monthly payment.", icon: DollarSign, }, { number: 5, title: "Final Walkthrough", description: "With SnapRealty agent to confirm property condition.", icon: Home, }, { number: 6, title: "Signing Day", description: "You sign all final paperwork (can be in-person or remote).", icon: FileText, }, { number: 7, title: "Funding & Keys", description: "Loan funds, deed is recorded, you get the keys!", icon: Award, }, ].map((step) => (

Step {step.number}

{step.title}

{step.description}

{/* SnapRealty + Lenders Benefits */}

How SnapRealty + Our Lenders Simplify Closing

{[ { title: "Realtor + lender already in sync", description: "No delays from miscommunication", icon: Users, }, { title: "Closing disclosures explained", description: "By both agent and loan officer", icon: FileText, }, { title: "Nationwide title/closing partners", description: "Keep process consistent", icon: Building, }, { title: "Real-time updates", description: "You know exactly where you stand", icon: Clock, }, ].map((benefit, index) => (

{benefit.title}

{benefit.description}

{/* Example Scenarios */}

One team, one process. Less stress, faster closings.

Example Closing Scenarios

{[ { title: "VA Loan Closing", buyer: "Military family relocating", details: [ "SnapRealty agent coordinates appraisal + VA-required inspection", "Loan officer clears final conditions quickly because income/benefits verified early", "Closed in 28 days (vs industry average ~45)", ], icon: Shield, color: "blue", }, { title: "FHA First-Time Buyer", buyer: "Condo purchase at $250,000", details: [ "FHA appraisal requires a repair", "SnapRealty agent negotiates seller credit to cover it", "Keeps closing on track", ], icon: Landmark, color: "purple", }, { title: "Conventional Buyer With Sale Contingency", buyer: "Moving up to larger home", details: [ "SnapRealty agent manages sale of old home and purchase timing", "Lender structures simultaneous closings with bridge loan option", ], icon: Home, color: "green", }, ].map((scenario, index) => (

{scenario.title}

{scenario.buyer}

{detail}

{[ { item: "Loan origination & underwriting fees", icon: FileText }, { item: "Appraisal & inspection", icon: Search }, { item: "Title insurance & settlement services", icon: Shield }, { item: "Recording fees & taxes", icon: Building }, { item: "Prepaid escrow (insurance, property taxes)", icon: DollarSign }, ].map((cost, index) => (

{/* Closing Costs */}

Costs To Expect At Closing

{cost.item}

How long does closing usually take? Typical closing timelines range from 30-45 days from accepted offer. With SnapRealty and our coordinated loan process, we often close faster — sometimes in as little as 21-28 days for well-prepared buyers. What if the appraisal comes in low? Your SnapRealty agent will help negotiate with the seller — options include price reduction, seller credits, or you can make up the difference. We'll work together to find the best solution for your situation. Can closing be done remotely? Yes! We offer remote online notarization (RON) in most states, allowing you to sign documents digitally from anywhere. Perfect for military families or buyers relocating from out of state. Do I need to bring money to closing? You'll need to bring your down payment and closing costs, typically via certified check or wire transfer. Your loan officer will provide exact amounts 3 days before closing via your Closing Disclosure. What happens if there's a delay? Our coordinated team approach minimizes delays, but if issues arise, your SnapRealty agent and loan officer work together to resolve them quickly. We'll keep you informed every step of the way.

VA loans often waive certain fees — see our{" "} VA guide .

{/* FAQs */}

Frequently Asked Questions

{/* Next Steps */}

Next Steps

After Closing

Step 4: Move In and enjoy your new home!

For Future

Consider{" "} Refinancing {" "} when rates drop

Check Rates

Today's Mortgage Rates

{/* Disclosures */}

Disclosures & Notes

• Timelines and costs vary by loan type and state.

• Rates and fees are examples, subject to change.

• Prequalification ≠ final approval.

) } [V0_FILE]typescriptreact:file="app/education/closing/loading.tsx" isMerged="true" import Header from "@/components/header" export default function ClosingProcessLoading() { return (

{[1, 2, 3, 4].map((i) => (

) } [V0_FILE]typescriptreact:file="app/loan-officers/loading.tsx" isMerged="true" import Header from "@/components/header" export default function LoanOfficersLoading() { return (

{/* Hero Section Skeleton */}

{/* Search UI Skeleton */}

{[...Array(4)].map((_, i) => (

{/* Officers Grid Skeleton */}

{[...Array(9)].map((_, i) => (

) } [V0_FILE]jpg:file="public/professional-woman-loan-officer.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-woman-loan-officer-GdzhQXnhR8CeOpfdMMPV7KybHoMqut.jpg" isMerged="true" [V0_FILE]png:file="public/placeholder-fu0k0.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" isMerged="true" [V0_FILE]png:file="public/placeholder-206t0.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" isMerged="true" [V0_FILE]png:file="public/placeholder-21ewa.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" isMerged="true" [V0_FILE]png:file="public/placeholder-puvbe.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" isMerged="true" [V0_FILE]typescriptreact:file="app/loan-officers/[id]/loading.tsx" isMerged="true" import Header from "@/components/header" export default function Loading() { return (

{/* Header */}

Mortgage Insights & Resources

Stay informed with the latest mortgage news, tips, and guides to help you make smart home financing decisions.

{/* Featured Articles */}

All Articles

{regularArticles.map((article) => (

{article.category} {article.readTime} • {article.date}

{article.title}

{article.excerpt}

) } [V0_FILE]jpg:file="public/military-family-homecoming.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/military-family-homecoming-lKAXGKCk7u2YXerBQ4rnPsxRlcUgcz.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/blog/[slug]/page.tsx" isQuickEdit="true" isMerged="true" "use client" import { useParams, useRouter } from "next/navigation" import { Header } from "@/components/header" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { useState } from "react" // Blog articles data const articles = { "fha-vs-conventional": { title: "FHA vs. Conventional Loan: Which Is Right for You?", author: "SnapMortgage", date: "September 2025", category: "Loan Comparison", readTime: "12 min read", content: "fha-vs-conventional", }, // Add other articles here as needed } export default function BlogPost() { const params = useParams() const router = useRouter() const slug = params.slug as string const [activeSection, setActiveSection] = useState("") const article = articles[slug as keyof typeof articles] const scrollToSection = (sectionId: string) => { const element = document.getElementById(sectionId) if (element) { element.scrollIntoView({ behavior: "smooth" }) setActiveSection(sectionId) } } if (!article) { return (

{/* Newsletter CTA */}

Stay in the know

Get the latest mortgage insights, rate updates, and home buying tips delivered to your inbox.

No spam, unsubscribe anytime.

Article Not Found

) } if (article.content === "fha-vs-conventional") { return (

{/* Back Button */} {/* Hero Section */}

{article.category} {article.readTime}

{article.title}

A complete breakdown of costs, benefits, and pitfalls — with real numbers, graphics, and examples.

By {article.author} • {article.date}

{/* Hero Visual - Split Design */}

🏛️

FHA Loan

Government-backed • 3.5% down

💳 🪙 🛡️

🏠

Conventional

Private lender • 3-20% down

💳 🪙 🛡️

{/* Hero CTA */}

{/* Jump Links */}

Quick Navigation

{/* Introduction */}

Buying a home isn't just about finding the perfect property — it's about making one of the biggest financial commitments of your life. The loan you choose can impact how much you pay every month, how quickly you build equity, and how much you spend over decades. Two of the most common loan types in the U.S. are FHA loans and Conventional loans. While they often overlap in use, they are designed for very different borrower profiles.

In 2025, with mortgage rates hovering between 6.5-7.2% depending on credit score and loan type, understanding the nuances between FHA and Conventional loans has never been more critical. This comprehensive guide will break down everything you need to know, from upfront costs to long-term implications, helping you make the most informed decision for your financial future.

{/* Section 1: Loan Basics */}

Loan Basics: Introductory Deep Dive

{/* Timeline */}

Historical Context

1934

FHA Created

Great Depression Response

1970s

Conventional Dominance

Private Market Growth

{/* Enhanced Loan Comparison */}

{/* FHA Loans */}

🏛️

FHA Loans

Federal Housing Administration

Created in 1934 during the Great Depression to encourage homeownership. Backed by the Federal Housing Administration (part of HUD). Designed for borrowers with lower credit scores, smaller down payments, or limited credit history.

💳 Credit Requirements

• 580+ credit score → 3.5% down payment
• 500-579 credit score → 10% down payment required
• More forgiving of past credit issues

🛡️ Mortgage Insurance

• Upfront premium: 1.75% of loan amount
• Annual premium: 0.45-1.05% (paid monthly)
• Required for life of loan (with <10% down)

🏠 Property Requirements

• Primary residence only
• Must meet FHA minimum property standards
• Loan limits vary by county

{/* Conventional Loans */}

🏠

Conventional Loans

Private Lender Financing

Funded by private lenders, often sold to Fannie Mae or Freddie Mac. Designed for borrowers with stronger credit and more stable financials. Offers more flexibility in property types and loan amounts.

💳 Credit Requirements

• Minimum 620 credit score (typically)
• Best rates with 700+ credit score
• Stricter debt-to-income requirements

🛡️ Private Mortgage Insurance

• Required with <20% down payment
• Removable at 20% equity
• Typically 0.3-1.5% annually

🏠 Property Flexibility

• Primary, second homes, investments
• Higher loan limits (jumbo loans available)
• More property types accepted

{/* Section 2: Side-by-Side Cost Comparison */}

Side-by-Side Cost Comparison

To really see the difference, let's compare the same $300,000 home purchase under three scenarios: FHA loan, Conventional loan with 5% down, and Conventional loan with 20% down.

{/* Enhanced Comparison Table */}

Parameter	FHA Loan	Conventional (5% down)	Conventional (20% down)
Home Price	$300,000	$300,000	$300,000
Down Payment	$10,500 (3.5%)	$15,000 (5%)	$60,000 (20%)
Credit Score	620	680	720
Interest Rate (2025 est.)	7.1% APR	6.9% APR	6.5% APR
Monthly P&I Payment	~$1,950	~$1,920	~$1,850
Insurance	$200/mo + 1.75% upfront	$180/mo PMI (removable)	No PMI
5-Year Total Cost	~$128,000	~$122,000	~$112,000
30-Year Total Cost	~$690,000	~$665,000	~$630,000

💡 Key Insight

FHA loans give you accessibility with lower down payments, but Conventional loans save you money long-term, especially once PMI is removed. The 20% down conventional loan saves{" "} $60,000 over 30 years compared to FHA.

{/* Visual Charts Placeholder */}

5-Year Cost Comparison

FHA Monthly Payment Breakdown

Principal & Interest $1,950

Mortgage Insurance $200

Property Tax (est.) $250

Home Insurance (est.) $100

Total Monthly ~$2,500

{/* Interactive Calculator CTA */}

🧮

Run the Numbers for Your Scenario

Use our advanced calculator to compare FHA vs Conventional loan costs based on your specific credit score, down payment, and home price

{/* Section 3: Best Fit Scenarios */}

Best Fit Scenarios

When FHA Makes Sense

Credit score under 680, limited credit history
Savings under $15,000 for down payment
First-time buyer wanting entry into homeownership
Planning to refinance once credit improves

{/* Persona */}

👨‍💼

First-Time Buyer Sam

Credit: 610 • Savings: $12k

Sam qualifies for FHA, closes with 3.5% down. Monthly payment: ~$2,150. Gets into homeownership now, plans to refinance in 3-5 years when credit improves.

When Conventional Wins

Strong credit (≥700)
Savings for at least 5% down (preferably 20%)
Long-term ownership plan (15–30 years)
Buying investment property or vacation home

{/* Persona */}

👩‍💼

Equity Builder Maria

Credit: 720 • Savings: $70k

Maria goes Conventional with 20% down. Monthly payment: ~$1,850. Over 10 years, saves ~$36,000 compared to FHA. No PMI from day one.

{/* Section 4: Myths & FAQs */}

Myths & FAQs

{/* Myths */}

🔍 Common Myths Debunked

Myth #1: "FHA always has lower interest rates than Conventional."

Truth: While FHA may post lower headline rates for moderate credit scores, the added mortgage insurance and fees can make the total APR (all-in cost) higher than a Conventional loan, especially for borrowers with good credit.

Myth #2: "You can't build equity with FHA loans."

Truth: You absolutely build equity through principal payments and home appreciation. However, the ongoing mortgage insurance does eat into your net gains compared to a loan without PMI.

Myth #3: "Conventional loans are only for wealthy buyers."

Truth: Many conventional loans allow as little as 3% down payment. The key difference is credit score requirements, not necessarily wealth.

{/* FAQs */}

💡 Frequently Asked Questions

Can FHA mortgage insurance ever be removed?

The MIP on FHA loans is required for the life of the loan if you put down less than 10%. With a down payment of 10% or more, MIP can be removed after 11 years. This is different from conventional PMI, which can be removed once you reach 20% equity.

Can I refinance from FHA to Conventional later?

Yes! Many homeowners refinance from FHA to Conventional once they have improved credit and built enough equity (typically 20%) to eliminate mortgage insurance and potentially get better rates.

What about loan assumability and resale value?

FHA loans are assumable — a qualified buyer can take over your existing loan and interest rate, which can be a valuable selling point in rising rate environments. Conventional loans are generally not assumable.

How do current 2025 market conditions affect the choice?

With rates in the 6.5-7.2% range, the difference between FHA and Conventional rates has narrowed. This makes the mortgage insurance costs even more important in your decision. Higher rates also mean affordability challenges, making FHA's lower down payment more attractive for some buyers.

{/* Section 5: Decision Tool & Final Takeaways */}

Decision Tool & Final Takeaways

{/* Final Thoughts */}

Final Thoughts

FHA loans open doors for buyers who might otherwise be shut out of homeownership, providing access with lower credit scores and minimal down payments. However, they come with lifelong insurance costs that can add tens of thousands to your total loan cost.

Conventional loans reward strong credit and higher down payments with lower long-term costs and more flexibility. The ability to remove PMI once you reach 20% equity can result in significant savings over time.

Neither option is universally "better" — the right choice depends on your current financial profile, your timeline, and your long-term homeownership goals. Consider both options, run the numbers with real quotes from lenders, and choose the path that aligns with your financial strategy.

{/* Interactive Decision Tree */}

Ready to See Your Options?

SnapMortgage can help you explore both FHA and Conventional loan options with personalized rates and terms based on your specific situation.

{/* Final CTAs */}

👥

Talk With a Loan Officer Today

Get personalized advice from our mortgage experts who can analyze your specific situation

📈

Get Pre-Qualified Now

See what you qualify for with both FHA and Conventional loans in minutes

{/* Additional SEO Content */}

Understanding 2025 Market Conditions

Current Rate Environment

With mortgage rates in the 6.5-7.2% range in 2025, both FHA and Conventional loans face affordability challenges. However, this environment has actually narrowed the rate gap between loan types, making other factors like mortgage insurance more critical in your decision.

FHA's lower down payment requirement becomes more valuable when buyers are already stretching to afford monthly payments at higher rates.

Refinancing Strategies

Many borrowers use FHA as a stepping stone, planning to refinance to Conventional once they've improved their credit and built equity. This strategy can work well if rates decline or your financial profile strengthens significantly.

Conventional borrowers with PMI should monitor their equity closely to remove mortgage insurance as soon as possible, potentially saving hundreds monthly.

MARKET INSIGHTS

Local Market Report

Get comprehensive market insights for your area

{locationPermission === "pending" && (

Requesting Location Access

Please allow location access to get your local market report

)} {locationPermission === "denied" && (

Enter Your Location

Enter your zip code, city, or state to get your personalized market report

setZipCode(e.target.value)} className="flex-1" />

For this demo, we'll show San Diego market data

) } return (

{/* Key Metrics Cards */}

MARKET INSIGHTS

{marketData.location} Market Report

Comprehensive market analysis and trends

Last updated: {marketData.lastUpdated}

{marketData.priceChange}

{marketData.medianHomePrice}

Median Home Price

{marketData.daysOnMarketChange}

{marketData.averageDaysOnMarket}

Avg. Days on Market

{marketData.inventoryChange}

{marketData.inventoryLevel}

Months of Inventory

{marketData.rateChange}

{marketData.mortgageRates}

30-Year Fixed Rate

{/* Market Trends */} Current Market Trends

{marketTrends.map((trend, index) => (

{trend.title}

{trend.description}

{/* Price History Chart */} 6-Month Price Trend

`$${value}k`} /> [`$${value.toLocaleString()}`, "Median Price"]} labelFormatter={(label) => `Month: ${label}`} contentStyle={{ backgroundColor: "white", border: "1px solid #e2e8f0", borderRadius: "8px", boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1)", }} />

{/* Neighborhood Breakdown */} Neighborhood Breakdown

{neighborhoods.map((neighborhood, index) => (

{neighborhood.name}

{neighborhood.change}

{neighborhood.medianPrice}

Median Price

) } [V0_FILE]jpg:file="public/homeowner-reviewing-refinance-paperwork-with-lapto.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/homeowner-reviewing-refinance-paperwork-with-lapto-DVubCOqEVq7N0zBOVjGBTCGyPcy8aG.jpg" isMerged="true" [V0_FILE]png:file="public/professional-woman-headshot.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-woman-headshot-oeWONwTZBy5Zy36DN3TqchWC4Xo6BO.png" isMerged="true" [V0_FILE]png:file="public/professional-man-headshot.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-man-headshot-MFLlOgSMZYWDnCuZqhy8UqCeKZ22AM.png" isMerged="true" [V0_FILE]jpg:file="public/professional-woman-headshot-hispanic.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-woman-headshot-hispanic-DIpbdufDqRb1MmYsFnFalLjADa9cen.jpg" isMerged="true" [V0_FILE]jpg:file="public/keys-and-paperwork-refinance-documents.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/keys-and-paperwork-refinance-documents-kK39urk1pTjOiOC2DGEGZgPIzaHG64.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/locations-and-officers/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="types/user.ts" isQuickEdit="true" isMerged="true" export interface UserProfile { id: string firstName: string lastName: string email: string creditScore: number annualIncome: number monthlyDebt: number downPayment: number employmentType: "W2" | "Self-Employed" | "Military" | "Retired" militaryService?: boolean firstTimeHomeBuyer: boolean currentLoanBalance?: number currentInterestRate?: number currentLoanTerm?: number preferredStates: string[] assigned_branch?: string loanOfficer?: { name: string phone: string email: string photo: string nmls?: string title?: string } } export interface LoanQualification { loanType: "VA" | "FHA" | "Conventional" | "USDA" | "Non-QM" | "Specialty" qualified: boolean estimatedRate: number maxLoanAmount: number monthlyPayment: number reason?: string } export interface PersonalizedRates { conventional: number fha: number va?: number usda?: number jumbo: number } [V0_FILE]png:file="public/professional-woman-avatar.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-woman-avatar-7trcFTykT3i8qO9R2s1IaS8p0LMsLt.png" isMerged="true" [V0_FILE]typescriptreact:file="app/search/page.tsx" isQuickEdit="true" isMerged="true" "use client" import { useState, useEffect, useRef } from "react" import { useSearchParams } from "next/navigation" import { PropertyMap } from "@/components/property-map" import { Button } from "@/components/ui/button" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Input } from "@/components/ui/input" import { Search, Heart } from "lucide-react" import { Header } from "@/components/header" import { PropertyDetailLightbox } from "@/components/property-detail-lightbox" import { AuthModal } from "@/components/auth-modal" import { useUser } from "@/contexts/user-context" const allProperties = [ { id: "1", image: "/modern-house-exterior.png", price: "$825,000", address: "1234 Ocean View Drive, San Diego, CA 92109", beds: 3, baths: 2, sqft: "1,850", type: "Single Family", yearBuilt: 2018, }, { id: "2", image: "/contemporary-home-with-garage.jpg", price: "$1,189,900", address: "5678 Sunset Cliffs Blvd, San Diego, CA 92107", beds: 4, baths: 3, sqft: "2,100", type: "Single Family", yearBuilt: 2020, }, { id: "3", image: "/brick-house-with-front-yard.jpg", price: "$715,000", address: "9012 Balboa Park Way, San Diego, CA 92101", beds: 3, baths: 2, sqft: "1,650", type: "Single Family", yearBuilt: 2015, }, { id: "4", image: "/two-story-house-with-porch.jpg", price: "$1,475,000", address: "3456 La Jolla Shores Dr, San Diego, CA 92037", beds: 4, baths: 3, sqft: "2,300", type: "Single Family", yearBuilt: 2019, }, { id: "5", image: "/ranch-style-home.png", price: "$598,500", address: "7890 Mission Beach Blvd, San Diego, CA 92109", beds: 2, baths: 2, sqft: "1,400", type: "Townhouse", yearBuilt: 2016, }, { id: "6", image: "/colonial-house-with-columns.jpg", price: "$1,925,000", address: "2468 Coronado Beach Ave, San Diego, CA 92118", beds: 5, baths: 4, sqft: "2,800", type: "Single Family", yearBuilt: 2021, }, ] export default function SearchPage() { const searchParams = useSearchParams() const { user, isAuthenticated } = useUser() const [viewMode, setViewMode] = useState<"grid" | "list" | "map">("map") const [sortBy, setSortBy] = useState("price-low") const [selectedProperty, setSelectedProperty] = useState<(typeof allProperties)[0] | null>(null) const [lightboxProperty, setLightboxProperty] = useState<(typeof allProperties)[0] | null>(null) const [isLightboxOpen, setIsLightboxOpen] = useState(false) const [showAuthModal, setShowAuthModal] = useState(false) const [pendingFavoriteId, setPendingFavoriteId] = useState(null) const [favorites, setFavorites] = useState>(new Set()) const [searchFilters, setSearchFilters] = useState({ location: user?.preferences?.location || "", priceRange: user?.preferences?.priceRange ? `${user.preferences.priceRange.min}-${user.preferences.priceRange.max}` : "", beds: user?.preferences?.bedrooms?.toString() || "", baths: user?.preferences?.bathrooms?.toString() || "", }) const hasProcessedParams = useRef(false) useEffect(() => { console.log("[v0] SearchPage: useEffect triggered") if (hasProcessedParams.current) return const location = searchParams.get("location") const bedrooms = searchParams.get("bedrooms") const bathrooms = searchParams.get("bathrooms") console.log("[v0] SearchPage: URL parameters:", { location, bedrooms, bathrooms }) if (location || bedrooms || bathrooms) { console.log("[v0] SearchPage: Setting search filters and switching to map view") setSearchFilters({ location: location || "", priceRange: "", beds: bedrooms || "", baths: bathrooms || "", }) setViewMode("map") hasProcessedParams.current = true console.log("[v0] SearchPage: Switched to map view") } }, [searchParams]) useEffect(() => { if (user?.preferences) { setSearchFilters((prev) => ({ ...prev, location: user.preferences?.location || prev.location, priceRange: user.preferences?.priceRange ? `${user.preferences.priceRange.min}-${user.preferences.priceRange.max}` : prev.priceRange, beds: user.preferences?.bedrooms?.toString() || prev.beds, baths: user.preferences?.bathrooms?.toString() || prev.baths, })) } }, [user]) const handleSearch = (filters: typeof searchFilters) => { console.log("[v0] SearchPage: handleSearch called with filters:", filters) setSearchFilters(filters) setViewMode("map") console.log("[v0] SearchPage: Set view mode to map") } const handlePropertyDetailView = (property: (typeof allProperties)[0]) => { setLightboxProperty(property) setIsLightboxOpen(true) } const handleFavoriteClick = (propertyId: string) => { if (!isAuthenticated) { setPendingFavoriteId(propertyId) setShowAuthModal(true) } else { setFavorites((prev) => { const newFavorites = new Set(prev) if (newFavorites.has(propertyId)) { newFavorites.delete(propertyId) } else { newFavorites.add(propertyId) } return newFavorites }) console.log("Toggled favorite for property:", propertyId) } } const handleLogin = (name: string) => { console.log("[v0] SearchPage handleLogin called with name:", name) setShowAuthModal(false) if (pendingFavoriteId) { console.log("Added to favorites after login:", pendingFavoriteId) setFavorites((prev) => new Set(prev).add(pendingFavoriteId)) setPendingFavoriteId(null) } } const filteredProperties = allProperties.filter((property) => { const locationMatch = !searchFilters.location || property.address.toLowerCase().includes(searchFilters.location.toLowerCase()) const bedsMatch = !searchFilters.beds || property.beds >= Number.parseInt(searchFilters.beds) const bathsMatch = !searchFilters.baths || property.baths >= Number.parseInt(searchFilters.baths) let priceMatch = true if (user?.preferences?.priceRange) { const propertyPrice = Number.parseInt(property.price.replace(/[$,]/g, "")) priceMatch = propertyPrice >= user.preferences.priceRange.min && propertyPrice <= user.preferences.priceRange.max } return locationMatch && bedsMatch && bathsMatch && priceMatch }) return (

{/* Market Analysis */}

Buyer Advantages

Increased Inventory

More homes available gives buyers better selection
Longer Days on Market

Less competition and more time to make decisions
Rate Stabilization

Mortgage rates showing signs of leveling off
Seasonal Opportunity

Winter market typically favors buyers

Market Considerations

High Home Prices

Median prices remain elevated compared to historical norms
Interest Rate Environment

Rates higher than recent years affect affordability
Economic Uncertainty

Broader economic factors may impact market stability
Affordability Challenges

Income requirements remain high for many buyers

{/* Expert Insights */}

Expert Market Outlook

"San Diego's market is showing signs of normalization after years of rapid appreciation. While prices remain high, the increase in inventory and stabilizing interest rates are creating more balanced conditions. Buyers have more negotiating power than they've had in recent years, but affordability remains a key challenge."

Sarah Johnson, Senior Market Analyst

SnapMortgage Market Research Team

{/* CTA Section */}

Ready to Make Your Move?

Get pre-qualified and start your home buying journey in San Diego

setSearchFilters((prev) => ({ ...prev, location: e.target.value }))} />

{filteredProperties.length} of 977 homes {user?.preferences?.location && ( in {user.preferences.location} )}

Real Estate & Homes For Sale {user?.preferences?.location && ( in {user.preferences.location} )}

{filteredProperties.length} results

{filteredProperties.slice(0, 20).map((property) => (

handlePropertyDetailView(property)} className="bg-white rounded-lg overflow-hidden border border-gray-200 hover:shadow-lg transition-shadow cursor-pointer" >

Open: Sun 2-4pm (9/14)

{property.price}

{property.beds} bds | {property.baths} ba | {property.sqft} sqft - {property.type}

{property.address}

SELECT CALIFORNIA HOMES

{ setIsLightboxOpen(false) setLightboxProperty(null) }} isLoggedIn={isAuthenticated} onFavoriteClick={handleFavoriteClick} /> { setShowAuthModal(false) setPendingFavoriteId(null) }} onLogin={handleLogin} context="favorite" />

) } [V0_FILE]jpg:file="public/team-chat-icon.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/team-chat-icon-0eDey59KGLRgUg3GdDrV3p3VVnxtWD.jpg" isMerged="true" [V0_FILE]jpg:file="public/professional-woman-realtor.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-woman-realtor-VJrpCLw3SzKyKUzyUzQITLbDf1YXZG.jpg" isMerged="true" [V0_FILE]jpg:file="public/professional-man-loan-officer.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-man-loan-officer-Y0PgtFyCLqxXaIH6dhwwqqtlFWRr8s.jpg" isMerged="true" [V0_FILE]jpg:file="public/professional-man-client.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-man-client-wx4IuVoStnl7AEbUJUcNhNYtYarIRQ.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/rates-and-calculators/page.tsx" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import { useRouter } from "next/navigation" import { Header } from "@/components/header" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Calculator, TrendingUp, Home, PiggyBank, DollarSign, Shield, Star, CheckCircle, ArrowRight, ChevronDown, ChevronUp, } from "lucide-react" import { useUser } from "@/contexts/user-context" export default function RatesAndCalculatorsPage() { const router = useRouter() const [expandedFAQ, setExpandedFAQ] = useState(null) const { user, isLoggedIn } = useUser() const toggleFAQ = (index: number) => { setExpandedFAQ(expandedFAQ === index ? null : index) } const getPersonalizedRates = () => { const baseRates = [ { loanType: "30-Year Fixed", interestRate: "6.75%", apr: "6.95%", link: "/rates/30-year-fixed", popular: true, qualified: false, recommended: false, }, { loanType: "15-Year Fixed", interestRate: "6.25%", apr: "6.55%", link: "/rates/15-year-fixed", popular: false, qualified: false, recommended: false, }, { loanType: "FHA Loan", interestRate: "6.50%", apr: "6.80%", link: "/rates/fha", popular: false, qualified: false, recommended: false, }, { loanType: "VA Loan", interestRate: "6.40%", apr: "6.65%", link: "/rates/va", popular: false, qualified: false, recommended: false, }, { loanType: "Jumbo Loan", interestRate: "6.90%", apr: "7.05%", link: "/rates/jumbo", popular: false, qualified: false, recommended: false, }, ] if (!isLoggedIn || !user) { return baseRates } const userQualifications = user.qualifications || [] const userPreferences = user.preferences || {} const primaryGoal = userPreferences.primaryGoal || "" // Apply personalization logic return baseRates .map((rate) => { let qualified = false let recommended = false let adjustedRate = rate.interestRate let adjustedApr = rate.apr // Apply rate adjustments based on user profile if (userQualifications.includes("HIGH_CREDIT")) { const currentRate = Number.parseFloat(rate.interestRate.replace("%", "")) const newRate = Math.max(currentRate - 0.25, 5.0) adjustedRate = `${newRate.toFixed(2)}%` const currentApr = Number.parseFloat(rate.apr.replace("%", "")) const newApr = Math.max(currentApr - 0.25, 5.2) adjustedApr = `${newApr.toFixed(2)}%` } switch (rate.loanType) { case "VA Loan": qualified = userQualifications.includes("VA_ELIGIBLE") recommended = qualified && primaryGoal === "PURCHASE" break case "FHA Loan": qualified = userQualifications.includes("FIRST_TIME_BUYER") || userQualifications.includes("LOW_DOWN_PAYMENT") recommended = qualified && primaryGoal === "PURCHASE" break case "30-Year Fixed": case "15-Year Fixed": qualified = userQualifications.includes("HIGH_CREDIT") recommended = qualified && primaryGoal === "PURCHASE" break case "Jumbo Loan": qualified = userQualifications.includes("HIGH_INCOME") && userQualifications.includes("HIGH_CREDIT") recommended = qualified && primaryGoal === "PURCHASE" break } return { ...rate, interestRate: adjustedRate, apr: adjustedApr, qualified, recommended, } }) .sort((a, b) => { if (a.recommended && !b.recommended) return -1 if (!a.recommended && b.recommended) return 1 if (a.qualified && !b.qualified) return -1 if (!a.qualified && b.qualified) return 1 return 0 }) } const calculators = [ { title: "Payment Calculator", description: "Estimate your monthly mortgage payment including principal, interest, taxes, and insurance (PITI).", icon: Calculator, features: ["Monthly payment breakdown", "Amortization schedule", "Tax & insurance estimates"], link: "/calculators/payment", color: "blue", bgColor: "bg-blue-50", iconColor: "text-blue-600", borderColor: "border-blue-200", }, { title: "Affordability Calculator", description: "Discover how much home you can afford based on your income, debts, and down payment.", icon: Home, features: ["Income-based calculations", "Debt-to-income ratios", "Down payment scenarios"], link: "/calculators/affordability", color: "emerald", bgColor: "bg-emerald-50", iconColor: "text-emerald-600", borderColor: "border-emerald-200", }, { title: "Refinance Calculator", description: "Calculate potential savings from refinancing your current mortgage to a lower rate.", icon: TrendingUp, features: ["Break-even analysis", "Monthly savings", "Total interest comparison"], link: "/calculators/refinance", color: "orange", bgColor: "bg-orange-50", iconColor: "text-orange-600", borderColor: "border-orange-200", }, { title: "Rent vs. Buy Calculator", description: "Compare the long-term financial impact of renting versus buying a home.", icon: Shield, features: ["Total cost comparison", "Opportunity cost analysis", "Break-even timeline"], link: "/calculators/rent-vs-buy", color: "teal", bgColor: "bg-teal-50", iconColor: "text-teal-600", borderColor: "border-teal-200", }, { title: "Down Payment Calculator", description: "Plan your down payment strategy and see how different amounts affect your loan.", icon: PiggyBank, features: ["PMI calculations", "Loan-to-value ratios", "Savings timeline"], link: "/calculators/down-payment", color: "purple", bgColor: "bg-purple-50", iconColor: "text-purple-600", borderColor: "border-purple-200", }, { title: "Closing Cost Calculator", description: "Estimate your total closing costs including lender fees, title insurance, and more.", icon: DollarSign, features: ["Itemized cost breakdown", "Regional variations", "Negotiable vs. fixed costs"], link: "/calculators/closing-cost", color: "indigo", bgColor: "bg-indigo-50", iconColor: "text-indigo-600", borderColor: "border-indigo-200", }, ] const faqs = [ { question: "What is a mortgage rate?", answer: "A mortgage rate is the interest rate charged on a mortgage loan. It determines how much you'll pay in interest over the life of your loan and affects your monthly payment amount.", }, { question: "How often do mortgage rates change?", answer: "Mortgage rates can change daily or even multiple times per day based on market conditions. Rates are typically updated each morning based on overnight market activity.", }, { question: "What's the difference between APR and interest rate?", answer: "The interest rate is the cost of borrowing money, while APR (Annual Percentage Rate) includes the interest rate plus other loan costs like origination fees, making it a more comprehensive measure of loan cost.", }, { question: "How accurate are mortgage calculators?", answer: "Our calculators provide accurate estimates based on the information you provide. However, actual loan terms may vary based on your credit profile, property details, and current market conditions.", }, { question: "Should I use multiple calculators?", answer: "Yes! Each calculator serves a different purpose. Use the affordability calculator to set your budget, payment calculator to understand monthly costs, and refinance calculator if you're considering refinancing.", }, ] const rateTableData = getPersonalizedRates() const currentDate = new Date().toLocaleDateString("en-US", { year: "numeric", month: "long", day: "numeric", }) const getPersonalizedHeading = () => { if (!isLoggedIn || !user) { return "Rates & Calculators Hub" } const recommendedCount = rateTableData.filter((r) => r.recommended).length if (recommendedCount > 0) { return `Your Rates & Tools, ${user.firstName}` } return `Rates & Calculators for ${user.firstName}` } const getPersonalizedSubheading = () => { if (!isLoggedIn || !user) { return "Everything you need to understand mortgage rates and calculate your home financing options." } return "Personalized rates and smart calculators to help you make informed decisions about your home financing." } return (

{/* Personalized Recommendations Section */} {isLoggedIn && user && rateTableData.some((r) => r.recommended) && (

{getPersonalizedHeading()}

{getPersonalizedSubheading()}

RECOMMENDED FOR YOU

Your Best Rate Options

These rates are specifically recommended based on your profile

{rateTableData .filter((rate) => rate.recommended) .map((rate, index) => (

{rate.loanType}

Recommended

Interest Rate: {rate.interestRate}

APR: {rate.apr}

)} {/* Main Content Tabs */} Current Rates Smart Calculators {/* Rates Tab */} {/* Rate Table */} Current Mortgage Rates

Rates as of {currentDate}

{/* Mobile: Stacked Cards */} {rateTableData.map((rate, index) => (

{rate.loanType}

Interest Rate: {rate.interestRate}

APR: {rate.apr}

{rateTableData.map((rate, index) => ( ))}

{/* Desktop: Table */}

Loan Type	Interest Rate	APR	Learn More
{rate.loanType} {rate.recommended && ( Recommended )} {rate.qualified && !rate.recommended && ( You Qualify )} {rate.popular && !rate.qualified && !rate.recommended && ( Most Popular )}	{rate.interestRate}	{rate.apr}

{/* Rate CTA */}

{isLoggedIn && user ? `Ready to Lock Your Rate, ${user.firstName}?` : "Find Your Personalized Rate"}

{isLoggedIn && user ? "Your personalized rates are ready. Start your application to lock in these rates." : "Rates vary based on credit, loan amount, and other factors."}

{/* Calculators Tab */} {/* Calculators Grid */}

{calculators.map((calc, index) => { const Icon = calc.icon return ( router.push(calc.link)} >

{calc.title}

{calc.description}

Key Features:

{feature}

Try Calculator

) })}

{/* Calculator CTA */}

Ready to Take the Next Step?

Use our calculators to plan your strategy, then get pre-qualified to start your home buying journey.

{/* FAQs Section */} Frequently Asked Questions

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

{expandedFAQ === index && (

{faq.answer}

{/* Legal / Disclosure Section */}

Rate Assumptions & Disclosures

Rate Assumptions: $350,000 loan amount, 20% down payment, 740+ credit score, primary residence, 30-day rate lock period.

Calculator Accuracy: Calculators provide estimates based on information provided. Actual loan terms may vary based on credit profile, property details, and market conditions.

Important: Rates are subject to change and are not guaranteed until locked. Your actual rate may differ based on credit profile, loan amount, property type, and other factors.

This is not a commitment to lend. All loans subject to credit approval and property appraisal. Equal Housing Lender. NMLS ID: [License Number].

) } [V0_FILE]jpg:file="public/professional-family-in-front-of-their-new-home.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-family-in-front-of-their-new-home-BglIY8C6SRnmQBtESwE9JPl0KArmpc.jpg" isMerged="true" [V0_FILE]typescriptreact:file="components/ui/navigation-menu.tsx" isQuickEdit="true" isMerged="true" import type * as React from "react" import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu" import { cva } from "class-variance-authority" import { cn } from "@/lib/utils" function NavigationMenu({ className, children, viewport = true, ...props }: React.ComponentProps & { viewport?: boolean }) { return ( {children} {viewport && } ) } function NavigationMenuList({ className, ...props }: React.ComponentProps) { return ( ) } function NavigationMenuItem({ className, ...props }: React.ComponentProps) { return ( ) } const navigationMenuTriggerStyle = cva( "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1", ) function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps) { return ( {children} ) } function NavigationMenuContent({ className, ...props }: React.ComponentProps) { return ( ) } function NavigationMenuViewport({ className, ...props }: React.ComponentProps) { return (

) } function NavigationMenuLink({ className, ...props }: React.ComponentProps) { return ( ) } function NavigationMenuIndicator({ className, ...props }: React.ComponentProps) { return (

) } export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, } [V0_FILE]typescriptreact:file="components/ui/button.tsx" isMerged="true" import type * as React from "react" import { Slot } from "@radix-ui/react-slot" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const buttonVariants = cva( "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-semibold transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", { variants: { variant: { default: "bg-purple-600 text-white shadow-sm hover:bg-purple-700 hover:shadow-md transform hover:scale-[1.02] active:scale-[0.98]", destructive: "bg-destructive text-white shadow-sm hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60", outline: "border-2 border-purple-600 bg-white text-purple-600 shadow-sm hover:bg-purple-600 hover:text-white hover:shadow-md transform hover:scale-[1.02] active:scale-[0.98]", secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80", ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50", link: "text-purple-600 underline-offset-4 hover:underline", }, size: { default: "h-11 px-6 py-2.5 text-sm", sm: "h-9 px-4 gap-1.5 text-sm", lg: "h-13 px-8 text-base", xl: "h-14 px-10 text-lg", icon: "size-11", }, }, defaultVariants: { variant: "default", size: "default", }, }, ) function Button({ className, variant, size, asChild = false, ...props }: React.ComponentProps<"button"> & VariantProps & { asChild?: boolean }) { const Comp = asChild ? Slot : "button" return } export { Button, buttonVariants } [V0_FILE]png:file="public/us-map-colorful.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/map-rj4U17VLTm3xi0I8bhbE5JssSVdmdr.png" isMerged="true" [V0_FILE]typescriptreact:file="app/branch-locations/page.tsx" isMerged="true" "use client" import { useState } from "react" import { useRouter } from "next/navigation" import Image from "next/image" import { Header } from "@/components/header" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Search, MapPin, Phone, Mail, Clock, Building2 } from "lucide-react" export default function BranchLocationsPage() { const router = useRouter() const [searchTerm, setSearchTerm] = useState("") const [selectedState, setSelectedState] = useState("all") // Sample branch data - you can expand this const branches = [ { id: 1, name: "Charlotte Branch", address: "123 Main Street, Charlotte, NC 28202", phone: "(704) 555-0123", email: "charlotte@snapmortgage.com", hours: "Mon-Fri 8AM-6PM, Sat 9AM-2PM", state: "NC", services: ["VA Loans", "FHA Loans", "Conventional", "Refinancing"], }, { id: 2, name: "Raleigh Branch", address: "456 Oak Avenue, Raleigh, NC 27601", phone: "(919) 555-0456", email: "raleigh@snapmortgage.com", hours: "Mon-Fri 8AM-6PM, Sat 9AM-2PM", state: "NC", services: ["VA Loans", "FHA Loans", "Conventional", "Jumbo Loans"], }, { id: 3, name: "Atlanta Branch", address: "789 Peachtree St, Atlanta, GA 30309", phone: "(404) 555-0789", email: "atlanta@snapmortgage.com", hours: "Mon-Fri 8AM-6PM, Sat 9AM-2PM", state: "GA", services: ["VA Loans", "FHA Loans", "Conventional", "Construction Loans"], }, { id: 4, name: "Miami Branch", address: "321 Biscayne Blvd, Miami, FL 33132", phone: "(305) 555-0321", email: "miami@snapmortgage.com", hours: "Mon-Fri 8AM-6PM, Sat 9AM-2PM", state: "FL", services: ["VA Loans", "FHA Loans", "Conventional", "Condo Financing"], }, ] const filteredBranches = branches.filter((branch) => { const matchesSearch = searchTerm === "" || branch.name.toLowerCase().includes(searchTerm.toLowerCase()) || branch.address.toLowerCase().includes(searchTerm.toLowerCase()) || branch.state.toLowerCase().includes(searchTerm.toLowerCase()) const matchesState = selectedState === "all" || branch.state === selectedState return matchesSearch && matchesState }) const states = ["NC", "GA", "FL", "TX", "CA", "VA", "SC", "TN"] return (