<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="maxpack.com.au — get the right-sized outer carton every time and cut freight cost. Cube-optimal packing with 3D load diagrams for fulfillment teams.">
  <meta property="og:title" content="Home — maxpack.com.au">
  <meta property="og:description" content="maxpack.com.au — get the right-sized outer carton every time and cut freight cost. Cube-optimal packing with 3D load diagrams for fulfillment teams.">
  <meta property="og:site_name" content="maxpack.com.au">
  <meta property="og:url" content="https://maxpack.com.au/">
  <link rel="canonical" href="https://maxpack.com.au/">
  <title>Home — maxpack.com.au</title>
  <link rel="icon" type="image/png" href="assets/img/logo.png">
  <link rel="stylesheet" href="assets/css/landing.css">
  <link rel="stylesheet" href="assets/css/demo-tour.css">
</head>
<body>
  <header class="site-header">
    <a href="index.php" class="site-logo">
      <img src="assets/img/logo.png" alt="maxpack.com.au" width="44" height="44">
      <div class="site-logo-text">
        <span class="site-logo-name">maxpack<span class="accent">.com.au</span></span>
        <span class="site-logo-tag">Right-sized cartons. Lower freight.</span>
      </div>
    </a>
    <button type="button" class="site-nav-toggle" aria-label="Open menu" aria-expanded="false">
      <span></span><span></span><span></span>
    </button>
    <nav class="site-nav" id="site-nav">
              <a href="platform.php" class="">Platform</a>
              <a href="load-diagram.php" class="">Load diagram</a>
              <a href="warehouse.php" class="">Warehouse</a>
              <a href="pricing.php" class="">Pricing</a>
              <a href="demo.php" class="">Live preview</a>
                    <a href="demo.php" class="btn btn-primary btn-nav">Live preview</a>
        <a href="login.php" class="btn btn-outline btn-nav">Sign in</a>
          </nav>
  </header>
  <main class="site-main">



<section class="hero-home">

  <div class="hero-content">

    <span class="hero-badge">Cut freight · pack tight</span>

    <h1>The right outer carton,<br><em>every time.</em></h1>

    <p class="hero-lead">

      Freight is priced on cube and weight — oversized boxes mean you pay to ship air. maxpack.com.au picks the smallest outer cartons that fit each order, then proves the load in 3D before it leaves the bench.

    </p>

    <div class="hero-actions">

      <a href="demo.php?start=1" class="btn btn-primary btn-lg btn-arrow">See it live</a>

      <a href="login.php" class="btn btn-outline btn-lg">Sign in &amp; launch</a>

    </div>

    <div class="hero-trust">

      <div class="hero-trust-item"><strong>Min</strong>Total outer cube</div>

      <div class="hero-trust-item"><strong>Right</strong>Carton every order</div>

      <div class="hero-trust-item"><strong>3D</strong>Load proof</div>

      <div class="hero-trust-item"><strong>Less</strong>Void fill waste</div>

    </div>

  </div>

  <div class="hero-visual-wrap">
    <div class="hero-glow"></div>
        <div class="home-live-preview">
      <header class="home-live-preview-head">
        <div class="home-live-preview-info">
          <span class="home-live-preview-label">Live packer bench</span>
          <strong class="home-live-preview-ref">REF-DEMO-01</strong>
          <span class="home-live-preview-meta">Acme Fulfillment — Bathroom refill · PACK-01</span>
        </div>
        <div class="home-live-preview-actions">
          <a href="station.php?station=PACK-01" class="home-live-preview-expand" target="_blank" rel="noopener" aria-label="Open packer display full screen">↗</a>
        </div>
      </header>
      <div class="home-live-preview-grid">
        <div class="home-live-preview-panel">
          <p class="home-live-preview-panel-label">Packer display</p>
          <iframe
            title="Packer display for PACK-01"
            src="station.php?embed=1&amp;station=PACK-01"
            class="home-live-preview-frame home-live-preview-frame-station"
            loading="lazy"
          ></iframe>
        </div>
        <div class="home-live-preview-panel">
          <p class="home-live-preview-panel-label">3D load mapping</p>
          <iframe
            title="Load design 3D view"
            src="app.php?embed=1&amp;demo=1&amp;view=load&amp;order=id-1"
            class="home-live-preview-frame home-live-preview-frame-app"
            loading="lazy"
          ></iframe>
        </div>
      </div>
      <footer class="home-live-preview-foot">
        <a href="demo.php?start=1" class="btn btn-primary btn-sm btn-arrow">Open full live preview</a>
      </footer>
    </div>
      </div>

