Urban Legends Tour Co

<!-- URBAN LEGENDS HOMEPAGE - SECTIONS 2-8 - PROPER GRIDS -->

<style>
.ul-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.ul-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; }
.ul-grid-4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 16px; }
@media (max-width: 900px) {
  .ul-grid-3 { grid-template-columns: 1fr 1fr; }
  .ul-grid-4 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .ul-grid-2 { grid-template-columns: 1fr; }
  .ul-grid-3 { grid-template-columns: 1fr; }
  .ul-grid-4 { grid-template-columns: 1fr; }
}
</style>
<!-- =============================================
     URBAN LEGENDS - WHO WE ARE CLARIFIER BLOCK
     Place directly after Hero, before "How Can We Help?"
     AI-optimised + Client Conversion Focused
     Brand Colours: #6BCACA | #313031 | #fddc86
     ============================================= -->

<section class="ul-clarifier">
  <div class="ul-clarifier-inner">
    
    <!-- Floating particles background -->
    <div class="ul-particles">
      <span></span><span></span><span></span><span></span><span></span>
    </div>
    
    <!-- Badge -->
    <div class="ul-clarifier-badge">
      <span class="ul-badge-icon">🏆</span>
      <span>Australia's Premium Tour Operator & Bus Charter Company</span>
    </div>
    
    <!-- Main headline -->
    <h2 class="ul-clarifier-headline">
      <span class="ul-headline-top">We Don't Just Drive You There.</span><br>
      <span class="ul-highlight">We Create the Entire Experience.</span>
    </h2>
    
    <!-- The clarifier paragraph - AI + Human optimised -->
    <p class="ul-clarifier-text">
      Urban Legends is a <strong>fully integrated tour operator and bus & coach hire company</strong> — not a booking platform, not a broker, not some faceless call centre. We own and operate our own modern luxury fleet, employ professional driver-guides who actually know the regions, and design every tour itinerary in-house. From <strong>wine tours with exclusive seated tastings</strong> to <strong>brewery crawls with behind-the-scenes access</strong>, <strong>seamless wedding transport</strong> to <strong>corporate events that don't suck</strong> — we handle the planning, the logistics, and the delivery. You just rock up and have the time of your life.
    </p>
    
    <!-- Icon grid - machine readable + visually epic -->
    <div class="ul-clarifier-grid">
      
      <div class="ul-clarifier-item">
        <div class="ul-item-icon">🚌</div>
        <div class="ul-item-text">
          <strong>Own Luxury Fleet</strong>
          <span>14–57 seat modern luxury coaches</span>
        </div>
      </div>
      
      <div class="ul-clarifier-item">
        <div class="ul-item-icon">🎯</div>
        <div class="ul-item-text">
          <strong>In-House Everything</strong>
          <span>No brokers, no middlemen</span>
        </div>
      </div>
      
      <div class="ul-clarifier-item">
        <div class="ul-item-icon">🍷</div>
        <div class="ul-item-text">
          <strong>Curated Experiences</strong>
          <span>Handcrafted tour itineraries</span>
        </div>
      </div>
      
      <div class="ul-clarifier-item">
        <div class="ul-item-icon">👨‍✈️</div>
        <div class="ul-item-text">
          <strong>Professional Driver-Guides</strong>
          <span>Local legends who know every road</span>
        </div>
      </div>
      
      <div class="ul-clarifier-item">
        <div class="ul-item-icon">🤝</div>
        <div class="ul-item-text">
          <strong>Exclusive Venue Access</strong>
          <span>Boutique partnerships others can't get</span>
        </div>
      </div>
      
      <div class="ul-clarifier-item">
        <div class="ul-item-icon">🍺</div>
        <div class="ul-item-text">
          <strong>BYO-Friendly Charters</strong>
          <span>Your drinks, your rules, our wheels</span>
        </div>
      </div>
      
    </div>
    
    <!-- What we do strip -->
    <div class="ul-clarifier-services">
      <span class="ul-service-tag">Wine Tours</span>
      <span class="ul-service-tag">Brewery Tours</span>
      <span class="ul-service-tag">Wedding Transport</span>
      <span class="ul-service-tag">Corporate Events</span>
      <span class="ul-service-tag">Festival Transfers</span>
      <span class="ul-service-tag">Private Charters</span>
      <span class="ul-service-tag">Hens & Bucks</span>
      <span class="ul-service-tag">Christmas Parties</span>
    </div>
    
    <!-- Bottom trust line -->
    <div class="ul-clarifier-trust">
      <span class="ul-trust-item">✓ Fully Accredited</span>
      <span class="ul-trust-divider">•</span>
      <span class="ul-trust-item">✓ Fully Insured</span>
      <span class="ul-trust-divider">•</span>
      <span class="ul-trust-item">✓ 190+ Five-Star Reviews</span>
      <span class="ul-trust-divider">•</span>
      <span class="ul-trust-item">✓ 10 Years Running</span>
    </div>
    
  </div>
</section>


<style>
/* =============================================
   URBAN LEGENDS - WHO WE ARE CLARIFIER
   ============================================= */

.ul-clarifier {
  --ul-teal: #6BCACA;
  --ul-charcoal: #313031;
  --ul-gold: #fddc86;
  --ul-white: #ffffff;
  
  position: relative;
  background: linear-gradient(135deg, #fdfcf9 0%, #f5f5f5 50%, #fdfcf9 100%);
  padding: 70px 24px 80px;
  overflow: hidden;
  font-family: 'Quicksand', -apple-system, BlinkMacSystemFont, sans-serif;
}

.ul-clarifier::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--ul-teal), var(--ul-gold), var(--ul-teal));
  background-size: 200% 100%;
  animation: gradientSlide 3s ease infinite;
}

@keyframes gradientSlide {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

.ul-clarifier-inner {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  text-align: center;
}

/* Floating particles */
.ul-particles {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

.ul-particles span {
  position: absolute;
  width: 10px;
  height: 10px;
  background: var(--ul-teal);
  border-radius: 50%;
  opacity: 0.15;
  animation: float 8s ease-in-out infinite;
}

.ul-particles span:nth-child(1) { left: 10%; top: 20%; animation-delay: 0s; }
.ul-particles span:nth-child(2) { left: 80%; top: 15%; animation-delay: 1s; background: var(--ul-gold); }
.ul-particles span:nth-child(3) { left: 25%; top: 70%; animation-delay: 2s; }
.ul-particles span:nth-child(4) { left: 70%; top: 75%; animation-delay: 3s; background: var(--ul-gold); }
.ul-particles span:nth-child(5) { left: 50%; top: 40%; animation-delay: 4s; width: 6px; height: 6px; }

@keyframes float {
  0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.15; }
  50% { transform: translateY(-20px) rotate(180deg); opacity: 0.25; }
}

/* Badge */
.ul-clarifier-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--ul-charcoal);
  color: var(--ul-white);
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 28px;
  position: relative;
  overflow: hidden;
}

.ul-clarifier-badge::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(107, 202, 202, 0.3), transparent);
  animation: shimmer 2.5s infinite;
}

@keyframes shimmer {
  0% { left: -100%; }
  100% { left: 100%; }
}

.ul-badge-icon {
  font-size: 1.1rem;
}

