Companies Market Insights
Post a Free Ad Location Alerts Register

Market Insights Hub

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Market Insights Hub | UKClassifiedHub</title>
<meta name="description" content="UK second-hand market data, original research, and industry insights from UKClassifiedHub. Explore market trends, regional data, trust & safety reports.">
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/chart.umd.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<style>
/* ═══════════════════════════════════════════
   UKCLASSIFIEDHUB MARKET INSIGHTS HUB
   Standalone Page - All styles self-contained
   ═══════════════════════════════════════════ */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;margin:0;padding:0;background:#f8fafc;color:#1e293b;line-height:1.6;font-size:14px}
a{text-decoration:none;color:inherit}

/* ─── VARIABLES ─── */
:root{
  --primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#dbeafe;
  --emerald:#059669;--red:#dc2626;--orange:#ea580c;--purple:#7c3aed;
  --slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;
  --slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;
  --slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;
}

/* ─── HEADER ─── */
.mih-topbar{background:var(--slate-900);color:#fff;padding:8px 0;font-size:12px}
.mih-topbar-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
.mih-topbar a{color:var(--slate-400);transition:color .2s}
.mih-topbar a:hover{color:#fff}

.mih-header-main{background:#fff;border-bottom:1px solid var(--slate-200);padding:0}
.mih-header-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:64px}
.mih-logo{display:flex;align-items:center;gap:12px}
.mih-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:10px;display:flex;align-items:center;justify-content:center}
.mih-logo-icon svg{width:22px;height:22px;color:#fff}
.mih-logo-text{font-size:20px;font-weight:800;color:var(--slate-900);letter-spacing:-0.5px}
.mih-logo-sub{font-size:10px;color:var(--slate-500);text-transform:uppercase;letter-spacing:1.5px;margin-top:-2px}

.mih-nav{display:flex;align-items:center;gap:2px}
.mih-nav a{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;color:var(--slate-600);transition:all .2s;white-space:nowrap}
.mih-nav a:hover,.mih-nav a.active{background:var(--primary-light);color:var(--primary)}

.mih-header-actions{display:flex;align-items:center;gap:10px}
.mih-mobile-toggle{display:none;background:none;border:none;padding:8px;cursor:pointer;color:var(--slate-600)}

/* ─── HERO ─── */
.mih-hero{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 50%,#3730a3 100%);padding:60px 0 80px;position:relative;overflow:hidden}
.mih-hero::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.mih-hero::after{content:'';position:absolute;bottom:-80px;right:-80px;width:300px;height:300px;background:rgba(255,255,255,0.03);border-radius:50%}
.mih-hero .mih-container{position:relative;z-index:2}
.mih-hero-content{max-width:650px}
.mih-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.2);border-radius:20px;color:#fff;font-size:12px;font-weight:500;margin-bottom:20px}
.mih-hero h1{font-size:44px;font-weight:800;color:#fff;line-height:1.15;margin:0 0 16px}
.mih-hero p{font-size:16px;color:rgba(255,255,255,0.85);line-height:1.7;margin:0 0 28px}
.mih-hero-actions{display:flex;flex-wrap:wrap;gap:10px}

/* ─── BUTTONS ─── */
.mih-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s}
.mih-btn:hover{transform:translateY(-1px)}
.mih-btn-primary{background:var(--primary);color:#fff}
.mih-btn-primary:hover{background:var(--primary-dark)}
.mih-btn-outline{background:transparent;border:1px solid var(--slate-300);color:var(--slate-700)}
.mih-btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}
.mih-btn-white{background:#fff;color:var(--primary)}
.mih-btn-white:hover{background:var(--slate-100)}
.mih-btn-sm{padding:6px 12px;font-size:12px}

/* ─── SECTION NAV ─── */
.mih-section-nav{background:#fff;border-bottom:1px solid var(--slate-200)}
.mih-section-nav .mih-container{display:flex;align-items:center;gap:4px;padding:8px 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.mih-section-nav .mih-container::-webkit-scrollbar{display:none}
.mih-section-nav a{padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;color:var(--slate-600);transition:all .2s;white-space:nowrap;flex-shrink:0}
.mih-section-nav a:hover,.mih-section-nav a.active{background:var(--primary-light);color:var(--primary)}

/* ─── LAYOUT ─── */
.mih-container{max-width:1200px;margin:0 auto;padding:0 20px}
.mih-section{padding:50px 0}
.mih-section-alt{background:#fff}

/* ─── STATS ROW ─── */
.mih-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-40px;position:relative;z-index:5}
.mih-stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);border:1px solid var(--slate-200);transition:box-shadow .2s,transform .2s}
.mih-stat-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,0.08);transform:translateY(-2px)}
.mih-stat-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.mih-stat-icon{width:36px;height:36px;border-radius:8px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:18px}
.mih-stat-icon.green{background:#d1fae5}
.mih-stat-icon.orange{background:#ffedd5}
.mih-stat-icon.purple{background:#ede9fe}
.mih-stat-label{font-size:12px;color:var(--slate-500);font-weight:500}
.mih-stat-value{font-size:28px;font-weight:800;color:var(--slate-900);line-height:1.1;margin-bottom:4px}
.mih-stat-sub{font-size:11px;color:var(--slate-400)}

/* ─── SECTION HEADER ─── */
.mih-section-header{margin-bottom:28px}
.mih-section-header h2{font-size:24px;font-weight:800;color:var(--slate-900);margin:0 0 6px}
.mih-section-header p{color:var(--slate-500);font-size:14px;margin:0}
.mih-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;margin-bottom:10px;border:1px solid}
.mih-badge-blue{color:var(--primary);background:var(--primary-light);border-color:#bfdbfe}
.mih-badge-emerald{color:var(--emerald);background:#d1fae5;border-color:#a7f3d0}
.mih-badge-red{color:var(--red);background:#fee2e2;border-color:#fecaca}
.mih-badge-indigo{color:#4f46e5;background:#e0e7ff;border-color:#c7d2fe}

/* ─── CARDS ─── */
.mih-card{background:#fff;border-radius:12px;border:1px solid var(--slate-200);overflow:hidden}
.mih-card-header{padding:16px 20px 0}
.mih-card-header h3{font-size:15px;font-weight:700;color:var(--slate-900);margin:0}
.mih-card-header p{font-size:12px;color:var(--slate-400);margin:2px 0 0}
.mih-card-body{padding:16px 20px 20px}

/* ─── CHARTS ─── */
.mih-chart-container{position:relative;height:280px}
.mih-chart-row{display:grid;grid-template-columns:2fr 1fr;gap:16px}

/* ─── REGION SELECTOR ─── */
.mih-region-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.mih-region-tab{padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;border:1px solid var(--slate-200);background:#fff;color:var(--slate-600);cursor:pointer;transition:all .2s}
.mih-region-tab:hover{border-color:var(--emerald);color:var(--emerald)}
.mih-region-tab.active{background:var(--emerald);color:#fff;border-color:var(--emerald)}

/* ─── METRICS GRID ─── */
.mih-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.mih-metric{background:#fff;border-radius:10px;padding:16px;border:1px solid var(--slate-200)}
.mih-metric-label{font-size:11px;color:var(--slate-400);margin-bottom:8px}
.mih-metric-value{font-size:22px;font-weight:800;color:var(--slate-900);line-height:1}
.mih-metric-sub{font-size:11px;color:var(--slate-400);margin-top:4px}
.mih-metric-trend{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;font-weight:600;color:var(--emerald)}
.mih-progress{background:var(--slate-100);border-radius:10px;height:8px;overflow:hidden}
.mih-progress-fill{background:var(--purple);height:100%;border-radius:10px;transition:width .8s ease}

/* ─── SAFETY ─── */
.mih-safety-grid{display:grid;grid-template-columns:1fr 2fr;gap:16px}
.mih-safety-alert{background:linear-gradient(135deg,#fef2f2 0%,#fff7ed 100%);border:1px solid #fecaca;border-radius:12px;padding:20px}
.mih-safety-alert h4{color:#991b1b;font-weight:700;margin:0 0 16px;font-size:14px}
.mih-safety-stat{margin-bottom:14px}
.mih-safety-stat-value{font-size:26px;font-weight:800;color:#b91c1c;line-height:1}
.mih-safety-stat-label{font-size:12px;color:#9ca3af;margin-top:2px}
.mih-scam-row{margin-bottom:14px}
.mih-scam-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.mih-scam-name{font-size:13px;font-weight:500;color:var(--slate-700)}
.mih-scam-meta{display:flex;align-items:center;gap:10px}
.mih-scam-trend{font-size:11px;font-weight:600;color:var(--red)}
.mih-scam-pct{font-size:13px;font-weight:700;color:var(--slate-900);min-width:32px;text-align:right}
.mih-scam-bar{background:var(--slate-100);border-radius:4px;height:8px;overflow:hidden}
.mih-scam-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#ef4444,#fb923c);transition:width 1s ease}
.mih-tips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.mih-tip{background:#fff;border-radius:10px;padding:16px;border:1px solid var(--slate-200);transition:box-shadow .2s}
.mih-tip:hover{box-shadow:0 4px 12px rgba(0,0,0,0.05)}
.mih-tip h5{font-size:13px;font-weight:700;color:var(--slate-900);margin:0 0 4px}
.mih-tip p{font-size:11px;color:var(--slate-500);line-height:1.5;margin:0}

/* ─── REPORTS ─── */
.mih-reports-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.mih-report{background:#fff;border-radius:10px;padding:18px;border:1px solid var(--slate-200);transition:all .2s;display:flex;flex-direction:column}
.mih-report:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(37,99,235,0.08)}
.mih-report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}
.mih-report-type{font-size:10px;font-weight:600;color:var(--primary);background:var(--primary-light);padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}
.mih-report h4{font-size:14px;font-weight:700;color:var(--slate-900);line-height:1.4;margin:0 0 8px;flex:1}
.mih-report-meta{display:flex;gap:12px;font-size:11px;color:var(--slate-400);margin-bottom:12px}
.mih-report-footer{display:flex;justify-content:space-between;align-items:center}
.mih-report-downloads{font-size:11px;color:var(--slate-400)}

/* ─── NEWSLETTER ─── */
.mih-newsletter{background:linear-gradient(135deg,#2563eb,#3730a3);border-radius:16px;padding:48px 32px;text-align:center}
.mih-newsletter h3{color:#fff;font-size:24px;font-weight:800;margin:0 0 8px}
.mih-newsletter>p{color:rgba(255,255,255,0.8);font-size:14px;max-width:480px;margin:0 auto 24px;line-height:1.6}
.mih-newsletter-form{display:flex;gap:10px;max-width:420px;margin:0 auto}
.mih-newsletter-form input{flex:1;padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,0.25);background:rgba(255,255,255,0.12);color:#fff;font-size:14px;outline:none;transition:all .2s}
.mih-newsletter-form input::placeholder{color:rgba(255,255,255,0.5)}
.mih-newsletter-form input:focus{border-color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.18)}
.mih-newsletter-note{font-size:11px;color:rgba(255,255,255,0.5);margin-top:10px}

/* ─── FOOTER ─── */
.mih-footer{background:var(--slate-900);color:var(--slate-400);padding:48px 0 0}
.mih-footer-grid{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:32px}
.mih-footer h5{color:#fff;font-size:13px;font-weight:600;margin:0 0 12px}
.mih-footer p{font-size:13px;line-height:1.7;margin:0}
.mih-footer-links{list-style:none;padding:0;margin:0}
.mih-footer-links li{margin-bottom:8px}
.mih-footer-links a{font-size:13px;color:var(--slate-400);transition:color .2s}
.mih-footer-links a:hover{color:#fff}
.mih-footer-bottom{max-width:1200px;margin:0 auto;padding:20px;border-top:1px solid var(--slate-700);display:flex;justify-content:space-between;align-items:center;font-size:12px}
.mih-footer-legal{display:flex;gap:16px}
.mih-footer-legal a{color:var(--slate-400);transition:color .2s}
.mih-footer-legal a:hover{color:#fff}

/* ─── ANIMATIONS ─── */
@keyframes mihFadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.mih-animate{animation:mihFadeInUp .6s ease forwards;opacity:0}
.mih-delay-1{animation-delay:.1s}
.mih-delay-2{animation-delay:.2s}
.mih-delay-3{animation-delay:.3s}
.mih-delay-4{animation-delay:.4s}
.mih-delay-5{animation-delay:.5s}

/* ─── RESPONSIVE ─── */
@media(max-width:1024px){
  .mih-chart-row{grid-template-columns:1fr}
  .mih-safety-grid{grid-template-columns:1fr}
  .mih-footer-grid{grid-template-columns:1fr 1fr;gap:24px}
}
@media(max-width:768px){
  .mih-nav{display:none}
  .mih-mobile-toggle{display:block}
  .mih-stats-row{grid-template-columns:repeat(2,1fr)}
  .mih-metrics-grid{grid-template-columns:repeat(2,1fr)}
  .mih-tips-grid{grid-template-columns:repeat(2,1fr)}
  .mih-reports-grid{grid-template-columns:1fr}
  .mih-hero h1{font-size:32px}
  .mih-newsletter-form{flex-direction:column}
  .mih-section{padding:40px 0}
  .mih-footer-grid{grid-template-columns:1fr}
  .mih-footer-bottom{flex-direction:column;gap:10px;text-align:center}
}
@media(max-width:480px){
  .mih-stats-row{grid-template-columns:1fr}
  .mih-metrics-grid{grid-template-columns:1fr}
  .mih-tips-grid{grid-template-columns:1fr}
  .mih-hero h1{font-size:26px}
  .mih-hero{padding:40px 0 60px}
}
</style>
</head>
<body>

<!-- ═══════════════════════════════════════════ -->
<!--  TOP BAR                                    -->
<!-- ═══════════════════════════════════════════ -->
<div class="mih-topbar">
  <div class="mih-topbar-inner">
    <div>Trusted by 12,000+ subscribers | Data updated daily</div>
    <div><a href="https://ukclassifiedhub.co.uk">Back to UKClassifiedHub &rarr;</a></div>
  </div>
</div>

<!-- ═══════════════════════════════════════════ -->
<!--  HEADER                                     -->
<!-- ═══════════════════════════════════════════ -->
<header class="mih-header-main">
  <div class="mih-header-inner">
    <a href="https://ukclassifiedhub.co.uk" class="mih-logo">
      <div class="mih-logo-icon">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"/><path d="M18 17V9"/><path d="M13 17V5"/><path d="M8 17v-3"/></svg>
      </div>
      <div>
        <div class="mih-logo-text">UKClassifiedHub</div>
        <div class="mih-logo-sub">Market Insights</div>
      </div>
    </a>
    <nav class="mih-nav">
      <a href="#overview">Overview</a>
      <a href="#trends">Trends</a>
      <a href="#regions">Regions</a>
      <a href="#safety">Safety</a>
      <a href="#reports">Reports</a>
    </nav>
    <div class="mih-header-actions">
      <a href="https://ukclassifiedhub.co.uk" class="mih-btn mih-btn-primary mih-btn-sm">Back to Site</a>
      <button class="mih-mobile-toggle" onclick="document.querySelector('.mih-nav').classList.toggle('mih-mobile-open')">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
      </button>
    </div>
  </div>
</header>

<!-- ═══════════════════════════════════════════ -->
<!--  HERO                                       -->
<!-- ═══════════════════════════════════════════ -->
<section class="mih-hero">
  <div class="mih-container">
    <div class="mih-hero-content">
      <div class="mih-hero-badge">
        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 11-2.12-9.36L23 10"/></svg>
        Live Market Data
      </div>
      <h1>UK Second-Hand<br>Market Intelligence</h1>
      <p>Real-time data, original research, and market insights powering the UK's classifieds economy. Trusted by journalists, researchers, and policymakers.</p>
      <div class="mih-hero-actions">
        <a href="#reports" class="mih-btn mih-btn-white">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          Download Reports
        </a>
        <a href="#trends" class="mih-btn" style="background:rgba(255,255,255,0.15);color:#fff;border:1px solid rgba(255,255,255,0.3)">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 3v18h18"/><path d="M18 17V9"/><path d="M13 17V5"/><path d="M8 17v-3"/></svg>
          Explore Data
        </a>
      </div>
    </div>
  </div>
</section>

<!-- ═══════════════════════════════════════════ -->
<!--  SECTION NAV                                -->
<!-- ═══════════════════════════════════════════ -->
<div class="mih-section-nav">
  <div class="mih-container" style="padding:8px 20px">
    <a href="#overview" class="active">Overview</a>
    <a href="#trends">Market Trends</a>
    <a href="#regions">Regional Data</a>
    <a href="#safety">Trust &amp; Safety</a>
    <a href="#reports">Reports</a>
  </div>
</div>

<!-- ═══════════════════════════════════════════ -->
<!--  STATS OVERVIEW                             -->
<!-- ═══════════════════════════════════════════ -->
<section id="overview" style="padding-top:30px">
  <div class="mih-container">
    <div class="mih-stats-row">
      <div class="mih-stat-card mih-animate mih-delay-1">
        <div class="mih-stat-header">
          <div class="mih-stat-icon">&#163;</div>
          <span class="mih-stat-label">Market Value 2025</span>
        </div>
        <div class="mih-stat-value" data-count="4.8" data-prefix="&#163;" data-suffix="bn" data-decimals="1">&#163;0.0bn</div>
        <p class="mih-stat-sub">Projected annual value</p>
      </div>
      <div class="mih-stat-card mih-animate mih-delay-2">
        <div class="mih-stat-header">
          <div class="mih-stat-icon green">&#128101;</div>
          <span class="mih-stat-label">Active Buyers</span>
        </div>
        <div class="mih-stat-value" data-count="65" data-prefix="" data-suffix="%" data-decimals="0">0%</div>
        <p class="mih-stat-sub">Of UK adults buy pre-loved</p>
      </div>
      <div class="mih-stat-card mih-animate mih-delay-3">
        <div class="mih-stat-header">
          <div class="mih-stat-icon orange">&#128200;</div>
          <span class="mih-stat-label">Monthly Spend</span>
        </div>
        <div class="mih-stat-value" data-count="124.8" data-prefix="&#163;" data-suffix="" data-decimals="2">&#163;0.00</div>
        <p class="mih-stat-sub">Up 114% from 5 years ago</p>
      </div>
      <div class="mih-stat-card mih-animate mih-delay-4">
        <div class="mih-stat-header">
          <div class="mih-stat-icon purple">&#128737;</div>
          <span class="mih-stat-label">Trust Score</span>
        </div>
        <div class="mih-stat-value" data-count="72" data-prefix="" data-suffix="%" data-decimals="0">0%</div>
        <p class="mih-stat-sub">Platform trust rating</p>
      </div>
    </div>
  </div>
</section>

<!-- ═══════════════════════════════════════════ -->
<!--  MARKET TRENDS                              -->
<!-- ═══════════════════════════════════════════ -->
<section id="trends" class="mih-section mih-section-alt">
  <div class="mih-container">
    <div style="display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:12px">
      <div class="mih-section-header" style="margin-bottom:0">
        <div class="mih-badge mih-badge-blue">Market Analysis</div>
        <h2>Market Trends &amp; Growth</h2>
        <p>UK second-hand market value and listing volume (2019-2025)</p>
      </div>
      <div style="display:flex;gap:8px">
        <button class="mih-btn mih-btn-outline mih-btn-sm">Export CSV</button>
        <button class="mih-btn mih-btn-outline mih-btn-sm">Embed</button>
      </div>
    </div>

    <div class="mih-chart-row">
      <div class="mih-card mih-animate">
        <div class="mih-card-header"><h3>Market Value Growth (&pound;bn)</h3><p>Annual market valuation with projections</p></div>
        <div class="mih-card-body"><div class="mih-chart-container"><canvas id="marketGrowthChart"></canvas></div></div>
      </div>
      <div class="mih-card mih-animate mih-delay-2">
        <div class="mih-card-header"><h3>Category Breakdown</h3><p>Share of spending by category (2025)</p></div>
        <div class="mih-card-body"><div class="mih-chart-container"><canvas id="categoryChart"></canvas></div></div>
      </div>
    </div>

    <div class="mih-card mih-animate mih-delay-3" style="margin-top:16px">
      <div class="mih-card-header"><h3>Quarterly Performance Index</h3><p>Average selling price and time-to-sell trends</p></div>
      <div class="mih-card-body"><div class="mih-chart-container" style="height:340px"><canvas id="quarterlyChart"></canvas></div></div>
    </div>
  </div>
</section>

<!-- ═══════════════════════════════════════════ -->
<!--  REGIONAL DATA                              -->
<!-- ═══════════════════════════════════════════ -->
<section id="regions" class="mih-section">
  <div class="mih-container">
    <div class="mih-section-header">
      <div class="mih-badge mih-badge-emerald">Local Markets</div>
      <h2>Regional Market Explorer</h2>
      <p>Compare second-hand market data across UK cities</p>
    </div>

    <div class="mih-region-tabs" id="regionTabs">
      <button class="mih-region-tab active" data-region="london">London</button>
      <button class="mih-region-tab" data-region="manchester">Manchester</button>
      <button class="mih-region-tab" data-region="birmingham">Birmingham</button>
      <button class="mih-region-tab" data-region="glasgow">Glasgow</button>
      <button class="mih-region-tab" data-region="leeds">Leeds</button>
      <button class="mih-region-tab" data-region="bristol">Bristol</button>
    </div>

    <div class="mih-metrics-grid" id="regionMetrics">
      <div class="mih-metric">
        <div class="mih-metric-label">Avg Item Price</div>
        <div class="mih-metric-value" id="metricPrice">&pound;68.50</div>
        <div class="mih-metric-trend">+12.4% vs last year</div>
      </div>
      <div class="mih-metric">
        <div class="mih-metric-label">Active Listings</div>
        <div class="mih-metric-value" id="metricListings">125,400</div>
        <div class="mih-metric-sub">Currently on the market</div>
      </div>
      <div class="mih-metric">
        <div class="mih-metric-label">Avg Time to Sell</div>
        <div class="mih-metric-value" id="metricTime">7.2 days</div>
        <div class="mih-metric-sub">Average listing duration</div>
      </div>
      <div class="mih-metric">
        <div class="mih-metric-label">Trust Index</div>
        <div class="mih-metric-value" id="metricTrust">72%</div>
        <div class="mih-progress"><div class="mih-progress-fill" id="metricTrustBar" style="width:72%"></div></div>
      </div>
    </div>

    <div class="mih-card mih-animate">
      <div class="mih-card-header"><h3 id="regionChartTitle">London vs National Average Prices (&pound;)</h3><p>Category price comparison - local vs UK average</p></div>
      <div class="mih-card-body"><div class="mih-chart-container"><canvas id="regionChart"></canvas></div></div>
    </div>
  </div>
</section>

<!-- ═══════════════════════════════════════════ -->
<!--  TRUST & SAFETY                             -->
<!-- ═══════════════════════════════════════════ -->
<section id="safety" class="mih-section mih-section-alt">
  <div class="mih-container">
    <div class="mih-section-header">
      <div class="mih-badge mih-badge-red">Consumer Protection</div>
      <h2>Trust &amp; Safety Insights</h2>
      <p>Understanding marketplace risks and building consumer confidence</p>
    </div>

    <div class="mih-safety-grid">
      <div class="mih-safety-alert mih-animate">
        <h4>&#9888; Scam Awareness</h4>
        <div class="mih-safety-stat"><div class="mih-safety-stat-value">&pound;960m</div><div class="mih-safety-stat-label">Lost to scams in past 12 months</div></div>
        <div class="mih-safety-stat"><div class="mih-safety-stat-value">37%</div><div class="mih-safety-stat-label">Of Brits encountered a scam</div></div>
        <div class="mih-safety-stat"><div class="mih-safety-stat-value">416%</div><div class="mih-safety-stat-label">Rise in online shopping scams (Q4)</div></div>
      </div>

      <div class="mih-card mih-animate mih-delay-2">
        <div class="mih-card-header"><h3>Most Common Scam Types</h3><p>Percentage distribution of reported marketplace scams</p></div>
        <div class="mih-card-body">
          <div class="mih-scam-row">
            <div class="mih-scam-header"><span class="mih-scam-name">Fake Product / Listings</span><div class="mih-scam-meta"><span class="mih-scam-trend">+12%</span><span class="mih-scam-pct">34%</span></div></div>
            <div class="mih-scam-bar"><div class="mih-scam-fill" style="width:85%"></div></div>
          </div>
          <div class="mih-scam-row">
            <div class="mih-scam-header"><span class="mih-scam-name">Off-Platform Payment</span><div class="mih-scam-meta"><span class="mih-scam-trend">+8%</span><span class="mih-scam-pct">28%</span></div></div>
            <div class="mih-scam-bar"><div class="mih-scam-fill" style="width:70%"></div></div>
          </div>
          <div class="mih-scam-row">
            <div class="mih-scam-header"><span class="mih-scam-name">Non-Delivery</span><div class="mih-scam-meta"><span class="mih-scam-trend">+5%</span><span class="mih-scam-pct">18%</span></div></div>
            <div class="mih-scam-bar"><div class="mih-scam-fill" style="width:45%"></div></div>
          </div>
          <div class="mih-scam-row">
            <div class="mih-scam-header"><span class="mih-scam-name">Overpayment Scams</span><div class="mih-scam-meta"><span class="mih-scam-trend" style="color:var(--emerald)">-3%</span><span class="mih-scam-pct">12%</span></div></div>
            <div class="mih-scam-bar"><div class="mih-scam-fill" style="width:30%"></div></div>
          </div>
          <div class="mih-scam-row">
            <div class="mih-scam-header"><span class="mih-scam-name">Identity Theft</span><div class="mih-scam-meta"><span class="mih-scam-trend">+2%</span><span class="mih-scam-pct">8%</span></div></div>
            <div class="mih-scam-bar"><div class="mih-scam-fill" style="width:20%"></div></div>
          </div>
          <div style="background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:14px;margin-top:16px">
            <p style="font-size:12px;font-weight:700;color:#1e3a5f;margin:0 0 4px">UKClassifiedHub Safety Commitment</p>
            <p style="font-size:11px;color:#3b5998;line-height:1.5;margin:0">We verify all sellers, monitor listings 24/7, and provide buyer protection on eligible transactions. <a href="#" style="color:var(--primary);text-decoration:underline">Download our Safe Selling Guide</a> for tips on staying protected.</p>
          </div>
        </div>
      </div>
    </div>

    <div class="mih-tips-grid mih-animate mih-delay-3">
      <div class="mih-tip"><h5>&#128064; Inspect Before Paying</h5><p>Always see the item in person or request a video call before sending money.</p></div>
      <div class="mih-tip"><h5>&#128274; Pay Securely</h5><p>Use platform payment protection. Never send money via bank transfer to strangers.</p></div>
      <div class="mih-tip"><h5>&#128205; Meet Safely</h5><p>Choose public meeting places. Tell someone where you are going and when.</p></div>
      <div class="mih-tip"><h5>&#128270; Research the Seller</h5><p>Check ratings, review history, and how long the account has been active.</p></div>
    </div>
  </div>
</section>

<!-- ═══════════════════════════════════════════ -->
<!--  REPORTS                                    -->
<!-- ═══════════════════════════════════════════ -->
<section id="reports" class="mih-section">
  <div class="mih-container">
    <div class="mih-section-header">
      <div class="mih-badge mih-badge-indigo">Research Library</div>
      <h2>Download Market Reports</h2>
      <p>Original research and industry analysis from the UKClassifiedHub data team</p>
    </div>

    <div class="mih-reports-grid">
      <div class="mih-report mih-animate">
        <div class="mih-report-header"><span class="mih-report-type">Quarterly Report</span></div>
        <h4>Q2 2025 UK Second-Hand Economy Index</h4>
        <div class="mih-report-meta"><span>June 2025</span><span>24 pages</span><span>4.2 MB</span></div>
        <div class="mih-report-footer">
          <span class="mih-report-downloads">1,240 downloads</span>
          <button class="mih-btn mih-btn-primary mih-btn-sm">Download</button>
        </div>
      </div>
      <div class="mih-report mih-animate mih-delay-1">
        <div class="mih-report-header"><span class="mih-report-type">Annual Report</span></div>
        <h4>Marketplace Safety Report 2025</h4>
        <div class="mih-report-meta"><span>March 2025</span><span>42 pages</span><span>8.1 MB</span></div>
        <div class="mih-report-footer">
          <span class="mih-report-downloads">3,560 downloads</span>
          <button class="mih-btn mih-btn-primary mih-btn-sm">Download</button>
        </div>
      </div>
      <div class="mih-report mih-animate mih-delay-2">
        <div class="mih-report-header"><span class="mih-report-type">Live Dashboard</span></div>
        <h4>The UK Resale Value Tracker</h4>
        <div class="mih-report-meta"><span>Updated Weekly</span><span>18 pages</span><span>2.8 MB</span></div>
        <div class="mih-report-footer">
          <span class="mih-report-downloads">2,890 downloads</span>
          <button class="mih-btn mih-btn-primary mih-btn-sm">Download</button>
        </div>
      </div>
      <div class="mih-report mih-animate mih-delay-3">
        <div class="mih-report-header"><span class="mih-report-type">Research Study</span></div>
        <h4>Regional Price Comparison Study</h4>
        <div class="mih-report-meta"><span>May 2025</span><span>32 pages</span><span>5.6 MB</span></div>
        <div class="mih-report-footer">
          <span class="mih-report-downloads">1,870 downloads</span>
          <button class="mih-btn mih-btn-primary mih-btn-sm">Download</button>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ═══════════════════════════════════════════ -->
<!--  NEWSLETTER                                 -->
<!-- ═══════════════════════════════════════════ -->
<section class="mih-section mih-section-alt" style="padding-top:0">
  <div class="mih-container">
    <div class="mih-newsletter mih-animate">
      <h3>Get Market Insights Delivered</h3>
      <p>Subscribe to the UKClassifiedHub Market Digest. Weekly updates on pricing trends, safety alerts, and exclusive research.</p>
      <form class="mih-newsletter-form" onsubmit="event.preventDefault();alert('Thanks for subscribing!');">
        <input type="email" placeholder="Enter your email address" required>
        <button type="submit" class="mih-btn" style="background:#fff;color:#2563eb;font-weight:700">Subscribe</button>
      </form>
      <p class="mih-newsletter-note">No spam. Unsubscribe anytime. Data kept private.</p>
    </div>
  </div>
</section>

<!-- ═══════════════════════════════════════════ -->
<!--  FOOTER                                     -->
<!-- ═══════════════════════════════════════════ -->
<footer class="mih-footer">
  <div class="mih-footer-grid">
    <div>
      <div style="display:flex;align-items:center;gap:10px;margin-bottom:12px">
        <div style="width:36px;height:36px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:8px;display:flex;align-items:center;justify-content:center">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.5"><path d="M3 3v18h18"/><path d="M18 17V9"/><path d="M13 17V5"/><path d="M8 17v-3"/></svg>
        </div>
        <span style="color:#fff;font-weight:700;font-size:16px">UKClassifiedHub Insights</span>
      </div>
      <p>The UK's most comprehensive source of second-hand market data. Original research, interactive tools, and industry analysis powering the circular economy.</p>
    </div>
    <div>
      <h5>Quick Links</h5>
      <ul class="mih-footer-links">
        <li><a href="https://ukclassifiedhub.co.uk">Home</a></li>
        <li><a href="#overview">Market Overview</a></li>
        <li><a href="#trends">Trends</a></li>
        <li><a href="#regions">Regional Data</a></li>
      </ul>
    </div>
    <div>
      <h5>Resources</h5>
      <ul class="mih-footer-links">
        <li><a href="#reports">Download Reports</a></li>
        <li><a href="#safety">Trust &amp; Safety</a></li>
        <li><a href="#">Press Portal</a></li>
        <li><a href="#">Data Methodology</a></li>
      </ul>
    </div>
    <div>
      <h5>Legal</h5>
      <ul class="mih-footer-links">
        <li><a href="#">Privacy Policy</a></li>
        <li><a href="#">Terms of Use</a></li>
        <li><a href="#">Cookie Settings</a></li>
      </ul>
    </div>
  </div>
  <div class="mih-footer-bottom">
    <p>&copy; 2025 UKClassifiedHub. All rights reserved.</p>
    <div class="mih-footer-legal">
      <a href="https://ukclassifiedhub.co.uk">Back to UKClassifiedHub</a>
    </div>
  </div>
</footer>

<!-- ═══════════════════════════════════════════ -->
<!--  JAVASCRIPT                                 -->
<!-- ═══════════════════════════════════════════ -->
<script>
// Region data
const regionData = {
  london:    { name:'London',    avgPrice:68.50, listings:125400, timeToSell:7.2,  trust:72, growth:12.4, data:[{c:'Electronics',local:85,nat:62},{c:'Furniture',local:72,nat:58},{c:'Clothing',local:45,nat:38},{c:'Motoring',local:3200,nat:2850},{c:'Sports',local:55,nat:42}] },
  manchester:{ name:'Manchester',avgPrice:52.30, listings:78400,  timeToSell:8.5,  trust:68, growth:15.8, data:[{c:'Electronics',local:62,nat:62},{c:'Furniture',local:48,nat:58},{c:'Clothing',local:35,nat:38},{c:'Motoring',local:2400,nat:2850},{c:'Sports',local:38,nat:42}] },
  birmingham:{ name:'Birmingham',avgPrice:48.70, listings:69300,  timeToSell:9.1,  trust:65, growth:11.2, data:[{c:'Electronics',local:58,nat:62},{c:'Furniture',local:52,nat:58},{c:'Clothing',local:32,nat:38},{c:'Motoring',local:2600,nat:2850},{c:'Sports',local:40,nat:42}] },
  glasgow:   { name:'Glasgow',   avgPrice:42.10, listings:52100,  timeToSell:10.4, trust:63, growth:9.6,  data:[{c:'Electronics',local:55,nat:62},{c:'Furniture',local:48,nat:58},{c:'Clothing',local:30,nat:38},{c:'Motoring',local:2200,nat:2850},{c:'Sports',local:36,nat:42}] },
  leeds:     { name:'Leeds',     avgPrice:45.80, listings:48700,  timeToSell:9.3,  trust:67, growth:13.1, data:[{c:'Electronics',local:60,nat:62},{c:'Furniture',local:50,nat:58},{c:'Clothing',local:34,nat:38},{c:'Motoring',local:2500,nat:2850},{c:'Sports',local:40,nat:42}] },
  bristol:   { name:'Bristol',   avgPrice:54.20, listings:41200,  timeToSell:8.8,  trust:70, growth:14.5, data:[{c:'Electronics',local:72,nat:62},{c:'Furniture',local:55,nat:58},{c:'Clothing',local:38,nat:38},{c:'Motoring',local:2700,nat:2850},{c:'Sports',local:45,nat:42}] },
};

Chart.defaults.font.family = "'Inter',system-ui,sans-serif";
Chart.defaults.font.size = 12;
Chart.defaults.color = '#64748b';

// Market Growth Chart
const ctx1 = document.getElementById('marketGrowthChart').getContext('2d');
const grad1 = ctx1.createLinearGradient(0,0,0,300);
grad1.addColorStop(0,'rgba(37,99,235,0.15)');
grad1.addColorStop(1,'rgba(37,99,235,0)');
new Chart(ctx1,{
  type:'line',
  data:{ labels:['2019','2020','2021','2022','2023','2024','2025'], datasets:[{ label:'Market Value (£bn)', data:[2.8,3.2,3.5,3.8,4.1,4.3,4.8], borderColor:'#2563eb', backgroundColor:grad1, fill:true, tension:0.4, pointRadius:5 }] },
  options:{ responsive:true, maintainAspectRatio:false, plugins:{legend:{display:false}}, scales:{ x:{grid:{display:false}}, y:{beginAtZero:false,min:2,max:5.5,grid:{color:'#f1f5f9'}} } }
});

// Category Pie Chart
new Chart(document.getElementById('categoryChart'),{
  type:'doughnut',
  data:{ labels:['Clothing & Fashion','Electronics','Home & Furniture','Motoring','Sporting Goods','Other'], datasets:[{ data:[37,23,16,13,7,4], backgroundColor:['#2563eb','#7c3aed','#059669','#dc2626','#ea580c','#6b7280'], borderWidth:0, hoverOffset:6 }] },
  options:{ responsive:true, maintainAspectRatio:false, cutout:'65%', plugins:{legend:{display:false}} }
});

// Quarterly Chart
new Chart(document.getElementById('quarterlyChart'),{
  type:'line',
  data:{ labels:['Q1 2024','Q2 2024','Q3 2024','Q4 2024','Q1 2025','Q2 2025'], datasets:[ {label:'Avg Price (£)',data:[45.2,48.6,52.1,55.4,58.2,61.5],borderColor:'#2563eb',tension:0.3,pointRadius:5,yAxisID:'y'}, {label:'Days to Sell',data:[12.4,11.1,10.3,9.8,9.2,8.6],borderColor:'#dc2626',tension:0.3,pointRadius:5,yAxisID:'y1'} ] },
  options:{ responsive:true, maintainAspectRatio:false, interaction:{mode:'index',intersect:false}, scales:{ x:{grid:{display:false}}, y:{position:'left',grid:{color:'#f1f5f9'}}, y1:{position:'right',grid:{display:false},min:8,max:14} } }
});

// Region Chart
let regionChart;
function updateRegionChart(regionKey){
  const d = regionData[regionKey];
  const ctx = document.getElementById('regionChart').getContext('2d');
  if(regionChart) regionChart.destroy();
  regionChart = new Chart(ctx,{
    type:'bar',
    data:{ labels:d.data.map(x=>x.c), datasets:[ {label:d.name,data:d.data.map(x=>x.local),backgroundColor:'#059669',borderRadius:4,barPercentage:0.7}, {label:'National Avg',data:d.data.map(x=>x.nat),backgroundColor:'#94a3b8',borderRadius:4,barPercentage:0.7} ] },
    options:{ indexAxis:'y', responsive:true, maintainAspectRatio:false, plugins:{legend:{position:'top',align:'end'}}, scales:{ x:{grid:{color:'#f1f5f9'}}, y:{grid:{display:false}} } }
  });
  document.getElementById('regionChartTitle').textContent = d.name + ' vs National Average Prices (£)';
  document.getElementById('metricPrice').textContent = '£' + d.avgPrice.toFixed(2);
  document.getElementById('metricListings').textContent = d.listings.toLocaleString();
  document.getElementById('metricTime').textContent = d.timeToSell + ' days';
  document.getElementById('metricTrust').textContent = d.trust + '%';
  document.getElementById('metricTrustBar').style.width = d.trust + '%';
}
updateRegionChart('london');

document.querySelectorAll('.mih-region-tab').forEach(tab=>{
  tab.addEventListener('click',()=>{
    document.querySelectorAll('.mih-region-tab').forEach(t=>t.classList.remove('active'));
    tab.classList.add('active');
    updateRegionChart(tab.dataset.region);
  });
});

// Animated counters
function animateCounters(){
  document.querySelectorAll('[data-count]').forEach(el=>{
    const target = parseFloat(el.dataset.count);
    const prefix = el.dataset.prefix || '';
    const suffix = el.dataset.suffix || '';
    const decimals = parseInt(el.dataset.decimals) || 0;
    const start = performance.now();
    function update(now){
      const progress = Math.min((now - start) / 1500, 1);
      const eased = 1 - Math.pow(1 - progress, 3);
      el.textContent = prefix + (target * eased).toFixed(decimals) + suffix;
      if(progress < 1) requestAnimationFrame(update);
    }
    requestAnimationFrame(update);
  });
}
setTimeout(animateCounters, 300);

// Scroll animations
const observer = new IntersectionObserver((entries)=>{
  entries.forEach(entry=>{
    if(entry.isIntersecting){
      entry.target.style.opacity = '1';
      entry.target.style.transform = 'translateY(0)';
      observer.unobserve(entry.target);
    }
  });
},{threshold:0.1});
document.querySelectorAll('.mih-animate').forEach(el=>{
  el.style.opacity = '0';
  el.style.transform = 'translateY(20px)';
  el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
  observer.observe(el);
});

// Section nav active state
const sections = document.querySelectorAll('section[id]');
const navLinks = document.querySelectorAll('.mih-section-nav a');
window.addEventListener('scroll',()=>{
  let current = '';
  sections.forEach(sec=>{
    if(window.scrollY >= sec.offsetTop - 150) current = sec.getAttribute('id');
  });
  navLinks.forEach(a=>a.classList.toggle('active', a.getAttribute('href') === '#'+current));
});
</script>

</body>
</html>
Do you have more questions? Contact us →
Are you a professional seller? Create an account
Non-logged user Welcome!
Post an ad Search
Register account
Companies Forums Blog FAQ
Change location Help Contact us
Switch to dark mode
Support pages
About Us Privacy Policy Terms of Service Cookie Policy UK Salary Calculator Market Insights Hub
Change location
Default location
Select your preferred location to search and sell faster.
Use current location Click to find closest city to your location
Popular cities
Bedfordshire, England 45 items Yorkshire , England 30 items Essex, England 21 items Berkshire, England 16 items Nottinghamshire, England 15 items Lancashire, England 15 items
Clean default location
Filter results