</section>



<section class="stats-strip">

  <div class="stats-inner">

    <div class="stat-item"><strong>$</strong><span>Freight charged on cube &amp; weight</span></div>

    <div class="stat-item"><strong>1</strong><span>Right-sized outer carton per bin</span></div>

    <div class="stat-item"><strong>0</strong><span>Guesswork on box choice</span></div>

    <div class="stat-item"><strong>3D</strong><span>Verify before you ship</span></div>

  </div>

</section>



<section class="section lifestyle-section">
  <div class="section-inner">
    <div class="section-header">
      <h2>Built for real warehouse floors</h2>
      <p>From the packing bench to the ERP — right-sized cartons your team can trust.</p>
    </div>
    <div class="lifestyle-grid">
      <figure class="lifestyle-card lifestyle-card-wide">
        <img src="assets/img/lifestyle/lifestyle-packer.jpg" alt="Packer preparing a shipper carton on the bench" width="800" height="600" loading="lazy">
        <figcaption>Packer display guides every step on the bench</figcaption>
      </figure>
      <figure class="lifestyle-card">
        <img src="assets/img/lifestyle/lifestyle-team.jpg" alt="Warehouse team reviewing load design on a tablet" width="600" height="450" loading="lazy">
        <figcaption>Supervisors verify cube-optimal loads before dispatch</figcaption>
      </figure>
      <figure class="lifestyle-card">
        <img src="assets/img/lifestyle/lifestyle-packed-box.jpg" alt="Tightly packed mixed products in a right-sized carton" width="600" height="450" loading="lazy">
        <figcaption>Minimum void — lower dimensional weight</figcaption>
      </figure>
    </div>
  </div>
</section>



<section class="section freight-section" id="freight-cost">

  <div class="section-inner">

    <div class="section-header">

      <h2>How much is freight really costing you?</h2>

      <p>Carriers bill on chargeable weight — the greater of actual weight or dimensional weight (length × width × height ÷ divisor). A box that's too big inflates both.</p>

    </div>



    <div class="freight-compare">

      <div class="freight-card freight-card-bad">

        <span class="freight-card-label">Oversized carton</span>

        <div class="freight-box-visual oversize">

          <div class="freight-box-outer"></div>

          <div class="freight-box-items sparse"></div>

        </div>

        <h3>XL shipper, small order</h3>

        <ul>

          <li>40% empty space inside the carton</li>

          <li>Dimensional weight higher than needed</li>

          <li>Extra void fill, tape, and handling</li>

        </ul>

        <div class="freight-price">

          <span>Example freight</span>

          <strong>$18.40</strong>

          <small>per parcel · cube-heavy rate</small>

        </div>

      </div>



      <div class="freight-vs">vs</div>



      <div class="freight-card freight-card-good">

        <span class="freight-card-label">maxpack.com.au</span>

        <div class="freight-box-visual rightsize">

          <div class="freight-box-outer"></div>

          <div class="freight-box-items tight"></div>

        </div>

        <h3>Right-sized outer carton</h3>

        <ul>

          <li>Optimizer picks minimum total outer cube</li>

          <li>94%+ fill — same items, smaller box</li>

          <li>3D diagram confirms pack before dispatch</li>

        </ul>

        <div class="freight-price">

          <span>Example freight</span>

          <strong>$12.10</strong>

          <small>per parcel · same carrier zone</small>

        </div>

      </div>

    </div>



    <p class="freight-note">Illustrative example for a 5-line retail refill order. Actual savings depend on carrier rates, zones, and your shipper mix — the principle holds on every order: <strong>smaller outer cube = lower freight.</strong></p>

  </div>

