<?php include('db/connection.php'); 
// If no DB data, set fallback
if(empty($row[1])) {
    $company_name = "SDB INNOVATIONS PRIVATE LIMITED";
    $phone = "8171437264";
    $email = "sdbinnovation@mail.com";
    $address = "Nagla Radhe, Umari National Highway 19, Sirsaganj, Firozabad, UP - 283151";
    $reg_no = "U27500UP2026PTC240629";
} else {
    $company_name = $row[1];
    $phone = $row[5] ?? "8171437264";
    $email = $row[5] ?? "sdbinnovation@mail.com";
    $address = $row[4] ?? "Nagla Radhe, Umari National Highway 19, Sirsaganj, Firozabad, UP - 283151";
    $reg_no = $row[6] ?? "U27500UP2026PTC240629";
}
?>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title><?php echo $company_name; ?> || About Us - Certified Direct Selling Brand</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="SDB Innovations, direct selling, MLM company, wellness products, business opportunity" name="keywords">
    <meta content="SDB Innovations - A certified direct selling company registered under MSME, ISO certified, offering wellness products and business opportunities across India." name="description">

    <!-- Favicon -->
    <link href="img/logo/logo22222.png" rel="icon">

    <!-- Google Fonts -->
    <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=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">

    <!-- Font Awesome 6 -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Bootstrap 5 -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- AOS Animation -->
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

    <!-- Custom CSS -->
    <style>
        * {
            font-family: 'Poppins', sans-serif;
        }
        
        :root {
            --primary: #8B5CF6;
            --secondary: #EC4899;
            --accent: #10B981;
            --dark: #1F2937;
            --light: #F9FAFB;
        }
        
        body {
            overflow-x: hidden;
            background: #f8fafc;
        }
        
        /* Modern Gradient Backgrounds */
        .gradient-primary {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }
        
        .gradient-secondary {
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
        }
        
        .gradient-success {
            background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%);
        }
        
        /* Glass Morphism */
        .glass-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
            border-radius: 20px;
            padding: 2rem;
            transition: all 0.3s ease;
        }
        
        .glass-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.2);
        }
        
        /* Modern Cards */
        .modern-card {
            background: white;
            border-radius: 20px;
            padding: 2rem;
            transition: all 0.3s ease;
            border: 1px solid rgba(0,0,0,0.05);
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            height: 100%;
        }
        
        .modern-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(139, 92, 246, 0.15);
        }
        
        /* Page Header */
        .page-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            position: relative;
            overflow: hidden;
            padding: 120px 0 80px;
        }
        
        .page-header::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');
            background-repeat: no-repeat;
            background-position: bottom;
            background-size: cover;
            opacity: 0.3;
        }
        
        /* Floating Animation */
        .floating {
            animation: floating 3s ease-in-out infinite;
        }
        
        @keyframes floating {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
            100% { transform: translateY(0px); }
        }
        
        /* Timeline */
        .timeline-item {
            position: relative;
            padding: 20px 20px 20px 60px;
            background: white;
            border-radius: 15px;
            margin-bottom: 20px;
            border-left: 5px solid var(--primary);
            transition: all 0.3s ease;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
        }
        
        .timeline-item:hover {
            transform: translateX(10px);
            box-shadow: 0 10px 30px rgba(139, 92, 246, 0.2);
        }
        
        .timeline-icon {
            position: absolute;
            left: -15px;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.2rem;
            box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
        }
        
        /* Team Cards */
        .team-card {
            background: white;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .team-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(139, 92, 246, 0.3);
        }
        
        .team-img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            transition: all 0.5s ease;
        }
        
        .team-card:hover .team-img {
            transform: scale(1.1);
        }
        
        .team-social {
            position: absolute;
            bottom: 100px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            gap: 10px;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.3s ease;
        }
        
        .team-card:hover .team-social {
            opacity: 1;
            transform: translateY(0);
        }
        
        .team-social a {
            width: 40px;
            height: 40px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary);
            font-size: 1.2rem;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            transition: all 0.3s ease;
        }
        
        .team-social a:hover {
            background: var(--primary);
            color: white;
            transform: rotate(360deg);
        }
        
        /* Certification Badges */
        .cert-badge {
            display: inline-block;
            padding: 10px 25px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border-radius: 50px;
            font-weight: 600;
            margin: 5px;
            box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);
            transition: all 0.3s ease;
        }
        
        .cert-badge:hover {
            transform: scale(1.05);
            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.5);
        }
        
        /* Stats Counter */
        .stat-box {
            background: white;
            border-radius: 15px;
            padding: 2rem;
            text-align: center;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
        }
        
        .stat-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(139, 92, 246, 0.15);
        }
        
        .stat-number {
            font-size: 2.5rem;
            font-weight: 800;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        /* Value Cards */
        .value-card {
            text-align: center;
            padding: 2rem;
            background: white;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
            height: 100%;
        }
        
        .value-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(139, 92, 246, 0.2);
        }
        
        .value-icon {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            color: white;
            font-size: 2rem;
            transition: all 0.3s ease;
        }
        
        .value-card:hover .value-icon {
            transform: rotateY(180deg);
        }
        
        /* Mission Vision Cards */
        .mission-card {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border-radius: 20px;
            padding: 2.5rem;
            height: 100%;
            position: relative;
            overflow: hidden;
        }
        
        .mission-card::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -50%;
            width: 200%;
            height: 200%;
            background: rgba(255,255,255,0.1);
            transform: rotate(45deg);
            transition: all 0.5s ease;
        }
        
        .mission-card:hover::before {
            transform: rotate(90deg);
        }
        
        /* Facility Items */
        .facility-item {
            padding: 1rem;
            border-bottom: 1px solid #e5e7eb;
            transition: all 0.3s ease;
        }
        
        .facility-item:hover {
            background: #f3f4f6;
            padding-left: 1.5rem;
        }
        
        .facility-item i {
            color: var(--primary);
            margin-right: 10px;
        }
        
        /* Section Titles */
        .section-title {
            text-align: center;
            margin-bottom: 60px;
        }
        
        .section-title h2 {
            font-size: 2.5rem;
            font-weight: 800;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 20px;
            position: relative;
            display: inline-block;
        }
        
        .section-title h2::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, #667eea, #764ba2);
            border-radius: 2px;
        }
        
        .section-title p {
            font-size: 1.1rem;
            color: #6B7280;
            max-width: 700px;
            margin: 0 auto;
        }
        
        /* Back to Top Button */
        .back-to-top {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 50px;
            height: 50px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            box-shadow: 0 5px 20px rgba(102, 126, 234, 0.5);
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
        }
        
        .back-to-top.show {
            opacity: 1;
            visibility: visible;
        }
        
        .back-to-top:hover {
            transform: scale(1.1) rotate(360deg);
            background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            .section-title h2 {
                font-size: 2rem;
            }
        }
    </style>
