import Link from "next/link";

const LeadershipMessage = () => {
    return (
        <section id="leadership-message" className="about-message">
            <div className="container">
                <div className="row">
                    {/* Main content */}
                    <div className="col-lg-8">
                        <div className="about-message__header">
                            <h2 className="about-message__title">A Message from the President</h2>
                            <div className="about-message__divider"></div>
                        </div>
                        <div className="about-message__body">
                            <p className="about-message__quote">
                                "Research is not just about discovery; it is about responsibility. As a premier institution in Paris, we carry the torch of enlightenment into the 21st century."
                            </p>
                            <p>
                                Welcome to Paris Research University. For decades, our halls have echoed with the profound debates of brilliant minds and the quiet hum of groundbreaking laboratories. We stand at the intersection of history and the future, leveraging our rich heritage to propel innovation that addresses the world's most pressing challenges.
                            </p>
                            <p>
                                Our commitment is unwavering: to foster an inclusive, vibrant academic community where interdisciplinary collaboration thrives. We invite you to explore our centers, engage with our faculty, and join us in our relentless pursuit of knowledge.
                            </p>
                        </div>
                        <div className="about-message__author">
                            <div className="about-message__avatar">
                                <img src="https://storage.googleapis.com/uxpilot-auth.appspot.com/avatars/avatar-4.jpg" alt="President" />
                            </div>
                            <div>
                                <h4 className="about-message__author-name">Dr. Jean-UX Pilot Laurent</h4>
                                <p className="about-message__author-role">President &amp; Vice-Chancellor</p>
                            </div>
                            <i className="fa-solid fa-quote-right about-message__quote-icon"></i>
                        </div>
                    </div>

                    {/* Sidebar */}
                    <div className="col-lg-4">
                        <div className="about-message__sidebar">
                            <div className="about-message__sidebar-card about-message__sidebar-card--primary">
                                <h3>Accreditation &amp; Standards</h3>
                                <p>Learn about our rigorous academic standards and global recognitions.</p>
                                <Link href="/accreditation" className="about-message__sidebar-link">
                                    View Credentials <i className="fa-solid fa-arrow-right"></i>
                                </Link>
                            </div>

                            <div className="about-message__sidebar-card">
                                <div className="about-message__sidebar-icon">
                                    <i className="fa-solid fa-handshake"></i>
                                </div>
                                <h3>Global Partnerships</h3>
                                <p>Explore our network of industry and academic collaborators.</p>
                                <Link href="/partnerships" className="about-message__sidebar-text-link">
                                    Discover Network <i className="fa-solid fa-arrow-right"></i>
                                </Link>
                            </div>

                            <div className="about-message__sidebar-card">
                                <h3>Have Questions?</h3>
                                <Link href="/contact" className="about-message__sidebar-outline-link">
                                    Contact Administration
                                </Link>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    );
};

export default LeadershipMessage;