</section>



<section class="section section-dark">

  <div class="section-inner">

    <div class="section-header">

      <h2>Right-sized outer carton, every order</h2>

      <p>No more "grab the biggest box just in case." The engine searches your shipper mix and returns the tightest valid pack plan.</p>

    </div>

    <div class="feature-grid">

      <div class="feature-card">

        <div class="feature-icon">📦</div>

        <h3>Minimum total outer cube</h3>

        <p>Scores every combination of your cartons and rotations — picks the mix with the smallest total outer volume, not just the first box that fits.</p>

      </div>

      <div class="feature-card">

        <div class="feature-icon">💰</div>

        <h3>Freight you can explain</h3>

        <p>See exact outer dimensions and cube per bin before dispatch. Finance and ops finally agree on why that carton was chosen.</p>

      </div>

      <div class="feature-card">

        <div class="feature-icon">🎯</div>

        <h3>3D load proof</h3>

        <p>Packers follow a verified diagram — items go in the right box, in the right order. No repacks because someone grabbed the wrong shipper.</p>

      </div>

      <div class="feature-card">

        <div class="feature-icon">📊</div>

        <h3>Compare plans side by side</h3>

        <p>Rank options by outer cube, box count, and fill rate. Choose lowest freight cost or override with confidence.</p>

      </div>

    </div>

  </div>

</section>



<section class="section">

  <div class="section-inner">

    <div class="section-header">

      <h2>One platform, end to end</h2>

      <p>Define products and shippers once — every order gets the right outer carton automatically.</p>

    </div>

    <div class="module-grid">

      
        <a href="app.php?demo=1&amp;view=items" class="module-card">

          <div class="module-icon">📐</div>

          <h3>Product designer</h3>

          <p>Define SKUs with exact mm dimensions and live 3D preview.</p>

          <span class="module-link">Open module</span>

        </a>

      
        <a href="app.php?demo=1&amp;view=cartons" class="module-card">

          <div class="module-icon">📦</div>

          <h3>Box designer</h3>

          <p>Define shipper cartons, mailers, and containers with exact inner mm dimensions.</p>

          <span class="module-link">Open module</span>

        </a>

      
        <a href="app.php?view=orders&amp;demo=1" class="module-card">

          <div class="module-icon">📋</div>

          <h3>Orders</h3>

          <p>Build customer orders or load sample refills — then calc &amp; design.</p>

          <span class="module-link">Open module</span>

        </a>

      
        <a href="app.php?view=load&amp;demo=1" class="module-card featured">

          <div class="module-icon">🎯</div>

          <h3>Load diagram</h3>

          <p>Interactive 3D layout proves the right outer box before you pay freight on it.</p>

          <span class="module-link">Try live demo</span>

        </a>

      
    </div>

    <p style="text-align:center;margin-top:32px;">

      <a href="platform.php" class="btn btn-outline btn-arrow">View all modules</a>

    </p>

  </div>

</section>



<section class="section">

  <div class="section-inner">

    <div class="section-header">

      <h2>How it works</h2>

      <p>From catalog to carrier label — four steps to lower freight on every dispatch.</p>

    </div>

    <div class="steps">

      <div class="step">

        <span class="step-num">1</span>

        <h3>Define shippers</h3>

        <p>Load your carton mix (S/M/L/XL, mailers, containers) with exact inner mm dimensions.</p>

      </div>

      <div class="step">

        <span class="step-num">2</span>

        <h3>Enter the order</h3>

        <p>Build orders in-app or send them from your ERP via the REST API — every line carries real product dimensions.</p>

      </div>

      <div class="step">

        <span class="step-num">3</span>

        <h3>Get the right box</h3>

        <p>Calc &amp; design finds the minimum outer cube — the right-sized carton, not the safe oversized guess.</p>

      </div>

      <div class="step">

        <span class="step-num">4</span>

        <h3>Pack &amp; ship</h3>

        <p>3D guide on the bench, lower chargeable weight on the label, freight bill goes down.</p>

      </div>

    </div>

  </div>

