<?php
// privacy.php
// Emehama Village Community - Privacy Policy Page
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Privacy Policy — Emehama Village Community</title>

    <!-- Google Font: Inter -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap" rel="stylesheet" />

    <!-- Font Awesome 6 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />

    <!-- Main site CSS (shared with homepage) -->
    <link rel="stylesheet" href="assets/css/index.css" />
    <link rel="shortcut icon" type="image/x-icon" href="../images/ChatGPT Image Jul 13, 2026, 07_24_33 PM.png">

    <!-- Privacy-specific styles (scoped to this page) -->
    <style>
        /* ---------- PRIVACY PAGE ADDITIONS ---------- */
        /* These styles extend the main theme without affecting other pages */

        .privacy-hero {
            padding: 140px 0 60px;
            background: var(--darker);
            border-bottom: 1px solid rgba(255, 255, 255, 0.04);
            text-align: center;
        }

        .privacy-hero .section-tag {
            margin-bottom: 16px;
        }

        .privacy-hero h1 {
            font-size: clamp(2.4rem, 5vw, 3.8rem);
            font-weight: 800;
            letter-spacing: -0.02em;
            margin-bottom: 12px;
        }

        .privacy-hero p {
            font-size: 1.1rem;
            color: var(--gray);
            max-width: 640px;
            margin: 0 auto;
            line-height: 1.8;
        }

        .privacy-content {
            padding: 80px 0;
            background: var(--dark);
        }

        .privacy-grid {
            display: flex;
            flex-direction: column;
            gap: 32px;
            max-width: 820px;
            margin: 0 auto;
        }

        .privacy-card {
            background: var(--darker);
            border: 1px solid rgba(255, 255, 255, 0.06);
            border-radius: var(--radius);
            padding: 32px 36px;
            transition: var(--transition);
            display: flex;
            gap: 20px;
            align-items: flex-start;
            opacity: 0;
            transform: translateY(20px);
            animation: fadeUp 0.6s ease forwards;
        }

        .privacy-card:nth-child(1) { animation-delay: 0.05s; }
        .privacy-card:nth-child(2) { animation-delay: 0.10s; }
        .privacy-card:nth-child(3) { animation-delay: 0.15s; }
        .privacy-card:nth-child(4) { animation-delay: 0.20s; }
        .privacy-card:nth-child(5) { animation-delay: 0.25s; }
        .privacy-card:nth-child(6) { animation-delay: 0.30s; }
        .privacy-card:nth-child(7) { animation-delay: 0.35s; }
        .privacy-card:nth-child(8) { animation-delay: 0.40s; }
        .privacy-card:nth-child(9) { animation-delay: 0.45s; }
        .privacy-card:nth-child(10) { animation-delay: 0.50s; }

        @keyframes fadeUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .privacy-card:hover {
            border-color: rgba(0, 200, 83, 0.2);
            box-shadow: var(--shadow);
            transform: translateY(-4px);
        }

        .privacy-card-icon {
            flex-shrink: 0;
            width: 48px;
            height: 48px;
            border-radius: 12px;
            background: rgba(0, 200, 83, 0.12);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary);
            font-size: 1.2rem;
            margin-top: 2px;
        }

        .privacy-card-content h3 {
            font-size: 1.2rem;
            font-weight: 700;
            margin-bottom: 6px;
            letter-spacing: -0.01em;
        }

        .privacy-card-content p,
        .privacy-card-content ul {
            color: var(--gray);
            line-height: 1.7;
            font-size: 0.98rem;
        }

        .privacy-card-content ul {
            padding-left: 20px;
            list-style: disc;
            margin-top: 4px;
        }

        .privacy-card-content ul li {
            margin-bottom: 2px;
        }

        .privacy-card-content strong {
            color: var(--white);
            font-weight: 600;
        }

        .privacy-contact-info {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px 24px;
            margin-top: 8px;
        }

        .privacy-contact-info span {
            display: flex;
            align-items: center;
            gap: 10px;
            color: var(--gray);
            font-size: 0.95rem;
        }

        .privacy-contact-info i {
            color: var(--primary);
            width: 18px;
            text-align: center;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .privacy-hero {
                padding: 120px 0 40px;
            }
            .privacy-content {
                padding: 50px 0;
            }
            .privacy-card {
                padding: 24px 20px;
                flex-direction: column;
                gap: 12px;
            }
            .privacy-card-icon {
                width: 40px;
                height: 40px;
                font-size: 1rem;
            }
            .privacy-card-content h3 {
                font-size: 1.1rem;
            }
            .privacy-contact-info {
                grid-template-columns: 1fr;
                gap: 6px;
            }
        }

        @media (max-width: 480px) {
            .privacy-hero h1 {
                font-size: 1.8rem;
            }
            .privacy-card {
                padding: 20px 16px;
            }
        }
    </style>
