<?php include 'header.php'; ?>
<audio id="welcomeAudio" preload="auto">
    <source src="/uploads/femtechwaveslimited.mp3" type="audio/mpeg">
</audio>
<script>
document.addEventListener("DOMContentLoaded", function () {
    const audio = document.getElementById("welcomeAudio");
    if (!audio) return;

    const playAudio = () => {
        audio.play().catch(() => {});
        document.removeEventListener("click", playAudio);
        document.removeEventListener("scroll", playAudio);
    };

    audio.play().catch(() => {
        document.addEventListener("click", playAudio);
        document.addEventListener("scroll", playAudio);
    });
});
</script>

<!-- Hero Section -->
<section id="home" class="hero">
    <div class="hero-overlay"></div>
    <div class="container hero-content fade-in-up">
        <span class="tagline">RC: 813940 • POWERING NIGERIA</span>
        <h1 class="hero-title">Reliable Electrical & Solar Solutions You Can Trust</h1>
        <p class="hero-sub">
            From industrial installations to household wiring, we deliver certified safety and excellence. 
            Experience the Femtech Waves difference.
        </p>
        <div class="hero-buttons">
            <a href="#contact" class="btn btn-primary">Get a Quote</a>
            <a href="https://wa.me/2348103913192?text=Hello%20FEMTECH%20WAVES%20LIMITED,%20I%20need%20electrical%20services." class="btn btn-secondary"><i class="fab fa-whatsapp"></i> Chat on WhatsApp</a>
        </div>
    </div>
</section>

<!-- Services Section -->
<section id="services" class="section-padding bg-light">
    <div class="container">
        <div class="section-header text-center">
            <h2 class="section-title">Our Services</h2>
            <div class="divider"></div>
            <p>We offer comprehensive electrical services solutions tailored to your needs.</p>
        </div>

        <div class="services-grid">
            <!-- Card 1 -->
            <div class="service-card scroll-animate">
                <div class="icon-box"><i class="fas fa-bolt"></i></div>
                <h3>Electrical Installation</h3>
                <p>Complete wiring systems for new buildings, renovations, and upgrades ensuring total safety compliance.</p>
            </div>
            <!-- Card 2 -->
            <div class="service-card scroll-animate">
                <div class="icon-box"><i class="fas fa-industry"></i></div>
                <h3>Industrial Installation</h3>
                <p>Heavy-duty electrical infrastructure for factories, warehouses, and large-scale industrial complexes.</p>
            </div>
            <!-- Card 3 -->
            <div class="service-card scroll-animate">
                <div class="icon-box"><i class="fas fa-solar-panel"></i></div>
                <h3>Solar & Inverter System</h3>
                <p>Sustainable energy solutions including solar panel installation, inverter setups, and battery maintenance.</p>
            </div>
            <!-- Card 4 -->
            <div class="service-card scroll-animate">
                <div class="icon-box"><i class="fas fa-home"></i></div>
                <h3>Household Wiring</h3>
                <p>Expert rewiring, socket installation, and lighting solutions for residential properties.</p>
            </div>
            <!-- Card 5 -->
            <div class="service-card scroll-animate">
                <div class="icon-box"><i class="fas fa-lightbulb"></i></div>
                <h3>Streetlight Installation</h3>
                <p>Public and private street lighting projects to illuminate communities and enhance security.</p>
            </div>
            <!-- Card 6 -->
            <div class="service-card scroll-animate">
                <div class="icon-box"><i class="fas fa-tools"></i></div>
                <h3>Maintenance & More</h3>
                <p>Circuit panels, breaker replacements, fuse boxes, and routine electrical health checks.</p>
            </div>
        </div>
    </div>
</section>

<!-- Why Choose Us -->
<section id="about" class="section-padding">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-text scroll-animate">
                <h2 class="section-title">Why Choose Femtech Waves?</h2>
                <div class="divider-left"></div>
                <p class="mb-20">We combine technical expertise with a customer-first approach. We don't just fix wires; we power your peace of mind.</p>
                
                <ul class="feature-list">
                    <li><i class="fas fa-check-circle"></i> <strong>Certified Technicians:</strong> Highly trained experts.</li>
                    <li><i class="fas fa-shield-alt"></i> <strong>Quality & Safety:</strong> Adherence to strict safety standards.</li>
                    <li><i class="fas fa-wallet"></i> <strong>Affordable Pricing:</strong> Premium service at competitive rates.</li>
                    <li><i class="fas fa-clock"></i> <strong>Timely Delivery:</strong> We respect your time and deadlines.</li>
                    <li><i class="fas fa-city"></i> <strong>Residential & Industrial:</strong> No project is too big or small.</li>
                </ul>
            </div>
            <div class="col-image scroll-animate">
                <!-- Placeholder for an image of a technician working -->
                <div class="image-wrapper">
                    <div class="img-overlay-text">
                        <h3>100%</h3>
                        <p>Satisfaction Guaranteed</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Solar Highlight Section -->
<section class="solar-section section-padding">
    <div class="container">
        <div class="solar-content scroll-animate">
            <span class="tag-highlight">GO GREEN</span>
            <h2>Expert Solar & Inverter Solutions</h2>
            <p>Stop worrying about power outages. Our custom solar and inverter installations ensure you have 24/7 power supply for your home or business.</p>
            <a href="https://wa.me/2348103913192?text=I%20am%20interested%20in%20a%20Solar/Inverter%20installation." class="btn btn-warning">Get a Solar Quote</a>
        </div>
    </div>
</section>

<!-- Call To Action Banner -->
<section class="cta-banner">
    <div class="container text-center">
        <h2 class="fade-in-up">LET’S GET YOUR WIRING CONNECTED</h2>
        <a href="https://wa.me/2348103913192?text=Hello%20FEMTECH%20WAVES%20LIMITED,%20I%20need%20electrical%20services." class="btn btn-primary mt-20 pulse-btn">
            <i class="fab fa-whatsapp"></i> Chat With Us on WhatsApp
        </a>
    </div>
</section>

<?php include 'footer.php'; ?>