</section>



<section class="section" style="background:var(--surface);border-top:1px solid var(--border);">
  <div class="section-inner">
    <div class="section-header">
      <h2>Try it today — no signup</h2>
      <p>Everything below works on the live preview with sample data. Paid plans add your catalog, team seats, and production API keys.</p>
    </div>
    <div class="feature-grid">
      <div class="feature-card">
        <div class="feature-icon">🎯</div>
        <h3>Cube-optimal packing</h3>
        <p>Minimum total outer cube search across your shipper mix — compare ranked plans.</p>
      </div>
      <div class="feature-card">
        <div class="feature-icon">📦</div>
        <h3>3D load diagram</h3>
        <p>Rotate, step through pack order, and verify fill before dispatch.</p>
      </div>
      <div class="feature-card">
        <div class="feature-icon">🏭</div>
        <h3>Packer bench</h3>
        <p>Live station display with outer carton, top view, 3D load, and pack steps.</p>
      </div>
      <div class="feature-card">
        <div class="feature-icon">🔌</div>
        <h3>ERP REST API</h3>
        <p>Pack orders, create orders, and push to packer stations — shown in demo for evaluation.</p>
      </div>
    </div>
    <p style="text-align:center;margin-top:28px;">
      <a href="demo.php" class="btn btn-primary btn-lg btn-arrow">Open live preview</a>
    </p>
  </div>
</section>



<section class="logo-showcase">

  <img src="assets/img/logo.png" alt="maxpack.com.au logo">

  <h2>maxpack<span class="accent">.com.au</span></h2>

  <p>Right-sized outer cartons. Lower freight. Verified in 3D before every dispatch.</p>

</section>



<section class="cta-band">

  <h2>Stop shipping air. Start saving freight.</h2>

  <p>See the packer bench and 3D load mapping on a real sample order — no signup required.</p>

  <div class="cta-actions">

    <a href="demo.php" class="btn btn-white btn-lg btn-arrow">See it live</a>

    <a href="login.php" class="btn btn-ghost btn-lg">Sign in</a>

  </div>

</section>



  </main>
  <footer class="site-footer">
    <div class="footer-grid">
      <div class="footer-brand">
        <a href="index.php" class="site-logo footer-logo">
          <img src="assets/img/logo.png" alt="" width="36" height="36">
          <div class="site-logo-text">
            <span class="site-logo-name">maxpack<span class="accent">.com.au</span></span>
            <span class="site-logo-tag">Right-sized cartons. Lower freight.</span>
          </div>
        </a>
        <p class="footer-blurb">Right-sized outer cartons on every order — cut freight cost with cube-optimal packing and 3D load proof.</p>
      </div>
      <div class="footer-col">
        <h4>Product</h4>
        <a href="platform.php">Platform overview</a>
        <a href="load-diagram.php">Load diagram</a>
        <a href="warehouse.php">Warehouse tools</a>
        <a href="login.php">Sign in / Launch app</a>
      </div>
      <div class="footer-col">
        <h4>Resources</h4>
        <a href="demo.php">Live preview</a>
        <a href="login.php">Sign in</a>
        <a href="app.php?demo=1&view=help">Sample catalog</a>
        <a href="erp-api.php">ERP API</a>
        <a href="pricing.php">Pricing</a>
      </div>
      <div class="footer-col">
        <h4>Get started</h4>
        <a href="app.php?demo=1&view=load">Try load diagram</a>
        <a href="station.php">Packer display</a>
        <a href="station-demo.php">Demo kiosk</a>
        <a href="pricing.php#contact">Contact</a>
      </div>
    </div>
    <div class="footer-bottom">
      <p>&copy; 2026 maxpack.com.au. All rights reserved.</p>
      <div class="footer-bottom-links">
        <a href="pricing.php">Pricing</a>
        <a href="privacy.php">Privacy</a>
        <a href="terms.php">Terms</a>
        <a href="erp-api.php">API docs</a>
      </div>
    </div>
  </footer>
    <script src="assets/js/site.js"></script>
</body>
</html>