/* Headline */
.ul-clarifier-headline {
  font-family: 'DM Sans', 'Outfit', sans-serif;
  font-size: clamp(1.8rem, 5vw, 2.6rem);
  font-weight: 700;
  color: var(--ul-charcoal);
  line-height: 1.2;
  margin-bottom: 24px;
}

.ul-headline-top {
  display: inline-block;
  position: relative;
  transition: all 0.3s ease;
  cursor: default;
}

.ul-headline-top:hover {
  color: var(--ul-teal);
  text-shadow: 0 0 30px rgba(107, 202, 202, 0.4);
  transform: translateX(4px);
}

.ul-headline-top::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -20px;
  width: 0;
  height: 3px;
  background: var(--ul-gold);
  border-radius: 2px;
  transform: translateY(-50%);
  transition: width 0.3s ease;
}

.ul-headline-top:hover::before {
  width: 12px;
  box-shadow: 0 0 10px rgba(253, 220, 134, 0.8);
}

.ul-highlight {
  position: relative;
  display: inline-block;
  background: linear-gradient(
    90deg, 
    var(--ul-teal) 0%, 
    #4de0e0 25%, 
    var(--ul-gold) 50%, 
    #4de0e0 75%, 
    var(--ul-teal) 100%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: textShimmer 3s linear infinite, breathingGlow 2s ease-in-out infinite;
  cursor: default;
  transition: all 0.3s ease;
  padding: 0 4px;
}

@keyframes breathingGlow {
  0%, 100% { filter: drop-shadow(0 0 8px rgba(107, 202, 202, 0.3)); }
  50% { filter: drop-shadow(0 0 16px rgba(107, 202, 202, 0.5)) drop-shadow(0 0 24px rgba(253, 220, 134, 0.3)); }
}

.ul-highlight:hover {
  animation: textShimmer 1s linear infinite;
  filter: drop-shadow(0 0 20px rgba(107, 202, 202, 0.6)) drop-shadow(0 0 40px rgba(253, 220, 134, 0.4));
  transform: scale(1.02);
}

@keyframes textShimmer {
  0% { background-position: 0% center; }
  100% { background-position: 200% center; }
}

.ul-highlight::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--ul-teal), var(--ul-gold), var(--ul-teal));
  background-size: 200% 100%;
  border-radius: 2px;
  animation: underlineGrow 1s ease-out forwards, gradientSlide 2s ease infinite;
  animation-delay: 0.5s, 0s;
  transform: scaleX(0);
  transform-origin: left;
  box-shadow: 0 0 10px rgba(107, 202, 202, 0.5);
}

.ul-highlight:hover::after {
  box-shadow: 0 0 20px rgba(107, 202, 202, 0.8), 0 0 30px rgba(253, 220, 134, 0.5);
  height: 5px;
}

@keyframes underlineGrow {
  to { transform: scaleX(1); }
}

/* Main paragraph */
.ul-clarifier-text {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #555;
  max-width: 850px;
  margin: 0 auto 40px;
}

.ul-clarifier-text strong {
  color: var(--ul-charcoal);
  font-weight: 700;
}

/* Icon grid */
.ul-clarifier-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}

.ul-clarifier-item {
  background: var(--ul-white);
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  text-align: left;
  border: 2px solid transparent;
  transition: all 0.3s ease;
  cursor: default;
  position: relative;
  overflow: hidden;
}

.ul-clarifier-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(107, 202, 202, 0.1), transparent);
  transition: left 0.5s ease;
}

.ul-clarifier-item:hover {
  border-color: var(--ul-teal);
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(107, 202, 202, 0.2);
}

.ul-clarifier-item:hover::before {
  left: 100%;
}

.ul-item-icon {
  font-size: 1.8rem;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(107, 202, 202, 0.15), rgba(253, 220, 134, 0.15));
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  animation: iconPulse 3s ease-in-out infinite;
}

.ul-item-icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: iconShimmer 4s ease-in-out infinite;
}

.ul-clarifier-item:nth-child(1) .ul-item-icon::before { animation-delay: 0s; }
.ul-clarifier-item:nth-child(2) .ul-item-icon::before { animation-delay: 0.5s; }
.ul-clarifier-item:nth-child(3) .ul-item-icon::before { animation-delay: 1s; }
.ul-clarifier-item:nth-child(4) .ul-item-icon::before { animation-delay: 1.5s; }
.ul-clarifier-item:nth-child(5) .ul-item-icon::before { animation-delay: 2s; }
.ul-clarifier-item:nth-child(6) .ul-item-icon::before { animation-delay: 2.5s; }

.ul-clarifier-item:nth-child(1) .ul-item-icon { animation-delay: 0s; }
.ul-clarifier-item:nth-child(2) .ul-item-icon { animation-delay: 0.4s; }
.ul-clarifier-item:nth-child(3) .ul-item-icon { animation-delay: 0.8s; }
.ul-clarifier-item:nth-child(4) .ul-item-icon { animation-delay: 1.2s; }
.ul-clarifier-item:nth-child(5) .ul-item-icon { animation-delay: 1.6s; }
.ul-clarifier-item:nth-child(6) .ul-item-icon { animation-delay: 2s; }

@keyframes iconShimmer {
  0%, 100% { left: -100%; }
  50% { left: 100%; }
}

@keyframes iconPulse {
  0%, 100% { 
    box-shadow: 0 0 0 0 rgba(107, 202, 202, 0);
    background: linear-gradient(135deg, rgba(107, 202, 202, 0.15), rgba(253, 220, 134, 0.15));
  }
  50% { 
    box-shadow: 0 0 12px 2px rgba(107, 202, 202, 0.25);
    background: linear-gradient(135deg, rgba(107, 202, 202, 0.25), rgba(253, 220, 134, 0.25));
  }
}

.ul-item-text {
  display: flex;
  flex-direction: column;
}

.ul-item-text strong {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--ul-charcoal);
  margin-bottom: 2px;
}

.ul-item-text span {
  font-size: 0.8rem;
  color: #777;
}

/* Services strip */
.ul-clarifier-services {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 32px;
}

.ul-service-tag {
  background: linear-gradient(135deg, var(--ul-teal), #5ab8b8);
  color: var(--ul-white);
  padding: 8px 18px;
  border-radius: 25px;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  transition: all 0.3s ease;
  cursor: default;
  position: relative;
  overflow: hidden;
}

.ul-service-tag::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: tagShimmer 3s ease-in-out infinite;
}

.ul-service-tag:nth-child(1)::before { animation-delay: 0s; }
.ul-service-tag:nth-child(2)::before { animation-delay: 0.3s; }
.ul-service-tag:nth-child(3)::before { animation-delay: 0.6s; }
.ul-service-tag:nth-child(4)::before { animation-delay: 0.9s; }
.ul-service-tag:nth-child(5)::before { animation-delay: 1.2s; }
.ul-service-tag:nth-child(6)::before { animation-delay: 1.5s; }
.ul-service-tag:nth-child(7)::before { animation-delay: 1.8s; }
.ul-service-tag:nth-child(8)::before { animation-delay: 2.1s; }

@keyframes tagShimmer {
  0% { left: -100%; }
  50%, 100% { left: 100%; }
}

