{% extends "base.html" %}


{% block title %}Leading AI Solutions Provider{% endblock %}

<!-- Main Content area -->
{% block content %}
    
    <!-- 1. HERO SECTION (Parallax Background) -->
    <section class="hero-section">
        <div class="hero-content">
            <p>AI POWERED DIGITAL SOLUTIONS FOR INDUSTRIES</p>
            <h1>Transform Your Business <br>with AI-Powered <br> Digital Solutions</h1>
            <p>Delivering cutting-edge AI solutions for global enterprises</p>
          
        </div>
    </section>



 <!-- 3. OUR SOLUTIONS SLIDER  -->
<section class="clients-section-v2">
    <!-- ... background div ... -->
    <div class="client-slider-capsule-wrapper">
        <h2>Core AI Solutions</h2>
        
        <div class="client-logos-slider-track">
            
            <!-- Solution Set 1 -->
             <div class="client-logos text-slider">
                <span class="service-tag">PREDICTIVE ANALYTICS</span>
                <span class="service-tag">OBJECT DETECTION</span>
                <span class="service-tag">GENERATIVE AI (LLMs)</span>
                <span class="service-tag">WEB DEVELOPMENT</span>
<span class="service-tag">R&D PROJECTS</span>
                <span class="service-tag">E-COMMERCE & MARKETPLACE SOLUTIONS</span>
                <span class="service-tag">UI/UX DESIGN</span>
                <span class="service-tag">MLOPS & DEPLOYMENT</span>
<span class="service-tag">BLOCKCHAIN</span>
            </div>
            
            <!-- Solution Set 2  -->
              <div class="client-logos text-slider">
                <span class="service-tag">PREDICTIVE ANALYTICS</span>
                <span class="service-tag">OBJECT DETECTION</span>
                <span class="service-tag">GENERATIVE AI (LLMs)</span>
                <span class="service-tag">WEB DEVELOPMENT</span>
<span class="service-tag">R&D PROJECTS</span>
                <span class="service-tag">E-COMMERCE & MARKETPLACE SOLUTIONS</span>
                <span class="service-tag">UI/UX DESIGN</span>
                <span class="service-tag">MLOPS & DEPLOYMENT</span>
<span class="service-tag">BLOCKCHAIN</span>
            </div>

<div class="client-logos text-slider">
                <span class="service-tag">PREDICTIVE ANALYTICS</span>
                <span class="service-tag">OBJECT DETECTION</span>
                <span class="service-tag">GENERATIVE AI (LLMs)</span>
                <span class="service-tag">WEB DEVELOPMENT</span>
<span class="service-tag">R&D PROJECTS</span>
                <span class="service-tag">E-COMMERCE & MARKETPLACE SOLUTIONS</span>
                <span class="service-tag">UI/UX DESIGN</span>
                <span class="service-tag">MLOPS & DEPLOYMENT</span>
<span class="service-tag">BLOCKCHAIN</span>
            </div>

        </div>
    </div>
</section>

 <!-- 3. WHY ADVANCE EXPERTS / OUR STRENGTH  -->
    <section class="why-us-section">
        <div class="why-us-content-wrapper">
            <!-- Left Side: Text Content -->
            <div class="why-us-text">
                <h2>Why ADVANCE EXPERTS?</h2>
                
               <p><strong>Impact-First Engineering.</strong> We are a collective of 220+ global strategists dedicated to engineering the next decade of digital solutions. Our core focus is simple: transforming complex data and ambitious visions into elegant, automated systems that deliver tangible, scalable commercial impact.</p>
                
                 <p><strong>Holistic Digital Mastery.</strong> We provide complete, end-to-end mastery: from the core Predictive AI, Generative AI, and Automation Systems to high-performance Full-Stack Web & Mobile App Development and industry-leading UI/UX Design. We partner with you to turn technological adoption into a seamless journey toward market leadership and definitive competitive advantage.</p>
                
                <a href="/about" class="btn-primary">Learn more About Us</a>
            </div>
            
            <!-- Right Side: Team Image -->
            <div class="why-us-image">
                <!-- Image Extension Fix: .jpg -->
                <img src="{{ url_for('static', filename='images/fig26.jpg') }}" alt="Our Expert Team" class="team-img">
            </div>
        </div>
    </section>

   <!-- 7. STATISTICS SECTION (Animated Counter) -->
    <section class="stats-section" id="stats-section">
        <h2 class="stats-heading">Our Journey So Far</h2>
        <div class="stats-container">
            <div class="stat-item">
                <!-- ID aur Data Target Value add ki -->
                <span class="stat-number" id="count1" data-target="300">0</span><span class="stat-number-suffix">+</span>
                <p class="stat-desc">AI MODELS DEPLOYED</p>
            </div>
            <div class="stat-item">
                <span class="stat-number" id="count2" data-target="50">0</span><span class="stat-number-suffix">+</span>
                <p class="stat-desc">ENTERPRISE CLIENTS SERVED</p>
            </div>
            <div class="stat-item">
                <span class="stat-number" id="count3" data-target="10">0</span><span class="stat-number-suffix">+</span>
                <p class="stat-desc">GLOBAL INNOVATION AWARDS</p>
            </div>
        </div>
    </section>

