<?php
define('SECURE_ACCESS', true);

$pageTitle = "Build Your Team. Build Your Career. Build Your Future.";
require_once __DIR__ . '/../includes/config.php';
require_once __DIR__ . '/../includes/db.php';
require_once __DIR__ . '/../includes/auth.php';
require_once __DIR__ . '/../includes/header.php';


?>

<!-- Hero Section -->
<div class="bg-light border-bottom position-relative overflow-hidden d-flex align-items-center justify-content-center" style="min-height: calc(100vh - 80px);">
    <div class="container-fluid px-md-5 py-5 text-center position-relative" style="z-index: 2;">
        <h1 class="display-3 fw-bold text-dark mb-3" style="font-size: calc(1.8rem + 2vw);">Build Your Team.<br>Build Your Career. Build Your Future.</h1>
        <h3 class="h4 text-primary fw-semibold mb-4">Success Is Never Built Alone</h3>
        <p class="lead text-secondary mb-4 mx-auto" style="max-width: 800px; font-size: calc(1rem + 0.3vw);">
            At <strong>RENENET EDUCARE</strong>, we believe that team building is one of the most valuable career skills of the 21st century. 
            Whether you are a student, professional, entrepreneur, homemaker, or retiree, learning how to build and lead a network of motivated people can unlock opportunities that traditional career paths often cannot.
        </p>
        <p class="text-muted small mb-4 mx-auto" style="max-width: 600px;">
            Your career is not defined by where you start—it is shaped by the people you inspire, support, and grow with. Start building relationships today, and build a brighter tomorrow.
        </p>
        <div class="d-flex justify-content-center gap-3 flex-wrap">
            <?php if (isLoggedIn()): ?>
                <a href="dashboard" class="btn btn-primary btn-lg px-5 py-3 fw-bold shadow-sm">Go to Dashboard</a>
                <a href="public_events" class="btn btn-outline-primary btn-lg px-5 py-3 fw-bold">Explore Events</a>
            <?php else: ?>
                <a href="register" class="btn btn-primary btn-lg px-5 py-3 fw-bold shadow-sm">Start Here</a>
            <?php endif; ?>
        </div>
    </div>
</div>