</head>
<body>

    <!-- ============================================================
    NAVIGATION (same as homepage)
    ============================================================ -->
    <header class="site-header" id="siteHeader">
        <div class="container nav-container">
            <a href="index.php" class="nav-brand">
                <span class="brand-icon"><i class="fas fa-crown"></i></span>
                <span class="brand-name">Emehama Village <span class="brand-highlight">Community</span></span>
            </a>

            <nav class="nav-links" id="navLinks">
                <a href="index.php#hero" class="nav-link">Home</a>
                <a href="index.php#about" class="nav-link">About</a>
                <a href="index.php#executives" class="nav-link">Executives</a>
                <a href="index.php#location" class="nav-link">Location</a>
                <a href="index.php#contact" class="nav-link">Contact</a>
                <a href="#" class="nav-link nav-login">
                    <i class="fas fa-lock"></i> Admin
                </a>
            </nav>

            <button class="hamburger" id="hamburger" aria-label="Toggle navigation">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
            </button>
        </div>
    </header>

    <!-- ============================================================
    PRIVACY HERO
    ============================================================ -->
    <section class="privacy-hero">
        <div class="container">
            <span class="section-tag"><i class="fas fa-shield-alt" style="margin-right: 6px;"></i> Your Privacy Matters</span>
            <h1>Privacy Policy</h1>
            <p>Emehama Village Community is committed to protecting your personal information. This policy explains how we collect, use, and safeguard your data.</p>
        </div>
    </section>

    <!-- ============================================================
    PRIVACY CONTENT
    ============================================================ -->
    <section class="privacy-content">
        <div class="container">
            <div class="privacy-grid">

                <!-- 1. Introduction -->
                <div class="privacy-card">
                    <div class="privacy-card-icon"><i class="fas fa-hand-peace"></i></div>
                    <div class="privacy-card-content">
                        <h3>1. Introduction</h3>
                        <p>Welcome to the Emehama Village Community website. We value your privacy and are committed to protecting your personal information. This policy explains what data we collect, why we collect it, and how we keep it safe.</p>
                    </div>
                </div>

                <!-- 2. Information We Collect -->
                <div class="privacy-card">
                    <div class="privacy-card-icon"><i class="fas fa-database"></i></div>
                    <div class="privacy-card-content">
                        <h3>2. Information We Collect</h3>
                        <p>When you register as a member, we may collect the following information:</p>
                        <ul>
                            <li><strong>Full Name</strong></li>
                            <li><strong>Phone Number</strong></li>
                            <li><strong>Email Address</strong></li>
                            <li><strong>Kindred</strong> (family lineage)</li>
                            <li><strong>Date of Registration</strong></li>
                            <li><strong>Membership ID</strong> – a unique identifier generated by our system</li>
                        </ul>
                    </div>
                </div>

                <!-- 3. Why We Collect This Information -->
                <div class="privacy-card">
                    <div class="privacy-card-icon"><i class="fas fa-bullseye"></i></div>
                    <div class="privacy-card-content">
                        <h3>3. Why We Collect This Information</h3>
                        <p>We use your information to:</p>
                        <ul>
                            <li>Register and verify community members</li>
                            <li>Maintain accurate and up-to-date records</li>
                            <li>Improve communication within the community</li>
                            <li>Organise and manage community activities and events</li>
                            <li>Provide you with a personalised experience</li>
                        </ul>
                    </div>
                </div>

                <!-- 4. How We Protect Your Information -->
                <div class="privacy-card">
                    <div class="privacy-card-icon"><i class="fas fa-lock"></i></div>
                    <div class="privacy-card-content">
                        <h3>4. How We Protect Your Information</h3>
                        <p>We take data security seriously. Here’s how we protect your information:</p>
                        <ul>
                            <li>Only authorised administrators can access member records.</li>
                            <li>All data is stored securely and access is restricted.</li>
                            <li>We employ reasonable security measures to safeguard against unauthorised access or disclosure.</li>
                        </ul>
                    </div>
                </div>

                <!-- 5. QR Code Verification -->
                <div class="privacy-card">
                    <div class="privacy-card-icon"><i class="fas fa-qrcode"></i></div>
                    <div class="privacy-card-content">
                        <h3>5. QR Code Verification</h3>
                        <p>Every registered member receives a unique Membership ID and a corresponding QR Code. This QR Code is used <strong>only for membership verification</strong> through our official website. It helps us confirm your identity quickly and securely during community events or when accessing member-only services.</p>
                    </div>
                </div>

                <!-- 6. Information Sharing -->
                <div class="privacy-card">
                    <div class="privacy-card-icon"><i class="fas fa-share-alt"></i></div>
                    <div class="privacy-card-content">
                        <h3>6. Information Sharing</h3>
                        <p>We respect your privacy. We <strong>do not sell, trade, or share</strong> your personal information with third parties, except:</p>
                        <ul>
                            <li>When required by law or legal process.</li>
                            <li>When authorised by the community leadership for official purposes.</li>
                        </ul>
                        <p style="margin-top: 6px;">Your information stays within the Emehama Village Community.</p>
                    </div>
                </div>

                <!-- 7. Cookies -->
                <div class="privacy-card">
                    <div class="privacy-card-icon"><i class="fas fa-cookie-bite"></i></div>
                    <div class="privacy-card-content">
                        <h3>7. Cookies</h3>
                        <p>Our website may use cookies to improve your browsing experience. Cookies are small files stored on your device that help us remember your preferences and enhance site functionality. You can choose to disable cookies in your browser settings, but this may affect some features.</p>
                    </div>
                </div>

                <!-- 8. User Rights -->
                <div class="privacy-card">
                    <div class="privacy-card-icon"><i class="fas fa-user-edit"></i></div>
                    <div class="privacy-card-content">
                        <h3>8. User Rights</h3>
                        <p>You have the right to access and correct your personal information. If you believe any information we hold is incorrect or incomplete, please contact the community administrator, and we will update it promptly.</p>
                    </div>
                </div>

                <!-- 9. Changes to this Privacy Policy -->
                <div class="privacy-card">
                    <div class="privacy-card-icon"><i class="fas fa-clock"></i></div>
                    <div class="privacy-card-content">
                        <h3>9. Changes to this Privacy Policy</h3>
                        <p>We may update this policy from time to time to reflect changes in our practices or for legal reasons. We encourage you to review this page periodically. The date of the latest revision will be indicated at the bottom of this page.</p>
                    </div>
                </div>

                <!-- 10. Contact Us -->
                <div class="privacy-card">
                    <div class="privacy-card-icon"><i class="fas fa-address-card"></i></div>
                    <div class="privacy-card-content">
                        <h3>10. Contact Us</h3>
                        <p>If you have any questions or concerns about this privacy policy, please reach out to us:</p>
                        <div class="privacy-contact-info">
                            <span><i class="fas fa-community"></i> Emehama Village Community</span>
                            <span><i class="fas fa-phone"></i> +1 (555) 123-4567</span>
                            <span><i class="fas fa-envelope"></i> privacy@emehamavillage.org</span>
                            <span><i class="fas fa-location-dot"></i> 123 Leadership Ave, Suite 400, NY 10001</span>
                        </div>
                    </div>
                </div>

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

    <!-- ============================================================
    FOOTER (same as homepage)
    ============================================================ -->
    <footer class="site-footer">
        <div class="container footer-container">
            <div class="footer-top">
                <div class="footer-brand">
                    <a href="index.php" class="nav-brand footer-brand-link">
                        <span class="brand-icon"><i class="fas fa-crown"></i></span>
                        <span class="brand-name">Emehama Village <span class="brand-highlight">Community</span></span>
                    </a>
                    <p class="footer-description">
                        A thriving community built on unity, culture, and progress.
                    </p>
                </div>
                <div class="footer-links">
                    <h4>Quick Links</h4>
                    <ul>
                        <li><a href="index.php#hero">Home</a></li>
                        <li><a href="index.php#about">About</a></li>
                        <li><a href="index.php#executives">Executives</a></li>
                        <li><a href="index.php#location">Location</a></li>
                        <li><a href="index.php#contact">Contact</a></li>
                        <li><a href="privacy.php">Privacy Policy</a></li>
                    </ul>
                </div>
                <div class="footer-social">
                    <h4>Connect</h4>
                    <div class="footer-social-icons">
                        <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                        <a href="#" aria-label="Twitter"><i class="fab fa-x-twitter"></i></a>
                        <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                        <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2026 Emehama Village Community. All rights reserved.</p>
                <p class="footer-legal">
                    <a href="privacy.php">Privacy Policy</a> &middot; <a href="#">Terms of Service</a>
                </p>
            </div>
        </div>
    </footer>

    <!-- ============================================================
    JAVASCRIPT (same as homepage)
    ============================================================ -->
    <script src="assets/js/index.js"></script>
</body>
</html>