<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PropertyNewsDubai — Your Gateway to Dubai Real Estate</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
  :root {
    --gold: #C9A84C;
    --gold-light: #E8C97A;
    --dark: #1A1A2E;
    --charcoal: #2D2D44;
    --white: #FFFFFF;
    --offwhite: #F8F7F4;
    --light-gray: #F0EEE9;
    --mid-gray: #9A9A9A;
    --border: #E5E2DB;
    --red-accent: #C0392B;
    --blue-accent: #1A4A7A;
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }

  body {
    font-family: 'DM Sans', sans-serif;
    background: var(--white);
    color: var(--dark);
    overflow-x: hidden;
  }

  /* ── TICKER ── */
  .ticker-bar {
    background: var(--dark);
    color: var(--gold);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04em;
    padding: 8px 0;
    overflow: hidden;
  }
  .ticker-inner {
    display: flex;
    gap: 60px;
    white-space: nowrap;
    animation: ticker 35s linear infinite;
  }
  .ticker-inner span::before { content: "◆  "; }
  @keyframes ticker {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  /* ── HEADER ── */
  header {
    background: var(--white);
    border-bottom: 3px solid var(--dark);
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 20px rgba(0,0,0,0.06);
  }
  .header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    height: 70px;
  }
  .logo {
    display: flex;
    align-items: baseline;
    gap: 2px;
    text-decoration: none;
  }
  .logo-property {
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    font-weight: 900;
    color: var(--dark);
    letter-spacing: -0.02em;
  }
  .logo-news {
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    font-weight: 400;
    color: var(--gold);
    font-style: italic;
    letter-spacing: -0.02em;
  }
  .logo-dubai {
    font-family: 'DM Sans', sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: var(--mid-gray);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin-left: 6px;
    align-self: center;
  }
  .header-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
  }
  .header-date {
    font-size: 11px;
    color: var(--mid-gray);
    letter-spacing: 0.05em;
  }
  .header-tagline {
    font-size: 11px;
    color: var(--dark);
    font-weight: 500;
    letter-spacing: 0.04em;
  }
  .header-actions {
    display: flex;
    gap: 12px;
    align-items: center;
  }
  .btn-subscribe {
    background: var(--dark);
    color: var(--gold);
    border: none;
    padding: 8px 18px;
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
  }
  .btn-subscribe:hover { background: var(--gold); color: var(--dark); }
  .search-icon {
    width: 36px; height: 36px;
    border: 1.5px solid var(--border);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: border-color 0.2s;
    font-size: 14px;
  }
  .search-icon:hover { border-color: var(--gold); }

  /* ── NAV ── */
  nav {
    border-top: 1px solid var(--border);
    padding: 0 40px;
    display: flex;
    align-items: center;
    gap: 0;
  }
  nav a {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--dark);
    text-decoration: none;
    padding: 12px 16px;
    border-bottom: 3px solid transparent;
    margin-bottom: -3px;
    transition: color 0.2s, border-color 0.2s;
  }
  nav a:hover, nav a.active { color: var(--gold); border-bottom-color: var(--gold); }
  nav a.breaking {
    color: var(--red-accent);
    margin-right: 8px;
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .breaking-dot {
    width: 6px; height: 6px;
    background: var(--red-accent);
    border-radius: 50%;
    animation: pulse 1.2s ease-in-out infinite;
  }
  @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.3)} }

  /* ── HERO GRID ── */
  .hero-section {
    padding: 30px 40px 0;
    display: grid;
    grid-template-columns: 1fr 340px;
    grid-template-rows: auto auto;
    gap: 0;
    border-bottom: 2px solid var(--dark);
  }

  .hero-main {
    border-right: 1px solid var(--border);
    padding-right: 30px;
    padding-bottom: 30px;
  }

  .category-pill {
    display: inline-block;
    background: var(--gold);
    color: var(--dark);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 4px 10px;
    margin-bottom: 14px;
  }
  .category-pill.blue { background: var(--blue-accent); color: white; }
  .category-pill.red { background: var(--red-accent); color: white; }
  .category-pill.outline { background: transparent; color: var(--gold); border: 1.5px solid var(--gold); }

  .hero-img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    display: block;
    margin-bottom: 20px;
    transition: transform 0.4s ease;
  }
  .hero-img:hover { transform: scale(1.01); }

  .hero-headline {
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin-bottom: 14px;
    max-width: 620px;
  }
  .hero-headline a { color: var(--dark); text-decoration: none; }
  .hero-headline a:hover { color: var(--gold); }

  .hero-excerpt {
    font-size: 15px;
    line-height: 1.7;
    color: #444;
    max-width: 560px;
    margin-bottom: 16px;
  }
  .article-meta {
    font-size: 11px;
    color: var(--mid-gray);
    font-weight: 500;
    letter-spacing: 0.04em;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .article-meta .separator { color: var(--border); }

  /* ── SIDEBAR ── */
  .hero-sidebar {
    padding-left: 24px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .sidebar-title {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--mid-gray);
    padding-bottom: 10px;
    border-bottom: 2px solid var(--dark);
    margin-bottom: 16px;
  }

  .side-article {
    display: flex;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid var(--border);
    cursor: pointer;
    transition: background 0.15s;
  }
  .side-article:hover { background: var(--offwhite); margin: 0 -8px; padding: 14px 8px; }
  .side-article-img {
    width: 75px; height: 60px;
    object-fit: cover;
    flex-shrink: 0;
  }
  .side-article-content { flex: 1; }
  .side-article-headline {
    font-family: 'Playfair Display', serif;
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 5px;
    color: var(--dark);
  }
  .side-article-meta {
    font-size: 10px;
    color: var(--mid-gray);
    letter-spacing: 0.03em;
  }

  /* ── MARKET TICKER ── */
  .market-bar {
    background: var(--offwhite);
    border-bottom: 1px solid var(--border);
    padding: 12px 40px;
    display: flex;
    gap: 30px;
    overflow-x: auto;
    align-items: center;
  }
  .market-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--mid-gray);
    white-space: nowrap;
    margin-right: 10px;
  }
  .market-item {
    display: flex;
    flex-direction: column;
    min-width: 110px;
    padding: 0 18px;
    border-right: 1px solid var(--border);
  }
  .market-item:last-child { border-right: none; }
  .market-name {
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--mid-gray);
    font-weight: 600;
  }
  .market-value {
    font-size: 15px;
    font-weight: 700;
    color: var(--dark);
    font-family: 'Playfair Display', serif;
  }
  .market-change {
    font-size: 11px;
    font-weight: 600;
  }
  .up { color: #27AE60; }
  .down { color: var(--red-accent); }

  /* ── SECTION LAYOUT ── */
  .section-wrapper {
    padding: 40px 40px;
    border-bottom: 1px solid var(--border);
  }
  .section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--dark);
  }
  .section-title {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -0.01em;
  }
  .section-link {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gold);
    text-decoration: none;
  }
  .section-link:hover { color: var(--dark); }

  /* ── 3-COL GRID ── */
  .three-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
  }
  .article-card { cursor: pointer; }
  .article-card-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    margin-bottom: 14px;
    transition: transform 0.35s ease;
  }
  .article-card:hover .article-card-img { transform: scale(1.03); }
  .article-card-headline {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 8px;
    color: var(--dark);
  }
  .article-card:hover .article-card-headline { color: var(--gold); }
  .article-card-excerpt {
    font-size: 13px;
    line-height: 1.65;
    color: #666;
    margin-bottom: 10px;
  }

  /* ── FEATURED FULL ── */
  .featured-two {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 28px;
  }
  .featured-tall-img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
    margin-bottom: 16px;
    transition: transform 0.35s ease;
  }
  .featured-tall-img:hover { transform: scale(1.02); }
  .featured-headline {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 10px;
    color: var(--dark);
  }
  .featured-headline:hover { color: var(--gold); }

  .side-list { display: flex; flex-direction: column; gap: 0; }
  .side-list-item {
    padding: 16px 0;
    border-bottom: 1px solid var(--border);
    cursor: pointer;
  }
  .side-list-num {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    font-weight: 900;
    color: var(--border);
    line-height: 1;
    margin-bottom: 6px;
  }
  .side-list-headline {
    font-family: 'Playfair Display', serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--dark);
  }
  .side-list-item:hover .side-list-headline { color: var(--gold); }

  /* ── NEWSLETTER ── */
  .newsletter-section {
    background: var(--dark);
    padding: 50px 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
  }
  .newsletter-title {
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    font-weight: 900;
    color: var(--white);
    line-height: 1.2;
    margin-bottom: 12px;
  }
  .newsletter-title span { color: var(--gold); font-style: italic; }
  .newsletter-desc {
    font-size: 14px;
    color: rgba(255,255,255,0.6);
    line-height: 1.7;
  }
  .newsletter-form { display: flex; gap: 0; }
  .newsletter-input {
    flex: 1;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    border-right: none;
    padding: 14px 18px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    color: white;
    outline: none;
  }
  .newsletter-input::placeholder { color: rgba(255,255,255,0.35); }
  .newsletter-input:focus { border-color: var(--gold); }
  .newsletter-btn {
    background: var(--gold);
    color: var(--dark);
    border: none;
    padding: 14px 24px;
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s;
  }
  .newsletter-btn:hover { background: var(--gold-light); }

  /* ── OPINION STRIP ── */
  .opinion-strip {
    background: var(--offwhite);
    padding: 36px 40px;
    border-bottom: 1px solid var(--border);
  }
  .opinion-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 20px;
  }
  .opinion-card {
    background: white;
    padding: 22px;
    border-top: 3px solid var(--gold);
    cursor: pointer;
    transition: box-shadow 0.2s;
  }
  .opinion-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,0.08); }
  .opinion-author {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
  }
  .author-avatar {
    width: 36px; height: 36px;
    border-radius: 50%;
    background: var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Playfair Display', serif;
    font-size: 14px;
    font-weight: 900;
    color: white;
  }
  .author-name { font-size: 12px; font-weight: 600; color: var(--dark); }
  .author-title { font-size: 10px; color: var(--mid-gray); }
  .opinion-headline {
    font-family: 'Playfair Display', serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--dark);
  }

  /* ── DATA TABLE ── */
  .data-section {
    padding: 40px;
    border-bottom: 1px solid var(--border);
  }
  .data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin-top: 20px;
  }
  .data-table th {
    background: var(--dark);
    color: var(--gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 12px 16px;
    text-align: left;
  }
  .data-table td {
    padding: 13px 16px;
    border-bottom: 1px solid var(--border);
    color: var(--dark);
  }
  .data-table tr:hover td { background: var(--offwhite); }
  .data-table .price-cell { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 15px; }
  .data-table .change-cell { font-weight: 600; }

  /* ── FOOTER ── */
  footer {
    background: var(--dark);
    color: rgba(255,255,255,0.6);
    padding: 50px 40px 30px;
  }
  .footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 50px;
    margin-bottom: 40px;
  }
  .footer-logo {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 900;
    color: white;
    margin-bottom: 14px;
  }
  .footer-logo span { color: var(--gold); font-style: italic; }
  .footer-desc { font-size: 13px; line-height: 1.7; margin-bottom: 20px; }
  .footer-col-title {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
  }
  .footer-links { list-style: none; display: flex; flex-direction: column; gap: 10px; }
  .footer-links a { color: rgba(255,255,255,0.55); font-size: 13px; text-decoration: none; transition: color 0.2s; }
  .footer-links a:hover { color: var(--gold); }
  .footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 11px;
  }

  /* overflow clip for image containers */
  .img-wrap { overflow: hidden; }
