/** Shopify CDN: Minification failed

Line 16:0 Unexpected "<"
Line 44:4 Unexpected "\"@context\""
Line 51:6 Expected identifier but found "\"@type\""
Line 57:5 Expected identifier but found ","
Line 66:2 Unexpected "<"
Line 493:2 Unexpected "<"
Line 533:59 Unterminated string token
Line 572:128 Unterminated string token
Line 626:99 Unterminated string token
Line 710:132 Unterminated string token
... and 8 more hidden warnings

**/
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <!-- ═══ PRIMARY SEO META ═══ -->
  <title>Online8 | Luxury Furniture Store Auckland NZ — Sofas, Dining, Bedroom & Home Décor</title>
  <meta name="description" content="Online8 is Auckland's premier luxury furniture showroom. Shop handcrafted sofas, leather lounges, dining suites, bedroom furniture and home décor. $99 shipping nationwide. Visit us at 29 Charles Street, Papatoetoe." />
  <meta name="keywords" content="luxury furniture Auckland, furniture store NZ, sofas Auckland, leather sofa NZ, dining furniture Auckland, bedroom furniture NZ, home decor Auckland, Online8 furniture" />
  <link rel="canonical" href="https://www.online8.co.nz/" />

  <!-- ═══ OPEN GRAPH (Facebook / LinkedIn previews) ═══ -->
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://www.online8.co.nz/" />
  <meta property="og:title" content="Online8 | Luxury Furniture Store Auckland NZ" />
  <meta property="og:description" content="Auckland's premium furniture destination. Handcrafted sofas, dining suites, bedroom furniture and home décor. $99 shipping nationwide." />
  <meta property="og:image" content="https://www.online8.co.nz/cdn/shop/files/hampshire-3-seater-leather-sofa-vintage-cigar-online8-1224882937.jpg" />
  <meta property="og:locale" content="en_NZ" />

  <!-- ═══ TWITTER CARD ═══ -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Online8 | Luxury Furniture Auckland NZ" />
  <meta name="twitter:description" content="Premium furniture & home décor. Showroom at 29 Charles St, Papatoetoe Auckland." />

  <!-- ═══ LOCAL BUSINESS SCHEMA (helps Google Maps & local SEO) ═══ -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "FurnitureStore",
    "name": "Online8",
    "url": "https://www.online8.co.nz",
    "logo": "https://www.online8.co.nz/cdn/shop/files/logo_a5fcc4d0-8687-4053-88de-23298873081c.png",
    "description": "Auckland's premier luxury furniture store specialising in sofas, dining suites, bedroom furniture and home décor.",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "29 Charles Street",
      "addressLocality": "Papatoetoe",
      "addressRegion": "Auckland",
      "postalCode": "2025",
      "addressCountry": "NZ"
    },
    "telephone": "+6492788881",
    "email": "info@online8.co.nz",
    "openingHours": "Mo-Sa 10:00-16:00",
    "priceRange": "$$–$$$$",
    "areaServed": "New Zealand",
    "hasMap": "https://maps.app.goo.gl/4WR55wtrcXcKGVQ97",
    "sameAs": ["https://www.online8.co.nz"]
  }
  </script>

  <!-- ═══ FONTS ═══ -->
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Jost:wght@200;300;400;500;600&display=swap" rel="stylesheet" />

  <style>
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --black: #0a0a0a;
      --charcoal: #1c1c1c;
      --dark: #2a2a2a;
      --gold: #b8975a;
      --gold-light: #d4b07a;
      --cream: #f5f0e8;
      --cream-dark: #ede6d8;
      --white: #ffffff;
      --grey: #7a7a7a;
      --grey-light: #aaa;
      --border: rgba(184,151,90,0.2);
      --border-dark: rgba(255,255,255,0.08);
      --font-serif: 'Playfair Display', Georgia, serif;
      --font-sans: 'Jost', sans-serif;
    }
    html { scroll-behavior: smooth; font-size: 16px; }
    body { background: var(--black); color: var(--cream); font-family: var(--font-sans); font-weight: 300; line-height: 1.6; overflow-x: hidden; }
    a { text-decoration: none; color: inherit; }
    img { display: block; max-width: 100%; }

    /* ── ANNOUNCEMENT BAR ── */
    .announce {
      background: var(--gold);
      text-align: center;
      padding: 10px 24px;
      font-size: 11px;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: var(--black);
      font-weight: 600;
    }
    .announce a { color: var(--black); text-decoration: underline; }

    /* ── NAV ── */
    nav {
      position: sticky; top: 0; z-index: 300;
      background: rgba(10,10,10,0.97);
      backdrop-filter: blur(20px);
      border-bottom: 1px solid var(--border-dark);
    }
    .nav-top {
      display: flex; align-items: center; justify-content: space-between;
      padding: 0 56px;
      height: 72px;
    }
    .nav-logo {
      font-family: var(--font-serif);
      font-size: 26px;
      font-weight: 400;
      letter-spacing: 4px;
      text-transform: uppercase;
      color: var(--white);
    }
    .nav-logo span { color: var(--gold); }
    .nav-actions { display: flex; align-items: center; gap: 28px; }
    .nav-actions a { font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--grey-light); font-weight: 400; transition: color 0.2s; }
    .nav-actions a:hover { color: var(--gold); }
    .nav-links-row {
      border-top: 1px solid var(--border-dark);
      display: flex; align-items: center; justify-content: center;
      gap: 0; padding: 0 56px;
      height: 44px;
    }
    .nav-links-row a {
      font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase;
      color: var(--grey-light); font-weight: 400;
      padding: 0 20px; height: 44px; display: flex; align-items: center;
      border-bottom: 2px solid transparent;
      transition: color 0.2s, border-color 0.2s;
    }
    .nav-links-row a:hover { color: var(--gold); border-color: var(--gold); }
    @media(max-width:900px){ .nav-links-row { display: none; } .nav-top { padding: 0 24px; } }

    /* ── HERO ── */
    #hero {
      height: 95vh;
      min-height: 600px;
      position: relative;
      display: flex; align-items: flex-end;
      overflow: hidden;
    }
    .hero-bg {
      position: absolute; inset: 0;
      background:
        linear-gradient(to bottom, rgba(10,10,10,0.15) 0%, rgba(10,10,10,0.6) 60%, rgba(10,10,10,0.92) 100%),
        url('https://www.online8.co.nz/cdn/shop/files/hampshire-3-seater-leather-sofa-vintage-cigar-online8-1224882937.jpg?width=2000') center/cover no-repeat;
    }
    .hero-content {
      position: relative; z-index: 2;
      padding: 0 80px 80px;
      max-width: 760px;
    }
    .hero-eyebrow {
      display: flex; align-items: center; gap: 14px;
      margin-bottom: 24px;
    }
    .hero-eyebrow-line { width: 40px; height: 1px; background: var(--gold); }
    .hero-eyebrow span { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--gold); font-weight: 500; }
    .hero-h1 {
      font-family: var(--font-serif);
      font-size: clamp(44px, 6vw, 80px);
      font-weight: 400;
      line-height: 1.1;
      color: var(--white);
      margin-bottom: 20px;
    }
    .hero-h1 em { font-style: italic; color: var(--gold-light); }
    .hero-sub {
      font-size: 14px; color: rgba(255,255,255,0.6);
      max-width: 500px; line-height: 1.85;
      margin-bottom: 40px; font-weight: 300;
    }
    .hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }
    .btn-gold {
      background: var(--gold); color: var(--black);
      padding: 15px 36px; font-size: 11px;
      font-weight: 600; letter-spacing: 3px; text-transform: uppercase;
      border-radius: 0; transition: background 0.2s;
    }
    .btn-gold:hover { background: var(--gold-light); }
    .btn-outline-white {
      border: 1px solid rgba(255,255,255,0.3); color: rgba(255,255,255,0.7);
      padding: 15px 28px; font-size: 11px;
      font-weight: 400; letter-spacing: 2.5px; text-transform: uppercase;
      transition: all 0.2s;
    }
    .btn-outline-white:hover { border-color: var(--gold); color: var(--gold); }
    .hero-scroll {
      position: absolute; bottom: 40px; right: 80px; z-index: 2;
      display: flex; flex-direction: column; align-items: center; gap: 10px;
    }
    .hero-scroll span { font-size: 9px; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,0.35); writing-mode: vertical-rl; }
    .hero-scroll-line { width: 1px; height: 48px; background: linear-gradient(to bottom, var(--gold), transparent); }

    /* ── TRUST BAR ── */
    .trust-bar {
      background: var(--charcoal);
      border-bottom: 1px solid rgba(255,255,255,0.06);
      display: grid;
      grid-template-columns: repeat(4,1fr);
    }
    .trust-item {
      padding: 28px 36px;
      border-right: 1px solid rgba(255,255,255,0.06);
      display: flex; align-items: center; gap: 14px;
    }
    .trust-item:last-child { border-right: none; }
    .trust-icon { font-size: 22px; opacity: 0.7; }
    .trust-text strong { display: block; font-size: 13px; font-weight: 600; color: var(--white); margin-bottom: 2px; }
    .trust-text span { font-size: 11px; color: var(--grey); letter-spacing: 0.5px; }
    @media(max-width:768px){ .trust-bar { grid-template-columns: 1fr 1fr; } .trust-item { padding: 20px; } }

    /* ── SECTION HELPERS ── */
    section { position: relative; }
    .sec { padding: 110px 80px; }
    .sec-sm { padding: 80px 80px; }
    .sec-label {
      font-size: 10px; letter-spacing: 4px; text-transform: uppercase;
      color: var(--gold); margin-bottom: 14px;
      display: flex; align-items: center; gap: 12px;
    }
    .sec-label::before { content:''; display:inline-block; width:24px; height:1px; background:var(--gold); }
    .sec-title {
      font-family: var(--font-serif);
      font-size: clamp(32px,3.5vw,52px);
      font-weight: 400;
      color: var(--white);
      line-height: 1.15;
    }
    .sec-title em { font-style: italic; color: var(--gold-light); }
    .sec-title-dark { color: var(--black); }
    .sec-sub { font-size: 14px; color: var(--grey); line-height: 1.85; max-width: 560px; margin-top: 16px; font-weight: 300; }
    .sec-sub-dark { color: #555; }
    @media(max-width:768px){ .sec,.sec-sm { padding: 72px 24px; } }

    /* ── CATEGORY GRID ── */
    #categories { background: var(--black); }
    .cat-grid {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr;
      grid-template-rows: 380px 280px;
      gap: 3px;
      margin-top: 56px;
    }
    .cat-card {
      position: relative; overflow: hidden;
      cursor: pointer;
    }
    .cat-card:first-child { grid-row: 1 / 3; }
    .cat-bg {
      position: absolute; inset: 0;
      background-size: cover; background-position: center;
      transition: transform 0.7s ease;
    }
    .cat-card:hover .cat-bg { transform: scale(1.04); }
    .cat-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(to top, rgba(10,10,10,0.75) 0%, rgba(10,10,10,0.1) 60%);
      transition: background 0.3s;
    }
    .cat-card:hover .cat-overlay { background: linear-gradient(to top, rgba(10,10,10,0.85) 0%, rgba(10,10,10,0.2) 60%); }
    .cat-label {
      position: absolute; bottom: 28px; left: 28px; z-index: 2;
    }
    .cat-label h3 { font-family: var(--font-serif); font-size: 26px; font-weight: 400; color: var(--white); margin-bottom: 6px; }
    .cat-label a {
      font-size: 10px; letter-spacing: 3px; text-transform: uppercase;
      color: var(--gold); font-weight: 500;
      display: flex; align-items: center; gap: 8px;
      transition: gap 0.2s;
    }
    .cat-card:hover .cat-label a { gap: 14px; }
    @media(max-width:900px){ .cat-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; } .cat-card:first-child { grid-row: auto; } .cat-card { height: 260px; } }
    @media(max-width:560px){ .cat-grid { grid-template-columns: 1fr; } .cat-card { height: 220px; } }

    /* ── HERO BANNER SPLIT ── */
    .split-banner {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .split-panel {
      position: relative; height: 560px; overflow: hidden;
      display: flex; align-items: flex-end;
    }
    .split-panel-bg {
      position: absolute; inset: 0;
      background-size: cover; background-position: center;
      transition: transform 0.7s ease;
    }
    .split-panel:hover .split-panel-bg { transform: scale(1.04); }
    .split-panel-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(to top, rgba(10,10,10,0.82) 0%, transparent 55%);
    }
    .split-panel-content { position: relative; z-index: 2; padding: 44px; }
    .split-tag { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); margin-bottom: 10px; }
    .split-panel-content h2 { font-family: var(--font-serif); font-size: 32px; font-weight: 400; color: var(--white); margin-bottom: 8px; line-height: 1.2; }
    .split-panel-content p { font-size: 13px; color: rgba(255,255,255,0.55); margin-bottom: 22px; line-height: 1.7; }
    .split-panel-content a {
      font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold);
      font-weight: 500; display: inline-flex; align-items: center; gap: 10px;
      border-bottom: 1px solid rgba(184,151,90,0.3); padding-bottom: 4px;
      transition: gap 0.2s, border-color 0.2s;
    }
    .split-panel-content a:hover { gap: 16px; border-color: var(--gold); }
    @media(max-width:768px){ .split-banner { grid-template-columns: 1fr; } .split-panel { height: 400px; } }

    /* ── FEATURED PRODUCTS ── */
    #products { background: var(--cream); }
    #products .sec-title { color: var(--black); }
    .products-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 48px; flex-wrap: wrap; gap: 20px; }
    .view-all-link { font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--dark); font-weight: 500; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid rgba(0,0,0,0.2); padding-bottom: 3px; transition: gap 0.2s; }
    .view-all-link:hover { gap: 14px; }
    .products-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
    .product-card { position: relative; }
    .product-img {
      position: relative; overflow: hidden;
      aspect-ratio: 3/4; background: var(--cream-dark);
      margin-bottom: 16px;
    }
    .product-img img {
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform 0.6s ease;
    }
    .product-card:hover .product-img img { transform: scale(1.05); }
    .product-badge {
      position: absolute; top: 14px; left: 14px;
      background: var(--gold); color: var(--black);
      font-size: 9px; letter-spacing: 2px; text-transform: uppercase;
      font-weight: 700; padding: 5px 10px;
    }
    .product-card h4 { font-size: 14px; font-weight: 400; color: var(--black); margin-bottom: 5px; line-height: 1.4; }
    .product-price { font-size: 15px; font-weight: 600; color: var(--dark); }
    .product-price .was { font-size: 12px; color: var(--grey); text-decoration: line-through; margin-right: 8px; font-weight: 300; }
    .product-cta {
      margin-top: 12px; width: 100%;
      background: var(--black); color: var(--cream);
      padding: 12px; font-family: var(--font-sans);
      font-size: 10px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase;
      border: none; cursor: pointer; transition: background 0.2s;
      display: block; text-align: center;
    }
    .product-cta:hover { background: var(--charcoal); }
    @media(max-width:900px){ .products-grid { grid-template-columns: 1fr 1fr; } }
    @media(max-width:480px){ .products-grid { grid-template-columns: 1fr; } }

    /* ── EDITORIAL STRIP ── */
    .editorial {
      background: var(--charcoal);
      display: grid; grid-template-columns: 1fr 1fr;
      min-height: 520px;
    }
    .editorial-img { position: relative; overflow: hidden; }
    .editorial-img img { width: 100%; height: 100%; object-fit: cover; }
    .editorial-content {
      padding: 72px 64px;
      display: flex; flex-direction: column; justify-content: center;
    }
    .editorial-content blockquote {
      font-family: var(--font-serif);
      font-size: clamp(24px, 2.5vw, 36px);
      font-style: italic;
      font-weight: 400;
      color: var(--white);
      line-height: 1.4;
      margin-bottom: 28px;
      border-left: 2px solid var(--gold);
      padding-left: 28px;
    }
    .editorial-content p { font-size: 14px; color: var(--grey); line-height: 1.85; margin-bottom: 36px; }
    @media(max-width:768px){ .editorial { grid-template-columns: 1fr; } .editorial-content { padding: 48px 24px; } }

    /* ── USP / WHY US ── */
    #why { background: var(--black); }
    .why-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--border-dark); border: 1px solid var(--border-dark); margin-top: 56px; }
    .why-card { background: var(--black); padding: 48px 40px; transition: background 0.3s; }
    .why-card:hover { background: #111; }
    .why-num { font-family: var(--font-serif); font-size: 52px; font-weight: 400; color: var(--gold); opacity: 0.3; line-height: 1; margin-bottom: 20px; }
    .why-card h3 { font-size: 16px; font-weight: 600; color: var(--white); margin-bottom: 10px; letter-spacing: 0.3px; }
    .why-card p { font-size: 13px; color: var(--grey); line-height: 1.8; }
    @media(max-width:768px){ .why-grid { grid-template-columns: 1fr; } }

    /* ── BLOG ── */
    #blog { background: var(--cream); }
    #blog .sec-title { color: var(--black); }
    #blog .sec-label { color: #8a7550; }
    #blog .sec-label::before { background: #8a7550; }
    .blog-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 32px; margin-top: 52px; }
    .blog-card { }
    .blog-img { aspect-ratio: 4/3; overflow: hidden; margin-bottom: 20px; }
    .blog-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s; }
    .blog-card:hover .blog-img img { transform: scale(1.05); }
    .blog-meta { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #8a7550; margin-bottom: 8px; }
    .blog-card h3 { font-family: var(--font-serif); font-size: 20px; font-weight: 400; color: var(--black); line-height: 1.4; margin-bottom: 10px; }
    .blog-card p { font-size: 13px; color: #666; line-height: 1.75; margin-bottom: 16px; }
    .blog-read { font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--dark); font-weight: 600; display: inline-flex; align-items: center; gap: 8px; transition: gap 0.2s; }
    .blog-card:hover .blog-read { gap: 14px; }
    @media(max-width:768px){ .blog-grid { grid-template-columns: 1fr; } }

    /* ── SHOWROOM ── */
    #showroom { background: var(--charcoal); }
    .showroom-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
    .showroom-info .sec-title { color: var(--white); }
    .showroom-info p { font-size: 14px; color: var(--grey); line-height: 1.85; margin-top: 20px; max-width: 440px; }
    .showroom-details { margin-top: 36px; display: flex; flex-direction: column; gap: 16px; }
    .showroom-detail { display: flex; gap: 14px; align-items: flex-start; }
    .detail-icon { font-size: 18px; margin-top: 2px; }
    .detail-text strong { display: block; font-size: 13px; font-weight: 600; color: var(--white); }
    .detail-text span { font-size: 13px; color: var(--grey); }
    .showroom-map {
      height: 400px; overflow: hidden; position: relative;
    }
    .showroom-map img { width: 100%; height: 100%; object-fit: cover; }
    .map-overlay {
      position: absolute; inset: 0;
      display: flex; align-items: center; justify-content: center;
      background: rgba(10,10,10,0.4);
    }
    .map-btn {
      background: var(--gold); color: var(--black);
      padding: 14px 28px; font-size: 11px;
      font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase;
      transition: background 0.2s;
    }
    .map-btn:hover { background: var(--gold-light); }
    @media(max-width:768px){ .showroom-inner { grid-template-columns: 1fr; } .showroom-map { height: 280px; } }

    /* ── NEWSLETTER ── */
    #newsletter {
      background: var(--gold);
      padding: 80px;
      text-align: center;
    }
    #newsletter h2 { font-family: var(--font-serif); font-size: clamp(28px,3vw,44px); font-weight: 400; color: var(--black); margin-bottom: 12px; }
    #newsletter p { font-size: 14px; color: rgba(0,0,0,0.6); margin-bottom: 36px; }
    .newsletter-form { display: flex; max-width: 480px; margin: 0 auto; }
    .newsletter-form input {
      flex: 1; padding: 15px 20px;
      background: rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.15); border-right: none;
      font-family: var(--font-sans); font-size: 14px; color: var(--black);
      outline: none;
    }
    .newsletter-form input::placeholder { color: rgba(0,0,0,0.4); }
    .newsletter-form button {
      background: var(--black); color: var(--cream);
      padding: 15px 28px; border: none; cursor: pointer;
      font-family: var(--font-sans); font-size: 11px;
      font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase;
      transition: background 0.2s;
    }
    .newsletter-form button:hover { background: var(--charcoal); }
    @media(max-width:768px){ #newsletter { padding: 60px 24px; } .newsletter-form { flex-direction: column; } .newsletter-form input { border-right: 1px solid rgba(0,0,0,0.15); border-bottom: none; } }

    /* ── FOOTER ── */
    footer { background: #060606; padding: 80px 80px 0; }
    .foot-top { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 56px; padding-bottom: 60px; border-bottom: 1px solid rgba(255,255,255,0.07); }
    .foot-brand .logo { font-family: var(--font-serif); font-size: 22px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; color: var(--white); margin-bottom: 14px; }
    .foot-brand .logo span { color: var(--gold); }
    .foot-brand p { font-size: 13px; color: var(--grey); line-height: 1.8; max-width: 260px; margin-bottom: 24px; }
    .foot-socials { display: flex; gap: 12px; }
    .foot-social { width: 34px; height: 34px; border: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--grey); transition: all 0.2s; }
    .foot-social:hover { border-color: var(--gold); color: var(--gold); }
    .foot-col h5 { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 20px; font-weight: 600; }
    .foot-col a { display: block; font-size: 13px; color: var(--grey); margin-bottom: 10px; transition: color 0.2s; font-weight: 300; }
    .foot-col a:hover { color: var(--gold); }
    .foot-bottom { padding: 24px 0; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; align-items: center; }
    .foot-bottom p { font-size: 11px; color: rgba(255,255,255,0.2); }
    .foot-payments { display: flex; gap: 8px; }
    .payment-badge { background: rgba(255,255,255,0.06); padding: 5px 10px; font-size: 10px; color: var(--grey); letter-spacing: 1px; }
    @media(max-width:900px){ .foot-top { grid-template-columns: 1fr 1fr; } footer { padding: 60px 24px 0; } }
    @media(max-width:480px){ .foot-top { grid-template-columns: 1fr; } }

    /* ── SCROLL REVEAL ── */
    @keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
    .fu{opacity:0;animation:fadeUp 0.75s ease forwards;}
    .d1{animation-delay:0.1s;}.d2{animation-delay:0.25s;}.d3{animation-delay:0.4s;}.d4{animation-delay:0.55s;}
  </style>
</head>
<body>

<!-- ANNOUNCEMENT -->
<div class="announce">
  ✦ Free Delivery Over $2,000 &nbsp;|&nbsp; $99 Flat Rate Shipping Nationwide &nbsp;|&nbsp;
  <a href="https://www.online8.co.nz/pages/contact-us">Open 6 Days · Papatoetoe Showroom</a> ✦
</div>

<!-- NAV -->
<nav>
  <div class="nav-top">
    <a href="https://www.online8.co.nz" class="nav-logo">Online<span>8</span></a>
    <div class="nav-actions">
      <a href="https://www.online8.co.nz/pages/contact-us">09-278-8881</a>
      <a href="https://www.online8.co.nz/pages/contact-us">Visit Showroom</a>
      <a href="https://www.online8.co.nz/cart">Cart (0)</a>
    </div>
  </div>
  <div class="nav-links-row">
    <a href="https://www.online8.co.nz/collections/sofas">Sofas</a>
    <a href="https://www.online8.co.nz/collections/armchair">Armchairs</a>
    <a href="https://www.online8.co.nz/collections/dining">Dining</a>
    <a href="https://www.online8.co.nz/collections/bedroom">Bedroom</a>
    <a href="https://www.online8.co.nz/collections/outdoor-furniture">Outdoor</a>
    <a href="https://www.online8.co.nz/collections/furniture">Furniture</a>
    <a href="https://www.online8.co.nz/collections/home-decor">Home Décor</a>
    <a href="https://www.online8.co.nz/collections/bar-table-bar-stools">Bar &amp; Café</a>
    <a href="https://www.online8.co.nz/collections/gift-ideas">Gifts</a>
    <a href="https://www.online8.co.nz/collections/clearance" style="color:#b8975a;">Clearance</a>
  </div>
</nav>

<!-- HERO -->
<section id="hero" aria-label="Homepage hero — luxury leather sofa collection">
  <div class="hero-bg" role="img" aria-label="Hampshire leather sofa in Vintage Cigar"></div>
  <div class="hero-content">
    <div class="hero-eyebrow fu d1">
      <div class="hero-eyebrow-line"></div>
      <span>Auckland's Premier Furniture Destination</span>
    </div>
    <h1 class="hero-h1 fu d2">Curated for<br /><em>Exceptional Living</em></h1>
    <p class="hero-sub fu d3">Handcrafted furniture and home décor for New Zealand homes that demand more than ordinary. Discover pieces built to last a lifetime.</p>
    <div class="hero-btns fu d4">
      <a href="https://www.online8.co.nz/collections/sofas" class="btn-gold">Shop Collections</a>
      <a href="https://www.online8.co.nz/pages/contact-us" class="btn-outline-white">Visit Showroom</a>
    </div>
  </div>
  <div class="hero-scroll">
    <span>Scroll</span>
    <div class="hero-scroll-line"></div>
  </div>
</section>

<!-- TRUST BAR -->
<div class="trust-bar" role="list" aria-label="Key benefits">
  <div class="trust-item" role="listitem">
    <span class="trust-icon">🚚</span>
    <div class="trust-text"><strong>$99 Nationwide Shipping</strong><span>Delivered across New Zealand</span></div>
  </div>
  <div class="trust-item" role="listitem">
    <span class="trust-icon">🏛️</span>
    <div class="trust-text"><strong>Papatoetoe Showroom</strong><span>Open 6 days · Free parking</span></div>
  </div>
  <div class="trust-item" role="listitem">
    <span class="trust-icon">✦</span>
    <div class="trust-text"><strong>Handcrafted Quality</strong><span>Premium materials, built to last</span></div>
  </div>
  <div class="trust-item" role="listitem">
    <span class="trust-icon">💳</span>
    <div class="trust-text"><strong>Easy Payment Options</strong><span>AfterPay, Laybuy & more</span></div>
  </div>
</div>

<!-- CATEGORIES -->
<section id="categories" class="sec" aria-labelledby="cat-heading">
  <div class="sec-label">Explore</div>
  <h2 class="sec-title" id="cat-heading">Shop by <em>Category</em></h2>
  <p class="sec-sub">From statement sofas to complete bedroom suites — every piece curated for New Zealand's finest homes.</p>

  <div class="cat-grid" role="list">
    <div class="cat-card" role="listitem">
      <div class="cat-bg" style="background-image:url('https://www.online8.co.nz/cdn/shop/files/marseille-2-seater-slip-cover-sofa-oatmeal-online8-1216043193.png?width=900');background-color:#1a1a1a;"></div>
      <div class="cat-overlay"></div>
      <div class="cat-label">
        <h3>Sofas &amp; Lounges</h3>
        <a href="https://www.online8.co.nz/collections/sofas">Shop Now →</a>
      </div>
    </div>
    <div class="cat-card" role="listitem">
      <div class="cat-bg" style="background-image:url('https://www.online8.co.nz/cdn/shop/files/talia-dining-table-with-arch-legs-black-online8-1221624714.png?width=375');background-color:#1a1a1a;"></div>
      <div class="cat-overlay"></div>
      <div class="cat-label">
        <h3>Dining</h3>
        <a href="https://www.online8.co.nz/collections/dining">Shop Now →</a>
      </div>
    </div>
    <div class="cat-card" role="listitem">
      <div class="cat-bg" style="background-image:url('https://www.online8.co.nz/cdn/shop/files/regency-3-drawer-bedside-table-old-elm-online8-1218018902.png?width=375');background-color:#1a1a1a;"></div>
      <div class="cat-overlay"></div>
      <div class="cat-label">
        <h3>Bedroom</h3>
        <a href="https://www.online8.co.nz/collections/bedroom">Shop Now →</a>
      </div>
    </div>
    <div class="cat-card" role="listitem">
      <div class="cat-bg" style="background-image:url('https://www.online8.co.nz/cdn/shop/files/hand-pulled-vase-online8-1187292862.jpg?width=375');background-color:#1a1a1a;"></div>
      <div class="cat-overlay"></div>
      <div class="cat-label">
        <h3>Home Décor</h3>
        <a href="https://www.online8.co.nz/collections/home-decor">Shop Now →</a>
      </div>
    </div>
    <div class="cat-card" role="listitem">
      <div class="cat-bg" style="background-image:url('https://www.online8.co.nz/cdn/shop/files/raul-bistro-round-dining-table-indoor-outdoor-online8-1199541391.avif?width=375');background-color:#1a1a1a;"></div>
      <div class="cat-overlay"></div>
      <div class="cat-label">
        <h3>Outdoor</h3>
        <a href="https://www.online8.co.nz/collections/outdoor-furniture">Shop Now →</a>
      </div>
    </div>
  </div>
</section>

<!-- SPLIT COLLECTION BANNERS -->
<div class="split-banner" aria-label="Featured collections">
  <div class="split-panel">
    <div class="split-panel-bg" style="background-image:url('https://www.online8.co.nz/cdn/shop/files/hampshire-3-seater-leather-sofa-vintage-cigar-online8-1224882937.jpg?width=2000');"></div>
    <div class="split-panel-overlay"></div>
    <div class="split-panel-content">
      <div class="split-tag">Premium Leather</div>
      <h2>Unrivalled Luxury</h2>
      <p>Handcrafted aged Italian leather — curated for New Zealand's most refined interiors.</p>
      <a href="https://www.online8.co.nz/collections/aged-italian-leather">Discover the Collection →</a>
    </div>
  </div>
  <div class="split-panel">
    <div class="split-panel-bg" style="background-image:url('https://www.online8.co.nz/cdn/shop/files/homestead-large-wall-unit-w-4-doors-4-drawers-reclaimed-oak-online8-1224882919.jpg?width=2000');"></div>
    <div class="split-panel-overlay"></div>
    <div class="split-panel-content">
      <div class="split-tag">Reclaimed Timber</div>
      <h2>Where Quality Meets Character</h2>
      <p>Authentic reclaimed oak furniture with the soul of history and the quality of today.</p>
      <a href="https://www.online8.co.nz/collections/reclaimed-furniture-collection">Discover the Collection →</a>
    </div>
  </div>
</div>

<!-- FEATURED PRODUCTS -->
<section id="products" class="sec" aria-labelledby="products-heading">
  <div class="products-header">
    <div>
      <div class="sec-label" style="color:#8a7550;">New Arrivals</div>
      <h2 class="sec-title sec-title-dark" id="products-heading">Latest <em style="color:#8a7550;">Pieces</em></h2>
    </div>
    <a href="https://www.online8.co.nz/collections/new-arrivals" class="view-all-link">View All New Arrivals →</a>
  </div>
  <div class="products-grid">
    <div class="product-card">
      <div class="product-img">
        <img src="https://www.online8.co.nz/cdn/shop/files/the-luxe-slipcover-sofa-with-left-hand-chaise-toffee-online8-1227789191.jpg?width=375" alt="Luxe Slipcover Sofa with Left-Hand Chaise in Toffee — Online8 Auckland" loading="lazy" />
        <span class="product-badge">Low Stock</span>
      </div>
      <h4>Luxe Slipcover Sofa with Left-Hand Chaise — Toffee</h4>
      <div class="product-price">$6,499</div>
      <a href="https://www.online8.co.nz/products/the-luxe-slipcover-sofa-with-left-hand-chaise-toffee" class="product-cta">View Details</a>
    </div>
    <div class="product-card">
      <div class="product-img">
        <img src="https://www.online8.co.nz/cdn/shop/files/the-luxe-slipcover-sofa-with-left-hand-chaise-forest-green-online8-1227789192.png?width=375" alt="Luxe Slipcover Sofa with Left-Hand Chaise in Forest Green — Online8 NZ" loading="lazy" />
        <span class="product-badge">Low Stock</span>
      </div>
      <h4>Luxe Slipcover Sofa with Left-Hand Chaise — Forest Green</h4>
      <div class="product-price">$6,499</div>
      <a href="https://www.online8.co.nz/products/the-luxe-slipcover-sofa-with-left-hand-chaise-forest-green" class="product-cta">View Details</a>
    </div>
    <div class="product-card">
      <div class="product-img">
        <img src="https://www.online8.co.nz/cdn/shop/files/luxe-slip-cover-3-seat-slip-cover-sofa-toffee-online8-1227787811.jpg?width=375" alt="Luxe 3-Seat Slipcover Sofa in Toffee — Buy online at Online8 NZ" loading="lazy" />
        <span class="product-badge">New</span>
      </div>
      <h4>Luxe 3-Seat Slipcover Sofa — Toffee</h4>
      <div class="product-price">$3,699</div>
      <a href="https://www.online8.co.nz/products/luxe-slip-cover-3-seat-slip-cover-sofa-toffee" class="product-cta">View Details</a>
    </div>
    <div class="product-card">
      <div class="product-img">
        <img src="https://www.online8.co.nz/cdn/shop/files/provincial-slipcover-3-seater-sofa-french-linen-mocha-online8-1224882903.jpg?width=375" alt="Provincial Slipcover 3-Seater Sofa in French Linen Mocha — Online8 Auckland" loading="lazy" />
      </div>
      <h4>Provincial Slipcover 3-Seater Sofa — French Linen Mocha</h4>
      <div class="product-price">From $2,499</div>
      <a href="https://www.online8.co.nz/collections/slip-cover-sofas-1" class="product-cta">View Details</a>
    </div>
  </div>
</section>

<!-- EDITORIAL -->
<div class="editorial" aria-label="Brand story">
  <div class="editorial-img">
    <img src="https://www.online8.co.nz/cdn/shop/files/alice-outdoor-sectional-sofa-set-with-ottoman-online8-1222177388.png?width=900" alt="Alice outdoor sectional sofa set — Online8 NZ outdoor furniture" loading="lazy" />
  </div>
  <div class="editorial-content">
    <blockquote>"Every corner of your home should invite you to linger a little longer."</blockquote>
    <p>At Online8, we believe luxury shouldn't be reserved for five-star hotels. Our carefully sourced collection brings the world's finest furniture and décor to New Zealand homes — from our showroom in Papatoetoe, Auckland to your front door.</p>
    <a href="https://www.online8.co.nz/pages/about-us" class="btn-gold" style="display:inline-block;">Our Story</a>
  </div>
</div>

<!-- WHY CHOOSE US -->
<section id="why" class="sec" aria-labelledby="why-heading">
  <div class="sec-label">The Online8 Difference</div>
  <h2 class="sec-title" id="why-heading">Why New Zealand<br /><em>Chooses Us</em></h2>
  <div class="why-grid">
    <div class="why-card">
      <div class="why-num">01</div>
      <h3>Premium Curated Selection</h3>
      <p>Every piece in our collection is handpicked for quality, craftsmanship, and timeless design. We don't stock mediocrity.</p>
    </div>
    <div class="why-card">
      <div class="why-num">02</div>
      <h3>$99 Nationwide Delivery</h3>
      <p>Flat-rate $99 shipping to anywhere in New Zealand. No surprises, no hidden costs — just reliable delivery to your door.</p>
    </div>
    <div class="why-card">
      <div class="why-num">03</div>
      <h3>Auckland Showroom Experience</h3>
      <p>Visit our Papatoetoe showroom to touch, feel and sit in your next favourite piece before you buy. Open 6 days, free parking.</p>
    </div>
    <div class="why-card">
      <div class="why-num">04</div>
      <h3>Flexible Payment Options</h3>
      <p>Spread the cost with AfterPay, Laybuy, and other flexible payment options available both in-store and online.</p>
    </div>
    <div class="why-card">
      <div class="why-num">05</div>
      <h3>Expert Design Advice</h3>
      <p>Our experienced team offers complimentary design recommendations — helping you find pieces that work perfectly in your space.</p>
    </div>
    <div class="why-card">
      <div class="why-num">06</div>
      <h3>Wholesale &amp; Trade Welcome</h3>
      <p>Special pricing for interior designers, architects and commercial projects. Contact us to discuss your trade requirements.</p>
    </div>
  </div>
</section>

<!-- BLOG -->
<section id="blog" class="sec" aria-labelledby="blog-heading">
  <div class="sec-label" style="color:#8a7550;">Style &amp; Ideas</div>
  <h2 class="sec-title sec-title-dark" id="blog-heading">Design <em style="color:#8a7550;">Inspiration</em></h2>
  <div class="blog-grid">
    <article class="blog-card" itemscope itemtype="https://schema.org/BlogPosting">
      <div class="blog-img">
        <img src="https://www.online8.co.nz/cdn/shop/articles/williams-3-seater-chesterfield-sofa-online8-1186848534.webp?width=430" alt="How to style a leather sofa in a New Zealand home" loading="lazy" itemprop="image" />
      </div>
      <p class="blog-meta" itemprop="datePublished" content="2026-03-19">19 March 2026</p>
      <h3 itemprop="headline"><a href="https://www.online8.co.nz/blogs/news/how-to-style-a-leather-sofa-in-a-new-zealand-home-online8-auckland" style="color:inherit;">How to Style a Leather Sofa in a New Zealand Home</a></h3>
      <p itemprop="description">From choosing the right leather tone to layering textures, rugs and décor — expert styling tips from the Online8 team.</p>
      <a href="https://www.online8.co.nz/blogs/news/how-to-style-a-leather-sofa-in-a-new-zealand-home-online8-auckland" class="blog-read">Read Article →</a>
    </article>
    <article class="blog-card" itemscope itemtype="https://schema.org/BlogPosting">
      <div class="blog-img">
        <img src="https://www.online8.co.nz/cdn/shop/articles/PR2093_assorted_08_8d16b7ea-eef8-444e-ae94-d20293faa3b7.jpg?width=430" alt="Top NZ furniture trends 2025 and 2026 styles" loading="lazy" itemprop="image" />
      </div>
      <p class="blog-meta" itemprop="datePublished" content="2026-03-16">16 March 2026</p>
      <h3 itemprop="headline"><a href="https://www.online8.co.nz/blogs/news/top-nz-furniture-trends-2025-recap-and-your-first-look-at-2026-styles" style="color:inherit;">Top NZ Furniture Trends: 2025 Recap &amp; 2026 Preview</a></h3>
      <p itemprop="description">New Zealand homes are shifting toward intentional, lived-in luxury. Discover what's shaping interiors in 2026.</p>
      <a href="https://www.online8.co.nz/blogs/news/top-nz-furniture-trends-2025-recap-and-your-first-look-at-2026-styles" class="blog-read">Read Article →</a>
    </article>
    <article class="blog-card" itemscope itemtype="https://schema.org/BlogPosting">
      <div class="blog-img">
        <img src="https://www.online8.co.nz/cdn/shop/articles/lotus-jade-coffee-table-ash-online8-1226723103.jpg?width=430" alt="5 interior design mistakes to avoid — Online8 NZ" loading="lazy" itemprop="image" />
      </div>
      <p class="blog-meta" itemprop="datePublished" content="2026-03-16">16 March 2026</p>
      <h3 itemprop="headline"><a href="https://www.online8.co.nz/blogs/news/the-art-of-the-edit-5-interior-design-mistakes-to-avoid" style="color:inherit;">The Art of the Edit: 5 Interior Design Mistakes to Avoid</a></h3>
      <p itemprop="description">Even stylish spaces fall victim to common design pitfalls. Here's how to curate a home that feels both refined and comfortable.</p>
      <a href="https://www.online8.co.nz/blogs/news/the-art-of-the-edit-5-interior-design-mistakes-to-avoid" class="blog-read">Read Article →</a>
    </article>
  </div>
</section>

<!-- SHOWROOM -->
<section id="showroom" class="sec" aria-labelledby="showroom-heading">
  <div class="showroom-inner">
    <div class="showroom-info">
      <div class="sec-label">Visit Us</div>
      <h2 class="sec-title" id="showroom-heading">Auckland's Finest<br /><em>Furniture Showroom</em></h2>
      <p>Experience our full collection in person at our Papatoetoe showroom. Touch the fabrics, sit in the sofas, and let our team help you design the home you've always imagined.</p>
      <div class="showroom-details">
        <div class="showroom-detail">
          <span class="detail-icon">📍</span>
          <div class="detail-text">
            <strong>29 Charles Street, Papatoetoe, Auckland</strong>
            <span>Free onsite parking available</span>
          </div>
        </div>
        <div class="showroom-detail">
          <span class="detail-icon">🕐</span>
          <div class="detail-text">
            <strong>Monday to Saturday, 10am – 4pm</strong>
            <span>Closed Sundays &amp; Public Holidays</span>
          </div>
        </div>
        <div class="showroom-detail">
          <span class="detail-icon">📞</span>
          <div class="detail-text">
            <strong><a href="tel:+6492788881" style="color:var(--gold);">09-278-8881</a></strong>
            <span>or <a href="/cdn-cgi/l/email-protection#d9b0b7bfb699b6b7b5b0b7bce1f7bab6f7b7a3" style="color:var(--gold);"><span class="__cf_email__" data-cfemail="dbb2b5bdb49bb4b5b7b2b5bee3f5b8b4f5b5a1">[email&#160;protected]</span></a></span>
          </div>
        </div>
      </div>
    </div>
    <div class="showroom-map">
      <img src="https://www.online8.co.nz/cdn/shop/files/Online8_Showroom_Map.png?width=375" alt="Online8 showroom location map — 29 Charles Street Papatoetoe Auckland" loading="lazy" />
      <div class="map-overlay">
        <a href="https://maps.app.goo.gl/4WR55wtrcXcKGVQ97" class="map-btn" target="_blank" rel="noopener">Get Directions</a>
      </div>
    </div>
  </div>
</section>

<!-- NEWSLETTER -->
<section id="newsletter" aria-label="Newsletter signup">
  <h2>Join the Inner Circle</h2>
  <p>Design inspiration, new arrivals, exclusive offers and styling ideas — delivered to your inbox.</p>
  <div class="newsletter-form">
    <input type="email" placeholder="Your email address" aria-label="Email address" />
    <button type="submit">Subscribe</button>
  </div>
</section>

<!-- FOOTER -->
<footer>
  <div class="foot-top">
    <div class="foot-brand">
      <div class="logo">Online<span>8</span></div>
      <p>Auckland's premier luxury furniture destination. Handcrafted pieces for New Zealand homes that deserve the best.</p>
      <div class="foot-socials">
        <a href="#" class="foot-social" aria-label="Facebook">f</a>
        <a href="#" class="foot-social" aria-label="Instagram">in</a>
        <a href="#" class="foot-social" aria-label="Pinterest">P</a>
      </div>
    </div>
    <div class="foot-col">
      <h5>Collections</h5>
      <a href="https://www.online8.co.nz/collections/sofas">Sofas</a>
      <a href="https://www.online8.co.nz/collections/armchair">Armchairs</a>
      <a href="https://www.online8.co.nz/collections/dining">Dining</a>
      <a href="https://www.online8.co.nz/collections/bedroom">Bedroom</a>
      <a href="https://www.online8.co.nz/collections/outdoor-furniture">Outdoor</a>
      <a href="https://www.online8.co.nz/collections/home-decor">Home Décor</a>
    </div>
    <div class="foot-col">
      <h5>Support</h5>
      <a href="https://www.online8.co.nz/pages/about-us">About Us</a>
      <a href="https://www.online8.co.nz/pages/shipping-policy">Shipping Timeframes</a>
      <a href="https://www.online8.co.nz/policies/refund-policy">Returns &amp; Refunds</a>
      <a href="https://www.online8.co.nz/pages/payment-options">Payment Options</a>
      <a href="https://www.online8.co.nz/pages/design-recommendations-faq">Design FAQ</a>
      <a href="https://www.online8.co.nz/pages/contact-us">Contact Us</a>
    </div>
    <div class="foot-col">
      <h5>Contact</h5>
      <a href="tel:+6492788881">09-278-8881</a>
      <a href="/cdn-cgi/l/email-protection#c7aea9a1a887a8a9abaea9a2ffe9a4a8e9a9bd"><span class="__cf_email__" data-cfemail="157c7b737a557a7b797c7b702d3b767a3b7b6f">[email&#160;protected]</span></a>
      <a href="https://www.online8.co.nz/pages/contact-us">29 Charles St, Papatoetoe</a>
      <a href="https://www.online8.co.nz/pages/wholesale">Wholesale &amp; Trade</a>
      <a href="https://www.online8.co.nz/blogs/news">Blog &amp; Inspiration</a>
    </div>
  </div>
  <div class="foot-bottom">
    <p>© 2025 Online8. All rights reserved. | <a href="https://www.online8.co.nz/policies/privacy-policy" style="color:inherit;">Privacy Policy</a> | <a href="https://www.online8.co.nz/policies/terms-of-service" style="color:inherit;">Terms of Service</a></p>
    <div class="foot-payments">
      <span class="payment-badge">Visa</span>
      <span class="payment-badge">Mastercard</span>
      <span class="payment-badge">PayPal</span>
      <span class="payment-badge">AfterPay</span>
      <span class="payment-badge">Apple Pay</span>
    </div>
  </div>
</footer>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
  // Scroll reveal
  const io = new IntersectionObserver(entries => {
    entries.forEach(e => {
      if (e.isIntersecting) {
        e.target.style.opacity = '1';
        e.target.style.transform = '