Investment8 April 2026 ET Realty

Centre notifies revised TOD rules for Delhi, opens 207 sq km along metro corridor

Build a full-stack real estate listing website for Delhi NCR called MyFloorArea. The design should feel modern, trustworthy and premium — inspired by Housing.com's UI but cleaner and more editorial. Use a white/light grey base with one strong accent color (deep navy or emerald green). All pages must be fully mobile responsive.

GLOBAL HEADER (all pages)

  • Website name on the left
  • Navigation: Projects | Blogs | Real Estate News | Contact Us
  • Optional user login button (top right) — not mandatory, users can browse without logging in
  • Sticky header that stays on scroll

HOMEPAGE Hero Section:

  • Full-width hero with a large AI-style search bar at center
  • Animated effect on the search bar — subtle flowing lines or a soft pulsing glow to give an AI feel
  • Placeholder text inside search bar: "Tell us what you're looking for… e.g. 3BHK under 1.5Cr in Noida with a pooja room"
  • Below the search bar, show these optional filter chips (OR logic — user can select any one or combination, none are mandatory):
    • City: Noida | Greater Noida | Gurugram | Ghaziabad | Faridabad | Dwarka Expressway
    • Builder: (dropdown populated from admin-uploaded builder list)
    • BHK: 1BHK | 2BHK | 3BHK | 4BHK | 5BHK | Above 5BHK
    • Apartment Size: <1000 sqft | 1000–1500 | 1500–2000 | 2000–2500 | 2500–3000 | 3000–3500 | 3500–4000 | Above 4000 sqft
  • Search should work even if only one filter is selected Due Diligence Highlight Section:
  • Bold headline: "Every Project. Verified. Trusted. Documented." or similar
  • 2–3 line subtext explaining that every listed project comes with a Due Diligence Report prepared by an expert Real Estate Advocate covering RERA status, legal documents and our 5-point builder analysis
  • Carousel of 10 project cards (admin-managed) with project photo thumbnail, name, city, price range — click takes user to project detail page
  • Left/right arrow navigation + dot indicators Prominent Projects to Explore Section:
  • Section heading: "Prominent Projects to Explore"
  • Same carousel format — 10 cards, admin-managed, browsable left to right
  • Each card: project photo, project name, city, price range Blogs Section:
  • Section heading: "From Our Research Desk"
  • Carousel of 10 blog cards: thumbnail, blog title, author name (if provided)
  • Click takes to full blog page Real Estate News Section:
  • Carousel of 10 news cards: thumbnail, headline, source name
  • Click takes to full news page Footer:
  • About Us (brief paragraph, admin-editable)
  • Navigation links
  • Social media icons — only show icons for links that admin has filled in: WhatsApp Channel | LinkedIn | Instagram | YouTube | Facebook
  • Copyright line
Back to News