</style>
<script>
  // Fallback: if any image fails to load, replace with a solid placeholder
  document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('img').forEach(function(img) {
      img.onerror = function() {
        var w = this.width || 300;
        var h = this.height || 200;
        this.src = 'https://placehold.co/' + w + 'x' + h + '/e5e2db/9a9a9a?text=PropertyNews';
        this.onerror = null;
      };
    });
  });
</script>
</head>
<body>

<!-- TICKER -->
<div class="ticker-bar">
  <div class="ticker-inner">
    <span>Dubai property market sees 18% YoY price growth in Q1 2026</span>
    <span>Palm Jumeirah villas hit record AED 45M average sale price</span>
    <span>DLD registers 12,400 transactions in February 2026</span>
    <span>Emaar launches new Downtown tower — pre-sales sell out in 6 hours</span>
    <span>Expo City Dubai master-plan expansion reveals 5,000 new units</span>
    <span>RERA tightens off-plan regulations for 2026</span>
    <span>Dubai Marina average rent rises 22% — analysts warn of affordability crunch</span>
    <span>Damac Hills 2 named fastest-growing community in UAE</span>
    <span>Dubai property market sees 18% YoY price growth in Q1 2026</span>
    <span>Palm Jumeirah villas hit record AED 45M average sale price</span>
    <span>DLD registers 12,400 transactions in February 2026</span>
    <span>Emaar launches new Downtown tower — pre-sales sell out in 6 hours</span>
    <span>Expo City Dubai master-plan expansion reveals 5,000 new units</span>
    <span>RERA tightens off-plan regulations for 2026</span>
    <span>Dubai Marina average rent rises 22% — analysts warn of affordability crunch</span>
  </div>
