@extends('frontend.layouts.app')
@section('content')
@include('frontend.partials.page-header', ['pageTitle'=>'Vision & Mission', 'breadcrumbs'=>[['name'=>'About','url'=>'/about'],['name'=>'Vision & Mission']]])
<section class="py-14"><div class="max-w-4xl mx-auto px-4 space-y-8">
<div class="bg-primary-50 border-l-4 border-primary-700 rounded-xl p-8" data-aos="fade-up">
<h2 class="font-display text-2xl font-bold text-primary-800 mb-4 flex items-center gap-3"><i class="fas fa-eye text-primary-600"></i> Our Vision</h2>
<p class="text-gray-700 text-lg leading-relaxed">To be a globally recognized institution of excellence in engineering and management education, fostering innovation, research, and ethical leadership.</p>
</div>
<div class="bg-emerald-50 border-l-4 border-emerald-600 rounded-xl p-8" data-aos="fade-up" data-aos-delay="100">
<h2 class="font-display text-2xl font-bold text-emerald-800 mb-4 flex items-center gap-3"><i class="fas fa-rocket text-emerald-600"></i> Our Mission</h2>
<ul class="space-y-3 text-gray-700">
@foreach(['Impart quality technical education aligned with industry needs and global standards','Foster research, innovation, and entrepreneurial spirit among students','Develop holistic professionals with strong ethical values and social responsibility','Build industry-academia partnerships for practical and experiential learning','Create an inclusive and empowering learning environment for all'] as $m)
<li class="flex items-start gap-3"><i class="fas fa-check-circle text-emerald-500 mt-1 flex-shrink-0"></i>{{ $m }}</li>
@endforeach
</ul>
</div>
</div></section>
@endsection