.ul-service-tag:nth-child(even) {
  background: linear-gradient(135deg, var(--ul-gold), #f0c860);
  color: var(--ul-charcoal);
}

.ul-service-tag:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.ul-service-tag:hover::before {
  animation: tagShimmerFast 0.6s ease-in-out;
}

@keyframes tagShimmerFast {
  0% { left: -100%; }
  100% { left: 100%; }
}

/* Trust line */
.ul-clarifier-trust {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 24px;
  border-top: 1px solid #e5e5e5;
}

.ul-trust-item {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--ul-charcoal);
}

.ul-trust-divider {
  color: var(--ul-teal);
  font-weight: 700;
}

/* =============================================
   RESPONSIVE
   ============================================= */
@media (max-width: 900px) {
  .ul-clarifier-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .ul-clarifier {
    padding: 50px 16px 60px;
  }
  
  .ul-clarifier-badge {
    font-size: 0.7rem;
    padding: 8px 16px;
  }
  
  .ul-clarifier-headline {
    font-size: 1.5rem;
  }
  
  .ul-clarifier-text {
    font-size: 1rem;
    line-height: 1.7;
  }
  
  .ul-clarifier-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  
  .ul-clarifier-item {
    padding: 16px;
  }
  
  .ul-item-icon {
    width: 44px;
    height: 44px;
    font-size: 1.5rem;
  }
  
  .ul-service-tag {
    font-size: 0.7rem;
    padding: 6px 14px;
  }
  
  .ul-trust-item {
    font-size: 0.75rem;
  }
  
  .ul-trust-divider {
    display: none;
  }
  
  .ul-clarifier-trust {
    flex-direction: column;
    gap: 6px;
  }
}
</style>

<!-- ===== SPLIT PATH - SIDE BY SIDE ===== -->
<section style="background: #ffffff; padding: 70px 24px;">
  <div style="max-width: 1000px; margin: 0 auto; text-align: center;">
    
    <h2 style="font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 32px; text-transform: uppercase; color: #313031; margin-bottom: 8px;">How Can We Help?</h2>
    <p style="color: #6b6b6b; font-size: 1.05rem; margin-bottom: 40px;">Choose your path — transport only, or all-inclusive tours</p>
    
    <div class="ul-grid-2" style="max-width: 900px; margin: 0 auto;">
      
      <!-- CHARTER CARD -->
      <div style="background: #6BCACA; border-radius: 16px; padding: 40px 32px; text-align: center;">
        <h3 style="font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 24px; text-transform: uppercase; color: #313031; margin-bottom: 6px;">Bus & Coach Charter</h3>
        <p style="font-size: 1.05rem; font-weight: 700; color: #313031; margin-bottom: 12px;">Transport Only</p>
        <p style="font-size: 0.95rem; color: #313031; opacity: 0.85; margin-bottom: 20px; line-height: 1.6;">You organise the destination — we provide the bus and driver. BYO drinks welcome.</p>
        <a href="#charters" style="display: inline-block; background: #313031; color: #ffffff; padding: 14px 28px; border-radius: 8px; font-weight: 700; font-size: 14px; text-transform: uppercase; text-decoration: none;">Browse Charter Locations ↓</a>
      </div>
      
      <!-- TOURS CARD -->
      <div style="background: #fddc86; border-radius: 16px; padding: 40px 32px; text-align: center;">
        <h3 style="font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 24px; text-transform: uppercase; color: #313031; margin-bottom: 6px;">Private Tours</h3>
        <p style="font-size: 1.05rem; font-weight: 700; color: #313031; margin-bottom: 12px;">All-Inclusive Packages</p>
        <p style="font-size: 0.95rem; color: #313031; opacity: 0.85; margin-bottom: 20px; line-height: 1.6;">We organise everything — transport, venues, tastings & lunch. Just turn up and enjoy.</p>
        <a href="#tours" style="display: inline-block; background: #313031; color: #ffffff; padding: 14px 28px; border-radius: 8px; font-weight: 700; font-size: 14px; text-transform: uppercase; text-decoration: none;">Browse Tour Packages ↓</a>
      </div>
      
    </div>
  </div>
</section>


<!-- ===== YACHT FEATURED ===== -->
<section style="background: #313031; padding: 40px 24px; text-align: center;">
  <div style="max-width: 900px; margin: 0 auto;">
    <p style="font-size: 0.7rem; color: #6BCACA; text-transform: uppercase; letter-spacing: 0.15em; font-weight: 700; margin-bottom: 4px;">Featured 2026</p>
    <h3 style="font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 26px; color: #ffffff; text-transform: uppercase; margin-bottom: 8px;">Sydney Harbour Yacht Charters</h3>
    <p style="font-size: 0.95rem; color: #9a9a9a; margin-bottom: 20px;">Christmas parties, corporate events & special occasions on the water</p>
    <a href="/sydney-yacht-charters" style="display: inline-block; background: #fddc86; color: #313031; padding: 14px 28px; border-radius: 8px; font-weight: 700; font-size: 14px; text-transform: uppercase; text-decoration: none;">View Yacht Packages →</a>
  </div>
</section>