</head>

<body>
   

    <!-- Topbar Start -->
    <?php include('assets/header.php'); ?>
    <!-- Navbar End -->

    <!-- Page Header Start -->
    <div class="page-header">
        <div class="container text-center py-5">
            <h1 class="display-3 text-white mb-4 animated fadeInDown" data-aos="fade-down">About Us</h1>
            <nav aria-label="breadcrumb" data-aos="fade-up">
                <ol class="breadcrumb justify-content-center">
                    <li class="breadcrumb-item"><a href="index.php" class="text-white">Home</a></li>
                    <li class="breadcrumb-item active text-white" aria-current="page">About Us</li>
                </ol>
            </nav>
        </div>
    </div>
    <!-- Page Header End -->

    <!-- Company Introduction Start -->
    <div class="container-xxl py-5">
        <div class="container">
            <div class="row g-5 align-items-center">
                <div class="col-lg-6" data-aos="fade-right">
                    <div class="position-relative">
                        <img src="img/logo/logo11.png" class="img-fluid floating" alt="SDB Innovations">
                        <div class="position-absolute top-50 start-50 translate-middle">
                            <div class="cert-badge">ISO Certified</div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6" data-aos="fade-left">
                    <div class="glass-card">
                        <h2 class="display-6 mb-4">Welcome to <span class="gradient-primary"><?php echo $company_name; ?></span></h2>
                        <p class="lead mb-4">Building a Legacy of Trust and Empowerment — From Vision to Value, Serving Homes Across India</p>
                        <p>SDB Innovations Private Limited is more than a company — it is a forward-thinking organization built on innovation, integrity, and a commitment to improving everyday lives. Established with a vision to create meaningful impact across communities, the company strives to deliver solutions that promote holistic growth — financially, socially, and technologically.</p>
                        <div class="d-flex gap-3 mt-4">
                            <div class="text-center">
                                <h3 class="stat-number">50000+</h3>
                                <p class="text-muted">Happy Members</p>
                            </div>
                            <div class="text-center">
                                <h3 class="stat-number">25+</h3>
                                <p class="text-muted">States Covered</p>
                            </div>
                            <div class="text-center">
                                <h3 class="stat-number">100+</h3>
                                <p class="text-muted">Products</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Company Introduction End -->

    <!-- Mission & Vision Start -->
    <div class="container-xxl py-5 bg-light">
        <div class="container">
            <div class="row g-4">
                <div class="col-md-6" data-aos="flip-left">
                    <div class="mission-card">
                        <i class="fas fa-bullseye fa-3x mb-4"></i>
                        <h3 class="text-white mb-4">Our Mission</h3>
                        <p class="text-white-50">Our mission is rooted in empowering individuals, building long-term relationships, and creating sustainable opportunities through responsible enterprise.</p>
                        <ul class="list-unstyled text-white-50 mt-4">
                            <li><i class="fas fa-check text-white me-2"></i> Empower individuals financially</li>
                            <li><i class="fas fa-check text-white me-2"></i> Build long-term relationships</li>
                            <li><i class="fas fa-check text-white me-2"></i> Create sustainable opportunities</li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-6" data-aos="flip-right" data-aos-delay="200">
                    <div class="mission-card" style="background: linear-gradient(135deg, #EC4899 0%, #8B5CF6 100%);">
                        <i class="fas fa-eye fa-3x mb-4"></i>
                        <h3 class="text-white mb-4">Our Vision</h3>
                        <p class="text-white-50">To become India's most trusted direct selling brand, creating millionaires and transforming lives through innovative wellness products.</p>
                        <ul class="list-unstyled text-white-50 mt-4">
                            <li><i class="fas fa-check text-white me-2"></i> Pan-India presence by 2025</li>
                            <li><i class="fas fa-check text-white me-2"></i> Create 10,000+ entrepreneurs</li>
                            <li><i class="fas fa-check text-white me-2"></i> Global expansion</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Mission & Vision End -->

    <!-- Company Story Timeline Start -->
    <div class="container-xxl py-5">
        <div class="container">
            <div class="section-title" data-aos="fade-up">
                <h2>Our Journey</h2>
                <p>From inception to becoming a certified brand - our story of trust and growth</p>
            </div>
            
            <div class="row" data-aos="fade-up">
                <div class="col-lg-8 mx-auto">
                    <div class="timeline-item">
                        <div class="timeline-icon"><i class="fas fa-calendar-alt"></i></div>
                        <h4>2023 - Foundation</h4>
                        <p>SDB Innovations Private Limited was established with a vision to create meaningful impact.</p>
                    </div>
                    
                    <div class="timeline-item">
                        <div class="timeline-icon"><i class="fas fa-certificate"></i></div>
                        <h4>2024 - Certifications Achieved</h4>
                        <p>Received ISO certification, MSME registration, and Government of India approval.</p>
                    </div>
                    
                    <div class="timeline-item">
                        <div class="timeline-icon"><i class="fas fa-users"></i></div>
                        <h4>2025 - Milestone Achievement</h4>
                        <p>Reached 50,000+ members across 25+ states in India.</p>
                    </div>
                    
                    <div class="timeline-item">
                        <div class="timeline-icon"><i class="fas fa-globe"></i></div>
                        <h4>2026 - Expansion Phase</h4>
                        <p>Planning global expansion and launching new product lines.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Company Story Timeline End -->

    <!-- Leadership Team Start -->
    <div class="container-xxl py-5 bg-light">
        <div class="container">
            <div class="section-title" data-aos="fade-up">
                <h2>Our Leadership</h2>
                <p>Meet the visionaries behind SDB Innovations</p>
            </div>
            
            <div class="row g-4">
                <div class="col-lg-4 col-md-6" data-aos="fade-up">
                    <div class="team-card">
                        <img src="img/team-1.jpg" class="team-img" alt="Mr. Mohan Singh">
                        <div class="p-4 text-center">
                            <h4>Mr. Mohan Singh</h4>
                            <p class="text-primary">CMD (Chairman & Managing Director)</p>
                            <p class="small text-muted">Visionary leader with 25+ years of experience in direct selling industry.</p>
                        </div>
                        <div class="team-social">
                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
                    <div class="team-card">
                        <img src="img/team-2.jpg" class="team-img" alt="Mr. Asalendra Singh">
                        <div class="p-4 text-center">
                            <h4>Mr. Asalendra Singh</h4>
                            <p class="text-primary">Director</p>
                            <p class="small text-muted">Operations & Business Development expert with 15+ years experience.</p>
                        </div>
                        <div class="team-social">
                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
                    <div class="team-card">
                        <img src="img/team-3.jpg" class="team-img" alt="Mrs. Renu Singh">
                        <div class="p-4 text-center">
                            <h4>Mrs. Renu Singh</h4>
                            <p class="text-primary">Director</p>
                            <p class="small text-muted">Strategic Planning & CSR initiatives lead, women empowerment advocate.</p>
                        </div>
                        <div class="team-social">
                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Leadership Team End -->

    <!-- Certifications & Registrations Start -->
    <div class="container-xxl py-5">
        <div class="container">
            <div class="section-title" data-aos="fade-up">
                <h2>Certifications & Trust</h2>
                <p>We are certified and approved by government authorities</p>
            </div>
            
            <div class="row g-4">
                <div class="col-md-3 col-6" data-aos="zoom-in">
                    <div class="modern-card text-center">
                        <i class="fas fa-certificate fa-3x text-primary mb-3"></i>
                        <h5>ISO Certified</h5>
                        <p class="small">International Standards</p>
                    </div>
                </div>
                
                <div class="col-md-3 col-6" data-aos="zoom-in" data-aos-delay="100">
                    <div class="modern-card text-center">
                        <i class="fas fa-building fa-3x text-primary mb-3"></i>
                        <h5>MSME Registered</h5>
                        <p class="small">Ministry of MSME, Govt of India</p>
                    </div>
                </div>
                
                <div class="col-md-3 col-6" data-aos="zoom-in" data-aos-delay="200">
                    <div class="modern-card text-center">
                        <i class="fas fa-indian-rupee-sign fa-3x text-primary mb-3"></i>
                        <h5>Govt Approved</h5>
                        <p class="small">Government of India</p>
                    </div>
                </div>
                
                <div class="col-md-3 col-6" data-aos="zoom-in" data-aos-delay="300">
                    <div class="modern-card text-center">
                        <i class="fas fa-file-alt fa-3x text-primary mb-3"></i>
                        <h5>MCA Registered</h5>
                        <p class="small">Ministry of Corporate Affairs</p>
                    </div>
                </div>
            </div>
            
            <div class="text-center mt-4" data-aos="fade-up">
                <div class="alert alert-info d-inline-block">
                    <strong>Registration No:</strong> <?php echo $reg_no; ?>
                </div>
            </div>
        </div>
    </div>
    <!-- Certifications End -->

    <!-- Core Values Start -->
    <div class="container-xxl py-5 bg-light">
        <div class="container">
            <div class="section-title" data-aos="fade-up">
                <h2>Our Core Values</h2>
                <p>The principles that guide everything we do</p>
            </div>
            
            <div class="row g-4">
                <div class="col-md-3" data-aos="flip-left">
                    <div class="value-card">
                        <div class="value-icon">
                            <i class="fas fa-heart"></i>
                        </div>
                        <h5>Integrity</h5>
                        <p class="small">Ethical business practices and transparency</p>
                    </div>
                </div>
                
                <div class="col-md-3" data-aos="flip-left" data-aos-delay="100">
                    <div class="value-card">
                        <div class="value-icon">
                            <i class="fas fa-hand-holding-heart"></i>
                        </div>
                        <h5>Empowerment</h5>
                        <p class="small">Creating opportunities for all</p>
                    </div>
                </div>
                
                <div class="col-md-3" data-aos="flip-left" data-aos-delay="200">
                    <div class="value-card">
                        <div class="value-icon">
                            <i class="fas fa-lightbulb"></i>
                        </div>
                        <h5>Innovation</h5>
                        <p class="small">Continuous improvement in products</p>
                    </div>
                </div>
                
                <div class="col-md-3" data-aos="flip-left" data-aos-delay="300">
                    <div class="value-card">
                        <div class="value-icon">
                            <i class="fas fa-users"></i>
                        </div>
                        <h5>Community</h5>
                        <p class="small">Building a strong family of members</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Core Values End -->

    <!-- Facilities & Benefits Start -->
    <div class="container-xxl py-5">
        <div class="container">
            <div class="section-title" data-aos="fade-up">
                <h2>Our Facilities & Benefits</h2>
                <p>Supporting our members every step of the way</p>
            </div>
            
            <div class="row g-4">
                <div class="col-md-4" data-aos="fade-right">
                    <div class="modern-card">
                        <h4 class="mb-4"><i class="fas fa-hospital text-primary me-2"></i> Medical Emergency</h4>
                        <div class="facility-item">
                            <i class="fas fa-flask"></i> Lab Testing: 25%-50% assistance
                        </div>
                        <div class="facility-item">
                            <i class="fas fa-tint"></i> Blood Bank: Free for Silver+
                        </div>
                        <div class="facility-item">
                            <i class="fas fa-ambulance"></i> Accident Treatment: Up to ₹50,000
                        </div>
                    </div>
                </div>
                
                <div class="col-md-4" data-aos="fade-up">
                    <div class="modern-card">
                        <h4 class="mb-4"><i class="fas fa-shield-alt text-primary me-2"></i> Insurance Coverage</h4>
                        <div class="facility-item">
                            <i class="fas fa-umbrella"></i> Accident Insurance: ₹5-10 Lakh
                        </div>
                        <div class="facility-item">
                            <i class="fas fa-hand-holding-usd"></i> Emergency Fund: ₹10,000-1,00,000
                        </div>
                        <div class="facility-item">
                            <i class="fas fa-heartbeat"></i> Life Cover benefits
                        </div>
                    </div>
                </div>
                
                <div class="col-md-4" data-aos="fade-left">
                    <div class="modern-card">
                        <h4 class="mb-4"><i class="fas fa-graduation-cap text-primary me-2"></i> Training & Development</h4>
                        <div class="facility-item">
                            <i class="fas fa-chalkboard-teacher"></i> Free MSME Training Programs
                        </div>
                        <div class="facility-item">
                            <i class="fas fa-chart-line"></i> Business Development
                        </div>
                        <div class="facility-item">
                            <i class="fas fa-trophy"></i> Leadership Workshops
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Facilities End -->

    <!-- Social Impact Start -->
    <div class="container-xxl py-5 bg-light">
        <div class="container">
            <div class="section-title" data-aos="fade-up">
                <h2>Our Social Impact</h2>
                <p>Giving back to the community</p>
            </div>
            
            <div class="row g-4">
                <div class="col-md-3 col-6" data-aos="zoom-in">
                    <div class="modern-card text-center">
                        <i class="fas fa-utensils fa-3x text-primary mb-3"></i>
                        <h5>Free Meal Support</h5>
                        <p>Senior citizens & underprivileged</p>
                    </div>
                </div>
                
                <div class="col-md-3 col-6" data-aos="zoom-in" data-aos-delay="100">
                    <div class="modern-card text-center">
                        <i class="fas fa-book fa-3x text-primary mb-3"></i>
                        <h5>Education Support</h5>
                        <p>Stationery & books for children</p>
                    </div>
                </div>
                
                <div class="col-md-3 col-6" data-aos="zoom-in" data-aos-delay="200">
                    <div class="modern-card text-center">
                        <i class="fas fa-female fa-3x text-primary mb-3"></i>
                        <h5>Girls Education</h5>
                        <p>Empowering girl child</p>
                    </div>
                </div>
                
                <div class="col-md-3 col-6" data-aos="zoom-in" data-aos-delay="300">
                    <div class="modern-card text-center">
                        <i class="fas fa-tshirt fa-3x text-primary mb-3"></i>
                        <h5>Cloth Donations</h5>
                        <p>Environment protection</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Social Impact End -->

    <!-- Contact Info Start -->
    <div class="container-xxl py-5">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="glass-card text-center">
                        <h3 class="mb-4">Get in Touch</h3>
                        <div class="row">
                            <div class="col-md-4">
                                <i class="fas fa-map-marker-alt fa-2x text-primary mb-3"></i>
                                <h5>Address</h5>
                                <p><?php echo $row[3]; ?></p>
                            </div>
                            <div class="col-md-4">
                                <i class="fas fa-phone fa-2x text-primary mb-3"></i>
                                <h5>Phone</h5>
                                <p>+91 <?php echo $phone; ?></p>
                            </div>
                            <div class="col-md-4">
                                <i class="fas fa-envelope fa-2x text-primary mb-3"></i>
                                <h5>Email</h5>
                                <p><?php echo $row[4]; ?></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Contact Info End -->

    <!-- Footer Start -->
    <?php include('assets/footer.php'); ?>

    <!-- Back to Top -->
    <a href="#" class="back-to-top" id="backToTop">
        <i class="bi bi-arrow-up"></i>
    </a>

    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    
    <!-- Template Javascript -->
    <script src="js/main.js"></script>
    
    <script>
        // Initialize AOS
        AOS.init({
            duration: 1000,
            once: true,
            offset: 100
        });
        
       
        
        // Back to top button
        window.addEventListener('scroll', function() {
            const backToTop = document.getElementById('backToTop');
            if (window.scrollY > 300) {
                backToTop.classList.add('show');
            } else {
                backToTop.classList.remove('show');
            }
        });
        
        // Smooth scroll to top
        document.getElementById('backToTop').addEventListener('click', function(e) {
            e.preventDefault();
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        });
        
        // Counter animation
        function animateCounter() {
            $('.stat-number').each(function() {
                var $this = $(this);
                var countTo = parseInt($this.text().replace(/[^0-9]/g, ''));
                
                if (!isNaN(countTo)) {
                    $({ countNum: 0 }).animate({
                        countNum: countTo
                    }, {
                        duration: 2000,
                        easing: 'swing',
                        step: function() {
                            $this.text(Math.floor(this.countNum).toLocaleString() + '+');
                        }
                    });
                }
            });
        }
        
        // Trigger animation when in viewport
        $(window).on('scroll', function() {
            $('.stat-number').each(function() {
                if ($(this).isInViewport() && !$(this).hasClass('counted')) {
                    $(this).addClass('counted');
                    animateCounter();
                }
            });
        });
        
        // Check if element is in viewport
        $.fn.isInViewport = function() {
            var elementTop = $(this).offset().top;
            var elementBottom = elementTop + $(this).outerHeight();
            var viewportTop = $(window).scrollTop();
            var viewportBottom = viewportTop + $(window).height();
            return elementBottom > viewportTop && elementTop < viewportBottom;
        };
    </script>
</body>

</html>