'use client';

import { useState } from "react";
import Container from "../../components/atoms/Container";
import Link from "next/link";
import Button from "../../components/atoms/Button";
import MinhajCountry from "../../components/molecules/MInhajCountry";
import { FaFlag, FaGlobe, FaUser, FaGraduationCap, FaUniversity, FaSearch, FaRocket, FaAward, FaHeadset } from "react-icons/fa";
import { MdOutlineMail, MdOutlinePhoneEnabled, MdSchool, MdSecurity } from "react-icons/md";
import { HiOutlineAcademicCap } from "react-icons/hi";
import { LiaDiceSolid } from "react-icons/lia";
import { FcDepartment } from "react-icons/fc";
import { Loader2, Star, Users, Target, CheckCircle, Shield, Zap, MessageSquare, Clock, Award, Phone, Mail, Globe, Building2, MapPin, Sparkles } from "lucide-react";
import Swal from 'sweetalert2';
import Image from "next/image";

// Import Shared Components (assuming we'll create matching versions)
import ModernCard from "../../components/shared/ModernCard";
import StatCard from "../../components/shared/StatCard";
import FeatureCard from "../../components/shared/FeatureCard";

function MinhajUniversity() {
  const [formData, setFormData] = useState({
    full_name: '',
    roll_number: '',
    department: '',
    email: '',
    last_education: '',
    country: '',
    city: '',
    interested_country: '',
    apply_for: '',
    whatsapp_number: '',
  });

  const [activeService, setActiveService] = useState(0);
  const [errors, setErrors] = useState({});
  const [loading, setLoading] = useState(false);

  const handleChange = (field, value) => {
    setFormData((prev) => ({ ...prev, [field]: value }));
    setErrors((prev) => ({ ...prev, [field]: '' }));
  };

  const validateForm = () => {
    const requiredFields = [
      'full_name',
      'roll_number',
      'department',
      'email',
      'whatsapp_number',
      'last_education',
      'city',
      'interested_country',
      'apply_for',
    ];
  
    const newErrors = {};
    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  
    const rawPhone = formData.whatsapp_number.trim();
    const cleanedPhone = rawPhone.replace(/[()\s-]/g, '');
    const phoneRegex = /^\+?[0-9]{7,16}$/;
  
    requiredFields.forEach((field) => {
      if (!formData[field]?.trim()) {
        newErrors[field] = 'This field is required';
      }
    });
  
    if (formData.email && !emailRegex.test(formData.email)) {
      newErrors.email = 'Enter a valid email';
    }
  
    if (formData.whatsapp_number && !phoneRegex.test(cleanedPhone)) {
      newErrors.whatsapp_number =
        'Enter a valid international phone number starting with + and 7–16 digits';
    }
  
    setErrors(newErrors);
    return Object.keys(newErrors).length === 0;
  };

  const handleSubmit = async (e) => {
    e.preventDefault();

    if (!validateForm()) return;

    setLoading(true);
    try {
      const res = await fetch("/api/frontend/minhaj-leads", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify(formData),
      });

      if (!res.ok) throw new Error("Submission failed");

      await res.json();
      Swal.fire({
        icon: 'success',
        title: 'Form submitted successfully!',
        confirmButtonColor: '#0ea5e9',
        background: '#ffffff',
        color: '#1f2937',
        customClass: {
          confirmButton: 'bg-linear-to-r from-teal-600 to-blue-500 text-white px-6 py-3 rounded-xl font-semibold'
        }
      });

      setFormData({
        full_name: '',
        roll_number: '',
        department: '',
        email: '',
        last_education: '',
        country: '',
        city: '',
        interested_country: '',
        apply_for: '',
        whatsapp_number: '',
      });
    } catch (err) {
      Swal.fire({
        icon: 'error',
        title: 'Something went wrong!',
        text: 'Please try again later.',
        confirmButtonColor: '#ef4444',
        background: '#ffffff',
        customClass: {
          confirmButton: 'bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded'
        }
      });
    } finally {
      setLoading(false);
    }
  };

  const renderError = (field) =>
    errors[field] && <p className="text-red-500 text-sm mt-1">{errors[field]}</p>;

  const services = [
    {
      icon: <FaUniversity className="text-white text-lg" />,
      title: "Admission Support",
      description: "Complete guidance for university applications worldwide",
      features: ["Application Review", "Document Preparation", "Deadline Management"]
    },
    {
      icon: <FaGraduationCap className="text-white text-lg" />,
      title: "Scholarship Assistance",
      description: "Maximize your funding opportunities with our expertise",
      features: ["Scholarship Search", "Application Support", "Essay Review"]
    },
    {
      icon: <FaFlag className="text-white text-lg" />,
      title: "Visa Processing",
      description: "Streamlined visa application with high success rate",
      features: ["Document Preparation", "Interview Coaching", "Follow-up Support"]
    },
    {
      icon: <MdSchool className="text-white text-lg" />,
      title: "IELTS Training",
      description: "Comprehensive preparation for language proficiency tests",
      features: ["Mock Tests", "Personalized Coaching", "Study Materials"]
    }
  ];

  const stats = [
    { number: "500+", label: "Students Assisted", icon: Users, color: "teal" },
    { number: "95%", label: "Success Rate", icon: Award, color: "blue" },
    { number: "50+", label: "Visa Assisted", icon: CheckCircle, color: "emerald" },
    { number: "24/7", label: "Support Available", icon: Clock, color: "amber" }
  ];

  const features = [
    {
      Icon: Shield,
      title: "Exclusive Partnership",
      description: "Official partner with Minhaj University for premium services",
      color: "teal"
    },
    {
      Icon: Zap,
      title: "Fast Processing",
      description: "Priority handling for Minhaj University students",
      color: "blue"
    },
    {
      Icon: Award,
      title: "Zero Cost",
      description: "All services completely free for Minhaj students",
      color: "emerald"
    },
    {
      Icon: Users,
      title: "Dedicated Support",
      description: "Personal advisor assigned to each student",
      color: "amber"
    }
  ];

  return (
    <div className="min-h-screen bg-linear-to-b from-gray-50 to-white">
      {/* Hero Section */}
      <div className="relative">
        <div className="absolute inset-0 bg-linear-to-r from-teal-50/50 to-blue-50/50"></div>
        
        <div className="absolute top-0 left-0 w-full h-full overflow-hidden">
          {[...Array(20)].map((_, i) => (
            <div
              key={i}
              className="absolute rounded-full bg-linear-to-r from-teal-200/20 to-blue-200/20 animate-float"
              style={{
                width: Math.random() * 100 + 50,
                height: Math.random() * 100 + 50,
                top: `${Math.random() * 100}%`,
                left: `${Math.random() * 100}%`,
                animationDelay: `${Math.random() * 5}s`,
                animationDuration: `${Math.random() * 10 + 10}s`
              }}
            />
          ))}
        </div>

        <Container>
          <div className="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 md:py-28">
            <div className="text-center">
              <div className="inline-flex items-center gap-2 bg-linear-to-r from-teal-100 to-blue-100 text-teal-700 px-6 py-3 rounded-full text-sm font-semibold mb-8 animate-pulse">
                <Shield className="w-5 h-5" />
                Exclusive Partnership with Minhaj University
              </div>

              <h1 className="text-5xl md:text-7xl font-bold text-gray-900 mb-8 leading-tight">
                Study Abroad{' '}
                <span className="bg-linear-to-r from-teal-600 to-blue-500 bg-clip-text text-transparent">
                  Made Easy
                </span>{' '}
                <br />
                for Minhaj Students
              </h1>

              <p className="text-xl md:text-2xl text-gray-600 mb-12 max-w-3xl mx-auto leading-relaxed">
                Fully funded opportunities, expert guidance, and personalized support - 
                all at zero cost through our exclusive partnership.
              </p>

              <div className="flex flex-col sm:flex-row gap-4 justify-center">
                <Link href={"#application-form"}>
                  <button className="bg-linear-to-r from-teal-600 to-blue-500 text-white font-semibold px-8 py-4 rounded-xl hover:shadow-xl transition-all duration-300 transform hover:scale-105 text-lg">
                    Start Free Application
                  </button>
                </Link>
                <Link href={"#services"}>
                  <button className="border-2 border-teal-600 text-teal-600 font-semibold px-8 py-4 rounded-xl hover:bg-teal-50 transition-all duration-300 text-lg">
                    Explore Opportunities
                  </button>
                </Link>
              </div>
            </div>
          </div>
        </Container>
      </div>

      {/* Stats Section */}
      <div className="py-16">
        <Container>
          <div className="text-center mb-12">
            <h2 className="text-3xl font-bold text-gray-900 mb-4">
              Minhaj Student Success Metrics
            </h2>
            <p className="text-gray-600 max-w-2xl mx-auto">
              Proven results from our exclusive partnership with Minhaj University
            </p>
          </div>
          
          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
            {stats.map((stat, index) => (
              <div key={index} className="bg-white rounded-2xl p-6 shadow-lg border border-gray-100 text-center">
                <div className={`inline-flex items-center justify-center w-16 h-16 rounded-xl bg-linear-to-r from-${stat.color}-50 to-${stat.color}-100 mb-4`}>
                  <stat.icon className={`w-8 h-8 text-${stat.color}-600`} />
                </div>
                <div className="text-3xl font-bold text-gray-900 mb-2">{stat.number}</div>
                <div className="text-gray-600 font-medium">{stat.label}</div>
              </div>
            ))}
          </div>
        </Container>
      </div>

      {/* Partnership Badge */}
      <div className="py-16 bg-linear-to-r from-teal-50/50 to-blue-50/50">
        <Container>
          <div className="text-center max-w-4xl mx-auto">
            <div className="inline-flex items-center justify-center p-4 bg-linear-to-r from-teal-600 to-blue-500 rounded-2xl mb-6 shadow-lg">
              <Shield className="text-white text-3xl" />
            </div>
            <h3 className="text-4xl font-bold text-gray-900 mb-4">
              Official Education Abroad Partner
            </h3>
            <p className="text-lg text-gray-700 leading-relaxed max-w-3xl mx-auto">
              UniversitiesPage is proud to be the exclusive study abroad consultant for Minhaj University Lahore. 
              Our partnership ensures that every Minhaj student receives premium guidance and support at absolutely no cost.
            </p>
            <div className="mt-8 flex flex-wrap justify-center gap-4">
              <div className="flex items-center text-sm text-teal-600 bg-teal-50 px-4 py-2 rounded-full">
                <CheckCircle className="text-teal-500 mr-2" size={16} />
                Verified by Minhaj University
              </div>
              <div className="flex items-center text-sm text-blue-600 bg-blue-50 px-4 py-2 rounded-full">
                <CheckCircle className="text-blue-500 mr-2" size={16} />
                100% Free Services
              </div>
              <div className="flex items-center text-sm text-emerald-600 bg-emerald-50 px-4 py-2 rounded-full">
                <CheckCircle className="text-emerald-500 mr-2" size={16} />
                Premium Support
              </div>
            </div>
          </div>
        </Container>
      </div>

      {/* Destination Countries */}
      <MinhajCountry />

      {/* Application Form */}
      <section id="application-form" className="py-20">
        <Container>
          <div className="text-center mb-16">
            <h2 className="text-4xl font-bold text-gray-900 mb-4">
              Begin Your International Journey
            </h2>
            <p className="text-lg text-gray-600 max-w-3xl mx-auto">
              Complete this form to unlock personalized guidance and exclusive opportunities. Our team will connect with you within hours.
            </p>
          </div>

          <div className="max-w-6xl mx-auto">
            <div className="grid lg:grid-cols-2 gap-8 items-start">
              <ModernCard className="p-8">
                <div className="flex items-center gap-4 mb-8">
                  <div className="p-3 rounded-xl bg-linear-to-r from-teal-50 to-blue-50 border border-teal-100">
                    <MessageSquare className="w-8 h-8 text-teal-600" />
                  </div>
                  <div>
                    <h3 className="text-3xl font-bold text-gray-900">Minhaj Student Application</h3>
                    <p className="text-gray-600 mt-2">
                      Premium services at no cost - exclusively for Minhaj University students
                    </p>
                  </div>
                </div>

                <form onSubmit={handleSubmit} className="space-y-6">
                  <div className="grid md:grid-cols-2 gap-6">
                    <div>
                      <div className="relative">
                        <div className="absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400">
                          <FaUser />
                        </div>
                        <input
                          type="text"
                          placeholder="Full Name"
                          value={formData.full_name}
                          onChange={(e) => handleChange('full_name', e.target.value)}
                          className="w-full pl-12 pr-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-teal-500 focus:border-teal-500 outline-none transition-all"
                        />
                      </div>
                      {renderError('full_name')}
                    </div>

                    <div>
                      <div className="relative">
                        <div className="absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400">
                          <LiaDiceSolid />
                        </div>
                        <input
                          type="text"
                          placeholder="University Roll Number"
                          value={formData.roll_number}
                          onChange={(e) => handleChange('roll_number', e.target.value)}
                          className="w-full pl-12 pr-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-teal-500 focus:border-teal-500 outline-none transition-all"
                        />
                      </div>
                      {renderError('roll_number')}
                    </div>

                    <div>
                      <div className="relative">
                        <div className="absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400">
                          <FcDepartment />
                        </div>
                        <input
                          type="text"
                          placeholder="Department"
                          value={formData.department}
                          onChange={(e) => handleChange('department', e.target.value)}
                          className="w-full pl-12 pr-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-teal-500 focus:border-teal-500 outline-none transition-all"
                        />
                      </div>
                      {renderError('department')}
                    </div>

                    <div>
                      <div className="relative">
                        <div className="absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400">
                          <MdOutlineMail />
                        </div>
                        <input
                          type="email"
                          placeholder="Email"
                          value={formData.email}
                          onChange={(e) => handleChange('email', e.target.value)}
                          className="w-full pl-12 pr-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-teal-500 focus:border-teal-500 outline-none transition-all"
                        />
                      </div>
                      {renderError('email')}
                    </div>

                    <div>
                      <div className="relative">
                        <div className="absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400">
                          <MdOutlinePhoneEnabled />
                        </div>
                        <input
                          type="tel"
                          placeholder="WhatsApp Number"
                          value={formData.whatsapp_number}
                          onChange={(e) => handleChange('whatsapp_number', e.target.value)}
                          className="w-full pl-12 pr-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-teal-500 focus:border-teal-500 outline-none transition-all"
                        />
                      </div>
                      {renderError('whatsapp_number')}
                    </div>

                    <div>
                      <div className="relative">
                        <div className="absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400">
                          <HiOutlineAcademicCap />
                        </div>
                        <select
                          name="last_education"
                          value={formData.last_education}
                          onChange={(e) => handleChange('last_education', e.target.value)}
                          className="w-full pl-12 pr-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-teal-500 focus:border-teal-500 outline-none transition-all appearance-none bg-white"
                        >
                          <option value="">Select Last Education</option>
                          {['Matric', 'Intermediate', 'Bachelor', 'Master'].map(option => (
                            <option key={option} value={option}>{option}</option>
                          ))}
                        </select>
                      </div>
                      {renderError('last_education')}
                    </div>

                    <div>
                      <div className="relative">
                        <div className="absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400">
                          <FaGlobe />
                        </div>
                        <select
                          name="interested_country"
                          value={formData.interested_country}
                          onChange={(e) => handleChange('interested_country', e.target.value)}
                          className="w-full pl-12 pr-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-teal-500 focus:border-teal-500 outline-none transition-all appearance-none bg-white"
                        >
                          <option value="">Select Interested Country</option>
                          {['Italy', 'France', 'Turkey', 'China', 'Cyprus', 'Finland', 'South Korea', 'UK'].map(option => (
                            <option key={option} value={option}>{option}</option>
                          ))}
                        </select>
                      </div>
                      {renderError('interested_country')}
                    </div>

                    <div>
                      <div className="relative">
                        <div className="absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400">
                          <FaFlag />
                        </div>
                        <input
                          type="text"
                          placeholder="Your City"
                          value={formData.city}
                          onChange={(e) => handleChange('city', e.target.value)}
                          className="w-full pl-12 pr-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-teal-500 focus:border-teal-500 outline-none transition-all"
                        />
                      </div>
                      {renderError('city')}
                    </div>

                    <div>
                      <div className="relative">
                        <div className="absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400">
                          <Building2 />
                        </div>
                        <select
                          name="apply_for"
                          value={formData.apply_for}
                          onChange={(e) => handleChange('apply_for', e.target.value)}
                          className="w-full pl-12 pr-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-teal-500 focus:border-teal-500 outline-none transition-all appearance-none bg-white"
                        >
                          <option value="">Apply For</option>
                          {['Study Visa', 'Visit Visa', 'IELTS'].map(option => (
                            <option key={option} value={option}>{option}</option>
                          ))}
                        </select>
                      </div>
                      {renderError('apply_for')}
                    </div>
                  </div>

                  <button
                    type="submit"
                    disabled={loading}
                    className="w-full bg-linear-to-r from-teal-600 to-blue-500 text-white font-semibold py-4 px-6 rounded-xl hover:shadow-xl transition-all duration-300 transform hover:scale-[1.02] disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none"
                  >
                    {loading ? (
                      <span className="flex items-center justify-center gap-2">
                        <Loader2 className="animate-spin" size={20} />
                        Processing Your Application...
                      </span>
                    ) : (
                      "Submit Free Application"
                    )}
                  </button>
                </form>
              </ModernCard>

              {/* Benefits Sidebar */}
              <div className="space-y-8">
                {/* Updated Exclusive Benefits Section - White Background */}
                <ModernCard className="bg-white shadow-xl">
                  <div className="p-8">
                    <div className="text-center mb-8">
                      <div className="inline-flex items-center justify-center w-20 h-20 rounded-full bg-linear-to-r from-teal-100 to-blue-100 mb-4">
                        <div className="w-12 h-12 bg-linear-to-r from-teal-600 to-blue-500 rounded-full flex items-center justify-center">
                          <Shield className="text-white text-2xl" />
                        </div>
                      </div>
                      <h4 className="text-2xl font-bold text-gray-900 mb-3">
                        Exclusive Minhaj Benefits
                      </h4>
                      <p className="text-gray-600">
                        Special advantages available only to Minhaj University students
                      </p>
                    </div>
                    
                    <div className="space-y-5">
                      {[
                        { 
                          text: "Zero application or service fees", 
                          icon: "💰" 
                        },
                        { 
                          text: "Priority processing for Minhaj students", 
                          icon: "⚡" 
                        },
                        { 
                          text: "Dedicated support team available 24/7", 
                          icon: "👥" 
                        },
                        { 
                          text: "Exclusive scholarship opportunities", 
                          icon: "🎓" 
                        },
                        { 
                          text: "Direct university partnership benefits", 
                          icon: "🤝" 
                        },
                        { 
                          text: "Higher visa success rate", 
                          icon: "📈" 
                        }
                      ].map((benefit, index) => (
                        <div key={index} className="flex items-start group hover:bg-gray-50 p-3 rounded-xl transition-all duration-300">
                          <div className="w-10 h-10 bg-linear-to-r from-teal-50 to-blue-50 rounded-lg flex items-center justify-center mr-4 flex-shrink-0 group-hover:scale-110 transition-transform duration-300">
                            <span className="text-lg">{benefit.icon}</span>
                          </div>
                          <div className="flex-1">
                            <span className="text-gray-800 font-medium">{benefit.text}</span>
                            <div className="w-full h-px bg-linear-to-r from-transparent via-gray-200 to-transparent mt-3"></div>
                          </div>
                        </div>
                      ))}
                    </div>
                    
                    <div className="mt-8 pt-6 border-t border-gray-100 text-center">
                      <div className="inline-flex items-center justify-center gap-1 px-4 py-2 bg-amber-50 rounded-full">
                        {[...Array(5)].map((_, i) => (
                          <Star key={i} className="fill-amber-400 text-amber-400" size={16} />
                        ))}
                        <span className="ml-2 text-gray-700 font-medium">Rated 4.9/5 by Minhaj Students</span>
                      </div>
                    </div>
                  </div>
                </ModernCard>

                {/* CTA Card - Keeping Background Color */}
                <div className="bg-linear-to-r from-teal-600 to-blue-500 rounded-3xl p-8 text-center shadow-xl">
                  <h3 className="text-2xl font-bold text-white mb-4">Need Immediate Help?</h3>
                  <p className="text-white/80 mb-6">Contact us directly for instant assistance</p>
                  <div className="flex flex-row gap-4">
                    <a 
                      href="tel:+923330033235" 
                      className="flex-1 inline-flex items-center justify-center gap-2 bg-white/20 backdrop-blur-sm text-white font-semibold py-3 px-4 rounded-xl hover:bg-white/30 transition-all duration-300"
                    >
                      <Phone className="w-4 h-4" />
                      Call Now
                    </a>
                    <a 
                      href="mailto:info@universitiespage.com" 
                      className="flex-1 inline-flex items-center justify-center gap-2 border-2 border-white/30 text-white font-semibold py-3 px-4 rounded-xl hover:bg-white/10 transition-all duration-300"
                    >
                      <Mail className="w-4 h-4" />
                      Email Us
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </Container>
      </section>

      {/* Final CTA Section */}
      <section className="py-20 bg-linear-to-r from-teal-600 to-blue-500 text-white relative overflow-hidden">
        
        <Container>
          <div className="text-center max-w-4xl mx-auto relative z-10">
            <h3 className="text-4xl font-bold mb-6">
              Your International Education Journey Starts Here
            </h3>
            <p className="text-xl opacity-90 mb-12 leading-relaxed">
              Join the growing community of Minhaj University students who have transformed their lives through international education. 
              Let us help you write your success story.
            </p>
            
            <div className="grid md:grid-cols-3 gap-8 mb-12">
              <div className="bg-white/10 rounded-xl p-6 backdrop-blur-sm">
                <Users className="mx-auto mb-3" size={32} />
                <div className="text-2xl font-bold">500+</div>
                <div className="text-sm opacity-90">Successful Students</div>
              </div>
              <div className="bg-white/10 rounded-xl p-6 backdrop-blur-sm">
                <Target className="mx-auto mb-3" size={32} />
                <div className="text-2xl font-bold">95%</div>
                <div className="text-sm opacity-90">Success Rate</div>
              </div>
              <div className="bg-white/10 rounded-xl p-6 backdrop-blur-sm">
                <Award className="mx-auto mb-3" size={32} />
                <div className="text-2xl font-bold">50+</div>
                <div className="text-sm opacity-90">Visa Assisted</div>
              </div>
            </div>
            
            <div className="flex flex-col sm:flex-row gap-4 justify-center">
              <Link href={"#application-form"}>
                <button className="bg-white text-teal-600 font-semibold px-8 py-4 rounded-xl hover:shadow-xl transition-all duration-300 transform hover:scale-105 text-lg">
                  Start Free Application
                </button>
              </Link>
              <Link href={"/contact-us"}>
                <button className="border-2 border-white text-white font-semibold px-8 py-4 rounded-xl hover:bg-white/10 transition-all duration-300 text-lg backdrop-blur-sm">
                  Talk to Our Experts
                </button>
              </Link>
            </div>
          </div>
        </Container>
      </section>
    </div>
  );
}

export default MinhajUniversity;