❌

Reading view

I built a real estate landing page with a live mortgage calculator and a phone that flips through the listings (React + Tailwind)

A few details people usually ask about:

- The phone is a real photo of a hand. The listing app sits inside its screen using percentage insets (left 38.4%, right 35.6%, top 2.8%, bottom 13.2%), so it scales with the photo at every size. It swaps homes every 4.2 s, and room cards fly out to fixed spots around it.

- The mortgage is the real fixed-rate amortisation formula: loan × r / (1 − (1 + r)^−n). There's a 15/30-year switch, the price slider moves in $5k steps and the deposit runs 5–40%.

- The sliders are native range inputs, so keyboard and screen readers work for free. - With reduced motion the phone shows the first home and holds still.

Feel free to copy if it's useful: https://ui.deliverwebsite.com/components/landing-pages/real-estate-landing-page-template/

Feedback on the design is very welcome.

Free

submitted by /u/poojadeliverwebsite to r/reactjs
[link] [comments]
  •  
❌