Better — Hero

Real Estate · Hero

Full-width hero section with sticky navigation bar at top, featuring a large headline "Mortgage rates today" with descriptive body text, a location-linked subheading (75081), and a primary CTA button. Navigation includes product category links (Buy, Refinance, Home Equity, Rates, Better+) with sign-in and prominent green "Get started" button in top right.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/better-mortgage-rates-hero-with-navigation.

Palette

UX patterns

UI elements

Context

• Parent page: Mortgage rates today
• All of Better

Other sections on this page

• Pricing / Plans — Mortgage rate cards with term options and APR
• Gallery / Showcase — Customer testimonial videos with loan terms
• Gallery / Showcase — Educational topic cards with illustrations
• Feature — Educational content on mortgage rates and their impact
• Feature — Factors that affect mortgage rate
• Feature — Mortgage types hierarchical tree diagram
• Feature — How to choose a mortgage rate – four step guide
• Comparison — Points vs. Credits mortgage comparison with break-even analysis
• Feature — Mortgage rate comparison guide
• Feature — Mortgage comparison and rate-lock guidance
• Feature — Mortgage amortization table example with monthly breakdown
• Feature — Mortgage amortization table with FAQ and next steps
• Feature — Three-column action cards with CTA links
• Footer — Legal disclosures and regulatory notices footer