<!-- ===== CHARTER LOCATIONS - 3 COLUMN GRID ===== -->
<section id="charters" style="background: #6BCACA; padding: 80px 24px;">
  <div style="max-width: 1100px; margin: 0 auto; text-align: center;">
    
    <h2 style="font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 32px; color: #313031; text-transform: uppercase; margin-bottom: 8px;">Bus & Coach Charter Locations</h2>
    <p style="color: #313031; opacity: 0.8; font-size: 1rem; margin-bottom: 28px;">Transport only — click your region for photos, pricing & booking</p>
    
    <!-- Tabs -->
    <div style="display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-bottom: 24px;">
      <button class="ul-tab active" data-tab="nsw" style="padding: 12px 22px; font-weight: 700; font-size: 14px; text-transform: uppercase; background: #313031; color: #ffffff; border: none; border-radius: 8px; cursor: pointer;">NSW (10)</button>
      <button class="ul-tab" data-tab="qld" style="padding: 12px 22px; font-weight: 700; font-size: 14px; text-transform: uppercase; background: #ffffff; color: #313031; border: none; border-radius: 8px; cursor: pointer;">QLD (2)</button>
      <button class="ul-tab" data-tab="vic" style="padding: 12px 22px; font-weight: 700; font-size: 14px; text-transform: uppercase; background: #ffffff; color: #313031; border: none; border-radius: 8px; cursor: pointer;">VIC (1)</button>
    </div>
    
    <!-- NSW - 3 COLUMN GRID -->
    <div id="nsw" class="ul-tab-content ul-grid-3" style="display: grid;">
      
      <a href="/bus-charters-sydney" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Sydney</span>
          <span style="font-weight: 700; color: #4fb3b3; font-size: 0.85rem;">From $650</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">CBD • Inner West • Eastern Suburbs</p>
      </a>
      
      <a href="/western-sydney-bus-hire-and-charter" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Western Sydney</span>
          <span style="font-weight: 700; color: #4fb3b3; font-size: 0.85rem;">From $650</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Parramatta • Penrith • Blacktown</p>
      </a>
      
      <a href="/bus-charters-wollongong" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Wollongong</span>
          <span style="font-weight: 700; color: #4fb3b3; font-size: 0.85rem;">From $650</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Wollongong • Shellharbour • Kiama</p>
      </a>
      
      <a href="/hunter-valley-bus-hire-and-charter" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Hunter Valley</span>
          <span style="font-weight: 700; color: #4fb3b3; font-size: 0.85rem;">From $650</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Newcastle • Maitland • Pokolbin</p>
      </a>
      
      <a href="/central-coast-bus-hire-and-charter" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Central Coast</span>
          <span style="font-weight: 700; color: #4fb3b3; font-size: 0.85rem;">From $650</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Gosford • Terrigal • The Entrance</p>
      </a>
      
      <a href="/bowral-bus-hire-and-charter" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Southern Highlands</span>
          <span style="font-weight: 700; color: #4fb3b3; font-size: 0.85rem;">From $650</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Bowral • Mittagong • Moss Vale</p>
      </a>
      
      <a href="/sutherland-shire-bus-hire-and-charter" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Sutherland Shire</span>
          <span style="font-weight: 700; color: #4fb3b3; font-size: 0.85rem;">From $650</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Cronulla • Miranda • Caringbah</p>
      </a>
      
      <a href="/byron-bay-bus-hire-and-charter" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Byron Bay</span>
          <span style="font-weight: 700; color: #4fb3b3; font-size: 0.85rem;">From $850</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Byron • Ballina • Lismore</p>
      </a>
      
      <a href="/goulburn-bus-hire-and-charter" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Goulburn</span>
          <span style="font-weight: 700; color: #4fb3b3; font-size: 0.85rem;">From $650</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Goulburn • Southern Tablelands</p>
      </a>
      
      <a href="/marulan-bus-hire-and-charter" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Marulan</span>
          <span style="font-weight: 700; color: #4fb3b3; font-size: 0.85rem;">From $650</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Marulan • Gateway to Canberra</p>
      </a>
      
    </div>
    
    <!-- QLD -->
    <div id="qld" class="ul-tab-content ul-grid-2" style="display: none; max-width: 700px; margin: 0 auto;">
      
      <a href="/brisbane-bus-hire-and-charter" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Brisbane</span>
          <span style="font-weight: 700; color: #4fb3b3; font-size: 0.85rem;">From $800</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Brisbane CBD • Ipswich • Logan</p>
      </a>
      
      <a href="/goldcoast-bus-hire-and-charter" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Gold Coast</span>
          <span style="font-weight: 700; color: #4fb3b3; font-size: 0.85rem;">From $800</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Surfers Paradise • Broadbeach</p>
      </a>
      
    </div>
    
    <!-- VIC -->
    <div id="vic" class="ul-tab-content" style="display: none; max-width: 350px; margin: 0 auto;">
      
      <a href="/king-valley-winery-brewery-distillery-tours" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left; display: block;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">King Valley & NE Vic</span>
          <span style="font-weight: 700; color: #4fb3b3; font-size: 0.85rem;">Custom</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Wangaratta • Milawa • Beechworth</p>
      </a>
      
    </div>
    
    <div style="text-align: center; margin-top: 32px;">
      <a href="/booknow" style="display: inline-block; background: #313031; color: #ffffff; padding: 14px 28px; border-radius: 8px; font-weight: 700; font-size: 14px; text-transform: uppercase; text-decoration: none;">Get a Charter Quote →</a>
    </div>
  </div>
</section>


<!-- ===== FLEET - 3 COLUMN GRID ===== -->
<section style="background: #f8f9fa; padding: 60px 24px;">
  <div style="max-width: 1000px; margin: 0 auto; text-align: center;">
    
    <h2 style="font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 28px; text-transform: uppercase; margin-bottom: 8px; color: #313031;">Our 2026 Luxury Fleet</h2>
    <p style="color: #6b6b6b; font-size: 1rem; margin-bottom: 32px;">Modern vehicles with USB charging, premium seating, climate control & Bluetooth</p>
    
    <div class="ul-grid-3" style="margin-bottom: 24px;">
      
      <div style="background: #ffffff; border-radius: 12px; padding: 24px; border: 1px solid #e5e5e5; text-align: center;">
        <div style="font-weight: 700; font-size: 1.2rem; margin-bottom: 4px;">14-Seater</div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin-bottom: 10px;">Mercedes Sprinter VIP</p>
        <p style="font-size: 0.85rem; margin: 0;"><strong style="color: #6BCACA;">$650</strong> half · <strong style="color: #6BCACA;">$950</strong> full</p>
      </div>
      
      <div style="background: #ffffff; border-radius: 12px; padding: 24px; border: 1px solid #e5e5e5; text-align: center;">
        <div style="font-weight: 700; font-size: 1.2rem; margin-bottom: 4px;">18-Seater <span style="background: #6BCACA; color: #313031; padding: 2px 8px; font-size: 0.6rem; border-radius: 4px;">NEW</span></div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin-bottom: 10px;">Mercedes Sprinter</p>
        <p style="font-size: 0.85rem; margin: 0;"><strong style="color: #6BCACA;">$750</strong> half · <strong style="color: #6BCACA;">$1,100</strong> full</p>
      </div>
      
      <div style="background: #ffffff; border-radius: 12px; padding: 24px; border: 1px solid #e5e5e5; text-align: center;">
        <div style="font-weight: 700; font-size: 1.2rem; margin-bottom: 4px;">27-Seater <span style="background: #313031; color: #fff; padding: 2px 8px; font-size: 0.6rem; border-radius: 4px;">2025</span></div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin-bottom: 10px;">Yutong D7 Executive</p>
        <p style="font-size: 0.85rem; margin: 0;"><strong style="color: #6BCACA;">$850</strong> half · <strong style="color: #6BCACA;">$1,200</strong> full</p>
      </div>
      
      <div style="background: #ffffff; border-radius: 12px; padding: 24px; border: 1px solid #e5e5e5; text-align: center;">
        <div style="font-weight: 700; font-size: 1.2rem; margin-bottom: 4px;">41-Seater <span style="background: #313031; color: #fff; padding: 2px 8px; font-size: 0.6rem; border-radius: 4px;">2025</span></div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin-bottom: 10px;">King Long Luxury</p>
        <p style="font-size: 0.85rem; margin: 0;"><strong style="color: #6BCACA;">$950</strong> half · <strong style="color: #6BCACA;">$1,450</strong> full</p>
      </div>
      
      <div style="background: #ffffff; border-radius: 12px; padding: 24px; border: 1px solid #e5e5e5; text-align: center;">
        <div style="font-weight: 700; font-size: 1.2rem; margin-bottom: 4px;">41-Seater <span style="background: #6BCACA; color: #313031; padding: 2px 8px; font-size: 0.6rem; border-radius: 4px;">NEW</span></div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin-bottom: 10px;">Bonluck Luxury</p>
        <p style="font-size: 0.85rem; margin: 0;"><strong style="color: #6BCACA;">$950</strong> half · <strong style="color: #6BCACA;">$1,450</strong> full</p>
      </div>
      
      <div style="background: #ffffff; border-radius: 12px; padding: 24px; border: 1px solid #e5e5e5; text-align: center;">
        <div style="font-weight: 700; font-size: 1.2rem; margin-bottom: 4px;">57-Seater <span style="background: #313031; color: #fff; padding: 2px 8px; font-size: 0.6rem; border-radius: 4px;">2025</span></div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin-bottom: 10px;">Luxury Coach</p>
        <p style="font-size: 0.85rem; margin: 0;"><strong style="color: #6BCACA;">$1,700</strong> half · <strong style="color: #6BCACA;">$2,500</strong> full</p>
      </div>
      
    </div>
    
    <p style="font-size: 0.9rem; color: #6b6b6b;"><strong>Need 60–200+ passengers?</strong> We coordinate multi-coach solutions.</p>
  </div>
