real estate

byJishu Singh

Create a premium, high-performance, single-file full-stack real estate portfolio website inspired by the structure of homeambit.com. The brand name is "Sutrahomes". Design System & Aesthetic: Palette: Strict high-end Minimalist Monochrome (Black and White). The background must be pure white (#ffffff), text pure black (#000000), with thin, clean borders (#e5e5e5). Images should default to grayscale and transition smoothly to full color on hover. 3D Animated Logo: In the sticky header navbar, build a pure CSS/SVG logo icon. The house silhouette must have a 3D perspective wrapper that continuously rotates smoothly on a 3D axis (X and Y angles) to create a subtle 3D depth illusion, flipping 180 degrees seamlessly when hovered. Global Integrations:Floating WhatsApp Node: A persistent circular black button linking to https://wa.me/916295282825 that turns vibrant green (#25d366) upon focus/hover. Geolocation Map Hooks: All address layers and "Open Office Map Direction" buttons must tap directly into this URL target: https://maps.app.goo.gl/rHZL7p4X4FamBsH67 Functional Layout Pillars: Top Utility Ribbon: Clean capitalized text ribbon with quick communications links and WBRERA compliance text. Navigation Header: Sticky header framing the 3D animated logo, navigation links, and a fixed "Contact Agent" dialer node (href="tel:+916295282825"). Hero & Interactive Filter Matrix: Minimalist hero headline with an architectural grid filter search block. The filter must process region sorting (Medinipur, Kharagpur, Bardhaman, Arambagh), configuration layout (2 BHK, 3 BHK), maximum budget calculation, and construction status. Asset Grid Display Engine: Dynamic JavaScript card component displaying properties from the regional datastore array. Cards must look clean, utilizing thin borders, formatting prices clearly into Lakhs/Crores, and listing configuration layout properties cleanly. Corporate Mapping Footer: Deep black high-contrast multi-column footer layout housing core operational zones, regulatory links, contact lists, and the main Google Maps action element.Design a luxury minimalist UI/UX web layout and 3D logo identity for a real estate platform called "Sutrahomes". Visual Guideline: Total monochrome premium theme: High-contrast pure black elements against clean white backdrops. Emphasize stark spacing, fine borders, and clean sans-serif typography. Media Strategy: All property photography frames must feature a high-end structural desaturation filter (grayscale), lifting cleanly into natural organic colors when a user focuses or hovers over the listing card components. Logo Concept & 3D Animation Matrix: Iconography: A modern, geometric architectural house monogram using clean lines. Motion Matrix: The logo icon rests within a deep 3D perspective field, executing a continuous, gentle ambient rotation across both the horizontal and vertical axis. On pointer hover, the entire structural vector cleanly rotates 180 degrees around its Y-axis, showcasing structural depth before returning seamlessly to the ambient floating routine. first search this all locaftion get image and add website proper location or image details