<?php
require_once 'header.php';
?>
<!-- Hero Slider -->
<div id="mainSlider" class="carousel slide mt-5" data-bs-ride="carousel">
    <div class="carousel-indicators">
        <button type="button" data-bs-target="#mainSlider" data-bs-slide-to="0" class="active"></button>
        <button type="button" data-bs-target="#mainSlider" data-bs-slide-to="1"></button>
        <button type="button" data-bs-target="#mainSlider" data-bs-slide-to="2"></button>
        <button type="button" data-bs-target="#mainSlider" data-bs-slide-to="3"></button>
    </div>
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img src="assets/images/slider1.png" class="d-block w-100" alt="Internet Service">
            <div class="carousel-caption d-none d-md-block">
                <h1>Lightning Fast Internet</h1>
                <p>Up to 1Gbps fiber optic connection for your home and business</p>
                <a href="services.php" class="btn btn-primary btn-lg">View Plans</a>
            </div>
        </div>
        <div class="carousel-item">
            <img src="assets/images/slider2.png" class="d-block w-100" alt="Laptop Sales">
            <div class="carousel-caption d-none d-md-block">
                <h1>Premium Laptops</h1>
                <p>Latest models from top brands at competitive prices</p>
                <a href="contact.php" class="btn btn-primary btn-lg">Shop Now</a>
            </div>
        </div>
        <div class="carousel-item">
            <img src="assets/images/slider3.png" class="d-block w-100" alt="Office Space">
            <div class="carousel-caption d-none d-md-block">
                <h1>Modern Office Space</h1>
                <p>Fully equipped offices with high-speed internet</p>
                <a href="contact.php" class="btn btn-primary btn-lg">Inquire Now</a>
            </div>
        </div>
        <div class="carousel-item">
            <img src="assets/images/slider4.png" class="d-block w-100" alt="CBT & School Solutions">
            <div class="carousel-caption d-none d-md-block">
                <h1>CBT & School Solutions</h1>
                <p>Complete e-learning and examination platforms</p>
                <a href="contact.php" class="btn btn-primary btn-lg">Learn More</a>
            </div>
        </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#mainSlider" data-bs-slide="prev">
        <span class="carousel-control-prev-icon"></span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#mainSlider" data-bs-slide="next">
        <span class="carousel-control-next-icon"></span>
    </button>
</div>

<!-- Features Section -->
<section class="features py-5">
    <div class="container">
        <div class="row text-center">
            <div class="col-md-3 mb-4">
                <div class="feature-box">
                    <i class="fas fa-tachometer-alt fa-3x text-primary"></i>
                    <h4 class="mt-3">High Speed</h4>
                    <p>Up to 1Gbps connection</p>
                </div>
            </div>
            <div class="col-md-3 mb-4">
                <div class="feature-box">
                    <i class="fas fa-shield-alt fa-3x text-primary"></i>
                    <h4 class="mt-3">Secure Network</h4>
                    <p>Enterprise-grade security</p>
                </div>
            </div>
            <div class="col-md-3 mb-4">
                <div class="feature-box">
                    <i class="fas fa-headset fa-3x text-primary"></i>
                    <h4 class="mt-3">24/7 Support</h4>
                    <p>Round-the-clock assistance</p>
                </div>
            </div>
            <div class="col-md-3 mb-4">
                <div class="feature-box">
                    <i class="fas fa-clock fa-3x text-primary"></i>
                    <h4 class="mt-3">99.9% Uptime</h4>
                    <p>Reliable connection</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Internet Plans Preview -->
<section class="plans-preview bg-light py-5">
    <div class="container">
        <h2 class="text-center mb-5">Popular Internet Plans</h2>
        <div class="row">
            <div class="col-md-4 mb-4">
                <div class="card plan-card text-center">
                    <div class="card-body">
                        <h3>Basic Shared</h3>
                        <div class="price">N15,000<span>/month</span></div>
                        <ul class="list-unstyled">
                            <li><i class="fas fa-check text-success"></i> 10 Mbps Speed</li>
                            <li><i class="fas fa-check text-success"></i> Unlimited Data</li>
                            <li><i class="fas fa-check text-success"></i> 24/7 Support</li>
                            <li><i class="fas fa-check text-success"></i> Free Installation</li>
                        </ul>
                        <a href="register.php" class="btn btn-primary">Get Started</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="card plan-card popular text-center">
                    <div class="card-header bg-primary text-white">Most Popular</div>
                    <div class="card-body">
                        <h3>Standard Shared</h3>
                        <div class="price">N19,000<span>/month</span></div>
                        <ul class="list-unstyled">
                            <li><i class="fas fa-check text-success"></i> 15 Mbps Speed</li>
                            <li><i class="fas fa-check text-success"></i> Unlimited Data</li>
                            <li><i class="fas fa-check text-success"></i> Priority Support</li>
                            <li><i class="fas fa-check text-success"></i> Free Installation</li>
                        </ul>
                        <a href="register.php" class="btn btn-primary">Get Started</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="card plan-card text-center">
                    <div class="card-body">
                        <h3>Premium Shared</h3>
                        <div class="price">N25,000<span>/month</span></div>
                        <ul class="list-unstyled">
                            <li><i class="fas fa-check text-success"></i> 20 Mbps Speed</li>
                            <li><i class="fas fa-check text-success"></i> Unlimited Data</li>
                            <li><i class="fas fa-check text-success"></i> Premium Support</li>
                            <li><i class="fas fa-check text-success"></i> Free Installation</li>
                        </ul>
                        <a href="register.php" class="btn btn-primary">Get Started</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Services Section -->
<section class="services py-5">
    <div class="container">
        <h2 class="text-center mb-5">Our Services</h2>
        <div class="row">
            <div class="col-md-3 mb-4">
                <div class="service-card text-center">
                    <i class="fas fa-wifi fa-3x text-primary"></i>
                    <h4 class="mt-3">Internet Service</h4>
                    <p>High-speed fiber and wireless internet for home and business</p>
                </div>
            </div>
            <div class="col-md-3 mb-4">
                <div class="service-card text-center">
                    <i class="fas fa-laptop fa-3x text-primary"></i>
                    <h4 class="mt-3">Laptop Sales</h4>
                    <p>Quality laptops from HP, Dell, Lenovo, and Apple</p>
                </div>
            </div>
            <div class="col-md-3 mb-4">
                <div class="service-card text-center">
                    <i class="fas fa-building fa-3x text-primary"></i>
                    <h4 class="mt-3">Office Space</h4>
                    <p>Fully equipped coworking spaces and private offices</p>
                </div>
            </div>
            <div class="col-md-3 mb-4">
                <div class="service-card text-center">
                    <i class="fas fa-graduation-cap fa-3x text-primary"></i>
                    <h4 class="mt-3">CBT & School Solutions</h4>
                    <p>E-learning platforms and computer-based testing solutions</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Newsletter Section -->
<section class="newsletter bg-primary text-white py-5">
    <div class="container text-center">
        <h3>Subscribe to Our Newsletter</h3>
        <p>Get the latest updates on promotions and new services</p>
        <form id="newsletterForm" class="row justify-content-center">
            <div class="col-md-6">
                <div class="input-group">
                    <input type="email" class="form-control" placeholder="Enter your email" required>
                    <button class="btn btn-light" type="submit">Subscribe</button>
                </div>
            </div>
        </form>
    </div>
</section>
<?php
require_once 'footer.php';
?>