</div>

<!-- HEADER -->
<header>
  <div class="header-top">
    <a href="#" class="logo">
      <span class="logo-property">Property</span><span class="logo-news">News</span>
      <span class="logo-dubai">Dubai</span>
    </a>
    <div class="header-meta">
      <span class="header-date">Monday, 23 March 2026</span>
      <span class="header-tagline">UAE's #1 Real Estate Intelligence Platform</span>
    </div>
    <div class="header-actions">
      <div class="search-icon">🔍</div>
      <button class="btn-subscribe">Subscribe</button>
    </div>
  </div>
  <nav>
    <a href="#" class="breaking"><span class="breaking-dot"></span>Breaking</a>
    <a href="#" class="active">News</a>
    <a href="#">Market Data</a>
    <a href="#">Off-Plan</a>
    <a href="#">Luxury</a>
    <a href="#">Residential</a>
    <a href="#">Commercial</a>
    <a href="#">Investment</a>
    <a href="#">Mortgages</a>
    <a href="#">Analysis</a>
    <a href="#">Opinion</a>
    <a href="#">UAE Law</a>
  </nav>
</header>

<!-- HERO -->
<section class="hero-section">
  <div class="hero-main">
    <span class="category-pill">Exclusive</span>
    <div class="img-wrap">
      <img class="hero-img"
        src="https://picsum.photos/seed/dubaiskyline/900/380"
        alt="Dubai Skyline" />
    </div>
    <h1 class="hero-headline">
      <a href="#">Dubai Property Prices Surge to All-Time Highs as Global Investors Flood the Market in 2026</a>
    </h1>
    <p class="hero-excerpt">
      Residential transactions have soared past AED 120 billion in the first quarter alone, driven by unprecedented demand from European and Asian high-net-worth individuals seeking safe-haven assets in the emirate's booming economy.
    </p>
    <div class="article-meta">
      <span>By <strong>Amira Al-Hassan</strong></span>
      <span class="separator">|</span>
      <span>23 March 2026</span>
      <span class="separator">|</span>
      <span>5 min read</span>
    </div>
  </div>

  <aside class="hero-sidebar">
    <div class="sidebar-title">Top Stories</div>

    <div class="side-article">
      <img class="side-article-img"
        src="https://picsum.photos/seed/palm1/200/120"
        alt="Palm Jumeirah" />
      <div class="side-article-content">
        <div class="side-article-headline">Palm Jumeirah Villa Sales Reach Record AED 45M Average — A New Benchmark</div>
        <div class="side-article-meta">Market Data · 2h ago</div>
      </div>
    </div>

    <div class="side-article">
      <img class="side-article-img"
        src="https://picsum.photos/seed/downtown2/200/120"
        alt="Downtown Dubai" />
      <div class="side-article-content">
        <div class="side-article-headline">Emaar's New Downtown Skyscraper Sells Out in Six Hours Amid Off-Plan Frenzy</div>
        <div class="side-article-meta">Off-Plan · 4h ago</div>
      </div>
    </div>

    <div class="side-article">
      <img class="side-article-img"
        src="https://picsum.photos/seed/marina3/200/120"
        alt="Dubai Marina" />
      <div class="side-article-content">
        <div class="side-article-headline">Dubai Marina Rents Climb 22% YoY — Tenants Pushed to Suburbs</div>
        <div class="side-article-meta">Residential · 6h ago</div>
      </div>
    </div>

    <div class="side-article">
      <img class="side-article-img"
        src="https://picsum.photos/seed/luxury4/200/120"
        alt="Luxury interior" />
      <div class="side-article-content">
        <div class="side-article-headline">Super-Prime Market: Who Is Buying Dubai's AED 100M+ Ultra-Luxury Homes?</div>
        <div class="side-article-meta">Luxury · 8h ago</div>
      </div>
    </div>

    <div class="side-article">
      <img class="side-article-img"
        src="https://picsum.photos/seed/realestate5/200/120"
        alt="Property market" />
      <div class="side-article-content">
        <div class="side-article-headline">RERA Introduces Stricter Off-Plan Escrow Rules to Protect Buyers</div>
        <div class="side-article-meta">UAE Law · 10h ago</div>
      </div>
    </div>
  </aside>
