Embed

<style>
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: #1a1a1a;
    line-height: 1.6;
  }

  .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .hero {
    background: linear-gradient(135deg, #6B46C1 0%, #3B82F6 50%, #1E40AF 100%);
    color: white;
    padding: 80px 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
  }

  .hero::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    z-index: 1;
  }

  .hero::after {
    content: '';
    position: absolute;
    bottom: -30%;
    left: -5%;
    width: 300px;
    height: 300px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 50%;
    z-index: 1;
  }

  .hero-content {
    position: relative;
    z-index: 2;
    max-width: 700px;
    margin: 0 auto;
  }

  .hero h1 {
    font-size: 56px;
    font-weight: 800;
    margin-bottom: 20px;
    line-height: 1.2;
    letter-spacing: -1px;
  }

  .hero p {
    font-size: 20px;
    margin-bottom: 40px;
    opacity: 0.95;
    line-height: 1.5;
  }

  .hero-badges {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }

  .badge {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    color: white;
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid rgba(255, 255, 255, 0.3);
  }

  .search-section {
    background: white;
    padding: 60px 20px 30px;
    margin: -40px 20px 60px;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(107, 70, 193, 0.15);
    position: relative;
    z-index: 10;
  }

  .search-section h2 {
    text-align: center;
    font-size: 38px;
    margin-bottom: 12px;
    color: #1a1a1a;
    font-weight: 800;
    letter-spacing: -0.5px;
  }

  .search-section .subtitle {
    text-align: center;
    color: #666;
    margin-bottom: 30px;
    font-size: 17px;
    font-weight: 400;
  }

  .search-form-container {
    background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%);
    border: 2px solid #e0e7ff;
    border-radius: 16px;
    padding: 0;
    margin-bottom: 0;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  /* 12Go WIDGET - CHANGE GREEN TO BRAND PURPLE/BLUE */
  #one2go *[bgcolor="#00a651"],
  #one2go table[bgcolor="#00a651"],
  #one2go td[bgcolor="#00a651"],
  #one2go tr[bgcolor="#00a651"],
  #one2go table[bgcolor="green"],
  #one2go [style*="background: #00a651"],
  #one2go [style*="background:#00a651"],
  #one2go [style*="background-color: #00a651"],
  #one2go > div:first-child {
    background: linear-gradient(135deg, #6B46C1 0%, #3B82F6 100%) !important;
    background-color: #6B46C1 !important;
  }

  #one2go {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
  }

  #one2go input,
  #one2go select {
    border: 2px solid #d1d5db !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
    background: white !important;
    height: 48px !important;
  }

  #one2go input:focus,
  #one2go select:focus {
    border-color: #3B82F6 !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1) !important;
  }

  #one2go button,
  #one2go input[type="submit"] {
    background: linear-gradient(135deg, #6B46C1, #3B82F6) !important;
    color: white !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 0 36px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    height: 48px !important;
  }

  #one2go button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 30px rgba(107, 70, 193, 0.35) !important;
  }

  #powered {
    display: none !important;
  }

  .section {
    padding: 80px 20px;
  }

  .section-title {
    text-align: center;
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #1a1a1a;
    letter-spacing: -0.5px;
  }

  .section-subtitle {
    text-align: center;
    color: #666;
    font-size: 18px;
    margin-bottom: 60px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .routes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-bottom: 60px;
  }

  .route-card {
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 16px;
    padding: 30px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
  }

  .route-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #6B46C1, #3B82F6);
    transform: scaleX(0);
    transition: transform 0.3s ease;
  }

  .route-card:hover {
    border-color: #3B82F6;
    box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15);
    transform: translateY(-8px);
  }

  .route-card:hover::before {
    transform: scaleX(1);
  }

  .route-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #6B46C1, #3B82F6);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 28px;
  }

  .route-card h3 {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 10px;
  }

  .route-info {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px;
  }

  .route-btn {
    display: inline-block;
    background: linear-gradient(135deg, #6B46C1, #3B82F6);
    color: white;
    padding: 12px 32px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
  }

  .route-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(107, 70, 193, 0.3);
  }

  .features-section {
    background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%);
    padding: 80px 20px;
    border-radius: 24px;
    margin: 0 20px 60px;
  }

  .features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 40px;
    margin-top: 50px;
  }

  .feature-card {
    text-align: center;
  }

  .feature-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #6B46C1, #3B82F6);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    font-size: 40px;
  }

  .feature-card h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #1a1a1a;
  }

  .feature-card p {
    color: #666;
    font-size: 16px;
    line-height: 1.6;
  }

  .cta-section {
    background: linear-gradient(135deg, #6B46C1 0%, #3B82F6 50%, #1E40AF 100%);
    color: white;
    padding: 80px 20px;
    text-align: center;
    border-radius: 24px;
    margin: 0 20px 60px;
  }

  .cta-section h2 {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 20px;
  }

  .cta-section p {
    font-size: 18px;
    margin-bottom: 40px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.95;
  }

  .cta-btn {
    display: inline-block;
    background: white;
    color: #6B46C1;
    padding: 16px 48px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    transition: all 0.3s ease;
  }

  .cta-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
  }

  .trust-section {
    padding: 80px 20px;
    text-align: center;
  }

  .trust-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 40px;
    margin-top: 50px;
  }

  .stat {
    padding: 30px;
  }

  .stat-number {
    font-size: 52px;
    font-weight: 800;
    background: linear-gradient(135deg, #6B46C1, #3B82F6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px;
  }

  .stat-label {
    color: #666;
    font-size: 16px;
    font-weight: 600;
  }

  @media (max-width: 768px) {
    .hero h1 { font-size: 36px; }
    .section-title { font-size: 32px; }
    .routes-grid { grid-template-columns: 1fr; }
  }

  @media (max-width: 480px) {
    .hero h1 { font-size: 28px; }
    .search-section { margin: -30px 10px 40px; padding: 30px 15px 20px; }
  }
</style>

<div class="container">
  <div class="hero">
    <div class="hero-content">
      <div class="hero-badges">
        <span class="badge">✓ 4,000+ Routes Worldwide</span>
        <span class="badge">✓ 50+ Countries</span>
        <span class="badge">✓ Instant Confirmation</span>
      </div>
      <h1>Book Ground Transport Across Asia & Beyond</h1>
      <p>Seamlessly book buses, trains, ferries, and transfers to complete your travel plans. Trusted by millions of travelers worldwide.</p>
    </div>
  </div>

  <div class="search-section">
    <h2>Search Global Routes Instantly</h2>
    <p class="subtitle">Compare thousands of buses, trains & ferries worldwide - Book in 60 seconds</p>
    <div class="search-form-container">
      <script src="//cdn0.trainbusferry.com/tools/form/en/?id=14409629&domain=gobabytravel.12go.asia" data-one2go="14409629" data-color="default" data-language="en" data-width="250" data-height="320" data-border="1" data-domain="gobabytravel.12go.asia"></script>
      <div id="powered">Powered by <a href="https://12go.asia/?z=14409629">12Go system</a></div>
    </div>
  </div>

  <div class="section">
    <h2 class="section-title">Most Booked Routes This Week</h2>
    <p class="section-subtitle">Join thousands of travelers on these popular journeys</p>
    <div class="routes-grid">
      <div class="route-card">
        <div class="route-icon">🚌</div>
        <h3>Bangkok → Phuket</h3>
        <div class="route-info"><strong>14 hours</strong> • Budget friendly<br><span style="font-size: 12px; color: #10b981; font-weight: 600;">✓ 124 booked today</span></div>
        <a href="https://gobabytravel.12go.asia/en" class="route-btn" target="_blank">View Options →</a>
      </div>
      <div class="route-card">
        <div class="route-icon">🚄</div>
        <h3>Hanoi → Ha Long Bay</h3>
        <div class="route-info"><strong>4 hours</strong> • UNESCO site<br><span style="font-size: 12px; color: #10b981; font-weight: 600;">✓ 89 booked today</span></div>
        <a href="https://gobabytravel.12go.asia/en" class="route-btn" target="_blank">View Options →</a>
      </div>
      <div class="route-card">
        <div class="route-icon">🏔️</div>
        <h3>Chiang Mai → Pai</h3>
        <div class="route-info"><strong>3 hours</strong> • Scenic<br><span style="font-size: 12px; color: #10b981; font-weight: 600;">✓ 67 booked today</span></div>
        <a href="https://gobabytravel.12go.asia/en" class="route-btn" target="_blank">View Options →</a>
      </div>
      <div class="route-card">
        <div class="route-icon">⚡</div>
        <h3>Singapore → KL</h3>
        <div class="route-info"><strong>5 hours</strong> • Express<br><span style="font-size: 12px; color: #10b981; font-weight: 600;">✓ 156 booked today</span></div>
        <a href="https://gobabytravel.12go.asia/en" class="route-btn" target="_blank">View Options →</a>
      </div>
      <div class="route-card">
        <div class="route-icon">🛳️</div>
        <h3>Bangkok → Ko Samui</h3>
        <div class="route-info"><strong>9 hours</strong> • Island<br><span style="font-size: 12px; color: #10b981; font-weight: 600;">✓ 92 booked today</span></div>
        <a href="https://gobabytravel.12go.asia/en" class="route-btn" target="_blank">View Options →</a>
      </div>
      <div class="route-card">
        <div class="route-icon">🌅</div>
        <h3>Ho Chi Minh → Siem Reap</h3>
        <div class="route-info"><strong>12 hours</strong> • Angkor<br><span style="font-size: 12px; color: #10b981; font-weight: 600;">✓ 78 booked today</span></div>
        <a href="https://gobabytravel.12go.asia/en" class="route-btn" target="_blank">View Options →</a>
      </div>
    </div>
  </div>

  <div class="features-section">
    <h2 class="section-title">Why 2M+ Travelers Choose Us</h2>
    <p class="section-subtitle">Your complete ground transportation solution</p>
    <div class="features-grid">
      <div class="feature-card"><div class="feature-icon">💰</div><h3>Lowest Price Guarantee</h3><p>Compare 100+ operators. Find it cheaper? We'll match it.</p></div>
      <div class="feature-card"><div class="feature-icon">⚡</div><h3>Instant Confirmation</h3><p>Book in 60 seconds. Ticket sent immediately.</p></div>
      <div class="feature-card"><div class="feature-icon">🛡️</div><h3>100% Secure Payment</h3><p>SSL encryption. Your data is safe.</p></div>
      <div class="feature-card"><div class="feature-icon">🌍</div><h3>Global Coverage</h3><p>4,000+ routes across 50+ countries.</p></div>
      <div class="feature-card"><div class="feature-icon">📱</div><h3>Mobile E-Tickets</h3><p>Show on phone. No printing.</p></div>
      <div class="feature-card"><div class="feature-icon">🎯</div><h3>24/7 Support</h3><p>Real humans. 2-min response.</p></div>
    </div>
  </div>

  <div class="trust-section">
    <h2 class="section-title">Trusted Worldwide</h2>
    <p class="section-subtitle">Real numbers from real travelers</p>
    <div class="trust-stats">
      <div class="stat"><div class="stat-number">2M+</div><div class="stat-label">Happy Travelers</div></div>
      <div class="stat"><div class="stat-number">4,000+</div><div class="stat-label">Active Routes</div></div>
      <div class="stat"><div class="stat-number">50+</div><div class="stat-label">Countries</div></div>
      <div class="stat"><div class="stat-number">4.8★</div><div class="stat-label">Rating</div></div>
    </div>
  </div>

  <div class="cta-section">
    <h2>Complete Your Entire Trip in One Place</h2>
    <p>Get flights, hotels, visas, activities - all with trusted experience.</p>
    <a href="https://gobabytravel.com" class="cta-btn" target="_blank">Explore All Services →</a>
  </div>
</div>

<script>
window.addEventListener('load', function() {
  const checkWidget = setInterval(() => {
    const widget = document.getElementById('one2go');
    if (widget) {
      setTimeout(() => {
        widget.querySelectorAll('*').forEach(el => {
          const bg = el.style.background || el.style.backgroundColor || el.getAttribute('bgcolor');
          if (bg && (bg.includes('#00a651') || bg.includes('green') || bg === '#00a651')) {
            el.style.setProperty('background', 'linear-gradient(135deg, #6B46C1, #3B82F6)', 'important');
            el.style.setProperty('background-color', '#6B46C1', 'important');
          }
          if (el.textContent && el.textContent.includes('Asian Public Transportation')) {
            el.textContent = '🌍 Buses · Trains · Ferries Worldwide';
          }
        });
      }, 800);
      clearInterval(checkWidget);
    }
  }, 100);
  setTimeout(() => clearInterval(checkWidget), 5000);
});

document.addEventListener('click', function(e) {
  if (e.target.href && e.target.href.includes('gobabytravel.12go.asia')) {
    if (typeof gtag !== 'undefined') {
      gtag('event', 'booking_click', { event_category: 'transportation', event_label: e.target.textContent });
    }
  }
});
</script>

GoBaby Travel

GoBabyTravel is a next-generation global travel platform that transforms how people discover, plan, and experience journeys worldwide. We offer comprehensive travel solutions including international and domestic flight bookings, luxury and budget hotel accommodations, customized honeymoon packages, property stays and homestays, intercity bus and train bookings, complete visa processing services, and exclusive travel deals.

Our Unique Selling Propositions:
- One-stop travel ecosystem covering every aspect of a journey from visa to arrival
- AI-powered personalized itinerary planning that adapts to traveler preferences
- Direct integration with 200+ global suppliers for best pricing and availability
- Loyalty rewards program with cashback on every booking
- 24/7 multilingual customer support across all time zones
- Exclusive partnerships with local guides and authentic experiences unavailable elsewhere
- Carbon offset tracking and sustainable travel options
- Travel buddy matching for solo travelers
- Real-time trip modifications and dynamic rebooking
- Immersive pre-trip virtual destination previews

Our Core Values:
Trust & Transparency - No hidden fees, clear pricing, honest recommendations, and price-match guarantees
Customer Obsession - Every decision is made with traveler happiness and convenience as priority
Cultural Respect - We celebrate diversity and promote responsible, respectful tourism
Innovation - Continuously adopting cutting-edge technology to simplify travel
Accessibility - Making dream destinations reachable for every budget and travel style
Sustainability - Committed to reducing travel's environmental impact through conscious choices
Community - Building a global family of travelers who share experiences and support each other

Our Ethics:
We operate with complete integrity, protecting customer data with bank-level security. We partner only with verified, licensed service providers. We believe travel should enrich both travelers and local communities, so we ensure fair wages and ethical practices throughout our supply chain. We never engage in deceptive marketing or pressure tactics. We empower travelers with complete information to make informed decisions. We stand behind every booking with full support and accountability.

Brand Personality: Adventurous yet reliable, sophisticated yet approachable, globally-minded yet personally attentive, innovative yet trustworthy. We speak to travelers who seek authentic experiences, value seamless service, and want a partner who cares about their journey as much as they do.
