<?php 
require_once __DIR__ . '/config.php';
$page_meta_desc = "Partner with E Vision Infotech and grow your business with our powerful school ERP solutions. Join our partner network today.";
$current_page = 'become-partner';
?>

<?php include __DIR__ . '/includes/header.php'; ?>

<!-- Page Header -->
<section class="section-reveal" style="background: linear-gradient(135deg, #1e3a8a, #3b82f6, #06b6d4); padding: 100px 0 80px;">
    <div class="container">
        <div class="text-center text-white">
            <h1 class="animate-on-scroll fade-in-up" style="font-size: 2.5rem; font-weight: 700; margin-bottom: 15px;">Become a Partner</h1>
            <p class="animate-on-scroll fade-in-up" data-delay="1" style="font-size: 1.2rem; opacity: 0.9;">
                Grow your business with our powerful School ERP solutions
            </p>
        </div>
    </div>
</section>

<!-- Partner Intro -->
<section class="section-reveal" style="padding: 60px 0;">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 mb-4 animate-on-scroll fade-in-left">
                <h2 style="font-size: 1.75rem; font-weight: 700; color: #1f2937; margin-bottom: 15px;">
                    Partner With E Vision Infotech
                </h2>
                <p style="color: #4b5563; line-height: 1.8; margin-bottom: 20px;">
                    Join hands with <strong>E Vision Infotech</strong> and become a part of a growing network delivering advanced School/College management ERP solutions across India.
                </p>
                <p style="color: #4b5563; line-height: 1.8; margin-bottom: 20px;">
                    Our partner program is designed for individuals, businesses, and organizations who want to expand their service offerings and generate new revenue streams.
                </p>
                <p style="color: #4b5563; line-height: 1.8;">
                    Whether you're a software consultant, IT company, or freelancer, we provide the tools, support, and training you need to succeed.
                </p>
            </div>

            <div class="col-lg-6 animate-on-scroll fade-in-right">
                <div style="background: linear-gradient(135deg, #dbeafe, #e0e7ff); border-radius: 20px; padding: 40px;">
                    <div class="row text-center">
                        <div class="col-6 mb-4">
                            <div class="hover-lift" style="background: #fff; border-radius: 15px; padding: 25px;">
                                <i class="fas fa-handshake" style="font-size: 2rem; color: #2563eb;"></i>
                                <h4 style="font-weight: 700; margin-top: 10px;">Trusted</h4>
                                <p style="font-size: 0.85rem;">Partnership</p>
                            </div>
                        </div>
                        <div class="col-6 mb-4">
                            <div class="hover-lift" style="background: #fff; border-radius: 15px; padding: 25px;">
                                <i class="fas fa-chart-line" style="font-size: 2rem; color: #16a34a;"></i>
                                <h4 style="font-weight: 700; margin-top: 10px;">Growth</h4>
                                <p style="font-size: 0.85rem;">Opportunities</p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="hover-lift" style="background: #fff; border-radius: 15px; padding: 25px;">
                                <i class="fas fa-wallet" style="font-size: 2rem; color: #9333ea;"></i>
                                <h4 style="font-weight: 700; margin-top: 10px;">High</h4>
                                <p style="font-size: 0.85rem;">Earnings</p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="hover-lift" style="background: #fff; border-radius: 15px; padding: 25px;">
                                <i class="fas fa-headset" style="font-size: 2rem; color: #ea580c;"></i>
                                <h4 style="font-weight: 700; margin-top: 10px;">Full</h4>
                                <p style="font-size: 0.85rem;">Support</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

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

<!-- Benefits -->
<section class="section-reveal" style="padding: 60px 0; background: #f8f9fa;">
    <div class="container">
        <div class="row">
            <div class="col-md-6 mb-4">
                <div class="card h-100 p-5 stagger-card">
                    <h3 style="font-weight: 700; margin-bottom: 15px;">Why Partner With Us?</h3>
                    <ul style="padding-left: 0; list-style: none;">
                        <li>✔ Attractive commission structure</li>
                        <li>✔ Ready-to-sell ERP product</li>
                        <li>✔ Training and onboarding support</li>
                        <li>✔ Marketing assistance</li>
                        <li>✔ Dedicated support team</li>
                    </ul>
                </div>
            </div>

            <div class="col-md-6 mb-4">
                <div class="card h-100 p-5 stagger-card">
                    <h3 style="font-weight: 700; margin-bottom: 15px;">Who Can Join?</h3>
                    <ul style="padding-left: 0; list-style: none;">
                        <li>✔ Software companies</li>
                        <li>✔ Freelancers & consultants</li>
                        <li>✔ IT service providers</li>
                        <li>✔ Education consultants</li>
                        <li>✔ Entrepreneurs</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Process -->
<section class="section-reveal" style="padding: 60px 0;">
    <div class="container">
        <h2 class="text-center mb-5" style="font-weight: 700;">How It Works</h2>
        <div class="row text-center">
            <div class="col-md-4 mb-4">
                <div class="hover-lift p-4">
                    <i class="fas fa-user-plus" style="font-size: 2rem; color: #2563eb;"></i>
                    <h5 class="mt-3">Register</h5>
                    <p>Sign up as a partner with us</p>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="hover-lift p-4">
                    <i class="fas fa-chalkboard-teacher" style="font-size: 2rem; color: #16a34a;"></i>
                    <h5 class="mt-3">Get Training</h5>
                    <p>Learn about our ERP system</p>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="hover-lift p-4">
                    <i class="fas fa-money-bill-wave" style="font-size: 2rem; color: #9333ea;"></i>
                    <h5 class="mt-3">Earn</h5>
                    <p>Start selling and earn commissions</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- CTA -->
<section class="section-reveal" style="background: linear-gradient(135deg, #2563eb, #4f46e5); padding: 60px 0;">
    <div class="container text-center text-white">
        <h2 style="font-weight: 700; margin-bottom: 15px;">Join Our Partner Network</h2>
        <p style="margin-bottom: 25px;">Start your journey with us and grow together</p>
        <a href="contact-us.php" class="btn btn-light btn-lg">Become a Partner</a>
    </div>
</section>

<?php include __DIR__ . '/includes/footer.php'; ?>