{% extends "base1.html" %}
{% block content %}

    <!-- Hero Section -->
    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <div class="hero-text">
                    <div class="slider">
                        <div class="slide active">
                            <h1 style="font-size: 36px; color: #390000; font-weight: 700; margin: 40px 0; letter-spacing: 1px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);">
                            WaveKota - Premier Coaching for NEET & JEE
                            </h1>
                        </div>
                    </div>    
                </div>
            </div>   
                                
            <div class="subtitle-container">
              <p class="subtitle">Excel in India's Toughest Exams with Expert Guidance, Comprehensive Study Material, and Smart Learning Strategies</p>
            </div>
                    
            <div class="hero-buttons">
                <button class="primary-btn">Free Demo Class</button>
                <button class="secondary-btn">Download Brochure</button>
            </div>
                    
            </div>
            <div class="product-slider">
                <div class="product-slide active">
                    <div class="card-header">
                        <h3>WaveKota Success Formula</h3>
                    </div>
                    <div class="card-content">
                        <p>Proven methodology for cracking NEET & JEE with exceptional results</p>
                        <div class="success-metrics">
                            <div class="metric">
                                <div class="metric-value">98%</div>
                                <div class="metric-label">Success Rate</div>
                            </div>
                            <div class="metric">
                                <div class="metric-value">1500+</div>
                                <div class="metric-label">Selections</div>
                            </div>
                            <div class="metric">
                                <div class="metric-value">12+</div>
                                <div class="metric-label">Years Experience</div>
                            </div>
                        </div>
                        <div class="achievement-showcase">
                            <div class="achievement">
                                <div class="achievement-icon">🏆</div>
                                <div class="achievement-text">AIR 23 in JEE Advanced 2023</div>
                            </div>
                            <div class="achievement">
                                <div class="achievement-icon">🏆</div>
                                <div class="achievement-text">98.7%ile in NEET 2023</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section>
      <div class="container">
        <div class="section-header">
          <h2>Our Winning Approach</h2>
          <p>WaveKota combines expert faculty, comprehensive study material, and innovative teaching methodologies to ensure your success</p>
        </div>

        <div class="features-grid">

          <!-- Expert Faculty -->
          <div class="feature-item">
            <div class="feature-icon">
              <i data-lucide="users"></i>
            </div>
            <h3>Expert Faculty Team</h3>
            <p>Learn from IIT/NIT alumni and subject matter experts with 10+ years of teaching experience in competitive exams.</p>
          </div>

          <!-- Comprehensive Study Material -->
          <div class="feature-item">
            <div class="feature-icon">
              <i data-lucide="book-open"></i>
            </div>
            <h3>Comprehensive Study Material</h3>
            <p>Curated notes, practice problems, and mock tests designed specifically for NEET & JEE pattern.</p>
          </div>

          <!-- Regular Testing -->
          <div class="feature-item">
            <div class="feature-icon">
              <i data-lucide="clipboard-check"></i>
            </div>
            <h3>Regular Testing & Analysis</h3>
            <p>Weekly tests with detailed performance analysis and personalized feedback to track your progress.</p>
          </div>

          <!-- Doubt Resolution -->
          <div class="feature-item">
            <div class="feature-icon">
              <i data-lucide="message-circle"></i>
            </div>
            <h3>24/7 Doubt Resolution</h3>
            <p>Round-the-clock doubt clearing sessions with faculty to ensure no concept remains unclear.</p>
          </div>

          <!-- Smart Learning -->
          <div class="feature-item">
            <div class="feature-icon">
              <i data-lucide="brain"></i>
            </div>
            <h3>Smart Learning Strategies</h3>
            <p>Time management techniques, memory tricks, and problem-solving approaches for maximum efficiency.</p>
          </div>

          <!-- Parent Connect -->
          <div class="feature-item">
            <div class="feature-icon">
              <i data-lucide="heart"></i>
            </div>
            <h3>Regular Parent Updates</h3>
            <p>Monthly progress reports and parent-teacher meetings to keep families informed about student development.</p>
          </div>

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

    <!-- Courses Section -->
    <section class="courses">
      <div class="container">
        <div class="section-header">
          <h2>Our Courses</h2>
          <p>Comprehensive programs designed for different learning needs and stages of preparation</p>
        </div>
        
        <div class="course-tabs">
          <button class="course-tab active" data-course="jee">JEE Program</button>
          <button class="course-tab" data-course="neet">NEET Program</button>
          <button class="course-tab" data-course="foundation">Foundation Courses</button>
        </div>
        
        <div class="course-content active" id="jee">
          <div class="course-details">
            <h3>JEE Main & Advanced Integrated Program</h3>
            <p>Comprehensive preparation for both JEE Main and Advanced with specialized focus on Physics, Chemistry, and Mathematics</p>
            <ul class="course-features">
              <li>800+ hours of classroom training</li>
              <li>250+ practice tests and mock exams</li>
              <li>Special problem-solving workshops</li>
              <li>Previous year paper analysis sessions</li>
              <li>Personalized revision strategy</li>
            </ul>
            <button class="primary-btn">Enroll Now</button>
          </div>
          <div class="course-image">
            <img src="/static/image/jee-course.jpg" alt="JEE Coaching Program">
          </div>
        </div>
        
        <div class="course-content" id="neet" style="display:none;">
          <!-- NEET course content would go here -->
        </div>
        
        <div class="course-content" id="foundation" style="display:none;">
          <!-- Foundation course content would go here -->
        </div>
      </div>
    </section>

    <!-- How It Works Section -->
    <section class="how-it-works">
      <div class="container">
        <div class="section-header">
          <h2>Our Teaching Methodology</h2>
          <p>A structured approach that has proven successful for thousands of students</p>
        </div>
        <div class="process-steps">

          <!-- Step 1 -->
          <div class="process-step">
            <div class="step-number">1</div>
            <div class="step-content">
              <h3>Concept Building</h3>
              <p>Strong foundation through detailed concept explanation with real-life examples and interactive sessions.</p>
            </div>
          </div>

          <!-- Step 2 -->
          <div class="process-step">
            <div class="step-number">2</div>
            <div class="step-content">
              <h3>Application Practice</h3>
              <p>Extensive problem-solving sessions to apply concepts and develop analytical thinking skills.</p>
            </div>
          </div>

          <!-- Step 3 -->
          <div class="process-step">
            <div class="step-number">3</div>
            <div class="step-content">
              <h3>Regular Assessment</h3>
              <p>Weekly tests to evaluate understanding, identify weak areas, and track progress.</p>
            </div>
          </div>

          <!-- Step 4 -->
          <div class="process-step">
            <div class="step-number">4</div>
            <div class="step-content">
              <h3>Doubt Resolution</h3>
              <p>Personalized attention through one-on-one doubt clearing sessions with subject experts.</p>
            </div>
          </div>

          <!-- Step 5 -->
          <div class="process-step">
            <div class="step-number">5</div>
            <div class="step-content">
              <h3>Revision & Mock Tests</h3>
              <p>Comprehensive revision strategy and full-length mock tests simulating actual exam environment.</p>
            </div>
          </div>

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

    <!-- Results Section -->
    <section>
      <div class="container">
        <div class="section-header">
          <h2>Our Results Speak For Themselves</h2>
          <p>Consistent excellence in NEET and JEE examinations year after year</p>
        </div>
        <div class="results-content">
          
          <!-- Results Stats -->
          <div class="results-stats">
            <div class="result-stat">
              <div class="stat-number">1500+</div>
              <div class="stat-label">Medical Selections</div>
            </div>
            <div class="result-stat">
              <div class="stat-number">2000+</div>
              <div class="stat-label">IIT/NIT Selections</div>
            </div>
            <div class="result-stat">
              <div class="stat-number">98%</div>
              <div class="stat-label">Success Rate</div>
            </div>
            <div class="result-stat">
              <div class="stat-number">12+</div>
              <div class="stat-label">Years of Excellence</div>
            </div>
          </div>

          <!-- Topper Profiles -->
          <div class="toppers-showcase">
            <h3>Our Achievers</h3>
            <div class="topper-profiles">
              <div class="topper-profile">
                <img src="/static/image/topper1.jpg" alt="NEET Topper">
                <h4>Rahul Sharma</h4>
                <p>NEET 2023: AIR 47</p>
              </div>
              <div class="topper-profile">
                <img src="/static/image/topper2.jpg" alt="JEE Topper">
                <h4>Priya Patel</h4>
                <p>JEE Advanced: AIR 23</p>
              </div>
              <div class="topper-profile">
                <img src="/static/image/topper3.jpg" alt="JEE Topper">
                <h4>Amit Kumar</h4>
                <p>JEE Main: 99.8%ile</p>
              </div>
            </div>
          </div>

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

    <!-- Faculty Section -->
    <section class="faculty">
      <div class="container">
        <div class="section-header">
          <h2>Meet Our Expert Faculty</h2>
          <p>Learn from the best minds in the industry with proven track records</p>
        </div>
        
        <div class="faculty-grid">
          <div class="faculty-member">
            <img src="/static/image/faculty1.jpg" alt="Physics Expert">
            <h3>Dr. Sanjay Mehta</h3>
            <p class="subject">Physics (IIT Bombay)</p>
            <p class="experience">15+ years experience</p>
          </div>
          
          <div class="faculty-member">
            <img src="/static/image/faculty2.jpg" alt="Chemistry Expert">
            <h3>Prof. Anjali Deshpande</h3>
            <p class="subject">Chemistry (IIT Delhi)</p>
            <p class="experience">12+ years experience</p>
          </div>
          
          <div class="faculty-member">
            <img src="/static/image/faculty3.jpg" alt="Mathematics Expert">
            <h3>Dr. Rajesh Khanna</h3>
            <p class="subject">Mathematics (IIT Kanpur)</p>
            <p class="experience">14+ years experience</p>
          </div>
          
          <div class="faculty-member">
            <img src="/static/image/faculty4.jpg" alt="Biology Expert">
            <h3>Dr. Sunita Reddy</h3>
            <p class="subject">Biology (AIIMS)</p>
            <p class="experience">13+ years experience</p>
          </div>
        </div>
      </div>
    </section>

    <!-- Testimonials Section -->
    <section id="testimonials" class="clients">
      <div class="container">
        <div class="section-header">
          <h2>Success Stories</h2>
          <p>What our students and parents say about their WaveKota experience</p>
        </div>
        <div class="client-testimonials">

          <div class="testimonial">
            <p>"WaveKota's focused approach and expert guidance helped me secure AIR 47 in NEET. The study material and regular tests were exactly what I needed."</p>
            <strong>- Rahul Sharma, NEET AIR 47</strong>
          </div>

          <div class="testimonial">
            <p>"The faculty's dedication and personalized attention made all the difference. The doubt clearing sessions were particularly helpful for complex topics."</p>
            <strong>- Priya Patel, JEE Advanced AIR 23</strong>
          </div>

          <div class="testimonial">
            <p>"As a parent, I appreciated the regular updates and parent-teacher meetings. WaveKota not teaches but also mentors students throughout their preparation."</p>
            <strong>- Mr. Verma, Parent</strong>
          </div>

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

    <!-- Batch Schedule Section -->
    <section class="batch-schedule">
      <div class="container">
        <div class="section-header">
          <h2>Upcoming Batches</h2>
          <p>Join our programs designed for academic success</p>
        </div>
        
        <div class="batch-cards">
          <div class="batch-card">
            <h3>JEE 2025 Foundation Batch</h3>
            <p class="start-date">Starting: 15th April 2024</p>
            <p class="timing">Duration: 18 months</p>
            <p class="seats">Seats Available: 30/40</p>
            <button class="primary-btn">Enroll Now</button>
          </div>
          
          <div class="batch-card">
            <h3>NEET 2025 Regular Batch</h3>
            <p class="start-date">Starting: 1st May 2024</p>
            <p class="timing">Duration: 16 months</p>
            <p class="seats">Seats Available: 25/35</p>
            <button class="primary-btn">Enroll Now</button>
          </div>
          
          <div class="batch-card">
            <h3>Crash Course (JEE Main)</h3>
            <p class="start-date">Starting: 1st December 2024</p>
            <p class="timing">Duration: 3 months</p>
            <p class="seats">Seats Available: 40/50</p>
            <button class="primary-btn">Enroll Now</button>
          </div>
        </div>
      </div>
    </section>

    <!-- FAQ Section -->
    <section class="faq-section">
      <div class="container">
        <div class="section-header">
          <h2>Frequently Asked Questions</h2>
          <p>Common queries about WaveKota coaching programs</p>
        </div>
        <div class="faq-container">

          <div class="faq-item">
            <div class="faq-question">
              <h3>What makes WaveKota different from other coaching institutes?</h3>
              <i data-lucide="chevron-down"></i>
            </div>
            <div class="faq-answer">
              <p>WaveKota combines expert faculty with innovative teaching methodologies, personalized attention, comprehensive study material, and regular performance tracking to ensure optimal results for every student.</p>
            </div>
          </div>

          <div class="faq-item">
            <div class="faq-question">
              <h3>Do you provide study material?</h3>
              <i data-lucide="chevron-down"></i>
            </div>
            <div class="faq-answer">
              <p>Yes, we provide comprehensively designed study material that includes theory notes, practice problems, previous year questions, and mock tests specifically curated for NEET and JEE preparation.</p>
            </div>
          </div>

          <div class="faq-item">
            <div class="faq-question">
              <h3>How are the batches structured?</h3>
              <i data-lucide="chevron-down"></i>
            </div>
            <div class="faq-answer">
              <p>We maintain small batch sizes (35-40 students) to ensure personalized attention. Batches are organized based on student level (Foundation, Regular, Crash Course) and target exam.</p>
            </div>
          </div>

          <div class="faq-item">
            <div class="faq-question">
              <h3>Is there a scholarship program?</h3>
              <i data-lucide="chevron-down"></i>
            </div>
            <div class="faq-answer">
              <p>Yes, we offer scholarships based on performance in our scholarship test conducted before batch commencement. Merit-based and need-based scholarships are also available.</p>
            </div>
          </div>

          <div class="faq-item">
            <div class="faq-question">
              <h3>How do you track student progress?</h3>
              <i data-lucide="chevron-down"></i>
            </div>
            <div class="faq-answer">
              <p>We conduct weekly tests, provide detailed performance analysis, hold regular parent-teacher meetings, and offer one-on-one counseling sessions to track and enhance student progress.</p>
            </div>
          </div>

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

    <!-- CTA Section -->
    <section class="cta-section">
      <div class="container">
        <div class="cta-content">
          <h2>Begin Your Journey to Success Today</h2>
          <p>Take the first step toward your dream career in Engineering or Medicine</p>
          <div class="cta-buttons">
            <button class="primary-btn">Book a Free Demo Class</button>
            <button class="secondary-btn">Talk to a Counselor</button>
          </div>
        </div>
      </div>
    </section>

{% endblock %}