</section>

<!-- MARKET BAR -->
<div class="market-bar">
  <span class="market-label">Market Pulse</span>
  <div class="market-item">
    <span class="market-name">Downtown Dubai</span>
    <span class="market-value">AED 3,420/sqft</span>
    <span class="market-change up">▲ +2.3%</span>
  </div>
  <div class="market-item">
    <span class="market-name">Palm Jumeirah</span>
    <span class="market-value">AED 4,810/sqft</span>
    <span class="market-change up">▲ +3.1%</span>
  </div>
  <div class="market-item">
    <span class="market-name">Dubai Marina</span>
    <span class="market-value">AED 2,180/sqft</span>
    <span class="market-change up">▲ +1.8%</span>
  </div>
  <div class="market-item">
    <span class="market-name">Business Bay</span>
    <span class="market-value">AED 1,920/sqft</span>
    <span class="market-change down">▼ -0.5%</span>
  </div>
  <div class="market-item">
    <span class="market-name">JBR</span>
    <span class="market-value">AED 2,640/sqft</span>
    <span class="market-change up">▲ +2.7%</span>
  </div>
  <div class="market-item">
    <span class="market-name">Arabian Ranches</span>
    <span class="market-value">AED 1,340/sqft</span>
    <span class="market-change up">▲ +1.1%</span>
  </div>
  <div class="market-item">
    <span class="market-name">Jumeirah</span>
    <span class="market-value">AED 2,960/sqft</span>
    <span class="market-change up">▲ +4.0%</span>
  </div>
