Embed

<section class="soq">
  <style>
    :root{
      --bg:#0B0E17;
      --text:#E9EEF5;
      --muted:#B7C2D0;
      --gold:#D5A74B;
      --gold-top:#E3BE6F;
      --gold-bot:#B8862C;
      --card:#0f1320;
      --ring: rgba(227,190,111,.35);
      --max:1100px;
      --shadow: 0 8px 24px rgba(0,0,0,.35);
      --shadow-soft: 0 4px 16px rgba(0,0,0,.25);
    }

    /* Base */
    .soq{
      background: radial-gradient(1200px 1200px at 10% -10%, rgba(213,167,75,.08), transparent 50%) ,
                  radial-gradient(1200px 1200px at 110% 10%, rgba(184,134,44,.06), transparent 50%),
                  var(--bg);
      color:var(--text);
      font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,"Helvetica Neue",Arial,sans-serif;
      -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    }
    .wrap{max-width:var(--max); margin:0 auto; padding:56px 20px;}

    /* Utilities */
    .muted{color:var(--muted)}
    .gold{background: linear-gradient(180deg,var(--gold-top),var(--gold-bot)); -webkit-background-clip:text; background-clip:text; color:transparent;}
    .pill{display:inline-block; padding:4px 10px; border-radius:999px; border:1px solid var(--ring); color:#d9c179; font-size:12px; background:rgba(255,255,255,.02)}
    .divider{height:1px; background:linear-gradient(90deg,transparent, var(--ring), transparent); margin:28px 0}
    .gstripe{height:3px; width:84px; border-radius:999px; background:linear-gradient(90deg,var(--gold-top),var(--gold-bot)); box-shadow:0 0 0 3px rgba(227,190,111,.08);}

    /* Buttons */
    .btn{
      display:inline-flex; align-items:center; gap:.6rem; padding:.85rem 1.15rem;
      border-radius:12px; font-weight:700; letter-spacing:.2px;
      background: linear-gradient(180deg,var(--gold-top),var(--gold-bot));
      color:#0B0E17; border:none; text-decoration:none;
      box-shadow: 0 6px 18px rgba(213,167,75,.25);
      transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
    }
    .btn:hover{filter:brightness(1.06); transform: translateY(-1px); box-shadow:0 10px 24px rgba(213,167,75,.32)}
    .btn.ghost{
      background: transparent; color:var(--text); border:1px solid var(--ring);
      box-shadow:none;
    }
    .btn.ghost:hover{background:rgba(227,190,111,.06)}

    /* Cards / Layout */
    /* >>> FIX: cards now lay out in responsive columns with a sane minimum width */
    .cards{
      display:grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap:18px;
      margin-top:22px;
    }
    .card{
      background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.0));
      border:1px solid rgba(255,255,255,.06);
      border-radius:16px;
      padding:18px;
      box-shadow:var(--shadow-soft);
      display:flex;
      flex-direction:column;
      min-height: 120px;
    }
    /* >>> FIX: better heading wrapping & rhythm */
    .card h3{
      margin:0 0 8px;
      font-size:18px;
      line-height:1.25;
      letter-spacing:.2px;
      overflow-wrap: normal;
      word-break: normal;
      hyphens: none;
      /* modern browsers balance lines for nicer headings; ignored gracefully elsewhere */
      text-wrap: balance;
    }

    .kpis{
      display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
      gap:16px; margin-top:18px
    }
    .kpi{
      background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.0));
      border:1px solid rgba(255,255,255,.06);
      border-radius:14px; padding:14px; box-shadow:var(--shadow-soft)
    }
    .kpi strong{font-size:22px}

    /* Table */
    .table{
      width:100%; border-collapse:separate; border-spacing:0; overflow:hidden;
      border-radius:12px; border:1px solid rgba(255,255,255,.06); background: #0f1320
    }
    .table thead th{
      background:#0d1424; color:var(--muted); text-align:left; font-weight:600; font-size:13px; padding:12px; white-space:nowrap
    }
    .table tbody td{
      padding:12px; border-top:1px solid rgba(255,255,255,.06); text-align:left; white-space:nowrap
    }
    .table tr:last-child td{border-bottom:none}

    /* Hero */
    .hero{position:relative; padding-top:28px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.06)}
    .hero h1{font-size:38px; line-height:1.1; margin:14px 0 8px}
    .hero p{color:var(--muted); max-width:70ch; font-size:16px}
    .logo-row{display:flex; align-items:center; gap:16px}
    .logo-row img{height:56px; filter: drop-shadow(0 6px 16px rgba(0,0,0,.35))}

    /* >>> Slightly wider content column so cards don’t get too narrow */
    .cols{display:grid; grid-template-columns:1.35fr .85fr; gap:28px; margin-top:26px}

    .foot{margin-top:36px; display:flex; flex-wrap:wrap; gap:14px; color:var(--muted)}

    /* Section titles with stripe */
    .section-title{display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px}
    .section-title h2{margin:0; font-size:22px}
    .section-title .gstripe{flex:0 0 84px}

    /* Responsive */
    @media (max-width:1024px){
      .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media (max-width:900px){
      .cols{grid-template-columns:1fr}
    }
    @media (max-width:640px){
      .hero h1{font-size:30px}
      .kpis{grid-template-columns:1fr}
      .table thead th,.table tbody td{font-size:12px; padding:10px; white-space:normal}
      /* cards already collapse gracefully due to auto-fit + minmax */
    }
  </style>

  
  <div class="wrap hero">
    <div class="logo-row">
      <span class="pill">NetVendor • Greystar <span aria-hidden="true">•</span> <span class="gold">Compliant</span></span>
    </div>
    <h1><span class="gold">Calex Enterprises</span> — Statement of Qualifications</h1>
    <p>
      Turnkey partner for <strong>appliance procurement</strong>, <strong>installation &amp; haul-away</strong>,
      <strong>local warehousing</strong>, and <strong>apartment turnovers/rehabs</strong> across the Carolinas.
      Centrally based in High Point, NC with active MC/DOT and enterprise insurance.
    </p>
    <div class="kpis">
      <div class="kpi"><strong class="gold">50,000</strong><br><small>Sq Ft Warehousing &amp; Staging</small></div>
      <div class="kpi"><strong class="gold">MC-1179124</strong><br><small>Authorized for Property (For-Hire)</small></div>
      <div class="kpi"><strong class="gold">USDOT 3536376</strong><br><small>Active Compliance</small></div>
      <div class="kpi"><strong class="gold">$6M+</strong><br><small>Aggregate Insurance Capacity</small></div>
    </div>
    <div style="margin-top:16px; display:flex; gap:10px; flex-wrap:wrap">
      <a class="btn" href="/contact">Request Scheduling</a>
      <a class="btn ghost" href="#insurance">View Insurance &amp; Compliance</a>
    </div>
  </div>

  <div class="wrap">
    <div class="cols">
      
      <div>
        <div class="section-title">
          <h2 class="gold">Core Capabilities</h2>
          <span class="gstripe" aria-hidden="true"></span>
        </div>

        <div class="cards">
          <div class="card">
            <h3>Appliance Procurement &amp; Local Warehousing</h3>
            <p class="muted">Bulk ordering, short-term storage, and secure staging from our High Point facility.</p>
          </div>

          <div class="card">
            <h3>Professional Installation &amp; Haul-Away</h3>
            <p class="muted">Licensed crews with active MC/DOT authority for delivery, install, and removal.</p>
          </div>

          <div class="card">
            <h3>Apartment Turnovers &amp; Rehab Support</h3>
            <p class="muted">Painting, flooring, fixture upgrades, and punch-out for lease readiness.</p>
          </div>

          <div class="card">
            <h3>Rapid Vendor Integration</h3>
            <p class="muted">NetVendor &amp; Greystar compliant; streamlined onboarding and documentation.</p>
          </div>
        </div>
      </div>

      
      <div>
        <div class="section-title">
          <h2 class="gold">Company Snapshot</h2>
          <span class="gstripe" aria-hidden="true"></span>
        </div>
        <div class="card" style="box-shadow:var(--shadow)">
          <p><strong>Legal:</strong> Calex Enterprises, LLC</p>
          <p><strong>HQ:</strong> 625 W Ward Ave, High Point, NC 27260</p>
          <p><strong>Phone:</strong> (336) 615-0394</p>
          <p><strong>Email:</strong> corporate@calexenterprises.com</p>
          <p><strong>Website:</strong> www.calexenterprises.com</p>
          <div class="divider"></div>
          <p><span class="pill">NVID 253432</span> <span class="pill">Greystar Compliant</span></p>
        </div>

        <div class="card" id="insurance" style="margin-top:18px; box-shadow:var(--shadow)">
          <div class="section-title" style="margin:0 0 6px">
            <h2 class="gold" style="font-size:20px; margin:0">Insurance &amp; Authority</h2>
            <span class="gstripe" aria-hidden="true"></span>
          </div>

          <table class="table" aria-label="Insurance table">
            <thead>
              <tr>
                <th scope="col">Coverage</th>
                <th scope="col">Limits</th>
                <th scope="col">Policy</th>
                <th scope="col">Carrier</th>
                <th scope="col">Dates</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>General Liability</td>
                <td>$2M / $4M agg</td>
                <td>N9BP976486</td>
                <td>Berkshire Hathaway (biBERK)</td>
                <td>09/14/2025–09/14/2026</td>
              </tr>
              <tr>
                <td>Auto Liability</td>
                <td>$2M CSL</td>
                <td>N9UM939980</td>
                <td>Berkshire Hathaway (biBERK)</td>
                <td>09/14/2025–09/14/2026</td>
              </tr>
              <tr>
                <td>Workers’ Comp</td>
                <td>$1M / $1M / $1M</td>
                <td>N9WC975856</td>
                <td>Berkshire Hathaway (biBERK)</td>
                <td>09/14/2025–09/14/2026</td>
              </tr>
              <tr>
                <td>Professional (E&amp;O)</td>
                <td>$1M / $2M agg</td>
                <td>N9BP976486</td>
                <td>Berkshire Hathaway (biBERK)</td>
                <td>09/14/2025–09/14/2026</td>
              </tr>
            </tbody>
          </table>

          <p class="muted" style="margin-top:10px">MC-1179124 • USDOT 3536376 • NetVendor Compliant NVID 253432</p>
        </div>
      </div>
    </div>

    <div class="foot">
      <span>© Calex Enterprises, LLC</span>
      <span>•</span>
      <span>High Point, NC</span>
      <span>•</span>
      <a class="btn" href="/contact">Contact Us</a>
    </div>
  </div>
</section>

Calex Enterprises LLC

Create a professional, mobile-optimized website for Calex Enterprises — a vertically integrated appliance, flooring, and renovation supplier for multi-family properties, developers, and real estate investors. 



Our core services:

- Direct-to-site delivery of appliances (washer/dryer sets, ranges, fridges)

- Installed or supply-only luxury vinyl flooring

- Full rehab services via strategic partner AC Bros Renovations

- Warehouse storage and contractor fulfillment

- Fast quote system powered by Fillout



Include the following sections:



1. **Hero Section:**

   - Headline: "Fast-Track Your Property Upgrades"

   - Subtext: "Appliances, Flooring & Rehab — Delivered, Installed, Done."

   - CTA: “Request a Quote” button linking to: https://taacentral.fillout.com/servicequote



2. **Who We Serve:**

   - Short paragraph highlighting work with Greystar, Related Companies, and other multi-family managers.

   - Use logos or placeholder logos if needed.



3. **Appliance Snapshot:**

   - Title: "Outfitting Multi-Family Projects with Speed & Scale"

   - Text: Describe how North360Direct preps and delivers appliance sets ready for install.

   - Add features list: delivery, install-ready, washer/dryer sets, etc.



4. **Flooring Solutions:**

   - Headline: "Luxury Flooring, Zero Headaches"

   - Bullet list: in-stock LVP, installed or supply-only, job site delivery, sample packs



5. **Renovation Services Section:**

   - Integrate AC Bros (strategic partner): show capabilities like kitchen/bath remodels, unit turns, full-property rehab



6. **Quote Request Page:**

   - Embed the existing Fillout quote page using this iframe (use custom code block or match style):

     

   - Do NOT regenerate this page from scratch — preserve existing styling, code, and embed.



7. **CTA Strip / Footer:**

   - Include phone number: 336-455-1152

   - Add a second CTA: “Get a Custom Bundle” (link to quote)



Tone: Bold, trustworthy, and direct.  

Design: Clean layout, large images, modern icons, mobile-friendly.  

Optimize for: Fast load speed, easy navigation, and high conversion.  



Calex Enterprises — Statement of Qualifications

Core Capabilities

Appliance Procurement & Local Warehousing

Professional Installation & Haul-Away

Apartment Turnovers & Rehab Support

Rapid Vendor Integration

Company Snapshot

Insurance & Authority

Coverage	Limits	Policy	Carrier	Dates
General Liability	$2M / $4M agg	N9BP976486	Berkshire Hathaway (biBERK)	09/14/2025–09/14/2026
Auto Liability	$2M CSL	N9UM939980	Berkshire Hathaway (biBERK)	09/14/2025–09/14/2026
Workers’ Comp	$1M / $1M / $1M	N9WC975856	Berkshire Hathaway (biBERK)	09/14/2025–09/14/2026
Professional (E&O)	$1M / $2M agg	N9BP976486	Berkshire Hathaway (biBERK)	09/14/2025–09/14/2026