Embed

<div class="tj-listings-container">
  <h2 class="tj-title">Available Aircraft</h2>

  <div id="tjListings" class="tj-grid"></div>
</div>

<style>
  .tj-listings-container {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    padding: 20px;
    max-width: 1200px;
    margin: auto;
  }

  .tj-title {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 25px;
  }

  .tj-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 22px;
  }

  .tj-card {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
  }

  .tj-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 28px rgba(0,0,0,0.12);
  }

  .tj-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
  }

  .tj-info {
    padding: 18px;
  }

  .tj-aircraft-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
  }

  .tj-metrics {
    color: #555;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px;
  }

  .tj-btn {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 10px;
    background: #000;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    transition: opacity .15s ease;
  }

  .tj-btn:hover {
    opacity: .8;
  }
</style>

<script>
  // Modify or replace with live API later
  const aircraftData = [
    {
      name: "Gulfstream G650ER",
      img: "https://images.unsplash.com/photo-1529070538774-1843cb3265df?q=80&w=3200",
      year: 2018,
      range: "7,500 NM",
      seats: "13",
      price: "$48,900,000",
      link: "https://tidaljets.com/listing1"
    },
    {
      name: "Challenger 350",
      img: "https://images.unsplash.com/photo-1529070538774-1843cb3265df?q=80&w=3200",
      year: 2020,
      range: "3,200 NM",
      seats: "9",
      price: "$18,700,000",
      link: "https://tidaljets.com/listing2"
    },
    {
      name: "Learjet 60XR",
      img: "https://images.unsplash.com/photo-1529070538774-1843cb3265df?q=80&w=3200",
      year: 2012,
      range: "2,400 NM",
      seats: "7",
      price: "$4,250,000",
      link: "https://tidaljets.com/listing3"
    }
  ];

  const container = document.getElementById("tjListings");

  aircraftData.forEach(ac => {
    container.innerHTML += `
      <div class="tj-card">
        <img src="${ac.img}" alt="${ac.name}">
        <div class="tj-info">
          <div class="tj-aircraft-title">${ac.name}</div>
          <div class="tj-metrics">
            Year: ${ac.year}<br>
            Range: ${ac.range}<br>
            Seats: ${ac.seats}<br>
            Asking Price: ${ac.price}
          </div>
          <a class="tj-btn" href="${ac.link}" target="_blank">View Details</a>
        </div>
      </div>
    `;
  });
</script>


Real estate listings

Tidal Jets, Inc.

Tidal Jets, Inc. is a private jet brokerage based in Pittsburgh, PA, that facilitates both sales and charter arrangements for high‑net‑worth clients. Leveraging its industry expertise, the firm connects buyers and renters with suitable aircraft, operating with monthly revenue exceeding $15,000.