</div>

<!-- LATEST NEWS 3-COL -->
<section class="section-wrapper">
  <div class="section-header">
    <h2 class="section-title">Latest News</h2>
    <a href="#" class="section-link">View All →</a>
  </div>
  <div class="three-col">
    <div class="article-card">
      <div class="img-wrap">
        <img class="article-card-img"
          src="https://picsum.photos/seed/card1dubai/600/200"
          alt="Dubai skyline" />
      </div>
      <span class="category-pill outline">Investment</span>
      <h3 class="article-card-headline">Golden Visa Reform Sparks Wave of AED 2M+ Property Purchases</h3>
      <p class="article-card-excerpt">Thousands of new applicants are registering for the 10-year UAE Golden Visa through property ownership, fuelling residential demand across mid-market segments.</p>
      <div class="article-meta">
        <span>Sarah Mitchell</span><span class="separator">·</span><span>22 Mar 2026</span>
      </div>
    </div>

    <div class="article-card">
      <div class="img-wrap">
        <img class="article-card-img"
          src="https://picsum.photos/seed/card2build/600/200"
          alt="Construction Dubai" />
      </div>
      <span class="category-pill blue">Off-Plan</span>
      <h3 class="article-card-headline">Aldar & Mubadala Launch 3,000-Unit Mixed-Use Mega-Development in Dubai South</h3>
      <p class="article-card-excerpt">The AED 12 billion project will feature co-living, commercial towers and a vertical retail strip targeting Dubai's growing young professional population.</p>
      <div class="article-meta">
        <span>Khalid Al-Farsi</span><span class="separator">·</span><span>22 Mar 2026</span>
      </div>
    </div>

    <div class="article-card">
      <div class="img-wrap">
        <img class="article-card-img"
          src="https://picsum.photos/seed/card3finance/600/200"
          alt="Finance mortgage" />
      </div>
      <span class="category-pill red">Breaking</span>
      <h3 class="article-card-headline">Mortgage Rates Hit 5-Year Low as UAE Banks Compete for Home Loan Business</h3>
      <p class="article-card-excerpt">Fixed-rate mortgages in the UAE have dipped below 3.8%, the lowest since 2021, as banks attempt to capitalise on surging buyer demand and transaction volumes.</p>
      <div class="article-meta">
        <span>James Harrington</span><span class="separator">·</span><span>21 Mar 2026</span>
      </div>
    </div>
  </div>