<!-- Why Team Building Matters Section -->
<div class="container-fluid px-md-5 py-4 mb-5">
    <div class="text-center mb-5">
        <span class="badge bg-primary bg-opacity-10 text-primary px-3 py-2 rounded-pill fw-bold mb-2">COLLECTIVE GROWTH</span>
        <h2 class="fw-bold text-dark display-6">Why Team Building Matters</h2>
        <p class="text-secondary mx-auto" style="max-width: 600px;">The world's fastest-growing organizations are built on collaboration—not competition. When you help others grow, you naturally grow yourself.</p>
    </div>
    
    <div class="row g-4">
        <div class="col-12 col-md-6 col-lg-3">
            <div class="card border-0 shadow-sm h-100 p-3">
                <div class="card-body">
                    <div class="p-3 bg-primary bg-opacity-10 text-primary rounded-3 d-inline-block mb-3">
                        <i class="bi bi-briefcase fs-4"></i>
                    </div>
                    <h5 class="fw-bold text-dark mb-2">Better Career Opportunities</h5>
                    <p class="text-secondary small mb-0">Open doors to advanced career pathways, corporate placement, and team leading roles.</p>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-3">
            <div class="card border-0 shadow-sm h-100 p-3">
                <div class="card-body">
                    <div class="p-3 bg-success bg-opacity-10 text-success rounded-3 d-inline-block mb-3">
                        <i class="bi bi-person-up fs-4"></i>
                    </div>
                    <h5 class="fw-bold text-dark mb-2">Greater Leadership Skills</h5>
                    <p class="text-secondary small mb-0">Learn high-value management skills, public speaking, delegation, and coaching.</p>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-3">
            <div class="card border-0 shadow-sm h-100 p-3">
                <div class="card-body">
                    <div class="p-3 bg-warning bg-opacity-10 text-warning rounded-3 d-inline-block mb-3">
                        <i class="bi bi-cash-coin fs-4"></i>
                    </div>
                    <h5 class="fw-bold text-dark mb-2">Higher Income Potential</h5>
                    <p class="text-secondary small mb-0">Leverage structured network incentives and matrix structures to maximize earning margins.</p>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-3">
            <div class="card border-0 shadow-sm h-100 p-3">
                <div class="card-body">
                    <div class="p-3 bg-danger bg-opacity-10 text-danger rounded-3 d-inline-block mb-3">
                        <i class="bi bi-rocket-takeoff fs-4"></i>
                    </div>
                    <h5 class="fw-bold text-dark mb-2">Faster Personal Growth</h5>
                    <p class="text-secondary small mb-0">Accelerate your emotional intelligence, self-discipline, confidence, and productivity.</p>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-3">
            <div class="card border-0 shadow-sm h-100 p-3">
                <div class="card-body">
                    <div class="p-3 bg-info bg-opacity-10 text-info rounded-3 d-inline-block mb-3">
                        <i class="bi bi-share fs-4"></i>
                    </div>
                    <h5 class="fw-bold text-dark mb-2">Professional Networks</h5>
                    <p class="text-secondary small mb-0">Connect with industry experts, ambitious peers, and business developers worldwide.</p>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-3">
            <div class="card border-0 shadow-sm h-100 p-3">
                <div class="card-body">
                    <div class="p-3 bg-secondary bg-opacity-10 text-secondary rounded-3 d-inline-block mb-3">
                        <i class="bi bi-journal-bookmark fs-4"></i>
                    </div>
                    <h5 class="fw-bold text-dark mb-2">Lifelong Learning</h5>
                    <p class="text-secondary small mb-0">Access continuous workshops, industry reports, and structured certification pathways.</p>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-3">
            <div class="card border-0 shadow-sm h-100 p-3">
                <div class="card-body">
                    <div class="p-3 bg-dark bg-opacity-10 text-dark rounded-3 d-inline-block mb-3">
                        <i class="bi bi-shield-check fs-4"></i>
                    </div>
                    <h5 class="fw-bold text-dark mb-2">Greater Confidence</h5>
                    <p class="text-secondary small mb-0">Build self-reliance, sales knowledge, presentation skills, and public authority.</p>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-3">
            <div class="card border-0 shadow-sm h-100 p-3">
                <div class="card-body">
                    <div class="p-3 bg-primary bg-opacity-10 text-primary rounded-3 d-inline-block mb-3">
                        <i class="bi bi-currency-exchange fs-4"></i>
                    </div>
                    <h5 class="fw-bold text-dark mb-2">Financial Resilience</h5>
                    <p class="text-secondary small mb-0">Establish reliable personal income streams and structured matrix commission options.</p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Turn Relationships into Opportunities -->