<!-- 5. COMPETITIVE EDGE / WHAT MAKES US DIFFERENT (UPDATED: 3x2 Grid) -->
    <section class="competitive-edge-section simple-grid-layout">
        <div class="competitive-edge-wrapper-simple">
            
            <!-- Centered Heading -->
        <!-- Centered Heading -->
            <h3 class="section-heading">Our Competitive Edge</h3>
            
            <!-- 3x2 Grid of Strengths (FINAL CLEAN HTML) -->
            <div class="edge-grid-container-simple">
                
                <!-- Item 1: MLOps -->
                <div class="edge-grid-item-simple">
                    <i class="fas fa-rocket check-icon"></i>
                    <h3>MLOps: Production Grade Velocity</h3>
                    <p>We build fully automated CI/CD pipelines and cloud infrastructure, ensuring your AI models are deployed, monitored, and scaled with enterprise-grade speed and reliability.</p>
                </div>
                
                <!-- Item 2: Generative AI -->
                <div class="edge-grid-item-simple">
                    <i class="fas fa-wand-magic-sparkles check-icon"></i>
                    <h3>Generative AI & LLM Customization</h3>
                    <p>Beyond off-the-shelf APIs, we specialize in fine-tuning proprietary Large Language Models (LLMs) and RAG architecture for your business's exact data and domain-specific challenges.</p>
                </div>
                
                <!-- Item 3: UI/UX & Design -->
                <div class="edge-grid-item-simple">
                    <i class="fas fa-palette check-icon"></i>
                    <h3>Impactful UI/UX & Design Mastery</h3>
                    <p>Our solutions aren't just smart, they're beautiful. We integrate world-class UI/UX design and branding principles to ensure technological complexity meets user-friendly elegance.</p>
                </div>

                <!-- Item 4: End-to-End Delivery -->
               <div class="edge-grid-item-simple">
                    <i class="fas fa-handshake check-icon"></i>
                    <h3>End-to-End Delivery Assurance</h3>
                    <p>We guarantee a complete solution: from initial consulting and intelligent system design (AI) through to final deployment (MLOps) and user presentation (Full-Stack Web Dev).</p>
                </div>
                
                <!-- Item 5: XAI (Explainable AI) -->
                <div class="edge-grid-item-simple">
                   <i class="fas fa-chart-line check-icon"></i>
                    <h3>XAI: Trust & Explainability</h3>
                    <p>We integrate Explainable AI (XAI) to ensure all predictive models are transparent. This builds stakeholder trust and is essential for regulatory compliance in sensitive industries.</p>
                </div>
                
                <!-- Item 6: Continuous Reliability -->
                <div class="edge-grid-item-simple">
                    <i class="fas fa-tachometer-alt check-icon"></i>
                    <h3>Continuous Reliability & Support</h3>
                    <p>We offer 24/7 MLOps and Dev Support. Our commitment is to continuous functionality, stability, and fast incident resolution, ensuring zero downtime for your mission-critical AI and web platforms.</p>
                </div>
            </div>
        </div>
    </section>
    
{% endblock %}