include $_SERVER['DOCUMENT_ROOT'] . '/header.php';

<section class="hero" style="padding: 6rem 2rem;">
    <div class="container">
        <h1>Connect with Benvors Desk</h1>
        <p>Get immediate responses regarding engineering designs, order statuses, and technical advisory deployment requests.</p>
    </div>
</section>

<section class="content-section">
    <div class="container">
        <div class="grid" style="grid-template-columns: 1fr 1.2fr; align-items: start; gap: 3rem;">
            
            <div>
                <h2 class="section-title">Corporate Hub</h2>
                <p style="color: var(--text-muted); margin-bottom: 2.5rem; font-size: 1.05rem;">Get in contact directly with our engineering sales desk or plan a professional technical workshop audit at our central Gunung Putri plant.</p>
                
                <div style="margin-bottom: 2rem;">
                    <h4 style="color: var(--primary-blue); font-size: 1.1rem; margin-bottom: 0.5rem; text-transform: uppercase; font-weight: 700;">Central Workshop & HQ</h4>
                    <p style="color: #444; line-height: 1.7; font-size: 1rem;">
                        PT. Benvors Sarana Utama<br>
                        Jl. Raya Bojong Nangka No.24, Bojong Nangka<br>
                        Kec. Gn. Putri, Kabupaten Bogor<br>
                        Jawa Barat 16963, Indonesia
                    </p>
                </div>
                
                <div>
                    <h4 style="color: var(--primary-blue); font-size: 1.1rem; margin-bottom: 0.5rem; text-transform: uppercase; font-weight: 700;">Direct Line Channels</h4>
                    <p style="color: #444; line-height: 1.7; font-size: 1rem;">
                        <strong>Telephone:</strong> 021-84302717<br>
                        <strong>Facsimile:</strong> 021-84302718<br>
                        <strong>Inquiries Desk:</strong> sales.bsu@benvors.com
                    </p>
                </div>
            </div>

            <div style="background: var(--bg-light); padding: 3.5rem 3rem; border-radius: 6px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); border-top: 4px solid var(--primary-red);">
                <h3 style="color: var(--primary-blue); margin-bottom: 1.8rem; font-size: 1.4rem; font-weight: 800; text-transform: uppercase; letter-spacing: -0.5px;">Send Commercial / Technical Message</h3>
                <form action="#" method="POST">
                    <div class="form-group">
                        <label for="name">Company Representative Name</label>
                        <input type="text" id="name" name="name" class="form-control" placeholder="e.g. John Doe" required>
                    </div>
                    <div class="form-group">
                        <label for="company">Corporate Entity</label>
                        <input type="text" id="company" name="company" class="form-control" placeholder="e.g. Pertamina Hulu Energi" required>
                    </div>
                    <div class="form-group">
                        <label for="email">Business Email Address</label>
                        <input type="email" id="email" name="email" class="form-control" placeholder="e.g. representative@company.com" required>
                    </div>
                    <div class="form-group">
                        <label for="message">Detailed Asset or Project Requirement</label>
                        <textarea id="message" name="message" class="form-control" rows="5" placeholder="Specify API sizes, pressure ratings, delivery deadlines, or target well scopes..." required></textarea>
                    </div>
                    <button type="submit" class="btn btn-red" style="width: 100%; margin-top: 1rem; font-size: 0.9rem; font-weight: 700;">Transmit Official Request</button>
                </form>
            </div>

        </div>
    </div>
</section>

<section class="content-section alt" style="border-top: 1px solid #e9ecef;">
    <div class="container">
        <h2 class="section-title">Our Operational Location</h2>
        <p style="color: var(--text-muted); margin-bottom: 2.5rem; max-width: 700px;">Gunakan peta interaktif di bawah untuk navigasi terus ke bengkel pusat dan pejabat pengurusan kami di Gunung Putri, Bogor.</p>
        
        <div style="width: 100%; height: 480px; border-radius: 6px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border: 3px solid var(--primary-blue); position: relative;">
            <iframe 
                src="https://maps.google.com/maps?q=Jl.%20Raya%20Bojong%20Nangka%20No.24,%20Gunung%20Putri,%20Bogor&t=&z=16&ie=UTF8&iwloc=&output=embed" 
                width="100%" 
                height="100%" 
                style="border:0; display: block;" 
                allowfullscreen="" 
                loading="lazy" 
                referrerpolicy="no-referrer-when-downgrade">
            </iframe>
        </div>
    </div>
</section>


include $_SERVER['DOCUMENT_ROOT'] . '/footer.php';