Mailchimp / EDM Export
Home Theatre EDM — HTML Code

A clean, sales-focused email matching the Blutek Builder EDM style. Short copy, real project photography, and every CTA links to blutek.com.au. Copy or download and paste into Mailchimp's Code block.
Live Preview
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Blutek — Bring the Cinema Home</title>
<style>
  body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background: #f4f4f5; color: #111827; }
  * { box-sizing: border-box; }
  a { text-decoration: none; }
  img { display: block; max-width: 100%; }
  .wrap { width: 100%; background: #f4f4f5; padding: 0; }
  .container { max-width: 600px; margin: 0 auto; background: #fff; }
  @media only screen and (max-width: 620px) {
    .mob-block { display: block !important; width: 100% !important; }
    .theatre-left { padding-right: 0 !important; padding-bottom: 18px !important; }
    .theatre-right { padding-left: 0 !important; }
    .mob-pad { padding: 24px !important; }
    .mob-stack td { display: block !important; width: 100% !important; padding: 0 0 14px 0 !important; }
    .mob-full { width: 100% !important; }
    .pair-gap { display: none !important; }
    .pair-cell { display: block !important; width: 100% !important; margin-bottom: 12px; }
    .pair-img { height: 200px !important; }
    h1 { font-size: 26px !important; }
    h2 { font-size: 22px !important; }
    .hero-img { height: 420px !important; }
  }

  /* HEADER */
  .header { padding: 22px 28px; border-bottom: 1px solid #f3f4f6; text-align: center; }
  .header img { height: 34px; margin: 0 auto; }

  /* HERO */
  .hero { position: relative; min-height: 460px; background-color: #0a0a0a; }
  .hero-img { width: 100%; height: 460px; object-fit: cover; object-position: center; opacity: 0.5; }
  .hero-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to right, rgba(0,0,0,0.85), rgba(0,0,0,0.45)); }
  .hero-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 44px 32px; max-width: 560px; }
  .hero-badge { display: inline-block; background: rgba(37,99,235,0.95); color: #fff; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; padding: 7px 14px; margin-bottom: 20px; }
  .hero h1 { margin: 0 0 14px; color: #fff; font-size: 32px; font-weight: 300; line-height: 1.2; }
  .hero p { margin: 0 0 26px; color: rgba(255,255,255,0.82); font-size: 15px; line-height: 1.6; font-weight: 300; }
  .btn-primary { display: inline-block; background: #2563eb; color: #fff !important; padding: 14px 26px; font-size: 13px; font-weight: 700; margin-right: 10px; margin-bottom: 10px; }
  .btn-outline { display: inline-block; background: transparent; color: #fff !important; border: 1px solid rgba(255,255,255,0.5); padding: 13px 22px; font-size: 13px; margin-bottom: 10px; }
  .trust-bar { display: table; margin-top: 32px; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 20px; }
  .trust-item { display: table-cell; padding-right: 28px; vertical-align: top; }
  .trust-num { font-size: 22px; font-weight: 300; color: #fff; }
  .trust-label { font-size: 9px; color: rgba(255,255,255,0.55); text-transform: uppercase; letter-spacing: 1.5px; margin-top: 3px; }

  /* DIRECT CTA BANNER */
  .cta-banner { background: #2563eb; padding: 30px 32px; text-align: center; }
  .cta-banner h2 { margin: 0 0 10px; color: #fff; font-size: 22px; font-weight: 700; line-height: 1.25; }
  .cta-banner p { margin: 0 auto 18px; color: rgba(255,255,255,0.9); font-size: 14px; line-height: 1.6; max-width: 460px; }
  .cta-btn { display: inline-block; background: #fff; color: #2563eb !important; padding: 13px 28px; font-size: 13px; font-weight: 700; }

  /* SECTIONS */
  .section { padding: 48px 32px; }
  .section-dark { background: #030712; }
  .section-grey { background: #f9fafb; }
  .section-theatre { background: #1a1a1a; }
  .label { display: block; margin: 0 0 8px; color: #2563eb; font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; text-align: center; }
  .label-light { color: #60a5fa; }
  .title { margin: 0 0 12px; font-size: 26px; font-weight: 300; line-height: 1.3; text-align: center; color: #111827; }
  .title-white { color: #fff; }
  .subtitle { margin: 0 0 32px; font-size: 15px; line-height: 1.65; text-align: center; color: #6b7280; max-width: 480px; margin-left: auto; margin-right: auto; }
  .subtitle-white { color: rgba(255,255,255,0.62); }

  /* BENEFIT CARDS */
  .grid-3 { display: table; width: 100%; border-spacing: 10px; }
  .grid-3-cell { display: table-cell; width: 33%; vertical-align: top; background: #fff; border: 1px solid #f3f4f6; }
  .b-icon { width: 30px; height: 30px; background: #eff6ff; border-radius: 50%; text-align: center; line-height: 30px; color: #2563eb; font-size: 15px; margin: 18px 0 0 18px; }
  .b-body { padding: 14px 18px 20px; }
  .b-title { font-size: 14px; font-weight: 700; color: #111827; margin: 0 0 6px; }
  .b-desc { font-size: 12px; color: #6b7280; line-height: 1.6; margin: 0; }

  /* SIDE-BY-SIDE IMAGE PAIR */
  .pair-row { padding: 36px 28px; background: #fff; font-size: 0; line-height: 0; }
  .pair-grid { display: table; width: 100%; border-spacing: 0; }
  .pair-cell { display: table-cell; width: 49%; vertical-align: top; }
  .pair-gap { display: table-cell; width: 2%; }
  .pair-img { width: 100%; height: 240px; object-fit: cover; object-position: center; display: block; }

  /* THEATRE EXPERIENCE */
  .theatre-grid { display: table; width: 100%; border-spacing: 0; }
  .theatre-left { display: table-cell; width: 48%; vertical-align: top; padding-right: 22px; }
  .theatre-right { display: table-cell; width: 52%; vertical-align: top; padding-left: 22px; }
  .theatre-main-img { width: 100%; height: 280px; object-fit: cover; object-position: center; }
  .feat { margin: 0 0 12px; font-size: 13px; color: rgba(255,255,255,0.85); line-height: 1.5; }
  .feat strong { color: #fff; font-weight: 700; }
  .starlight-box { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); padding: 14px 16px; margin-top: 14px; }
  .starlight-title { font-size: 12px; color: #f59e0b; font-weight: 700; margin: 0 0 5px; }
  .starlight-text { font-size: 12px; color: rgba(255,255,255,0.6); line-height: 1.55; margin: 0; }

  /* CASE STUDIES */
  .cs-grid { display: table; width: 100%; border-spacing: 12px; }
  .cs-cell { display: table-cell; width: 33%; vertical-align: top; background: #fff; border: 1px solid #f3f4f6; }
  .cs-img { width: 100%; height: 150px; object-fit: cover; }
  .cs-body { padding: 16px; }
  .cs-title { font-size: 14px; font-weight: 700; color: #111827; margin: 0 0 6px; }
  .cs-desc { font-size: 12px; color: #6b7280; line-height: 1.6; margin: 0 0 12px; }
  .cs-link { color: #2563eb !important; font-size: 12px; font-weight: 700; }

  /* STEPS */
  .steps-grid { display: table; width: 100%; border-spacing: 16px; }
  .step-cell { display: table-cell; width: 25%; text-align: center; vertical-align: top; }
  .step-num { width: 42px; height: 42px; border: 1px solid #3b82f6; border-radius: 50%; display: inline-block; text-align: center; line-height: 42px; color: #60a5fa; font-size: 14px; font-weight: 300; margin-bottom: 12px; }
  .step-title { font-size: 13px; font-weight: 700; color: #fff; margin: 0 0 5px; }
  .step-desc { font-size: 11px; color: #9ca3af; line-height: 1.55; margin: 0; }

  /* TESTIMONIAL */
  .quote-mark { font-size: 40px; color: #2563eb; line-height: 1; margin: 0 0 8px; font-weight: 300; }
  .t-quote { font-size: 19px; font-weight: 300; line-height: 1.55; font-style: italic; color: #1f2937; margin: 0 0 16px; }
  .t-credit { font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; color: #6b7280; margin: 0; }

  /* FINAL CTA */
  .final { position: relative; min-height: 360px; background: #0a0a0a; }
  .final-img { width: 100%; height: 360px; object-fit: cover; opacity: 0.45; }
  .final-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.92)); }
  .final-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 48px 32px; text-align: center; }
  .final h2 { margin: 0 0 14px; color: #fff; font-size: 28px; font-weight: 300; line-height: 1.25; }
  .final p { margin: 0 auto 26px; color: rgba(255,255,255,0.8); font-size: 14px; line-height: 1.6; max-width: 420px; }

  /* FOOTER */
  .footer { padding: 32px 28px; background: #030712; text-align: center; }
  .footer-word { font-size: 16px; font-weight: 700; color: #fff; letter-spacing: 4px; margin: 0 0 8px; }
  .footer-tag { font-size: 10px; color: #6b7280; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 20px; }
  .footer-links { font-size: 11px; color: #9ca3af; margin: 0 0 14px; }
  .footer-links a { color: #9ca3af; }
  .footer-fine { font-size: 10px; color: #4b5563; line-height: 1.6; margin: 0; }
  .footer-fine a { color: #6b7280; }
</style>
</head>
<body>
<div class="wrap">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center">
<table role="presentation" class="container" cellpadding="0" cellspacing="0" border="0">

<!-- HERO -->
<tr><td>
  <div class="hero">
    <img class="hero-img" src="https://media.base44.com/images/public/69293a2c92e564641382eb0d/8f861364f_IMG_0593.jpg" alt="Blutek home theatre" />
    <div class="hero-overlay"></div>
    <div class="hero-content">
      <span class="hero-badge">Blutek Home Theatre</span>
      <h1>Bring the cinema home.</h1>
      <p>Immersive sound, breathtaking projection and one-touch control &mdash; designed around your room, your family and your life.</p>
      <a href="https://blutek.com.au/project-portfolio/" target="_blank" rel="noopener" class="btn-primary">Explore Our Theatres &rarr;</a>
      <a href="https://blutek.com.au/contact-us/" target="_blank" rel="noopener" class="btn-outline">Talk to a Specialist</a>
      <div class="trust-bar">
        <div class="trust-item"><div class="trust-num">20+</div><div class="trust-label">Years Experience</div></div>
        <div class="trust-item"><div class="trust-num">Pinnacle</div><div class="trust-label">Control4 Dealer</div></div>
        <div class="trust-item"><div class="trust-num">Award</div><div class="trust-label">Winning Theatres</div></div>
      </div>
    </div>
  </div>
</td></tr>

<!-- DIRECT CTA -->
<tr><td class="cta-banner">
  <h2>Your dream theatre. Any space. Fully turn-key.</h2>
  <p>Blutek builds custom home theatre packages for any room &mdash; from compact media lounges to dedicated cinemas. One team handles it all: design, acoustics, AV, installation and control. A complete solution built to personalise your lifestyle.</p>
  <a href="/TheatreEnquiryForm" class="cta-btn">Get Your Custom Quote &rarr;</a>
</td></tr>

<!-- HOOK -->
<tr><td class="section section-grey">
  <span class="label">Why Blutek</span>
  <h2 class="title">A great theatre isn't built with gear.<br/>It's built with design.</h2>
  <p class="subtitle">Anyone can sell you speakers. We design the room &mdash; the acoustics, the sightlines, the lighting, the seating and the control &mdash; so the technology disappears and the experience takes over.</p>
  <div style="margin:8px 0 0;"><img src="https://media.base44.com/images/public/69293a2c92e564641382eb0d/c7bd98235_Split-ToneHomeCinemaInterior.png" alt="Before and after: a standard room transformed into a luxury home theatre" style="width:100%;display:block;" /></div>
</td></tr>

<!-- WHAT WE BUILD -->
<tr><td class="section">
  <span class="label">What We Build</span>
  <h2 class="title">Three ways to bring it home.</h2>
  <div class="grid-3">
    <div class="grid-3-cell mob-block" style="display:table-cell;">
      <div class="b-icon">&#9711;</div>
      <div class="b-body">
        <p class="b-title">Dedicated Cinema</p>
        <p class="b-desc">A true private cinema &mdash; projection, Dolby Atmos, tiered seating and starlight ceilings.</p>
      </div>
    </div>
    <div class="grid-3-cell mob-block" style="display:table-cell;">
      <div class="b-icon">&#9728;</div>
      <div class="b-body">
        <p class="b-title">Media Room</p>
        <p class="b-desc">One room, many roles. Family room by day, immersive cinema by night.</p>
      </div>
    </div>
    <div class="grid-3-cell mob-block" style="display:table-cell;">
      <div class="b-icon">&#9670;</div>
      <div class="b-body">
        <p class="b-title">Architectural Theatre</p>
        <p class="b-desc">Acoustics as architecture. Custom panels, feature lighting and hidden technology.</p>
      </div>
    </div>
  </div>
</td></tr>

<!-- SIDE-BY-SIDE PAIR -->
<tr><td class="pair-row">
  <div class="pair-grid">
    <div class="pair-cell mob-block" style="display:table-cell;"><img class="pair-img" src="https://media.base44.com/images/public/69293a2c92e564641382eb0d/cc313ee7d_image-gen-610.png" alt="Blutek luxury home cinema" /></div>
    <div class="pair-gap">&nbsp;</div>
    <div class="pair-cell mob-block" style="display:table-cell;"><img class="pair-img" src="https://media.base44.com/images/public/69293a2c92e564641382eb0d/1db72cb41_image-gen-513.png" alt="Blutek dedicated cinema with starlight ceiling" /></div>
  </div>
</td></tr>

<!-- THE EXPERIENCE -->
<tr><td class="section section-theatre">
  <span class="label label-light">The Experience</span>
  <h2 class="title title-white">Everything works together.</h2>
  <p class="subtitle subtitle-white">One touch. The lights dim, the screen drops, the sound comes alive.</p>
  <div class="theatre-grid">
    <div class="theatre-left mob-block" style="display:table-cell;">
      <img class="theatre-main-img" src="https://media.base44.com/images/public/69293a2c92e564641382eb0d/2eeeaa35c_AHMEDELZAYATAFTERIMAGESV2_14.jpg" alt="Blutek private cinema" />
    </div>
    <div class="theatre-right mob-block" style="display:table-cell;">
      <p class="feat"><strong>Starlight ceilings</strong> &mdash; hundreds of hand-placed fibre-optic stars.</p>
      <p class="feat"><strong>Acoustic treatment</strong> &mdash; sound control built into the walls.</p>
      <p class="feat"><strong>Dolby Atmos sound</strong> &mdash; three-dimensional audio around and above you.</p>
      <p class="feat"><strong>4K laser projection</strong> &mdash; cinema-scale visuals at home.</p>
      <p class="feat"><strong>One-touch Control4</strong> &mdash; &ldquo;Movie Night&rdquo; prepares the whole room.</p>
      <div class="starlight-box">
        <p class="starlight-title">&#9733; The Starlight Ceiling</p>
        <p class="starlight-text">Our signature fibre-optic ceilings transform any room into a truly magical cinema.</p>
      </div>
    </div>
  </div>
</td></tr>

<!-- OUTDOOR ENTERTAINMENT -->
<tr><td class="section section-theatre">
  <span class="label label-light">Outdoor Entertainment</span>
  <h2 class="title title-white">Take it outside.</h2>
  <p class="subtitle subtitle-white">A weatherproof cinema screen, powerful outdoor audio and one-touch control &mdash; so the movie doesn't stop at the back door.</p>
  <div class="theatre-grid">
    <div class="theatre-left mob-block" style="display:table-cell;">
      <img class="theatre-main-img" src="https://media.base44.com/images/public/69293a2c92e564641382eb0d/38809652a_image-gen-222.png" alt="Blutek outdoor entertainment area with cinema screen" />
    </div>
    <div class="theatre-right mob-block" style="display:table-cell;">
      <p class="feat"><strong>Weatherproof screens</strong> &mdash; large-format outdoor display, built to last.</p>
      <p class="feat"><strong>Outdoor audio</strong> &mdash; landscape speakers tuned for open air.</p>
      <p class="feat"><strong>Pool &amp; lounge zones</strong> &mdash; cinema, fire pit and entertaining in one space.</p>
      <p class="feat"><strong>Smart lighting</strong> &mdash; path, feature and pool lighting on one scene.</p>
      <p class="feat"><strong>One-touch Control4</strong> &mdash; &ldquo;Outdoor Movie&rdquo; sets the whole yard.</p>
    </div>
  </div>
</td></tr>

<!-- SIDE-BY-SIDE PAIR -->
<tr><td class="pair-row">
  <div class="pair-grid">
    <div class="pair-cell mob-block" style="display:table-cell;"><img class="pair-img" src="https://media.base44.com/images/public/69293a2c92e564641382eb0d/02bf2d2f3_image-gen-126.png" alt="Indoor-outdoor home theatre opening to a pool" /></div>
    <div class="pair-gap">&nbsp;</div>
    <div class="pair-cell mob-block" style="display:table-cell;"><img class="pair-img" src="https://media.base44.com/images/public/69293a2c92e564641382eb0d/b53d58b2a_LuxuryTropicalPoolsideHomeCinema.png" alt="Luxury poolside home cinema" /></div>
  </div>
</td></tr>

<!-- CASE STUDIES -->
<tr><td class="section section-grey">
  <span class="label">Recent Projects</span>
  <h2 class="title">See what we've built.</h2>
  <div class="cs-grid">
    <div class="cs-cell mob-block" style="display:table-cell;">
      <img class="cs-img" src="https://media.base44.com/images/public/69293a2c92e564641382eb0d/f7c7fa06b_AHMEDELZAYATAFTERIMAGESV2_69.jpg" alt="Immersive cinema project" />
      <div class="cs-body">
        <p class="cs-title">Immersive Cinema</p>
        <p class="cs-desc">Projection, Atmos and starlight in a dedicated private room.</p>
        <a href="https://blutek.com.au/project-portfolio/" target="_blank" rel="noopener" class="cs-link">View Project &rarr;</a>
      </div>
    </div>
    <div class="cs-cell mob-block" style="display:table-cell;">
      <img class="cs-img" src="https://media.base44.com/images/public/69293a2c92e564641382eb0d/8faafe2e9_IMG_2474copy.jpg" alt="Media room project" />
      <div class="cs-body">
        <p class="cs-title">Media Room</p>
        <p class="cs-desc">A multi-purpose lounge that transforms into a cinema.</p>
        <a href="https://blutek.com.au/project-portfolio/" target="_blank" rel="noopener" class="cs-link">View Project &rarr;</a>
      </div>
    </div>
    <div class="cs-cell mob-block" style="display:table-cell;">
      <img class="cs-img" src="https://media.base44.com/images/public/69293a2c92e564641382eb0d/070ddcb21_AHMEDELZAYATAFTERIMAGESV2_15.jpg" alt="Starlight cinema project" />
      <div class="cs-body">
        <p class="cs-title">Starlight Cinema</p>
        <p class="cs-desc">A signature fibre-optic ceiling above tiered seating.</p>
        <a href="https://blutek.com.au/project-portfolio/" target="_blank" rel="noopener" class="cs-link">View Project &rarr;</a>
      </div>
    </div>
  </div>
</td></tr>

<!-- HOW IT WORKS -->
<tr><td class="section section-dark">
  <span class="label label-light">How It Works</span>
  <h2 class="title title-white">Simple from start to finish.</h2>
  <div class="steps-grid">
    <div class="step-cell mob-block" style="display:table-cell;">
      <div class="step-num">01</div>
      <p class="step-title">Consult</p>
      <p class="step-desc">We learn your room, lifestyle and vision.</p>
    </div>
    <div class="step-cell mob-block" style="display:table-cell;">
      <div class="step-num">02</div>
      <p class="step-title">Design</p>
      <p class="step-desc">Acoustics, AV, lighting and layout &mdash; planned.</p>
    </div>
    <div class="step-cell mob-block" style="display:table-cell;">
      <div class="step-num">03</div>
      <p class="step-title">Install</p>
      <p class="step-desc">Professional, clean, on-time delivery.</p>
    </div>
    <div class="step-cell mob-block" style="display:table-cell;">
      <div class="step-num">04</div>
      <p class="step-title">Enjoy</p>
      <p class="step-desc">One touch. The magic begins.</p>
    </div>
  </div>
</td></tr>

<!-- TESTIMONIAL -->
<tr><td class="section">
  <div style="max-width:480px;margin:0 auto;text-align:center;">
    <div class="quote-mark">&ldquo;</div>
    <p class="t-quote">It's better than going to the cinema. We just press one button and the whole room comes alive.</p>
    <p class="t-credit">Blutek Home Theatre Client</p>
  </div>
</td></tr>

<!-- FINAL CTA -->
<tr><td>
  <div class="final">
    <img class="final-img" src="https://media.base44.com/images/public/69293a2c92e564641382eb0d/d730e68fe_IMG_0598.jpg" alt="Blutek home theatre" />
    <div class="final-overlay"></div>
    <div class="final-content">
      <h2>Your room, transformed.</h2>
      <p>Whether it's a new build, a renovation or an upgrade &mdash; let's design your home theatre.</p>
      <a href="https://blutek.com.au/contact-us/" target="_blank" rel="noopener" class="btn-primary">Book a Consultation &rarr;</a>
    </div>
  </div>
</td></tr>

<!-- FOOTER -->
<tr><td class="footer">
  <p class="footer-word">BLUTEK</p>
  <p class="footer-tag">Smart Automation &middot; Audio Visual &middot; Home Theatre</p>
  <p class="footer-links"><a href="tel:1300258835">1300 258 835</a> &nbsp;&middot;&nbsp; <a href="mailto:sales@blutek.com.au">sales@blutek.com.au</a> &nbsp;&middot;&nbsp; <a href="https://blutek.com.au" target="_blank" rel="noopener">www.blutek.com.au</a></p>
  <p class="footer-fine">&copy; 2026 Blutek Pty Ltd. NSW installations. &nbsp;<a href="*|UNSUB|*" target="_blank" rel="noopener">Unsubscribe</a> &nbsp;|&nbsp; <a href="*|UPDATE_PROFILE|*" target="_blank" rel="noopener">Email Preferences</a></p>
</td></tr>

</table>
</td></tr></table>
</div>
</body>
</html>