<div class="bg-primary bg-opacity-10 py-5 mb-5 border-top border-bottom">
    <div class="container-fluid px-md-5 py-4">
        <div class="row align-items-center g-5">
            <div class="col-12 col-lg-6">
                <span class="badge bg-primary text-white px-3 py-2 rounded-pill fw-bold mb-2">NETWORKING RULES</span>
                <h2 class="fw-bold text-dark display-6 mb-3">Turn Relationships into Opportunities</h2>
                <p class="lead text-secondary mb-4">
                    Networking is no longer optional. The relationships you build today can define your corporate and entrepreneurial success tomorrow.
                </p>
                <p class="text-muted mb-4">
                    Learning how to build genuine relationships creates structural opportunities that no degree alone can guarantee. Our community guides you step-by-step to attract, lead, and grow alongside motivated leaders.
                </p>
                <?php if (!isLoggedIn()): ?>
                    <a href="register" class="btn btn-primary px-4 py-2 fw-bold shadow-sm">Start Networking Today</a>
                <?php endif; ?>
            </div>
            <div class="col-12 col-lg-6">
                <div class="card border-0 shadow-sm p-4">
                    <h5 class="fw-bold text-dark mb-3">Your network can connect you to:</h5>
                    <div class="row g-3">
                        <div class="col-12 col-sm-6 d-flex align-items-center">
                            <i class="bi bi-check-circle-fill text-success me-2 fs-5"></i>
                            <span class="text-secondary fw-semibold">Business Partners</span>
                        </div>
                        <div class="col-12 col-sm-6 d-flex align-items-center">
                            <i class="bi bi-check-circle-fill text-success me-2 fs-5"></i>
                            <span class="text-secondary fw-semibold">Mentors</span>
                        </div>
                        <div class="col-12 col-sm-6 d-flex align-items-center">
                            <i class="bi bi-check-circle-fill text-success me-2 fs-5"></i>
                            <span class="text-secondary fw-semibold">Clients</span>
                        </div>
                        <div class="col-12 col-sm-6 d-flex align-items-center">
                            <i class="bi bi-check-circle-fill text-success me-2 fs-5"></i>
                            <span class="text-secondary fw-semibold">Employers</span>
                        </div>
                        <div class="col-12 col-sm-6 d-flex align-items-center">
                            <i class="bi bi-check-circle-fill text-success me-2 fs-5"></i>
                            <span class="text-secondary fw-semibold">Investors</span>
                        </div>
                        <div class="col-12 col-sm-6 d-flex align-items-center">
                            <i class="bi bi-check-circle-fill text-success me-2 fs-5"></i>
                            <span class="text-secondary fw-semibold">Collaborators</span>
                        </div>
                        <div class="col-12 col-sm-6 d-flex align-items-center">
                            <i class="bi bi-check-circle-fill text-success me-2 fs-5"></i>
                            <span class="text-secondary fw-semibold">Future Leaders</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Programs: Learn, Lead, Earn -->
<div class="container-fluid px-md-5 py-4 mb-5">
    <div class="text-center mb-5">
        <span class="badge bg-success bg-opacity-10 text-success px-3 py-2 rounded-pill fw-bold mb-2">EDUCATIONAL MODULES</span>
        <h2 class="fw-bold text-dark display-6">Learn. Lead. Earn.</h2>
        <p class="text-secondary mx-auto" style="max-width: 600px;">Our programs are designed to help individuals develop practical skills that employers, networks, and modern businesses value.</p>
    </div>

    <div class="row g-4">
        <!-- Module 1 -->
        <div class="col-12 col-md-6 col-lg-4">
            <div class="card border border-light shadow-sm h-100 p-3">
                <div class="card-body">
                    <h5 class="fw-bold text-primary mb-3">Personal Development</h5>
                    <p class="text-secondary small mb-0">Develop confidence, communication, discipline, emotional intelligence, and a growth mindset to navigate your career.</p>
                </div>
            </div>
        </div>
        <!-- Module 2 -->
        <div class="col-12 col-md-6 col-lg-4">
            <div class="card border border-light shadow-sm h-100 p-3">
                <div class="card-body">
                    <h5 class="fw-bold text-primary mb-3">Leadership Development</h5>
                    <p class="text-secondary small mb-0">Learn how to inspire teams, delegate effectively, solve complex problems, and become a trusted network leader.</p>
                </div>
            </div>
        </div>
        <!-- Module 3 -->
        <div class="col-12 col-md-6 col-lg-4">
            <div class="card border border-light shadow-sm h-100 p-3">
                <div class="card-body">
                    <h5 class="fw-bold text-primary mb-3">Team Building</h5>
                    <p class="text-secondary small mb-0">Understand how to attract, motivate, train, and retain high-performing teams to achieve collective milestones.</p>
                </div>
            </div>
        </div>
        <!-- Module 4 -->
        <div class="col-12 col-md-6 col-lg-4">
            <div class="card border border-light shadow-sm h-100 p-3">
                <div class="card-body">
                    <h5 class="fw-bold text-primary mb-3">Career Development</h5>
                    <p class="text-secondary small mb-0">Build core skills that directly improve your employability, personal brand value, and entrepreneurial growth.</p>
                </div>
            </div>
        </div>
        <!-- Module 5 -->
        <div class="col-12 col-md-6 col-lg-4">
            <div class="card border border-light shadow-sm h-100 p-3">
                <div class="card-body">
                    <h5 class="fw-bold text-primary mb-3">Financial Awareness</h5>
                    <p class="text-secondary small mb-0">Gain practical knowledge about budgeting, wealth creation, multiple income streams, and long-term planning.</p>
                </div>
            </div>
        </div>
        <!-- Module 6 -->
        <div class="col-12 col-md-6 col-lg-4">
            <div class="card border border-light shadow-sm h-100 p-3">
                <div class="card-body">
                    <h5 class="fw-bold text-primary mb-3">Digital Skills</h5>
                    <p class="text-secondary small mb-0">Learn how technology, AI integrations, digital marketing, and online collaboration can accelerate your career.</p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Grow Together -->
