'use client';
import { useState, useEffect } from 'react';
import Image from 'next/image';
import Link from 'next/link';
import {
    ChevronRight,
    Clock,
    Users,
    Award,
    Calendar,
    BookOpen,
    MapPin,
    GraduationCap,
    FlaskConical
} from 'lucide-react';
{/* CTA Section */ }
const CTASection = () => {
  return (
<section className="py-16" style={{ backgroundColor: '#f4f4f4' }}>
    <div className="max-w-4xl mx-auto px-4 text-center">
        <Award className="w-12 h-12 mx-auto mb-6" style={{ color: '#e64838' }} />
        <h2 className="text-3xl font-bold mb-4" style={{ color: '#012068' }}>
            Ready to Advance Your Trauma Care Expertise?
        </h2>
        <p className="text-lg mb-8 max-w-2xl mx-auto" style={{ color: '#666' }}>
            Join our structured training programs designed to empower healthcare professionals, nurses, and community responders with critical trauma care skills.
        </p>
        <div className="flex flex-col sm:flex-row gap-4 justify-center">
            <Link
                href="/contact"
                className="inline-block px-6 py-3 text-sm font-medium rounded hover:opacity-90 transition-opacity duration-300"
                style={{
                    backgroundColor: '#012068',
                    color: 'white'
                }}
            >
                Contact Admissions
            </Link>
        </div>
    </div>
</section>
  );};
export default CTASection;