</section>


<!-- ===== TOUR PACKAGES - 3 COLUMN GRID ===== -->
<section id="tours" style="background: #fddc86; padding: 80px 24px;">
  <div style="max-width: 1000px; margin: 0 auto; text-align: center;">
    
    <h2 style="font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 32px; color: #313031; text-transform: uppercase; margin-bottom: 8px;">Private Tour Packages</h2>
    <p style="color: #313031; opacity: 0.8; font-size: 1rem; margin-bottom: 28px;">All-inclusive — click any tour for photos, itineraries & booking</p>
    
    <!-- Tabs -->
    <div style="display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-bottom: 24px;">
      <button class="ul-tab active" data-tab="wine-tours" style="padding: 12px 22px; font-weight: 700; font-size: 14px; text-transform: uppercase; background: #313031; color: #ffffff; border: none; border-radius: 8px; cursor: pointer;">Wine Tours (5)</button>
      <button class="ul-tab" data-tab="brewery-tours" style="padding: 12px 22px; font-weight: 700; font-size: 14px; text-transform: uppercase; background: #ffffff; color: #313031; border: none; border-radius: 8px; cursor: pointer;">Brewery Tours (6)</button>
      <button class="ul-tab" data-tab="scenic-tours" style="padding: 12px 22px; font-weight: 700; font-size: 14px; text-transform: uppercase; background: #ffffff; color: #313031; border: none; border-radius: 8px; cursor: pointer;">Scenic Tours (4)</button>
    </div>
    
    <!-- WINE TOURS -->
    <div id="wine-tours" class="ul-tab-content ul-grid-3" style="display: grid;">
      
      <a href="/winery-tours" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">NSW Winery Tours</span>
          <span style="font-weight: 700; color: #6BCACA; font-size: 0.85rem;">From $139pp</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">All NSW wine regions</p>
      </a>
      
      <a href="/hunter-valley-wine-tours" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Hunter Valley</span>
          <span style="font-weight: 700; color: #6BCACA; font-size: 0.85rem;">From $139pp</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Semillon, Shiraz & more</p>
      </a>
      
      <a href="/southern-highlands-wine-tours" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Southern Highlands</span>
          <span style="font-weight: 700; color: #6BCACA; font-size: 0.85rem;">From $149pp</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Cool climate wines</p>
      </a>
      
      <a href="/south-coast-wine-tours" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">South Coast</span>
          <span style="font-weight: 700; color: #6BCACA; font-size: 0.85rem;">From $149pp</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Coastal wineries</p>
      </a>
      
      <a href="/king-valley-winery-brewery-distillery-tours" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">King Valley (VIC)</span>
          <span style="font-weight: 700; color: #6BCACA; font-size: 0.85rem;">From $159pp</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Prosecco & Italian varieties</p>
      </a>
      
    </div>
    
    <!-- BREWERY TOURS -->
    <div id="brewery-tours" class="ul-tab-content ul-grid-3" style="display: none;">
      
      <a href="/inner-west-brewery-tours" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Sydney Brewery</span>
          <span style="font-weight: 700; color: #6BCACA; font-size: 0.85rem;">From $139pp</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Inner West craft beer</p>
      </a>
      
      <a href="/hunter-valley-brewery-tours" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Hunter Valley Brewery</span>
          <span style="font-weight: 700; color: #6BCACA; font-size: 0.85rem;">From $139pp</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Craft breweries in wine country</p>
      </a>
      
      <a href="/wollongong-brewery-tours" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Wollongong Brewery</span>
          <span style="font-weight: 700; color: #6BCACA; font-size: 0.85rem;">From $139pp</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Illawarra craft breweries</p>
      </a>
      
      <a href="/byron-bay-brewery-tours" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Byron Bay Brewery</span>
          <span style="font-weight: 700; color: #6BCACA; font-size: 0.85rem;">From $149pp</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Stone & Wood, Balter</p>
      </a>
      
      <a href="/brisbane-brewery-tours" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Brisbane Brewery</span>
          <span style="font-weight: 700; color: #6BCACA; font-size: 0.85rem;">From $149pp</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Brisbane craft beer</p>
      </a>
      
      <a href="/gold-coast-brewery-tours" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Gold Coast Brewery</span>
          <span style="font-weight: 700; color: #6BCACA; font-size: 0.85rem;">From $149pp</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Balter, Black Hops</p>
      </a>
      
    </div>
    
    <!-- SCENIC TOURS -->
    <div id="scenic-tours" class="ul-tab-content ul-grid-2" style="display: none; max-width: 700px; margin: 0 auto;">
      
      <a href="/blue-mountains-tours" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Blue Mountains</span>
          <span style="font-weight: 700; color: #6BCACA; font-size: 0.85rem;">From $95pp</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Three Sisters, Scenic World</p>
      </a>
      
      <a href="/australia-snow-trips" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Snow Trips</span>
          <span style="font-weight: 700; color: #6BCACA; font-size: 0.85rem;">From $149pp</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Perisher, Thredbo</p>
      </a>
      
      <a href="/sydney-tours" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Sydney Tours</span>
          <span style="font-weight: 700; color: #6BCACA; font-size: 0.85rem;">From $89pp</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Guided Sydney sightseeing</p>
      </a>
      
      <a href="/byron-bay-tours" style="background: #ffffff; border-radius: 10px; padding: 20px; text-decoration: none; color: #313031; text-align: left;">
        <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
          <span style="font-weight: 700;">Byron Bay Tours</span>
          <span style="font-weight: 700; color: #6BCACA; font-size: 0.85rem;">From $149pp</span>
        </div>
        <p style="font-size: 0.8rem; color: #6b6b6b; margin: 0;">Byron Bay day trips</p>
      </a>
      
    </div>
    
    <div style="text-align: center; margin-top: 32px;">
      <a href="/booknow" style="display: inline-block; background: #313031; color: #ffffff; padding: 14px 28px; border-radius: 8px; font-weight: 700; font-size: 14px; text-transform: uppercase; text-decoration: none;">Enquire About Tours →</a>
    </div>
  </div>
</section>


<!-- ===== GOOGLE REVIEWS ===== -->
<section style="background: #f8f9fa; padding: 50px 24px; text-align: center;">
  <div style="max-width: 900px; margin: 0 auto;">
    <p style="font-size: 0.75rem; color: #6b6b6b; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 16px;">⭐ What Our Customers Say</p>
    <script src="https://apps.elfsight.com/p/platform.js" defer></script>
    <div class="elfsight-app-5e686a53-747e-4756-97ef-c1695f5f1e2a"></div>
  </div>
