<?php session_start(); ?>
<!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ShareIt - אודותינו</title>
    <link rel="stylesheet" href="../assets/css/main.css">
    <link rel="stylesheet" href="../assets/css/about.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>

    <header>
        <div class="header-right">
            <a href="../index.php">
                <img src="../assets/img/logo.jpeg" alt="ShareIt Logo" class="header-logo">
            </a>
        </div>
        <div id="user-info">
            <?php if(isset($_SESSION['first_name'])): ?>
                שלום, <strong><?php echo $_SESSION['first_name']; ?></strong> | 
                <a href="../upload.php">שתף אוכל +</a> | 
                <a href="../api/auth_logout.php">התנתק</a>
            <?php else: ?>
                <a href="../login.php">כניסה</a> | <a href="../register.php" class="btn-register-outline">הרשמה</a>
            <?php endif; ?>
        </div>
    </header>

    <main class="about-page">
        <section class="about-hero">
            <div class="content-container">
                <div class="hero-brand-name">ShareIt</div>
                <h1>קהילה משתפת, חוסכת ויוצרת קיימות חברתית 🌍♻️</h1>
                <p class="hero-subtitle">הפלטפורמה הקהילתית החכמה לשיתוף מזון</p>
            </div>
        </section>

        <section class="vision-section">
            <div class="content-container">
                <div class="vision-grid">
                    <div class="vision-card purpose-card">
                        <i class="fas fa-bullseye card-icon"></i>
                        <h2>המטרה שלנו</h2>
                        <p>ShareIt היא פלטפורמה קהילתית חכמה שנועדה לצמצם בזבוז מזון, לעודד קיימות חברתית ולחזק את הקהילתיות המקומית. המערכת מאפשרת לשכנים באותו אזור גיאוגרפי לחלוק חומרי גלם טריים ושאריות מזון ביתי בצורה בטוחה ופשוטה.</p>
                    </div>
                    <div class="vision-card">
                        <i class="fas fa-eye card-icon"></i>
                        <h2>החזון שלנו</h2>
                        <p>אנחנו שואפים ליצור עולם שבו מזון לא נזרק אלא עובר לידיים שזקוקות לו. החזון שלנו הוא להפוך את שיתוף המשאבים הקהילתי לנורמה חברתית חדשה, תוך שימוש בטכנולוגיית AI מתקדמת כדי להבטיח את איכות ובטיחות המזון המועבר.</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="team-section">
            <div class="content-container"> 
                <h2 class="section-title">הנבחרת שלנו</h2>
                <p class="team-intro">אנחנו ארבעה סטודנטים לתואר ראשון במערכות מידע עם התמחות בחדשנות דיגיטלית</p>
                 
                <div class="team-grid">
                    <div class="team-card">
                        <div class="member-icon"><i class="fas fa-user-graduate"></i></div>
                        <h3>שירה דבח</h3>
                        <p>מערכות מידע | שנה ג'</p>
                    </div>
                    <div class="team-card">
                        <div class="member-icon"><i class="fas fa-user-graduate"></i></div>
                        <h3>עומר ציון</h3>
                        <p>מערכות מידע | שנה ג'</p>
                    </div>
                    <div class="team-card">
                        <div class="member-icon"><i class="fas fa-user-graduate"></i></div>
                        <h3>בר ציטר</h3>
                        <p>מערכות מידע | שנה ג'</p>
                    </div>
                    <div class="team-card">
                        <div class="member-icon"><i class="fas fa-user-graduate"></i></div>
                        <h3>שירה שיתיאת</h3>
                        <p>מערכות מידע | שנה ג'</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="academic-credit">
            <div class="content-container">
                <div class="credit-badge">
                    <p>פיתוח המיזם בוצע במסגרת אקסלרטור ב'</p>
                    <small>המכללה האקדמית תל אביב-יפו</small>
                </div>
            </div>
        </section>
    </main>

    <footer>
        <div class="footer-links">
            <a href="about.php">אודות</a> | <a href="#">צרו קשר</a> | <a href="faq.php">שאלות תשובות</a>
        </div>
        <p>© 2026 ShareIt - פלטפורמה קהילתית לשיתוף מזון</p>
    </footer>

</body>
</html> 