<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Contact Us — TZR Investment Holdings Pte. Ltd.</title>
  <meta name="description" content="Contact TZR Investment Holdings Pte. Ltd. to discuss investment opportunities or learn more about our services.">
  <link rel="icon" href="assets/images/favicon.ico">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900&family=Lato:ital,wght@0,300;0,400;0,700;0,900&display=swap" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="assets/css/style.css">
</head>

<body>

  <?php include_once 'components/navbar.php'; ?>

  <div class="page-banner">
    <div class="container text-center" style="position:relative;z-index:2;">
      <h1 class="fade-up">Contact Us</h1>
      <ul class="breadcrumb-tzr justify-content-center fade-up delay-1">
        <li><a href="index.php">Home</a></li>
        <li class="sep">›</li>
        <li><span>Contact</span></li>
      </ul>
    </div>
  </div>

  <section class="section-pad">
    <div class="container">
      <div class="row justify-content-center mb-5">
        <div class="col-lg-7 text-center fade-up">
          <div class="section-label" style="justify-content:center;">Get in Touch</div>
          <h2 style="font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:16px;">Connect With Our Investment Team</h2>
          <p>Whether you are an accredited investor interested in our fixed-income ETF strategy, a business seeking capital, or simply want to learn more about TZR Investment Holdings, we are here to help. Reach out to us today.</p>
        </div>
      </div>
      <div class="row g-5">
        <!-- Contact Info -->
        <div class="col-lg-5 fade-up">
          <div class="contact-info-card">
            <h3 style="color:var(--white);font-size:1.3rem;margin-bottom:28px;">Contact Information</h3>
            <div class="contact-info-item">
              <div class="contact-info-icon">📍</div>
              <div>
                <div class="title">Registered Address</div>
                <div class="value">14A Hougang Street 11, #01-75<br>The Minton, Singapore 534070</div>
              </div>
            </div>
            <div class="contact-info-item">
              <div class="contact-info-icon">📧</div>
              <div>
                <div class="title">Email</div>
                <div class="value"><a href="mailto:media@tzr-investment.com" style="color: #ffffffd9;">media@tzr-investment.com</a></div>
              </div>
            </div>
            <div class="contact-info-item">
              <div class="contact-info-icon">🏛️</div>
              <div>
                <div class="title">Company Registration</div>
                <div class="value">TZR Investment Holdings Pte. Ltd.<br>UEN: 201200947H</div>
              </div>
            </div>
            <div class="contact-info-item">
              <div class="contact-info-icon">📋</div>
              <div>
                <div class="title">Company Type</div>
                <div class="value">Exempt Private Company Limited by Shares<br>Primary: Other Holding Companies (64202)</div>
              </div>
            </div>
          </div>
          <div class="map-placeholder">
            <span style="font-size:2rem;">🗺️</span>
            <span>The Minton, Hougang, Singapore</span>
            <span style="font-size:0.75rem;">14A Hougang Street 11, #01-75</span>
          </div>
        </div>
        <!-- Contact Form -->
        <div class="col-lg-7 fade-up delay-1">
          <div class="contact-form-wrap">
            <h3 style="font-size:1.4rem;margin-bottom:8px;">Make an Appointment</h3>
            <p style="font-size:0.875rem;color:#6b7280;margin-bottom:28px;">Feel free to contact us, we don't spam your email.</p>
            <form id="contactForm">
              <div class="row g-3">
                <div class="col-md-6">
                  <label style="font-family:'Lato',sans-serif;font-size:0.8rem;color:#4a5568;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;display:block;">First Name</label>
                  <input type="text" class="form-control-tzr" placeholder="John" required>
                </div>
                <div class="col-md-6">
                  <label style="font-family:'Lato',sans-serif;font-size:0.8rem;color:#4a5568;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;display:block;">Last Name</label>
                  <input type="text" class="form-control-tzr" placeholder="Doe" required>
                </div>
                <div class="col-md-6">
                  <label style="font-family:'Lato',sans-serif;font-size:0.8rem;color:#4a5568;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;display:block;">Email Address</label>
                  <input type="email" class="form-control-tzr" placeholder="john@company.com" required>
                </div>
                <div class="col-md-6">
                  <label style="font-family:'Lato',sans-serif;font-size:0.8rem;color:#4a5568;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;display:block;">Phone Number</label>
                  <input type="tel" class="form-control-tzr" placeholder="+65 XXXX XXXX">
                </div>
                <div class="col-12">
                  <label style="font-family:'Lato',sans-serif;font-size:0.8rem;color:#4a5568;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;display:block;">Company / Startup Name</label>
                  <input type="text" class="form-control-tzr" placeholder="Your Company Pte. Ltd.">
                </div>
                <div class="col-12">
                  <label style="font-family:'Lato',sans-serif;font-size:0.8rem;color:#4a5568;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;display:block;">Inquiry Type</label>
                  <select class="form-control-tzr" style="appearance:none;cursor:pointer;">
                    <option value="">Select inquiry type...</option>
                    <option>Wealth Management & Fixed-Income ETFs</option>
                    <option>Capital Investment</option>
                    <option>Secondary Market Investments</option>
                    <option>Strategic Advisory</option>
                    <option>General Inquiry</option>
                    <option>Partnership Opportunity</option>
                  </select>
                </div>
                <div class="col-12">
                  <label style="font-family:'Lato',sans-serif;font-size:0.8rem;color:#4a5568;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;display:block;">Your Message</label>
                  <textarea class="form-control-tzr" rows="5" placeholder="Tell us about your investment goals, funding needs, or any questions you have about our wealth management and fixed-income ETF services..." required style="resize:vertical;"></textarea>
                </div>
                <div class="col-12">
                  <button type="submit" class="btn-gold w-100" style="font-size:0.9rem;padding:16px;">Send Message →</button>
                </div>
              </div>
            </form>
            <p style="font-family:'Lato',sans-serif;font-size:0.75rem;color:#9ca3af;margin-top:16px;text-align:center;">By submitting this form, you agree to our <a href="privacy-policy.php" style="color:var(--gold-mid);">Privacy Policy</a>.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <?php include_once 'components/footer.php'; ?>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
  <script>
    const fadeEls = document.querySelectorAll('.fade-up');
    const obs = new IntersectionObserver(entries => entries.forEach(e => {
      if (e.isIntersecting) e.target.classList.add('visible');
    }), {
      threshold: 0.1
    });
    fadeEls.forEach(el => obs.observe(el));
    window.addEventListener('scroll', () => document.querySelector('.navbar-tzr').classList.toggle('scrolled', window.scrollY > 50));
    document.getElementById('navToggle')?.addEventListener('click', () => {
      const mn = document.getElementById('mobileNav');
      mn.style.display = mn.style.display === 'none' ? 'block' : 'none';
    });
    document.getElementById('contactForm')?.addEventListener('submit', e => {
      e.preventDefault();
      const btn = e.target.querySelector('button[type="submit"]');
      btn.textContent = '✓ Message Sent!';
      btn.style.background = 'linear-gradient(135deg,#4ade80,#16a34a)';
      btn.style.color = '#fff';
      setTimeout(() => {
        btn.textContent = 'Send Message →';
        btn.style.background = '';
        btn.style.color = '';
      }, 3000);
    });
  </script>
</body>

</html>