</section>

<!-- FEATURED + RANKED -->
<section class="section-wrapper">
  <div class="section-header">
    <h2 class="section-title">In-Depth Analysis</h2>
    <a href="#" class="section-link">View All →</a>
  </div>
  <div class="featured-two">
    <div>
      <div class="img-wrap">
        <img class="featured-tall-img"
          src="https://picsum.photos/seed/featuredlux/800/320"
          alt="Luxury property" />
      </div>
      <span class="category-pill">Analysis</span>
      <h3 class="featured-headline">Is Dubai's Luxury Real Estate Bubble About to Pop — Or Is This Time Different?</h3>
      <p class="article-card-excerpt">Critics are pointing to widening price-to-income ratios and thinning yields, but bulls argue Dubai's structural demand drivers remain unmatched in any global city. We spoke to eight leading economists.</p>
      <div class="article-meta">
        <span>Dr. Nadia Yousef</span><span class="separator">·</span><span>21 Mar 2026</span><span class="separator">·</span><span>12 min read</span>
      </div>
    </div>

    <div class="side-list">
      <div class="sidebar-title" style="border-bottom: 2px solid var(--dark); padding-bottom: 10px; margin-bottom: 0;">Most Read This Week</div>
      <div class="side-list-item">
        <div class="side-list-num">01</div>
        <div class="side-list-headline">The 10 Most Expensive Villas Sold in Dubai in 2026 So Far</div>
      </div>
      <div class="side-list-item">
        <div class="side-list-num">02</div>
        <div class="side-list-headline">How to Navigate Dubai's Off-Plan Market Without Getting Burned</div>
      </div>
      <div class="side-list-item">
        <div class="side-list-num">03</div>
        <div class="side-list-headline">Abu Dhabi vs Dubai Property: Where Should You Invest in 2026?</div>
      </div>
      <div class="side-list-item">
        <div class="side-list-num">04</div>
        <div class="side-list-headline">First-Time Buyer Guide: Everything You Need to Know About Dubai Property Law</div>
      </div>
      <div class="side-list-item">
        <div class="side-list-num">05</div>
        <div class="side-list-headline">Is Short-Term Letting on Airbnb Still Profitable in Dubai?</div>
      </div>
      <div class="side-list-item">
        <div class="side-list-num">06</div>
        <div class="side-list-headline">DIFC Residential Towers: A New Hotspot for Wealthy Professionals</div>
      </div>
    </div>
  </div>
