<?php
$pageTitle = "BLDL · Behari Lal Darshan Lal Pvt. Ltd.";
$pageDescription = "BLDL India is a leading food ingredients supplier, serving bakery, confectionery, ice cream, beverages, processors, and snacks industries with premium emulsifiers and cocoa ingredients.";
$pageKeywords = "food ingredients, emulsifiers, cocoa powder, bakery raw materials, ice cream ingredients, BLDL, Behari Lal Darshan Lal";
$canonicalUrl = "https://benevolent-cocada-7d32d8.netlify.app/index.php";
$base_path = "";
include("header.php");
?><!-- Hero Section with Slider -->
    <section id="home" class="rk-hero">
        <div class="rk-slider">
            <div class="rk-slide active">
                <img src="img/baner/banner1.avif" alt="Cocoa ingredients"
                    onerror="this.src='https://placehold.co/1920x1080?text=Cocoa+Ingredients'" title="Cocoa ingredients">
            </div>
            <div class="rk-slide">
                <img src="img/baner/banner2.avif" alt="Bakery products"
                    onerror="this.src='https://placehold.co/1920x1080?text=Bakery+Products'" title="Bakery products">
            </div>
            <div class="rk-slide">
                <img src="img/baner/ban.avif" alt="Emulsifiers"
                    onerror="this.src='https://placehold.co/1920x1080?text=Emulsifiers'" title="Emulsifiers">
            </div>
        </div>
        <div class="rk-hero-dots">
            <span class="rk-dot active" data-slide="0"></span>
            <span class="rk-dot" data-slide="1"></span>
            <span class="rk-dot" data-slide="2"></span>
        </div>
        <div class="rk-hero-content">
            <h1 class="rk-hero-title">
                <span class="rk-line-primary">PREMIUM</span>
                <span class="rk-line-secondary" style="color: white;">FOOD</span>
                <span class="rk-line-tertiary">INGREDIENTS</span>
            </h1>
            <div class="rk-hero-actions">
                <a href="#contact" class="btn-light" style="border-color: white; color: white;" title="Learn More">Get Quote</a>
            </div>
        </div>
    </section>

    <!-- Marquee Product Ticker Removed -->

    <!-- Stats Section -->
    <section class="stats-section" data-aos="fade-up">
        <div class="stats-container">
            <div class="stat-box">
                <div class="stat-number" data-target="30">0</div>
                <div class="stat-label">Years of Excellence</div>
            </div>
            <div class="stat-box">
                <div class="stat-number" data-target="500">0</div>
                <div class="stat-label">Happy Clients</div>
            </div>
            <div class="stat-box">
                <div class="stat-number" data-target="25">0</div>
                <div class="stat-label">Product Categories</div>
            </div>
            <div class="stat-box">
                <div class="stat-number" data-target="1000">0</div>
                <div class="stat-label">Deliveries</div>
            </div>
        </div>
    </section>

    <!-- About Section -->
    <section id="about" class="about-premium" data-aos="fade-up">
        <div class="about-container">
            <div class="about-left">
                <div class="image-wrapper parallax-img">
                    <img src="img/logo/imgi_24_IMG_6606-1-300x200.avif" alt="Food Processing"
                        onerror="this.src='https://placehold.co/600x500?text=Quality+Processing'" title="Food Processing">
                </div>
                <div class="experience-badge">
                    <h4>30+ years of experience</h4>
                </div>
                <div class="experience-badge"
                    style="top: auto; bottom: -20px; left: -30px; right: auto; background: var(--gold); width: 120px; height: 120px;">
                    <h4>Quality</h4>
                </div>
            </div>
            <div class="about-right">
                <span class="small-title">✦ ABOUT US ✦</span>
                <h2 style="color: #D4AF37;">OUR COMMITMENT TO <br />AUTHENTICITY & EXCELLENCE</h2>
                <p>Every product we deliver is a celebration of quality, crafted with passion and inspired by diverse
                    food processing needs. Join us in a partnership where every ingredient sparks joy and every moment
                    becomes a cherished memory.</p>
                <ul class="about-points">
                    <li>Premium Quality Ingredients</li>
                    <li>Food Safety Certified</li>
                    <li>Consistent Supply Chain</li>
                </ul>
                <div class="about-buttons">
                    <a href="about.php" class="btn-light" title="About Us">Read More</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Products Slider -->
    <section id="services" class="menu-slider-section" data-aos="fade-up">
        <div class="menu-heading">
            <h2>Range of Products</h2>
            <div class="menu-line"></div>
        </div>
        <div class="menu-slider-container">
            <div class="menu-track-wrapper">
                <div class="menu-track" id="menuTrack"></div>
            </div>
            <div class="menu-dots" id="menuDots"></div>
        </div>
    </section>

    <!-- Cocoa Range Removed -->

    <!-- Industries We Serve -->
    <section class="rk9-industries-section" data-aos="fade-up">
        <div class="rk9-container">
            <div class="rk9-content">
                <h2 class="rk9-heading">Industries We Serve</h2>
                <div class="rk9-divider"></div>
                <p class="rk9-intro">Our ingredients are used in a number of food industries, such as:</p>
                <ul class="rk9-list">
                    <li>Bakery and industrial baking</li>
                    <li>Confectionery and chocolate manufacturing</li>
                    <li>Dairy and beverage production</li>
                    <li>Snack and ready-to-eat foods</li>
                    <li>Food processing and manufacturing units</li>
                </ul>
                <p class="rk9-desc">This helps us to understand the different needs of the industries and provide
                    solutions accordingly.</p>
                <div class="rk9-vision-mission">
                    <!-- <h3 style="font-size: 32px; font-weight: bold; margin-top: 20px;">Client FeedBack</h3> -->
                </div>
            </div>
            <div class="rk9-image-wrapper"><img src="img/range/12.avif" alt="Chocolate Industry"
                    onerror="this.src='https://placehold.co/800x600?text=Chocolate+Industry'" title="Chocolate Industry"></div>
        </div>
    </section>

    <!-- Testimonials - Unique class names -->
    <section class="bldl-ts-section">
        <div class="bldl-ts-overlay"></div>
        <div class="bldl-ts-container">
            <h2 class="bldl-ts-heading">Clients Feedback</h2>
            <div class="bldl-ts-grid">
                <div class="bldl-ts-card">
                    <p class="bldl-ts-text">“Collaborating with a cocoa merchant is the best choice.”</p>
                    <div class="bldl-ts-divider"></div>
                    <h4 class="bldl-ts-name">Kong Wan Food</h4>
                    <span class="bldl-ts-role">Food Manufacturing Company Thailand</span>
                </div>
                <div class="bldl-ts-card">
                    <p class="bldl-ts-text">Cocoa Merchant is making significant strides toward fostering a sustainable
                        environment.</p>
                    <div class="bldl-ts-divider"></div>
                    <h4 class="bldl-ts-name">The Good Food Company</h4>
                    <span class="bldl-ts-role">Chocolate Manufacturers (South Africa)</span>
                </div>
                <div class="bldl-ts-card">
                    <p class="bldl-ts-text">They are dedicated to improving our planet every day.</p>
                    <div class="bldl-ts-divider"></div>
                    <h4 class="bldl-ts-name">Al-Ain Food U.A.E</h4>
                    <span class="bldl-ts-role">Confectionary Manufacturer</span>
                </div>
            </div>
        </div>
    </section>
    <style>
        /* ===== BLDL TESTIMONIALS - UNIQUE CLASSES ===== */
        .bldl-ts-section {
            position: relative;
            padding: 100px 20px;
            background: url('img/logo/feedback_bg_bright.avif') center/cover no-repeat;
            overflow: hidden;
        }

        .bldl-ts-overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.4);
        }

        .bldl-ts-container {
            position: relative;
            max-width: 1200px;
            margin: auto;
            text-align: center;
            color: #fff;
        }

        .bldl-ts-heading {
            font-size: 48px;
            font-weight: 700;
            margin-bottom: 60px;
            line-height: 1.3;
            color: var(--gold-light) !important;
        }

        .bldl-ts-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
        }

        .bldl-ts-card {
            background: rgba(255, 255, 255, 0.08);
            padding: 30px;
            border-radius: 16px;
            backdrop-filter: blur(12px);
            transition: 0.4s ease;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .bldl-ts-card:hover {
            transform: translateY(-10px) scale(1.03);
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
        }

        .bldl-ts-text {
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 20px;
        }

        .bldl-ts-divider {
            width: 40px;
            height: 2px;
            background: #fff;
            margin: 15px auto;
        }

        .bldl-ts-name {
            font-size: 18px;
            font-weight: 600;
        }

        .bldl-ts-role {
            font-size: 14px;
            opacity: 0.7;
        }
    </style>

    <!-- Sustainability -->
    <section class="v-sustain-section" data-aos="fade-up">
        <div class="v-sustain-container">
            <h2 class="v-sustain-heading" style="text-align: center; margin-bottom: 20px;">PIONEERING SUSTAINABILITY <br />& ETHICAL SOURCING</h2>
            <div class="v-sustain-line" style="margin: 0 auto 50px;"></div>
            <div class="v-sustain-content">
                <div class="v-sustain-image">
                    <img src="https://images.unsplash.com/photo-1605807646983-377bc5a76493?auto=format&fit=crop&w=800&q=80"
                        alt="Sustainability" onerror="this.src='img/logo/coco.avif'" title="Sustainability">
                </div>
                <div class="v-sustain-textbox">
                    <h3 style="font-size: 32px; margin-bottom: 15px;">Our Commitment to a <br />Sustainable Future</h3>
                    <p style="margin-bottom: 15px;">At BLDL, our vision extends beyond supplying premium ingredients. We are dedicated to catalyzing positive change within the global food ecosystem by championing sustainable, ethically sourced ingredients that foster a healthier planet and a transparent value chain.</p>
                    <p style="margin-bottom: 15px;">We partner exclusively with globally recognized sustainable sources, ensuring our core products meet the most rigorous environmental and ethical standards. Through certified sustainable practices and clean-label innovations, we actively minimize our ecological footprint from origin to delivery.</p>
                    <ul class="about-points">
                        <li><strong>Rainforest Alliance Certified™ Cocoa:</strong> Responsibly sourced to protect ecosystems and empower communities.</li>
                        <li><strong>RSPO Certified Palm Oil:</strong> Supporting sustainable agriculture and preventing deforestation.</li>
                        <li><strong>Clean-Label Innovations:</strong> Providing natural, transparent solutions such as Angel Yeast Extract.</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact -->
    <section id="contact" class="rk4-contact-section" data-aos="fade-up">
        <div class="rk4-contact-container rk4-grid">
            <div class="rk4-contact-box">
                <h2>Reach Us</h2>
                <div class="rk4-contact-line"></div>
                <ul class="rk4-contact-details">
                    <li><span class="rk4-icon"><i class="fas fa-map-marker-alt"></i></span> C 36, Lawrence Road,<br />
                        Industrial Area,<br /> Delhi - 110035</li>
                    <li><span class="rk4-icon"><i class="fas fa-phone-alt"></i></span> +91 11 4504-8919 , 4701-1550</li>
                    <li><span class="rk4-icon"><i class="fas fa-envelope"></i></span> info@BLDL.in</li>
                </ul>
            </div>
            <div class="rk4-form-box">
                <form class="rk4-contact-form" id="contactForm">
                    <div class="rk4-input-group"><input type="text" id="contactName" placeholder="Your Name" required />
                    </div>
                    <div class="rk4-input-group"><input type="email" id="contactEmail" placeholder="Your Email"
                            required /></div>
                    <div class="rk4-input-group"><input type="text" id="contactSubject" placeholder="Subject" /></div>
                    <div class="rk4-input-group"><textarea id="contactMessage" rows="5" placeholder="Your Message"
                            required></textarea></div>
                    <button type="submit" class="rk4-submit-btn" id="contactSubmitBtn">Send Message</button>
                </form>
            </div>
        </div>
    </section>
<?php include("footer.php"); ?>
