<?php include("inc/header.php"); ?>
    <section class="banner-row">
        <div class="container-fluid">
            <div class="owl-slider">
                <div id="banner_carousel" class="owl-carousel">
                    <div class="item">
                        <div class="banner-sec">
                            <h1>Keystone Quarries<br>
                            on Texas, Where<br>
                            stone meets excellence</h1>
                            <a href="custom-order.php"><button class="btn btn-primary w-btn">Request a Quote</button></a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="banner-sec">
                            <h1>Keystone Quarries<br>
                            on Texas, Where<br>
                            stone meets excellence</h1>
                            <a href="custom-order.php"><button class="btn btn-primary w-btn">Request a Quote</button></a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="banner-sec">
                            <h1>Keystone Quarries<br>
                            on Texas, Where<br>
                            stone meets excellence</h1>
                            <a href="custom-order.php"><button class="btn btn-primary w-btn">Request a Quote</button></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="category-row">
        <div class="container-fluid">
            <div class="category-head text-center">
                <h2>Precision, Quality, and Stone Expertise!</h2>
            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
                    <div class="category-sec">
                        <img src="assets/images/category-img1.png" alt="category image">
                        <h3>Natural Stone Blocks</h3>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
                    <div class="category-sec">
                        <img src="assets/images/category-img2.png" alt="category image">
                        <h3>Stone Slabs</h3>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
                    <div class="category-sec">
                        <img src="assets/images/category-img3.png" alt="category image">
                        <h3>Decorative Boulders</h3>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
                    <div class="category-sec">
                        <img src="assets/images/category-img4.png" alt="category image">
                        <h3>Gravel & Sand</h3>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="about-row">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    <div class="w-sec about-sec">
                        <h3>about us</h3>
                        <h2>Your Trusted Stone Partner  Built from the Ground Up</h2>
                        <p>At Imperial Products Supply, we do more than deliver stone — we quarry, cut, and package every piece ourselves. Our hands-on process ensures consistency, quality, and beauty for every project.</p>
                        <ul>
                            <li>From Quarry to Customer</li>
                            <li>Custom Quotes & Stone Calculator</li>
                            <li>Reliable Nationwide Delivery</li>
                            <li>Expertise You Can Count On</li>
                            <li>Professional-Grade Materials</li>
                            <li>Complete Outdoor Solutions</li>
                        </ul>
                        <a href="about-us.php"><button class="btn btn-primary w-btn">Learn More</button></a>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    <div class="about-rgt-sec">
                        <img src="assets/images/abt-img.png" alt="about image">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="product-row">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-10">
                    <div class="w-sec product-head">
                        <h3>what we offer</h3>
                        <h2>Featured products</h2>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-2">
                    <div class="product-head-rgt">
                        <a href="products.php"><button class="btn btn-primary w-btn">Shop Now</button></a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
                    <div class="product-sec">
                        <img src="assets/images/product-img1.jpg" alt="product image">
                        <div class="product-box-sec">
                            <h3>Natural Stone Blocks</h3>
                            <p>textures</p>
                            <a href="single-product.php"><button class="btn btn-primary w-btn">shop now</button></a>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
                    <div class="product-sec">
                        <img src="assets/images/product-img2.jpg" alt="product image">
                        <div class="product-box-sec">
                            <h3>Granite Product</h3>
                            <p>textures</p>
                            <a href="single-product.php"><button class="btn btn-primary w-btn">shop now</button></a>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
                    <div class="product-sec">
                        <img src="assets/images/product-img3.jpg" alt="product image">
                        <div class="product-box-sec">
                            <h3>Boulders</h3>
                            <p>finishing</p>
                            <a href="single-product.php"><button class="btn btn-primary w-btn">shop now</button></a>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
                    <div class="product-sec">
                        <img src="assets/images/product-img4.jpg" alt="product image">
                        <div class="product-box-sec">
                            <h3>Gravel & Sand</h3>
                            <p>sample</p>
                            <a href="single-product.php"><button class="btn btn-primary w-btn">shop now</button></a>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
                    <div class="product-sec">
                        <img src="assets/images/product-img5.jpg" alt="product image">
                        <div class="product-box-sec">
                            <h3>Cement & Dirt</h3>
                            <p>finishing</p>
                            <a href="single-product.php"><button class="btn btn-primary w-btn">shop now</button></a>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
                    <div class="product-sec">
                        <img src="assets/images/product-img6.jpg" alt="product image">
                        <div class="product-box-sec">
                            <h3>Mulch & Landscape Materials</h3>
                            <p>sample</p>
                            <a href="single-product.php"><button class="btn btn-primary w-btn">shop now</button></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="calculaor-cta-row">
        <div class="container">
            <div class="w-sec calculaor-cta-sec">
                <h3>STONE CALCULATOR</h3>
                <h2>How Much Stone Do You Need?</h2>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy the 1500s. </p>
                <a href="product-calculator.php"><button class="btn btn-primary w-btn">Calculate My Material</button></a>
            </div>
        </div>
    </section>
    <section class="sec5-row">
        <div class="container">
            <div class="testimonials-row">
                <div class="row align-items-center">
                    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-10">
                        <div class="w-sec testi-head">
                            <h3>our testimonial</h3>
                            <h2>What Our Clients Say</h2>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-2">
                        <div class="testi-head-rgt">
                            <a href="javascript:;"><button class="btn btn-primary w-btn">see all</button></a>
                        </div>
                    </div>
                </div>
                <div class="owl-slider">
                    <div id="testi_carousel" class="owl-carousel">
                        <div class="item">
                            <div class="testimonials-sec">
                                <img src="assets/images/testi-img.png" alt="testi">
                                <div class="text">
                                    <p>There are many variations of passages of Lorem Ipsum available, the majority have suffered alter ation in someform, by
                                    injected humour, or randomised words which don’t look even variations of able. Lorem Ipsum available, the majority have
                                    sufferedThere are many variations of passages of It is a long established fact that a reader.</p>
                                    <div class="client-box">
                                        <div class="text">
                                            <h4>Alex john Martin</h4>
                                            <h5>Manager</h5>
                                        </div>
                                        <img src="assets/images/quote.png" alt="quote">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="testimonials-sec">
                                <img src="assets/images/testi-img.png" alt="testi">
                                <div class="text">
                                    <p>There are many variations of passages of Lorem Ipsum available, the majority have suffered alter ation in someform, by
                                    injected humour, or randomised words which don’t look even variations of able. Lorem Ipsum available, the majority have
                                    sufferedThere are many variations of passages of It is a long established fact that a reader.</p>
                                    <div class="client-box">
                                        <div class="text">
                                            <h4>Alex john Martin</h4>
                                            <h5>Manager</h5>
                                        </div>
                                        <img src="assets/images/quote.png" alt="quote">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="testimonials-sec">
                                <img src="assets/images/testi-img.png" alt="testi">
                                <div class="text">
                                    <p>There are many variations of passages of Lorem Ipsum available, the majority have suffered alter ation in someform, by
                                    injected humour, or randomised words which don’t look even variations of able. Lorem Ipsum available, the majority have
                                    sufferedThere are many variations of passages of It is a long established fact that a reader.</p>
                                    <div class="client-box">
                                        <div class="text">
                                            <h4>Alex john Martin</h4>
                                            <h5>Manager</h5>
                                        </div>
                                        <img src="assets/images/quote.png" alt="quote">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="testimonials-sec">
                                <img src="assets/images/testi-img.png" alt="testi">
                                <div class="text">
                                    <p>There are many variations of passages of Lorem Ipsum available, the majority have suffered alter ation in someform, by
                                    injected humour, or randomised words which don’t look even variations of able. Lorem Ipsum available, the majority have
                                    sufferedThere are many variations of passages of It is a long established fact that a reader.</p>
                                    <div class="client-box">
                                        <div class="text">
                                            <h4>Alex john Martin</h4>
                                            <h5>Manager</h5>
                                        </div>
                                        <img src="assets/images/quote.png" alt="quote">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="contact-row">
                <div class="w-sec contact-sec">
                    <h3>Custom Order</h3>
                    <h2>Request a Quote</h2>
                    <form action="#" method="POST">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label for="name">Name *</label>
                                    <input type="text" name="name" class="form-control" placeholder="Name" required>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label for="number">Phone Number *</label>
                                    <input type="number" name="number" class="form-control" placeholder="Phone Number" required>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label for="email">Email Address *</label>
                                    <input type="email" name="email" class="form-control" placeholder="Email Address" required>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label for="company">Company Name *</label>
                                    <input type="text" name="company" class="form-control" placeholder="Company Name" required>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label for="product">Product Type *</label>
                                    <input type="text" name="product" class="form-control" placeholder="Product Type" required>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label for="quantity">Estimated Quantity *</label>
                                    <input type="text" name="quantity" class="form-control" placeholder="Estimated Quantity" required>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <div class="form-group">
                                    <label for="quantity">Describe What You Need</label>
                                    <textarea name="quantity" class="form-control" placeholder="Describe What You Need"></textarea>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label for="quantity">Available Pickup Locations</label>
                                    <select name="location" class="form-select">
                                        <option value="1">FLORENCE - $0.00</option>
                                        <option value="2">LIBERTY HILL - $0.00</option>
                                        <option value="3">FORT WORTH - $0.00</option>
                                        <option value="4">SAN SABA - $0.00</option>
                                        <option value="5">CUSTOMER CLICKED - $0.00</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label for="delivery">Delivery</label>
                                    <input type="text" name="delivery" class="form-control" placeholder="Delivery" required>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label for="address">Delivery Address</label>
                                    <input type="text" name="address" class="form-control" placeholder="Delivery Address" required>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label for="date">Delivery Date</label>
                                    <input type="date" name="date" class="form-control" placeholder="Delivery Date" required>
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary w-btn">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </section>
<?php include("inc/footer.php"); ?>