</section>

<!-- PRICE TABLE -->
<section class="data-section">
  <div class="section-header">
    <h2 class="section-title">Dubai Area Price Tracker</h2>
    <a href="#" class="section-link">Full Dashboard →</a>
  </div>
  <table class="data-table">
    <thead>
      <tr>
        <th>Community</th>
        <th>Type</th>
        <th>Avg. Price (AED)</th>
        <th>Price/sqft</th>
        <th>MoM Change</th>
        <th>YoY Change</th>
        <th>Avg. Yield</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><strong>Downtown Dubai</strong></td>
        <td>Apartment</td>
        <td class="price-cell">3,200,000</td>
        <td>3,420</td>
        <td class="change-cell up">▲ +1.2%</td>
        <td class="change-cell up">▲ +18.4%</td>
        <td>5.1%</td>
      </tr>
      <tr>
        <td><strong>Palm Jumeirah</strong></td>
        <td>Villa</td>
        <td class="price-cell">22,500,000</td>
        <td>4,810</td>
        <td class="change-cell up">▲ +2.3%</td>
        <td class="change-cell up">▲ +31.2%</td>
        <td>3.8%</td>
      </tr>
      <tr>
        <td><strong>Dubai Marina</strong></td>
        <td>Apartment</td>
        <td class="price-cell">1,850,000</td>
        <td>2,180</td>
        <td class="change-cell up">▲ +0.9%</td>
        <td class="change-cell up">▲ +14.7%</td>
        <td>6.3%</td>
      </tr>
      <tr>
        <td><strong>Business Bay</strong></td>
        <td>Apartment</td>
        <td class="price-cell">1,560,000</td>
        <td>1,920</td>
        <td class="change-cell down">▼ -0.3%</td>
        <td class="change-cell up">▲ +9.8%</td>
        <td>6.8%</td>
      </tr>
      <tr>
        <td><strong>Jumeirah Village Circle</strong></td>
        <td>Apartment</td>
        <td class="price-cell">780,000</td>
        <td>1,140</td>
        <td class="change-cell up">▲ +1.5%</td>
        <td class="change-cell up">▲ +22.1%</td>
        <td>7.4%</td>
      </tr>
      <tr>
        <td><strong>Arabian Ranches</strong></td>
        <td>Villa</td>
        <td class="price-cell">4,200,000</td>
        <td>1,340</td>
        <td class="change-cell up">▲ +0.7%</td>
        <td class="change-cell up">▲ +12.3%</td>
        <td>4.2%</td>
      </tr>
      <tr>
        <td><strong>DIFC</strong></td>
        <td>Apartment</td>
        <td class="price-cell">3,900,000</td>
        <td>3,680</td>
        <td class="change-cell up">▲ +1.8%</td>
        <td class="change-cell up">▲ +27.6%</td>
        <td>4.9%</td>
      </tr>
    </tbody>
  </table>
</section>

<!-- NEWSLETTER -->
<section class="newsletter-section">
  <div>
    <div class="newsletter-title">Stay Ahead of Dubai's<br><span>Property Market.</span></div>
    <div class="newsletter-desc">Join 85,000+ investors, agents, and buyers who receive our daily briefing on transactions, launches, prices, and regulatory changes.</div>
  </div>
  <div>
    <p style="color:rgba(255,255,255,0.5); font-size:11px; letter-spacing:0.1em; text-transform:uppercase; font-weight:600; margin-bottom:16px;">Free Daily Briefing</p>
    <div class="newsletter-form">
      <input class="newsletter-input" type="email" placeholder="Enter your email address..." />
      <button class="newsletter-btn">Subscribe Free</button>
    </div>
    <p style="color:rgba(255,255,255,0.3); font-size:11px; margin-top:10px;">No spam. Unsubscribe anytime.</p>
  </div>
