Total Home Fixing – Dubai's #1 Home Maintenance Company

by total home fixing

HTML

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet"/>
  



<!-- HERO -->
<div class="hero">
  <div class="badge">Dubai's Home Maintenance Experts</div>
  <h1>Total Home Fixing —<br><span>Your Property, Our Priority</span></h1>
  <p class="sub">Professional home maintenance & renovation services across Dubai and the UAE, available 24/7.</p>
  <div class="hero-meta">
    <span>⭐ <strong>4.5/5</strong> Customer Rating</span>
    <span>🛠️ <strong>500+</strong> Projects Completed</span>
    <span>📞 <strong>24/7</strong> Emergency Support</span>
    <span>🇦🇪 <strong>UAE Licensed</strong> Professionals</span>
  </div>
</div>

<!-- ARTICLE BODY -->
<div class="article-wrap">

  <h2>Why Dubai Homes Trust Total Home Fixing</h2>
  <p>
    Maintaining a home or commercial property in Dubai is no small task. With year-round heat, sand, humidity, and the constant demand for modern living standards, properties require regular attention and expert care. That's where <strong>Total Home Fixing</strong> steps in — a fully licensed, professional home maintenance and renovation company serving Dubai and the wider UAE.
  </p>
  <p>
    Founded with a clear mission — to deliver <strong>reliable, high-quality, and affordable property maintenance services</strong> — Total Home Fixing has quickly become one of the most trusted names in Dubai's home services industry. Whether you own a compact apartment in JVC, a spacious villa in Arabian Ranches, or a commercial office in Business Bay, their expert team is equipped to handle every maintenance need under one roof.
  </p>

  <!-- Stats -->
  <div class="stats-row">
    <div class="stat"><div class="num">500+</div><div class="label">Projects Completed</div></div>
    <div class="stat"><div class="num">4.5★</div><div class="label">Customer Rating</div></div>
    <div class="stat"><div class="num">24/7</div><div...

CSS

:root {
      --gold: #C9A84C;
      --gold-light: #F0D080;
      --dark: #0D1117;
      --dark2: #161B22;
      --dark3: #1E242D;
      --text: #E8E8E8;
      --text-muted: #8B949E;
      --accent: #2EA44F;
    }

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

    body {
      background: var(--dark);
      color: var(--text);
      font-family: 'DM Sans', sans-serif;
      font-weight: 300;
      line-height: 1.8;
      overflow-x: hidden;
    }

    /* Hero */
    .hero {
      background: linear-gradient(135deg, #0D1117 0%, #1a2030 50%, #0D1117 100%);
      border-bottom: 1px solid rgba(201,168,76,0.3);
      padding: 70px 40px 60px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(201,168,76,0.12) 0%, transparent 70%);
      pointer-events: none;
    }
    .badge {
      display: inline-block;
      background: rgba(201,168,76,0.15);
      border: 1px solid rgba(201,168,76,0.4);
      color: var(--gold);
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 3px;
      text-transform: uppercase;
      padding: 6px 18px;
      border-radius: 20px;
      margin-bottom: 22px;
      animation: fadeDown 0.6s ease both;
    }
    .hero h1 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(2.2rem, 5vw, 3.8rem);
      font-weight: 900;
      line-height: 1.15;
      color: #fff;
      margin-bottom: 18px;
      animation: fadeDown 0.7s ease 0.1s both;
    }
    .hero h1 span { color: var(--gold); }
    .hero p.sub {
      font-size: 1rem;
      color: var(--text-muted);
      max-width: 560px;
      margin: 0 auto 30px;
      animation: fadeDown 0.7s ease 0.2s both;
    }
    .hero-meta {
      display: flex;
      justify-content: center;
      gap: 30px;
      flex-wrap:...