<div class="bg-dark text-white py-5 mb-5">
    <div class="container-fluid px-md-5 py-4 text-center">
        <h2 class="fw-bold display-6 mb-3">Grow Together</h2>
        <p class="lead text-light mb-5 mx-auto" style="max-width: 750px;">
            Real success is multiplied when shared. Our community encourages members to learn together, achieve together, celebrate together, and support one another to create a positive social impact.
        </p>
        <div class="row g-4 justify-content-center">
            <div class="col-6 col-md-3">
                <div class="p-3 bg-white bg-opacity-10 rounded">
                    <h4 class="fw-bold text-primary mb-1">Learn</h4>
                    <span class="small text-light text-opacity-75">Together</span>
                </div>
            </div>
            <div class="col-6 col-md-3">
                <div class="p-3 bg-white bg-opacity-10 rounded">
                    <h4 class="fw-bold text-primary mb-1">Achieve</h4>
                    <span class="small text-light text-opacity-75">Together</span>
                </div>
            </div>
            <div class="col-6 col-md-3">
                <div class="p-3 bg-white bg-opacity-10 rounded">
                    <h4 class="fw-bold text-primary mb-1">Celebrate</h4>
                    <span class="small text-light text-opacity-75">Together</span>
                </div>
            </div>
            <div class="col-6 col-md-3">
                <div class="p-3 bg-white bg-opacity-10 rounded">
                    <h4 class="fw-bold text-primary mb-1">Support</h4>
                    <span class="small text-light text-opacity-75">Each Other</span>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Target Audience: Who Can Join -->
<div class="container-fluid px-md-5 py-4 mb-5">
    <div class="row g-5 align-items-center">
        <div class="col-12 col-lg-6">
            <span class="badge bg-primary bg-opacity-10 text-primary px-3 py-2 rounded-pill fw-bold mb-2">OPEN MEMBERSHIP</span>
            <h2 class="fw-bold text-dark display-6 mb-3">Who Can Join?</h2>
            <p class="text-secondary mb-4">
                Our platform is designed for everyone who wants to grow. No prior experience is required—only the willingness to learn, adapt, and build.
            </p>
            <div class="d-flex flex-wrap gap-2">
                <span class="badge bg-secondary p-2 px-3 fw-semibold">Students</span>
                <span class="badge bg-secondary p-2 px-3 fw-semibold">Working Professionals</span>
                <span class="badge bg-secondary p-2 px-3 fw-semibold">Entrepreneurs</span>
                <span class="badge bg-secondary p-2 px-3 fw-semibold">Freelancers</span>
                <span class="badge bg-secondary p-2 px-3 fw-semibold">Homemakers</span>
                <span class="badge bg-secondary p-2 px-3 fw-semibold">Teachers & Trainers</span>
                <span class="badge bg-secondary p-2 px-3 fw-semibold">Business Owners</span>
                <span class="badge bg-secondary p-2 px-3 fw-semibold">Lifelong Learners</span>
            </div>
        </div>
        <div class="col-12 col-lg-6">
            <div class="card bg-light border-0 p-4 rounded-3">
                <h5 class="fw-bold text-dark mb-3"><i class="bi bi-eye text-primary me-2"></i>Our Vision</h5>
                <p class="text-secondary mb-0">
                    To build a generation of confident leaders who create opportunities not only for themselves but also for their families, communities, and society. We envision a future where collaboration, education, leadership, and ethical teamwork empower individuals to achieve lasting success.
                </p>
            </div>
        </div>
    </div>