</section>

<!-- OPINION -->
<section class="opinion-strip">
  <div class="section-header" style="border-bottom-color:var(--dark); margin-bottom:0;">
    <h2 class="section-title">Opinion & Commentary</h2>
    <a href="#" class="section-link">All Columns →</a>
  </div>
  <div class="opinion-cards">
    <div class="opinion-card">
      <div class="opinion-author">
        <div class="author-avatar">NA</div>
        <div>
          <div class="author-name">Dr. Nadia Al-Yamani</div>
          <div class="author-title">Chief Economist, DLD</div>
        </div>
      </div>
      <div class="opinion-headline">Why Dubai's Property Story Has Only Just Begun</div>
    </div>
    <div class="opinion-card">
      <div class="opinion-author">
        <div class="author-avatar" style="background:var(--blue-accent)">JC</div>
        <div>
          <div class="author-name">James Clifton</div>
          <div class="author-title">MD, Knight Frank UAE</div>
        </div>
      </div>
      <div class="opinion-headline">Luxury Is Not a Bubble — It's a Structural Shift</div>
    </div>
    <div class="opinion-card">
      <div class="opinion-author">
        <div class="author-avatar" style="background:var(--red-accent)">RK</div>
        <div>
          <div class="author-name">Rania Khalil</div>
          <div class="author-title">Founder, PropTech UAE</div>
        </div>
      </div>
      <div class="opinion-headline">Technology Will Reshape How We Buy and Sell in Dubai</div>
    </div>
    <div class="opinion-card">
      <div class="opinion-author">
        <div class="author-avatar" style="background:#666">PW</div>
        <div>
          <div class="author-name">Prof. Peter Walsh</div>
          <div class="author-title">Urban Economics, NYU AD</div>
        </div>
      </div>
      <div class="opinion-headline">The Affordability Crisis Nobody in Dubai Wants to Talk About</div>
    </div>
  </div>
</section>

<!-- FOOTER -->
<footer>
  <div class="footer-grid">
    <div>
      <div class="footer-logo">Property<span>News</span> Dubai</div>
      <div class="footer-desc">UAE's most trusted source for real estate intelligence. Covering transactions, market trends, off-plan launches, regulations, and investment analysis across Dubai and the wider UAE.</div>
      <div style="font-size:12px; color:rgba(255,255,255,0.3);">RERA Licensed Publisher · Dubai, UAE</div>
    </div>
    <div>
      <div class="footer-col-title">Coverage</div>
      <ul class="footer-links">
        <li><a href="#">Dubai Residential</a></li>
        <li><a href="#">Commercial & Retail</a></li>
        <li><a href="#">Off-Plan Launches</a></li>
        <li><a href="#">Luxury & Ultra-Prime</a></li>
        <li><a href="#">Mortgages & Finance</a></li>
        <li><a href="#">UAE Property Law</a></li>
      </ul>
    </div>
    <div>
      <div class="footer-col-title">Markets</div>
      <ul class="footer-links">
        <li><a href="#">Downtown Dubai</a></li>
        <li><a href="#">Palm Jumeirah</a></li>
        <li><a href="#">Dubai Marina</a></li>
        <li><a href="#">Business Bay</a></li>
        <li><a href="#">JVC & JVT</a></li>
        <li><a href="#">Dubai South</a></li>
      </ul>
    </div>
    <div>
      <div class="footer-col-title">Company</div>
      <ul class="footer-links">
        <li><a href="#">About Us</a></li>
        <li><a href="#">Editorial Team</a></li>
        <li><a href="#">Advertise</a></li>
        <li><a href="#">Press & Media</a></li>
        <li><a href="#">Careers</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
    </div>
  </div>
  <div class="footer-bottom">
    <span>© 2026 PropertyNewsDubai. All rights reserved.</span>
    <span>Privacy Policy · Terms of Use · Cookie Settings</span>
  </div>
</footer>

</body>
</html>