@extends('layouts.app')

@section('site_title', 'Technical Committee Members & Partners for 55th IFFI ')
@section('site_description',
    'Explore the list of dedicated Technical Committee at 55th IFFI that help to execute the
    event successfully.')
@section('site_keywords',
    'IFFI Technical Committee, technical experts IFFI, film festival operations, IFFI event
    management,')

@section('content')
    <!-- Header start-->
    @include('layouts.header')
    <!-- Header end-->

    <!-- Menu slide start-->
    @include('layouts.menu')
    <!-- Menu slide end -->

    <!-- Inner Page Banner Section -->
    <div class="container-fluid page-header bannerBg-committee py-5">
        <div class="container text-center ">
            <h1 class="page-title-header">Technical Committee</h1>
        </div>
    </div>

    <section class="committee-section pt-5">
        <div class="container">
            <div class="section-heading mb-2 text-center center-heading">
                <h2 class="mb-4">List of Technical Committee Members</h2>
            </div>

            <div class="row g-4">

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>Padma Shri A.K. Bir</h4>
                        <p>Eminent Film Maker</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>Shri B. Diwakar</h4>
                        <p>Professor in Cinematography</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>Shri Shekhar Kapoor</h4>
                        <p>Festival Director, 56th IFFI</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>Shri Prakash Magdum</h4>
                        <p>MD, NFDC</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>CEO</h4>
                        <p>ESG, Goa</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>Commissioner</h4>
                        <p>Panaji Municipality, Govt. of Goa</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>Chief Engineer (Elect.)</h4>
                        <p>Govt. of Goa</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>Health Officer</h4>
                        <p>Panaji, Govt. o f Goa</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>Chief Fire Officer</h4>
                        <p>Panaji, Govt. o f Goa</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>Traffic Commissioner</h4>
                        <p>Panaji, Govt. o f Goa</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>In charge</h4>
                        <p>INOX Theatre, Goa</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>Chairman</h4>
                        <p>Kala Academy, Goa</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>Shri Anirvan Ghosh</h4>
                        <p>M/s. Pulz Electronics</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>Shri Ketan Mehta</h4>
                        <p>M/s. Real Image/Qube</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>Shri Ujwal Nirgudkar</h4>
                        <p>M/s. SMPTE</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>Shri Love Malik</h4>
                        <p>General Manager, PVR/INOX CINEMA</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>Shri Ramsahay Yadav</h4>
                        <p>Cinematographer, SSE (Formerly Films Division)</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="mentor-card">
                        <h4>Shri Gautam Bhanot</h4>
                        <p>General Manager, IFFI, NFDC</p>
                    </div>
                </div>
            </div>
    </section>

    {{-- Technical partner --}}
    <div class="col-lg-12 mb-5">
        <div class="container">
            <div class="section-heading mb-4 text-center mt-5 center-heading">
                <h2>Technical Partners</h2>
            </div>
            <div class="owl-carousel-sponsor">
                @foreach ($partners as $partner)
                    <div class="item ">
                        <img src="{{ asset('images/sponsor/' . $partner) }}" alt="Patners logo" class="img-fluid">
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@endsection

<style>
    .mentor-card {
        position: relative;
        height: 100%;
        background: #fff;
        border-radius: 18px;
        padding: 30px 25px 25px;

        overflow: hidden;
    }

    .mentor-card h4 {
        font-size: 22px;
        font-weight: 700;
        color: #1f2937;
        margin-bottom: 0px;
    }

    .mentor-card p {
        margin: 0;
        color: #6b7280;
        font-size: 16px;
        font-weight: 500;
    }

    @media(max-width:767px) {
        .mentor-card {
            padding: 25px 20px;
        }

        .mentor-card h4 {
            font-size: 19px;
        }

        .mentor-card p {
            font-size: 15px;
        }
    }
</style>