</section>


<!-- ===== OCCASIONS - 3 COLUMN GRID ===== -->
<section style="background: #f8f9fa; padding: 80px 24px;">
  <div style="max-width: 1100px; margin: 0 auto; text-align: center;">
    
    <h2 style="font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 32px; text-transform: uppercase; margin-bottom: 8px; color: #313031;">What Are You Planning?</h2>
    <p style="color: #6b6b6b; font-size: 1.05rem; margin-bottom: 48px;">Dedicated guides and packages for every occasion</p>
    
    <div class="ul-grid-3" style="gap: 24px;">
      
      <!-- WEDDINGS -->
      <div style="background: #ffffff; border-radius: 12px; overflow: hidden; border: 1px solid #e5e5e5; text-align: left;">
        <div style="background: #fddc86; padding: 20px 24px;">
          <h3 style="font-weight: 700; font-size: 18px; text-transform: uppercase; color: #313031; margin: 0;">Weddings</h3>
          <p style="font-size: 0.8rem; color: #313031; opacity: 0.8; margin: 4px 0 0;">Your big day, legendary transport</p>
        </div>
        <div style="padding: 20px 24px;">
          <p style="font-size: 0.9rem; color: #6b6b6b; margin-bottom: 16px; line-height: 1.6;">Luxury coaches for ceremony transfers, bridal party shuttles, guest transport.</p>
          <a href="/blog/sydney-wedding-bus-hire-charter" style="display: block; background: #313031; color: #ffffff; padding: 12px; border-radius: 8px; font-weight: 700; font-size: 13px; text-align: center; text-transform: uppercase; text-decoration: none;">Wedding Guide →</a>
        </div>
      </div>
      
      <!-- HENS -->
      <div style="background: #ffffff; border-radius: 12px; overflow: hidden; border: 1px solid #e5e5e5; text-align: left;">
        <div style="background: #6BCACA; padding: 20px 24px;">
          <h3 style="font-weight: 700; font-size: 18px; text-transform: uppercase; color: #313031; margin: 0;">Hens Parties</h3>
          <p style="font-size: 0.8rem; color: #313031; opacity: 0.8; margin: 4px 0 0;">Wine tours for the bride tribe</p>
        </div>
        <div style="padding: 20px 24px;">
          <p style="font-size: 0.9rem; color: #6b6b6b; margin-bottom: 16px; line-height: 1.6;">Hunter Valley wine tours. Boutique wineries, cheese platters, plenty of bubbles.</p>
          <a href="/hunter-valley-hens-party" style="display: block; background: #313031; color: #ffffff; padding: 12px; border-radius: 8px; font-weight: 700; font-size: 13px; text-align: center; text-transform: uppercase; text-decoration: none;">Hens Tours →</a>
        </div>
      </div>
      
      <!-- BUCKS -->
      <div style="background: #ffffff; border-radius: 12px; overflow: hidden; border: 1px solid #e5e5e5; text-align: left;">
        <div style="background: #6BCACA; padding: 20px 24px;">
          <h3 style="font-weight: 700; font-size: 18px; text-transform: uppercase; color: #313031; margin: 0;">Bucks Parties</h3>
          <p style="font-size: 0.8rem; color: #313031; opacity: 0.8; margin: 4px 0 0;">Craft beer crawls for the lads</p>
        </div>
        <div style="padding: 20px 24px;">
          <p style="font-size: 0.9rem; color: #6b6b6b; margin-bottom: 16px; line-height: 1.6;">Brewery tours, distillery visits, pub crawls across Sydney, Hunter or Gold Coast.</p>
          <a href="/brewery-tours" style="display: block; background: #313031; color: #ffffff; padding: 12px; border-radius: 8px; font-weight: 700; font-size: 13px; text-align: center; text-transform: uppercase; text-decoration: none;">Brewery Tours →</a>
        </div>
      </div>
      
      <!-- CHRISTMAS -->
      <div style="background: #ffffff; border-radius: 12px; overflow: hidden; border: 1px solid #e5e5e5; text-align: left;">
        <div style="background: #fddc86; padding: 20px 24px;">
          <h3 style="font-weight: 700; font-size: 18px; text-transform: uppercase; color: #313031; margin: 0;">Christmas Parties</h3>
          <p style="font-size: 0.8rem; color: #313031; opacity: 0.8; margin: 4px 0 0;">End-of-year events that impress</p>
        </div>
        <div style="padding: 20px 24px;">
          <p style="font-size: 0.9rem; color: #6b6b6b; margin-bottom: 16px; line-height: 1.6;">Wine tours, brewery crawls, yacht parties, adventure activities — 2026 sorted.</p>
          <a href="/blog/sydney-work-christmas-party-ideas" style="display: block; background: #313031; color: #ffffff; padding: 12px; border-radius: 8px; font-weight: 700; font-size: 13px; text-align: center; text-transform: uppercase; text-decoration: none;">Christmas Ideas →</a>
        </div>
      </div>
      
      <!-- CORPORATE -->
      <div style="background: #ffffff; border-radius: 12px; overflow: hidden; border: 1px solid #e5e5e5; text-align: left;">
        <div style="background: #6BCACA; padding: 20px 24px;">
          <h3 style="font-weight: 700; font-size: 18px; text-transform: uppercase; color: #313031; margin: 0;">Corporate</h3>
          <p style="font-size: 0.8rem; color: #313031; opacity: 0.8; margin: 4px 0 0;">Team bonding that doesn't suck</p>
        </div>
        <div style="padding: 20px 24px;">
          <p style="font-size: 0.9rem; color: #6b6b6b; margin-bottom: 16px; line-height: 1.6;">Brewery tours, wine tastings, adventure days, EOFY celebrations.</p>
          <a href="/blog/team-building-activities-sydney" style="display: block; background: #313031; color: #ffffff; padding: 12px; border-radius: 8px; font-weight: 700; font-size: 13px; text-align: center; text-transform: uppercase; text-decoration: none;">Team Building →</a>
        </div>
      </div>
      
      <!-- FESTIVALS -->
      <div style="background: #ffffff; border-radius: 12px; overflow: hidden; border: 1px solid #e5e5e5; text-align: left;">
        <div style="background: #fddc86; padding: 20px 24px;">
          <h3 style="font-weight: 700; font-size: 18px; text-transform: uppercase; color: #313031; margin: 0;">Festival Transfers</h3>
          <p style="font-size: 0.8rem; color: #313031; opacity: 0.8; margin: 4px 0 0;">Get there. Party. Get home safe.</p>
        </div>
        <div style="padding: 20px 24px;">
          <p style="font-size: 0.9rem; color: #6b6b6b; margin-bottom: 16px; line-height: 1.6;">Lost Paradise, Splendour, Bluesfest, Subsonic, REL and more.</p>
          <a href="/festivals" style="display: block; background: #313031; color: #ffffff; padding: 12px; border-radius: 8px; font-weight: 700; font-size: 13px; text-align: center; text-transform: uppercase; text-decoration: none;">Festival Info →</a>
        </div>
      </div>
      
    </div>
    
    <div style="margin-top: 48px; display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;">
      <a href="/blog" style="display: inline-block; background: #6BCACA; color: #313031; padding: 14px 28px; border-radius: 8px; font-weight: 700; font-size: 14px; text-transform: uppercase; text-decoration: none;">Read Our Blog →</a>
      <a href="/frequently-asked-questions" style="display: inline-block; background: transparent; color: #313031; padding: 14px 28px; border-radius: 8px; font-weight: 700; font-size: 14px; text-transform: uppercase; text-decoration: none; border: 2px solid #313031;">FAQs →</a>
    </div>
  </div>
