@include('frontend.header')




<main class="main">
    <!-- hero slider -->
    <div class="hero-section">
        <div class="hero-slider owl-carousel owl-theme">

            @foreach($banners as $banner)
                <div class="hero-single" style="background: url({{ asset($banner->banners) }}); background-size:cover;">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-md-12 col-lg-7">
                                <div class="hero-content">

                                    <h6 class="hero-sub-title" data-animation="fadeInDown" data-delay=".25s">
                                        <i class=""></i>{{$banner->heading}}
                                    </h6>

                                    <h1 class="hero-title" data-animation="fadeInRight" data-delay=".50s">
                                        {{$banner->title1}}
                                    </h1>

                                    <p data-animation="fadeInLeft" data-delay=".75s">
                                        {{$banner->title2}} <br>
                                        (Autonomous)
                                    </p>

                                    <div class="hero-btn" data-animation="fadeInUp" data-delay="1s">
                                        <a href="{{route('about')}}" class="theme-btn">About Us<i
                                                class="fas fa-arrow-right-long"></i></a>
                                        <a href="{{route('contact')}}" class="theme-btn theme-btn2">Contact<i
                                                class="fas fa-arrow-right-long"></i></a>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach

        </div>
    </div>

    <!-- hero slider end -->

    <!-- feature area -->
    <div class="feature-area fa-negative">
        <div class="col-xl-9 ms-auto">
            <div class="feature-wrapper">
                <div class="row g-4">
                    <div class="col-md-6 col-lg-3">
                        <div class="feature-item">
                            <span class="count">01</span>
                            <div class="feature-icon">
                                <img src="assets/img/icon/teacher.svg" alt="" />
                            </div>
                            <div class="feature-content">
                                <h4 class="feature-title">Eminent Professors</h4>
                                <p>
                                    Skilled lecturers, experts in their fields, are pivotal to our
                                    institution's high-quality, engaging education.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="feature-item">
                            <span class="count">02</span>
                            <div class="feature-icon">
                                <img src="assets/img/icon/art.svg" alt="" />
                            </div>
                            <div class="feature-content">
                                <h4 class="feature-title">State of the Art Infrastructure</h4>
                                <p>
                                    Our extensive library and laboratories offers vast
                                    resources for every student's learning and research.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="feature-item">
                            <span class="count">03</span>
                            <div class="feature-icon">
                                <img src="assets/img/icon/human.svg" alt="" />
                            </div>
                            <div class="feature-content">
                                <h4 class="feature-title">Students Support</h4>
                                <p>
                                    Our institution offers diverse scholarships to support student
                                    academic pursuits and financial needs.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="feature-item">
                            <span class="count">04</span>
                            <div class="feature-icon">
                                <img src="assets/img/icon/data.svg" alt="" />
                            </div>
                            <div class="feature-content">
                                <h4 class="feature-title">Entrepreneurial Support</h4>
                                <p>
                                    Institution Innovation Council nurtures students idea and
                                    extend financial support to motivate the innovative ideas of the students.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- feature area end -->

    <!-- about area -->
    <div class="about-area py-120">
        <div class="container">
            <div class="row g-4 align-items-center">
                <div class="col-lg-6">
                    <div class="about-left wow fadeInLeft" data-wow-delay=".25s">
                        <div class="about-img">
                            <div class="row g-4">
                                <div class="col-md-6">
                                    <img class="img-1" src="assets/img/about/dep-enter.png" alt="" />
                                    <div class="about-experience mt-4">
                                        <div class="about-experience-icon">
                                            <img src="assets/img/icon/exchange-idea.svg" alt="" />
                                        </div>
                                        <b class="text-start">64 Years Of <br />
                                            Quality Service</b>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <img class="img-2" src="assets/img/about/entrance-road.png" alt="" />
                                    <img class="img-3 mt-4" src="assets/img/about/student-class.png" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about-right wow fadeInRight" data-wow-delay=".25s">
                        <div class="site-heading mb-3">
                            <span class="site-title-tagline"><i class="far fa-book-open-reader"></i> About Us</span>
                            <h2 class="site-title">
                                Our Education System <span>Inspires</span> You More.
                            </h2>
                        </div>
                        <p class="about-text">
                            We aim at quality higher education consistent with our motto
                            "Virtus,Pietas, Fides" (Virtues, Devotion and Confidence). We
                            strive to facet Human Personality - of Character with Virtues,
                            of Knowledge with Devotion and of Skill with Confidence - for
                            God's Glory. Nation's Pride and Man's betterment
                        </p>
                        <div class="col-md-6 col-lg-12">
                            <div class="feature-item">
                                <span class="count">01</span>
                                <div class="feature-icon">
                                    <img src="assets/img/icon/global-education.svg" alt="" />
                                </div>
                                <div class="feature-content">
                                    <h4 class="feature-title">360&deg; View of Our College</h4>
                                    <p>
                                        <a href="{{ asset($video->videos) }}" target="__blank">
                                            CLICK HERE TO VIEW THE CAMPUS....
                                        </a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="about-content">
                            <div class="row gap-3">
                                <div class="p-4" style="
                        background-color: var(--theme-color);
                        color: white;
                        font-size: 1.2rem;
                        border-radius: 10px;
                      ">
                                    <h5 class="fw-semibold" style="font-size: 1.4rem; color: white">
                                        Vision
                                    </h5>
                                    <p class="small mb-0">
                                        To be a center of excellence producing responsible
                                        graduates driving sustainable societal growth.
                                    </p>
                                </div>

                                <div class="p-4" style="
                        background-color: var(--theme-color);
                        color: white;
                        font-size: 1.2rem;
                        border-radius: 10px;
                      ">
                                    <h5 class="fw-semibold text-light" style="font-size: 1.4rem">
                                        Mission
                                    </h5>
                                    <p class="small mb-0">
                                        Deliver quality education, foster research &amp;
                                        innovation, and nurture ethical values and
                                        employability.
                                    </p>
                                </div>

                                <div class="p-4" style="
                        background-color: var(--theme-color);
                        color: white;
                        font-size: 1.2rem;
                        border-radius: 10px;
                      ">
                                    <h5 class="fw-semibold text-light" style="font-size: 1.4rem">
                                        Core Values
                                    </h5>
                                    <ul class="small mb-0">
                                        <li>
                                            <i class="fas fa-caret-right me-2"></i>Integrity &amp;
                                            Inclusivity
                                        </li>
                                        <li>
                                            <i class="fas fa-caret-right me-2"></i>Academic
                                            Excellence
                                        </li>
                                        <li>
                                            <i class="fas fa-caret-right me-2"></i>Sustainability
                                            &amp; Service
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="about-bottom">
                            <a href="{{route('about')}}" class="theme-btn">Discover More<i
                                    class="fas fa-arrow-right-long"></i></a>
                            <div class="about-phone">
                                <div class="icon"><i class="fal fa-headset"></i></div>
                                <div class="number">
                                    <span>Call Now</span>
                                    <h6><a href="tel:+91 {{ $settings->phone }}">{{ $settings->phone }}</a></h6>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- about area end -->
    <!-- principalprofile -->
    <div class="team-single pt-20 pb-80">
        <div class="site-heading text-center">
            <span class="site-title-tagline"><i class="far fa-book-open-reader"></i> The Face of
                Leadership</span>
            <h2 class="site-title">Principal's <span>Profile</span></h2>
            <p>
                Guiding TGASC with vision, inspiring young minds with values, and
                leading the way towards academic excellence.
            </p>
        </div>
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-5">
                    <div class="team-single-img">
                        @if($basicinfo && $basicinfo->photo)
                            <img src="{{ asset('../storage/app/public/' . $basicinfo->photo) }}" alt=""
                                style="height: 400px" />
                        @else
                            <img src="{{ asset('assets/img/team/06.jpg') }}" alt="" style="height: 400px" />
                        @endif
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="team-details">
                        <h3>{{$basicinfo->name}} {{$basicinfo->qualification}}</h3>
                        <strong>Principal, Tagore Government Arts and Science College
                        </strong>
                        <p class="mt-3">
                            {{$basicinfo->about}}
                        </p>

                        <!-- View More Button -->
                        <div class="mt-0 text-end">
                            <a href="{{route('principal-profile')}}" class="btn view-more-btn-p">
                                View More <i class="fas fa-arrow-right ms-2"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- counter area -->
    <div class="counter-area pt-60 pb-60">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-sm-6">
                    <div class="counter-box">
                        <div class="icon">
                            <img src="assets/img/icon/course.svg" alt="" />
                        </div>
                        <div>
                            <span class="counter" data-count="+" data-to="17" data-speed="3000">17</span>
                            <h6 class="title">+ Total Departments</h6>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="counter-box">
                        <div class="icon">
                            <img src="assets/img/icon/graduation.svg" alt="" />
                        </div>
                        <div>
                            <span class="counter" data-count="+" data-to="1900" data-speed="3000">1900</span>
                            <h6 class="title">+ Our Students</h6>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="counter-box">
                        <div class="icon">
                            <img src="assets/img/icon/teacher-2.svg" alt="" />
                        </div>
                        <div>
                            <span class="counter" data-count="+" data-to="750" data-speed="3000">750</span>
                            <h6 class="title">+ Skilled Lecturers</h6>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="counter-box">
                        <div class="icon">
                            <img src="assets/img/icon/award.svg" alt="" />
                        </div>
                        <div>
                            <span class="counter" data-count="+" data-to="30" data-speed="3000">30</span>
                            <h6 class="title">+ Win Awards</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- counter area end -->

    <section class="info-section container">
        <!-- Quick Links -->
        <div class="quick-links">
            <div class="card-header-custom">Quick Links</div>
            <ul class="quick-links-menu">
                <li><a href="{{ route('nacc') }}">NAAC DETAILS</a></li>
                <li><a href="{{ route('circulars') }}">Circular</a></li>
                <li>
                    <a href="./assets/documents/SSR/SSRFinal.pdf">SSR 2024 Cycle 3 <span
                            class="badge-new">NEW</span></a>
                </li>
                <li>
                    <a href="./assets/documents/NIRFOFL/nirfcol25.pdf">NIRF - COLLEGE 2025</a>
                </li>
                <li>
                    <a href="./assets/documents/NIRFOFL/nirfiic25.pdf">NIRF - IIC 2025</a>
                </li>
                <li>
                    <a href="./assets/documents/NIRFOFL/NIRF_2022_OVERALL.pdf">NIRF 2022 OVERALL REPORT</a>
                </li>
                <li><a href="{{ route('alumni-engagements') }}">ALUMNI ENGAGEMENTS</a></li>
                <li><a href="{{ route('vision-mission') }}">VISION & MISSION</a></li>
                <li><a href="{{ route('academic-calendar') }}">Academic Calendar</a></li>
                <li><a href="./assets/documents/handbook.pdf">College Hand Book</a></li>
                <li><a href="{{ route('certificates') }}">Certificate</a></li>
                <li><a href="{{ route('committees') }}">Committees</a></li>
                <li><a href="{{ route('rusa') }}">PM -USHA</a></li>
                <li><a href="{{ route('notices') }}">Notices</a></li>
                <li><a href="{{ route('newspaper-clippings') }}">Press Clippings</a></li>
                <li><a href="{{ url('Nss') }}">NSS Cell</a></li>
                <li><a href="{{ url('Ncc') }}">NCC</a></li>
                <li><a href="{{ url('Placement') }}">Placement Cell</a></li>
                <li><a href="{{ route('icc') }}">Internal Compliance Committee</a></li>
                <li><a href="{{ route('rti') }}">RTI</a></li>
                <li><a href="{{ route('students-attendance') }}">Students' Attendance</a></li>
                <li><a href="{{ route('vips-visit') }}">VIPs' Visit</a></li>
                <li><a href="{{ route('general-time-table') }}">General Time Table</a></li>
                <li><a href="{{ route('org-chart') }}">Organization Chart</a></li>
                <li><a href="{{ route('recruitments-admissions') }}">Recruitments & Admission</a></li>
                <li><a href="{{ route('students-facilities-support') }}">Students' Facilities & Support</a></li>
                <li>
                    <a href="{{ route('registration-awards') }}">Registration for Awards under Various Categories</a>
                </li>
                <li><a href="{{ route('institution-innovation-council') }}">Institution Innovation Council</a></li>
                <li><a href="{{ route('reports-committees-events') }}">Reports of Various Committees &amp; Events</a></li>
                <li>
                    <a href="./assets/documents/ANTSEX.PDF">5 KEYS STEPS OF COMPLIANCE TO ANTI SEXUAL HARASSMENT</a>
                </li>
                <li>
                    <a href="https://tgasc.edu.in/GLIMPSES/index.html" target="_blank">GLIMPSES OF TAGORE GOVERNMENT ARTS AND SCIENCE COLLEGE</a>
                </li>
            </ul>
        </div>

        <!-- Announcements -->
        <div class="announcements">
            <div class="card-header-custom">Circulars</div>
            <div class="announcement-wrapper">
                <div class="announcement-list" id="announcementList">

                    @foreach($circulars as $item)
                        <div class="announcement-item">
                            <a href="{{ asset($item->pdf_file) }}" target="_blank" class="text-decoration-none">
                                {{-- TITLE --}}
                                <p class="text-dark">{{ $item->titleheading }}</p>

                                {{-- HEADING (default: A GRADE) --}}
                                <h6>
                                    {{ $item->title ?: '“A” GRADE' }}

                                    {{-- NEW BADGE (last 15 days) --}}
                                    @if($item->created_at >= now()->subDays(15))
                                        <span class="badge-new">NEW</span>
                                    @endif
                                </h6>
                            </a>
                            <a href="{{ asset($item->pdf_file) }}" target="_blank">CLICK HERE TO VIEW…</a>

                        </div>
                    @endforeach

                </div>
            </div>


        </div>
    </section>

    <!-- department area -->
    <div class="department-area py-120 bg-light">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mx-auto">
                    <div class="site-heading text-center">
                        <span class="site-title-tagline"><i class="far fa-book-open-reader"></i> Department</span>
                        <h2 class="site-title">Browse Our <span>Department</span></h2>
                        <p>
                            A legacy of academic excellence, strengthened by 19 diverse
                            streams, uniting tradition with modern learning
                        </p>
                    </div>
                </div>
            </div>
            <section id="departments" class="py-5">
                <div class="container">
                    <!-- Grid -->
                    <div class="row g-4">
                        @php
                            $homeDepts = [
                                ['name' => 'English', 'link' => url('department/english'), 'level' => 'UG'],
                                ['name' => 'Tamil', 'link' => url('department/tamil'), 'level' => 'UG'],
                                ['name' => 'French', 'link' => url('department/french'), 'level' => 'UG'],
                                ['name' => 'Hindi', 'link' => url('department/hindi'), 'level' => 'UG'],
                                ['name' => 'Historical Studies', 'link' => url('department/history'), 'level' => 'UG'],
                                ['name' => 'Economics', 'link' => url('department/economics'), 'level' => 'UG • PG'],
                                ['name' => 'Sociology', 'link' => url('department/sociology'), 'level' => 'UG'],
                                ['name' => 'Tourism', 'link' => url('department/tourism'), 'level' => 'UG'],
                                ['name' => 'Philosophy', 'link' => url('department/philosophy'), 'level' => 'UG'],
                                ['name' => 'Psychology', 'link' => url('department/psychology'), 'level' => 'UG'],
                                ['name' => 'Mathematics', 'link' => url('department/mathematics'), 'level' => 'UG • PG'],
                                ['name' => 'Physics', 'link' => url('department/physics'), 'level' => 'UG'],
                                ['name' => 'Chemistry', 'link' => url('department/chemistry'), 'level' => 'UG'],
                                ['name' => 'Plant Science', 'link' => url('department/plant-science'), 'level' => 'UG • PG • Research'],
                                ['name' => 'Computer Science', 'link' => url('department/computer-science'), 'level' => 'B.Sc. • BCA'],
                                ['name' => 'Zoology', 'link' => url('department/zoology'), 'level' => 'UG • PG'],
                                ['name' => 'Commerce', 'link' => url('department/commerce'), 'level' => 'B.Com • M.Com'],
                                ['name' => 'Co-operative Management', 'link' => url('department/co-operative-management'), 'level' => 'UG'],
                                ['name' => 'Physical Education', 'link' => url('department/physical-education'), 'level' => 'UG'],
                            ];
                        @endphp

                        @foreach($homeDepts as $dept)
                            <!-- Department Card -->
                            <div class="col-12 col-sm-6 col-lg-3">
                                <a href="{{ $dept['link'] }}" class="text-decoration-none h-100 d-block">
                                    <div class="department-card p-4 rounded-4 h-100 shadow-sm bg-white text-center border-0"
                                        style="transition: all 0.3s ease;">
                                        <h5 class="fw-bold"
                                            style="color: #0b2e6f; font-size: 1.1rem; min-height: 2.5rem; display: flex; align-items: center; justify-content: center;">
                                            {{ $dept['name'] }}</h5>
                                        <p class="mb-0 small text-muted font-italic">{{ $dept['level'] }}</p>
                                    </div>
                                </a>
                            </div>
                        @endforeach
                    </div>
                </div>
            </section>

            <!-- Custom Styling -->
        </div>
    </div>

    <!-- layout -->
    <section id="research" class="py-5">
        <div class="container text-center">
            <!-- Title -->
            <div class="site-heading text-center">
                <h2 class="site-title">Research <span>& Innovation</span></h2>
                <p>
                    It is a long established fact that a reader will be distracted by
                    the readable content of a page when looking at its layout.
                </p>
            </div>

            <!-- Research Items -->
            <div class="row g-4 justify-content-center">
                <div class="col-12 col-sm-6 col-lg-3">
                    <div class="research-card shadow-sm">
                        <i class="fas fa-flask"></i>
                        <h6>Labs</h6>
                        <p>Well-equipped for hands-on learning</p>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-lg-3">
                    <div class="research-card shadow-sm">
                        <i class="fas fa-lightbulb"></i>
                        <h6>Projects</h6>
                        <p>Faculty &amp; student research</p>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-lg-3">
                    <div class="research-card shadow-sm">
                        <i class="fas fa-book-open"></i>
                        <h6>Publications</h6>
                        <p>Indexed journals &amp; conferences</p>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-lg-3">
                    <div class="research-card shadow-sm">
                        <i class="fas fa-handshake"></i>
                        <h6>MoreUs</h6>
                        <p>Industry &amp; academic partners</p>
                    </div>
                </div>
            </div>

            <!-- View More -->
            <div class="mt-4">
                <a href="{{ url('/research-and-development') }}" class="btn view-more-btn">View more</a>
            </div>
        </div>
    </section>

    <!-- gallery-area -->
    <div class="gallery-area py-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mx-auto">
                    <div class="site-heading text-center">
                        <span class="site-title-tagline"><i class="far fa-book-open-reader"></i> Gallery</span>
                        <h2 class="site-title">Our Photo <span>Gallery</span></h2>
                        <p>
                            Capturing the Precious Moments that Define Our Journey and
                            Legacy at TGASC
                        </p>
                    </div>
                </div>
            </div>
            <div class="row popup-gallery">
                <div class="col-md-4 wow fadeInUp" data-wow-delay=".25s">
                    <div class="gallery-item">
                        <div class="gallery-img">
                            <img src="assets/img/gallery/elephant-tree.png" alt="" />
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/img/gallery/01.jpg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                    <div class="gallery-item">
                        <div class="gallery-img">
                            <img src="assets/img/gallery/route.png" alt="" />
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/img/gallery/02.jpg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 wow fadeInUp" data-wow-delay=".50s">
                    <div class="gallery-item">
                        <div class="gallery-img">
                            <img src="assets/img/gallery/GARDEN.png" alt="" />
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/img/gallery/03.jpg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                    <div class="gallery-item">
                        <div class="gallery-img">
                            <img src="assets/img/gallery/classroom.png" alt="" />
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/img/gallery/04.jpg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 wow fadeInUp" data-wow-delay=".75s">
                    <div class="gallery-item">
                        <div class="gallery-img">
                            <img src="assets/img/gallery/CANTEEN.png" alt="" />

                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/img/gallery/05.jpg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                    <div class="gallery-item">
                        <div class="gallery-img">
                            <img src="assets/img/gallery/chola.png" alt="" />

                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/img/gallery/06.jpg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- testimonial area -->
    <div class="testimonial-area ts-bg pt-80 pb-80">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mx-auto">
                    <div class="site-heading text-center">
                        <span class="site-title-tagline"><i class="far fa-book-open-reader"></i> Testimonials</span>
                        <h2 class="site-title text-white">
                            What Our Alumini <span>Say's</span>
                        </h2>
                        <p class="text-white">
                            Voices of pride and gratitude, sharing journeys beyond the
                            campus, where TGASC shaped their future.
                        </p>
                    </div>
                </div>
            </div>
            <div class="testimonial-slider owl-carousel owl-theme">

                @foreach($testimonials as $testimonial)
                    <div class="testimonial-item">

                        <!-- Rating -->
                        <div class="testimonial-rate">
                            @for($i = 1; $i <= 5; $i++)
                                @if($i <= $testimonial->rating)
                                    <i class="fas fa-star"></i>
                                @else
                                    <i class="far fa-star"></i>
                                @endif
                            @endfor
                        </div>

                        <!-- Quote -->
                        <div class="testimonial-quote">
                            <p>{{ $testimonial->testimonial }}</p>
                        </div>

                        <!-- Author -->
                        <div class="testimonial-content">
                            <div class="testimonial-author-img">
                                <img src="{{ asset($testimonial->image) }}" alt="{{ $testimonial->name }}" />
                            </div>
                            <div class="testimonial-author-info">
                                <h4>{{ $testimonial->name }}</h4>
                                <p>{{ $testimonial->title }}</p>
                            </div>
                        </div>

                        <span class="testimonial-quote-icon">
                            <i class="far fa-quote-right"></i>
                        </span>

                    </div>
                @endforeach

            </div>

        </div>
    </div>
    <!-- testimonial area end -->

    <section id="contact">
        <div class="ms-2 me-5 m-3">
            <div class="site-heading text-center">
                <span class="site-title-tagline"><i class="far fa-book-open-reader"></i> Our Contact</span>
                <h2 class="site-title">Contact & <span>Location</span></h2>
            </div>

            <div class="row g-4">
                <!-- Left: Contact Info + Form -->
                <div class="col-md-6" style="max-height: 900px !important">
                    <div class="bg-white rounded-4" style="padding: 70px">
                        <div class="fw-bold">
                            Tagore Government Arts & Science College
                        </div>
                        <div class="text-muted small mt-2">
                            Address Lawspet, Puducherry 605008, India
                        </div>
                        <div class="text-muted small">
                            Phone: 0413 -2253263| Email: info@tgasc.edu.in
                        </div>

                        <form class="row g-3 mt-3">
                            <div class="col-md-6">
                                <input type="text" class="form-control rounded-3" placeholder="Your Name" />
                            </div>
                            <div class="col-md-6">
                                <input type="email" class="form-control rounded-3" placeholder="Email" />
                            </div>
                            <div class="col-12">
                                <textarea class="form-control rounded-3" rows="3" placeholder="Message"></textarea>
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn w-100 rounded-3" style="
                        background-color: var(--theme-color);
                        color: white;
                        padding: 10px;
                      ">
                                    Send
                                </button>
                            </div>
                        </form>
                    </div>
                </div>

                <!-- Right: Map -->
                <div class="col-md-6">
                    <div class="bg-white rounded-4 h-100">
                        <div class="ratio ratio-16x9">
                            <iframe
                                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3903.1601828671946!2d79.80972381049313!3d11.96340928821795!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a5361466f55c323%3A0x36e975d728b448a!2sTagore%20Government%20Arts%20and%20Science%20College!5e0!3m2!1sen!2sin!4v1756703973741!5m2!1sen!2sin"
                                style="border: 0" allowfullscreen="" loading="lazy"
                                referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- partner area -->
    <div class="partner-area bg pt-0 pb-50" style="margin-top: -10px">
        <div class="container">
            <div class="partner-wrapper partner-slider owl-carousel owl-theme">
                <img src="assets/img/partner/01.png" alt="thumb" />
                <img src="assets/img/partner/02.png" alt="thumb" />
                <img src="assets/img/partner/03.png" alt="thumb" />
                <img src="assets/img/partner/04.png" alt="thumb" />
                <img src="assets/img/partner/05.png" alt="thumb" />
                <img src="assets/img/partner/06.png" alt="thumb" />
                <img src="assets/img/partner/02.png" alt="thumb" />
                <img src="assets/img/partner/03.png" alt="thumb" />
                <img src="assets/img/partner/04.png" alt="thumb" />
                <img src="assets/img/partner/05.png" alt="thumb" />
            </div>
        </div>
    </div>
    <!-- partner area end -->
</main>


@include('frontend.footer')