<?php
$pageTitle = "Contact Us | Food Ingredients Sourcing | BLDL INDIA";
$pageDescription = "Get in touch with BLDL India. Request product samples, technical consultations, pricing, or request a quote for commercial food ingredients.";
$pageKeywords = "contact BLDL, request a quote, food ingredients supplier contact, Delhi Lawrence Road industrial area";
$canonicalUrl = "https://benevolent-cocada-7d32d8.netlify.app/contact.php";
$base_path = "";
include("header.php");
?>

    <section class="contact-hero">
        <div class="contact-hero-content" data-aos="zoom-out">
            <h1>Get in Touch with BLDL</h1>
            <p>Have questions about technical specifications, sample requests, or bulk deliveries? Contact our ingredient specialists today.</p>
        </div>
    </section>

    <!-- Layout Grid -->
    <section class="contact-layout-section">
        <div class="contact-grid">
            
            <!-- Info Side -->
            <div class="info-panel" data-aos="fade-right">
                
                <!-- Office Card -->
                <div class="info-card">
                    <i class="fa-solid fa-location-dot"></i>
                    <div class="info-card-content">
                        <h3>Registered Office & Factory</h3>
                        <p>C 36, Lawrence Road,<br />Industrial Area,<br />Delhi - 110035, India</p>
                    </div>
                </div>

                <!-- Phone Card -->
                <div class="info-card">
                    <i class="fa-solid fa-phone"></i>
                    <div class="info-card-content">
                        <h3>Telephone Contacts</h3>
                        <p>General Enquiries: <a href="tel:+911145048919" title="Learn More">+91 11 4504-8919</a></p>
                        <p>Direct Board: <a href="tel:+911147011550" title="Learn More">+91 11 4701-1550</a></p>
                    </div>
                </div>

                <!-- Email Card -->
                <div class="info-card">
                    <i class="fa-solid fa-envelope"></i>
                    <div class="info-card-content">
                        <h3>Departmental Emails</h3>
                        <p>General Enquiries: <a href="mailto:info@BLDL.in" title="Learn More">info@BLDL.in</a></p>
                        <ul class="dept-list">
                            <li><strong>Ingredient Sales:</strong> <a href="mailto:sales@BLDL.in" title="Learn More">sales@BLDL.in</a></li>
                            <li><strong>Technical Support:</strong> <a href="mailto:tech@BLDL.in" title="Learn More">tech@BLDL.in</a></li>
                            <li><strong>Procurement:</strong> <a href="mailto:sourcing@BLDL.in" title="Learn More">sourcing@BLDL.in</a></li>
                        </ul>
                    </div>
                </div>

                <!-- Map Placeholder -->
                <div class="map-wrapper">
                    <div class="map-placeholder-text">
                        <i class="fa-solid fa-map-location-dot"></i>
                        <p><strong>C 36, Lawrence Road Facility Location</strong><br />Lawrence Road Industrial Area, Near Lawrence Road Bus Depot, North West Delhi.</p>
                    </div>
                </div>

            </div>

            <!-- Form Side -->
            <div class="form-panel" data-aos="fade-left">
                <h2>Submit an Inquiry</h2>
                <form id="contactPageForm" class="contact-form-grid">
                    <div>
                        <label for="cName">Your Name *</label>
                        <input type="text" id="cName" placeholder="John Doe" required />
                    </div>
                    <div>
                        <label for="cEmail">Your Email *</label>
                        <input type="email" id="cEmail" placeholder="john@example.com" required />
                    </div>
                    <div>
                        <label for="cPhone">Phone Number</label>
                        <input type="tel" id="cPhone" placeholder="+91 98765 43210" />
                    </div>
                    <div>
                        <label for="cType">Inquiry Type *</label>
                        <select id="cType" required>
                            <option value="" disabled selected>Select an option...</option>
                            <option value="Quotation Request">Request a Bulk Quote</option>
                            <option value="Sample Request">Request Technical Samples</option>
                            <option value="Sourcing Consultation">Sourcing Consultation</option>
                            <option value="General Info">General Inquiry</option>
                        </select>
                    </div>
                    <div class="form-group-full">
                        <label for="cSubject">Subject *</label>
                        <input type="text" id="cSubject" placeholder="e.g. Inquiring about GMS 90% Powder" required />
                    </div>
                    <div class="form-group-full">
                        <label for="cMessage">Your Message *</label>
                        <textarea id="cMessage" rows="5" placeholder="Please describe your ingredient specifications, volumes, and application details..." required></textarea>
                    </div>
                    <div class="submit-btn-wrapper">
                        <button type="submit" class="contact-submit-btn" id="cSubmitBtn">Send Message</button>
                    </div>
                </form>
            </div>

        </div>
    </section>

    <!-- Footer -->
    
<?php include("footer.php"); ?>