</div>

<!-- Why Choose RENENET EDUCARE -->
<div class="container-fluid px-md-5 py-4 mb-5">
    <div class="text-center mb-5">
        <span class="badge bg-primary bg-opacity-10 text-primary px-3 py-2 rounded-pill fw-bold mb-2">OUR ADVANTAGE</span>
        <h2 class="fw-bold text-dark display-6">Why Choose RENENET EDUCARE?</h2>
        <p class="text-secondary mx-auto" style="max-width: 600px;">We don't just teach skills. We help people build confidence, develop leadership, expand their network, and create meaningful career opportunities.</p>
    </div>

    <div class="row g-4 justify-content-center">
        <div class="col-12 col-md-6 col-lg-4">
            <div class="p-3 border rounded shadow-sm bg-white h-100">
                <div class="d-flex align-items-center mb-3">
                    <i class="bi bi-patch-check-fill text-success fs-3 me-3"></i>
                    <h5 class="fw-bold text-dark mb-0">Professional Learning</h5>
                </div>
                <p class="text-secondary small mb-0">Access high-quality training and practical career-focused curricula.</p>
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-4">
            <div class="p-3 border rounded shadow-sm bg-white h-100">
                <div class="d-flex align-items-center mb-3">
                    <i class="bi bi-patch-check-fill text-success fs-3 me-3"></i>
                    <h5 class="fw-bold text-dark mb-0">Mentorship Support</h5>
                </div>
                <p class="text-secondary small mb-0">Receive direct feedback, leadership coaching, and teamwork guidance from experienced mentors.</p>
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-4">
            <div class="p-3 border rounded shadow-sm bg-white h-100">
                <div class="d-flex align-items-center mb-3">
                    <i class="bi bi-patch-check-fill text-success fs-3 me-3"></i>
                    <h5 class="fw-bold text-dark mb-0">Networking Events</h5>
                </div>
                <p class="text-secondary small mb-0">Participate in regular events, training workshops, and corporate directory networking.</p>
            </div>
        </div>
    </div>
</div>


<!-- Start Your Journey Today (CTA Section) -->
<div class="bg-primary text-white py-5">
    <div class="container-fluid px-md-5 py-5 text-center">
        <h2 class="fw-bold display-5 mb-3">Start Your Journey Today</h2>
        <p class="lead text-light mb-4 mx-auto" style="max-width: 700px;">
            Choose to learn. Choose to lead. Choose to build meaningful relationships. Choose to grow with people who inspire success.
        </p>
        <h4 class="fw-bold text-light mb-5">Build Your Team. Build Your Career. Build Your Future.</h4>
        <div class="d-flex justify-content-center gap-3">
            <?php if (isLoggedIn()): ?>
                <a href="dashboard" class="btn btn-light btn-lg px-5 py-3 fw-bold text-primary shadow">Go to Dashboard</a>
            <?php else: ?>
                <a href="register" class="btn btn-light btn-lg px-5 py-3 fw-bold text-primary shadow">Register Now</a>
            <?php endif; ?>
        </div>
    </div>
</div>

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