</section>


<!-- ===== PARTNERS - 3 COLUMN GRID ===== -->
<section style="background: #fdfcf9; padding: 70px 24px;">
  <div style="max-width: 1000px; margin: 0 auto; text-align: center;">
    
    <h2 style="font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 28px; text-transform: uppercase; margin-bottom: 8px; color: #313031;">Partnered With The Best Venues</h2>
    <p style="color: #6b6b6b; font-size: 1rem; margin-bottom: 40px;">From Hunter Valley wineries to Byron Bay breweries</p>
    
    <div class="ul-grid-3" style="gap: 20px;">
      
      <div style="background: #ffffff; border-radius: 12px; padding: 24px; border-top: 4px solid #fddc86; text-align: left;">
        <h3 style="font-weight: 700; font-size: 15px; text-transform: uppercase; color: #313031; margin-bottom: 12px;">🍷 Wineries</h3>
        <p style="font-size: 0.85rem; color: #6b6b6b; line-height: 1.8; margin: 0;">Horner Wines • Krinklewood • Hope Estate • Sondara • Bendooley Estate <span style="color: #6BCACA; font-weight: 600;">+ more</span></p>
      </div>
      
      <div style="background: #ffffff; border-radius: 12px; padding: 24px; border-top: 4px solid #6BCACA; text-align: left;">
        <h3 style="font-weight: 700; font-size: 15px; text-transform: uppercase; color: #313031; margin-bottom: 12px;">🍺 Breweries</h3>
        <p style="font-size: 0.85rem; color: #6b6b6b; line-height: 1.8; margin: 0;">Stone & Wood • Felons Brewing • Philter • 4 Pines • Sauce Brewing <span style="color: #6BCACA; font-weight: 600;">+ more</span></p>
      </div>
      
      <div style="background: #ffffff; border-radius: 12px; padding: 24px; border-top: 4px solid #fddc86; text-align: left;">
        <h3 style="font-weight: 700; font-size: 15px; text-transform: uppercase; color: #313031; margin-bottom: 12px;">🎯 Activities</h3>
        <p style="font-size: 0.85rem; color: #6b6b6b; line-height: 1.8; margin: 0;">Scenic World • Featherdale • Top Golf • Maniax Axe Throwing • Go Karts</p>
      </div>
      
    </div>
  </div>
</section>


<!-- ===== BOOK DIRECT - 4 COLUMN GRID ===== -->
<section style="background: #ffffff; padding: 60px 24px;">
  <div style="max-width: 900px; margin: 0 auto; text-align: center;">
    
    <h2 style="font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 28px; text-transform: uppercase; margin-bottom: 12px; color: #313031;">Book Direct. No Middleman. Better Price.</h2>
    <p style="font-size: 1rem; color: #6b6b6b; margin-bottom: 32px;">We don't pay 20-30% commission to platforms — we pass the saving to you.</p>
    
    <div class="ul-grid-4">
      <div style="background: #f8f9fa; padding: 20px; border-radius: 10px; border-left: 4px solid #6BCACA; text-align: left;">
        <div style="font-size: 1.5rem; margin-bottom: 8px;">💰</div>
        <div style="font-weight: 700; margin-bottom: 4px;">Sharper Pricing</div>
        <div style="font-size: 0.85rem; color: #6b6b6b;">No platform fees</div>
      </div>
      <div style="background: #f8f9fa; padding: 20px; border-radius: 10px; border-left: 4px solid #6BCACA; text-align: left;">
        <div style="font-size: 1.5rem; margin-bottom: 8px;">📞</div>
        <div style="font-weight: 700; margin-bottom: 4px;">Direct Contact</div>
        <div style="font-size: 0.85rem; color: #6b6b6b;">Talk to the team</div>
      </div>
      <div style="background: #f8f9fa; padding: 20px; border-radius: 10px; border-left: 4px solid #6BCACA; text-align: left;">
        <div style="font-size: 1.5rem; margin-bottom: 8px;">✨</div>
        <div style="font-weight: 700; margin-bottom: 4px;">Real Flexibility</div>
        <div style="font-size: 0.85rem; color: #6b6b6b;">Customise it</div>
      </div>
      <div style="background: #f8f9fa; padding: 20px; border-radius: 10px; border-left: 4px solid #6BCACA; text-align: left;">
        <div style="font-size: 1.5rem; margin-bottom: 8px;">❤️</div>
        <div style="font-weight: 700; margin-bottom: 4px;">We Care</div>
        <div style="font-size: 0.85rem; color: #6b6b6b;">Legendary service</div>
      </div>
    </div>
  </div>
</section>


<!-- ===== WHY US - 3 COLUMN GRID ===== -->
<section style="background: #f8f9fa; padding: 60px 24px;">
  <div style="max-width: 1000px; margin: 0 auto; text-align: center;">
    
    <h2 style="font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 28px; text-transform: uppercase; margin-bottom: 32px; color: #313031;">Why Choose Urban Legends?</h2>
    
    <div class="ul-grid-3">
      <div style="background: #ffffff; border-radius: 10px; padding: 22px; border-left: 4px solid #fddc86; text-align: left;">
        <h3 style="font-weight: 700; font-size: 15px; text-transform: uppercase; margin-bottom: 8px;">Modern 2025 Fleet</h3>
        <p style="font-size: 0.85rem; color: #6b6b6b; line-height: 1.6; margin: 0;">New buses with USB, premium seating, climate control.</p>
      </div>
      <div style="background: #ffffff; border-radius: 10px; padding: 22px; border-left: 4px solid #fddc86; text-align: left;">
        <h3 style="font-weight: 700; font-size: 15px; text-transform: uppercase; margin-bottom: 8px;">Professional Drivers</h3>
        <p style="font-size: 0.85rem; color: #6b6b6b; line-height: 1.6; margin: 0;">Fully licensed, insured locals who know the roads.</p>
      </div>
      <div style="background: #ffffff; border-radius: 10px; padding: 22px; border-left: 4px solid #fddc86; text-align: left;">
        <h3 style="font-weight: 700; font-size: 15px; text-transform: uppercase; margin-bottom: 8px;">Transparent Pricing</h3>
        <p style="font-size: 0.85rem; color: #6b6b6b; line-height: 1.6; margin: 0;">No hidden fees. The quote is what you pay.</p>
      </div>
      <div style="background: #ffffff; border-radius: 10px; padding: 22px; border-left: 4px solid #fddc86; text-align: left;">
        <h3 style="font-weight: 700; font-size: 15px; text-transform: uppercase; margin-bottom: 8px;">Fully Accredited</h3>
        <p style="font-size: 0.85rem; color: #6b6b6b; line-height: 1.6; margin: 0;">Licensed for tourist & charter operations.</p>
      </div>
      <div style="background: #ffffff; border-radius: 10px; padding: 22px; border-left: 4px solid #fddc86; text-align: left;">
        <h3 style="font-weight: 700; font-size: 15px; text-transform: uppercase; margin-bottom: 8px;">BYO Friendly</h3>
        <p style="font-size: 0.85rem; color: #6b6b6b; line-height: 1.6; margin: 0;">Bring your own drinks on charters. Eskies welcome.</p>
      </div>
      <div style="background: #ffffff; border-radius: 10px; padding: 22px; border-left: 4px solid #fddc86; text-align: left;">
        <h3 style="font-weight: 700; font-size: 15px; text-transform: uppercase; margin-bottom: 8px;">10 Years Experience</h3>
        <p style="font-size: 0.85rem; color: #6b6b6b; line-height: 1.6; margin: 0;">Since 2016, 15,000+ happy customers per year.</p>
      </div>
    </div>
  </div>
