Product Updates
Changelog
v2.4.0 — Realnest Framed App & Navigation Redesign
May 21, 2026
- NEW Desktop Framed App Frame: Wrapped the entire site inside a responsive card frame container (
.shell) with40pxrounded corners and a premium shadow, floating over an elegant beige backdrop (light mode) or charcoal backdrop (dark mode). - NEW Text-Only Active Underline Links: Overhauled navigation links to remove bulky button pills, adopting clean text anchors ("Listing", "Property", "Pages") with a sharp active underline highlight on the active menu option ("Home").
- NEW Branding & Actions Badge: Integrated the photorealistic Realnest circular logo house badge, the Lock + "Login / Sign up" right-hand CTA, the solid black/white "Add Listing ↗" action pill button, and outline circular menu button.
- IMPROVED Contained Hero Card Layout: Refactored the cinematic hero background inside
index.phpto sit as a contained, nested card with40pxrounded corners, matching the margins of subsequent layout sections perfectly.
v2.3.0 — Nordic Architectural Redesign
May 21, 2026
- NEW Scandinavian Architectural Hero Section: Completely redesigned the main homepage hero to match a high-end Scandinavian aesthetic. Features a custom-generated ultra-high-resolution photorealistic backdrop of a modern white wood cabin nestled behind physical elements like green hedge bushes, dramatic soft daylight, and flying birds.
- NEW Premium Search Widget Card: Built an elegant solid-white floating selector panel with `36px` rounded corners, pill-shaped input wrappers, map pin / home / currency icons encased in solid black circles, custom outline spec badges ("4 Bed", "2 Bathroom", "6x7.5 m²"), and a vibrant orange CTA Search button.
- IMPROVED Tighter, Sleeker Dimensions: Reduced overall container height to
min-height: 70vh, tightened search card width tomax-width: 370px, decreased card padding to24px 22px, and shranked select field heights to42pxto create an ultra-compact, pixel-perfect, app-like visual rhythm. - IMPROVED Layout Contrast & Readability: Implemented double-stop background gradient overlays to ensure the crisp white Playfair Display serif heading and pill button on the left are completely accessible and stand out beautifully.
v2.2.0 — Dark Mode & Glassmorphism Aesthetics
May 21, 2026
- NEW Dark Mode Styling System: Implemented responsive dark mode utilizing the
[data-theme="dark"]attribute. Applied charcoal-black backgrounds (#111111,#141416) and bright white accents to headings and text layers. - NEW Visual Mode Switcher: Added an intuitive moon/sun vector switch on the top-right header, allowing users to toggle modes seamlessly with settings persisted in local storage.
- IMPROVED UI Contrast Enhancements: Replaced faint borders with crisp high-contrast boundaries (
var(--gray-700)) to ensure structural elements remain prominent in both display modes.