</section>


<!-- ===== FAQ ===== -->
<section style="background: #ffffff; padding: 60px 24px;">
  <div style="max-width: 800px; margin: 0 auto;">
    
    <h2 style="font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 24px; text-transform: uppercase; margin-bottom: 32px; color: #313031; text-align: center;">Frequently Asked Questions</h2>
    
    <div style="border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 20px;">
      <h3 style="font-weight: 700; font-size: 1rem; margin-bottom: 8px; color: #313031;">What areas do you service?</h3>
      <p style="font-size: 0.9rem; color: #6b6b6b; line-height: 1.6; margin: 0;">NSW (Sydney, Hunter Valley, Wollongong, Central Coast, Southern Highlands, Byron Bay), QLD (Brisbane, Gold Coast), VIC (King Valley).</p>
    </div>
    
    <div style="border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 20px;">
      <h3 style="font-weight: 700; font-size: 1rem; margin-bottom: 8px; color: #313031;">Can we bring our own drinks?</h3>
      <p style="font-size: 0.9rem; color: #6b6b6b; line-height: 1.6; margin: 0;">Absolutely! BYO is welcome on all charter services.</p>
    </div>
    
    <div style="border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 20px;">
      <h3 style="font-weight: 700; font-size: 1rem; margin-bottom: 8px; color: #313031;">What's the difference between charter and tours?</h3>
      <p style="font-size: 0.9rem; color: #6b6b6b; line-height: 1.6; margin: 0;">Charter = transport only. Tours = all-inclusive packages where we organise everything.</p>
    </div>
    
    <div style="border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 20px;">
      <h3 style="font-weight: 700; font-size: 1rem; margin-bottom: 8px; color: #313031;">How far in advance should I book?</h3>
      <p style="font-size: 0.9rem; color: #6b6b6b; line-height: 1.6; margin: 0;">2-4 weeks for weekdays, 4-8 weeks for weekends. Peak season books fast.</p>
    </div>
    
    <div style="text-align: center; margin-top: 24px;">
      <a href="/frequently-asked-questions" style="color: #6BCACA; font-weight: 600; text-decoration: none;">View All FAQs →</a>
    </div>
  </div>
</section>


<!-- ===== SEO CONTENT ===== -->
<section style="background: #fdfcf9; padding: 70px 24px;">
  <div style="max-width: 900px; margin: 0 auto;">
    
    <h2 style="font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 24px; text-transform: uppercase; margin-bottom: 24px; color: #313031; text-align: center;">About Urban Legends Tour Co</h2>
    
    <div style="font-size: 0.95rem; color: #6b6b6b; line-height: 1.8; text-align: center;">
      <p style="margin-bottom: 20px;"><strong style="color: #313031;">Urban Legends Tour Co</strong> is a premium bus and coach hire company based in Sydney, providing luxury group transport and private tours across New South Wales, Queensland, and Victoria. Founded in 2016 by Jared Malcolm, we've grown into one of Australia's most trusted charter and tour companies — with a modern fleet of 14 to 57-seat buses, over 190 five-star Google reviews, and more than 15,000 happy customers per year.</p>
      
      <p style="margin-bottom: 0;">We're trusted by the <strong style="color: #313031;">Royal Australian Navy</strong>, <strong style="color: #313031;">University of NSW</strong>, major festivals like <strong style="color: #313031;">Subsonic</strong> and <strong style="color: #313031;">Rabbits Eat Lettuce</strong>, and thousands of private groups. No call centres — just premium service, modern vehicles, and legendary experiences.</p>
    </div>
  </div>
</section>


<!-- ===== CONTACT CTA ===== -->
<section style="background: #313031; color: #ffffff; padding: 80px 24px; text-align: center;">
  <div style="max-width: 600px; margin: 0 auto;">
    
    <h2 style="font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 38px; text-transform: uppercase; margin-bottom: 12px;">Ready to Book?</h2>
    <p style="font-size: 1rem; color: #9a9a9a; margin-bottom: 28px;">Quotes in minutes. We usually respond within 2 hours.</p>
    
    <a href="tel:+61434363911" style="display: block; font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 42px; color: #6BCACA; text-decoration: none; margin-bottom: 8px;">0434 363 911</a>
    <p style="font-size: 0.95rem; color: #9a9a9a; margin-bottom: 32px;">jared@urbanlegendstourco.com</p>
    
    <div style="display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;">
      <a href="/booknow" style="display: inline-block; background: #6BCACA; color: #313031; padding: 14px 28px; border-radius: 8px; font-weight: 700; font-size: 14px; text-transform: uppercase; text-decoration: none;">Request a Quote</a>
      <a href="mailto:jared@urbanlegendstourco.com" style="display: inline-block; background: transparent; color: #6BCACA; padding: 14px 28px; border-radius: 8px; font-weight: 700; font-size: 14px; text-transform: uppercase; text-decoration: none; border: 2px solid #6BCACA;">Email Us</a>
    </div>
    
    <p style="font-size: 0.8rem; color: #6b6b6b; margin-top: 28px;">No call centres. Just Jared and the team.</p>
  </div>
</section>


<!-- ===== FOOTER ===== -->
<footer style="background: #1a1a1a; color: #ffffff; padding: 24px; text-align: center;">
  <p style="font-size: 0.85rem; color: #9a9a9a; margin: 0;">
    <strong style="color: #ffffff;">Urban Legends Tour Co</strong>  |  Premium Bus & Coach Hire Since 2016
  </p>
</footer>


<!-- ===== JAVASCRIPT FOR TABS ===== -->
<script>
document.addEventListener('DOMContentLoaded', function() {
  document.querySelectorAll('.ul-tab').forEach(tab => {
    tab.addEventListener('click', function() {
      const tabId = this.getAttribute('data-tab');
      const section = this.closest('section');
      
      section.querySelectorAll('.ul-tab').forEach(t => {
        t.style.background = '#ffffff';
        t.style.color = '#313031';
      });
      this.style.background = '#313031';
      this.style.color = '#ffffff';
      
      section.querySelectorAll('.ul-tab-content').forEach(c => {
        c.style.display = 'none';
      });
      
      const target = section.querySelector('#' + tabId);
      if (target) {
        target.style.display = 'grid';
      }
    });
  });
});
</script>