import Link from "next/link"
export default function MermsFooter() {
    return (
        <>
            <footer id="footer-3" className="pt-100 footer ft-3-ntr">
                <div className="container">
                    {/* FOOTER CONTENT */}
                    <div className="row">
                        {/* FOOTER LOGO */}
                        <div className="col-xl-4">
                            <div className="footer-info">
                                <img className="footer-logo" src="/images/logo-pink.png" alt="footer-logo" />
                            </div>
                            <div>
                                <p>
                                    Do you need a secure online presence for your healthcare brand with reliable SEO and online marketing to grow? MermEmr helps healthcare professionals to achieve their online marketing service needs
                                </p>
                            </div>
                        </div>
                        <div className="row col-xl-8">
                            {/* FOOTER LINKS */}
                            <div className="col-xl-4">
                                <div className="footer-links fl-1">
                                    {/* Title */}
                                    <h6 className="s-17 w-700">Company</h6>
                                    {/* Links */}
                                    <ul className="foo-links clearfix">
                                        <li>
                                            <p><Link href="/about">About Us</Link></p>
                                        </li>
                                        <li>
                                            <p><Link href="/contacts">Contact Us</Link></p>
                                        </li>
                                        <li>
                                            <p><Link href="/merms-blog">Our Blog</Link></p>
                                        </li>
                                    </ul>
                                </div>
                            </div> {/* END FOOTER LINKS */}
                            {/* FOOTER LINKS */}
                            <div className="col-xl-4">
                                <div className="footer-links fl-2">
                                    {/* Title */}
                                    <h6 className="s-17 w-700">Product</h6>
                                    {/* Links */}
                                    <ul className="foo-links clearfix1">
                                        <li>
                                            <p><Link href="/features">Features</Link></p>
                                        </li>
                                        <li>
                                            <p><Link href="/merms-updates">What's New</Link></p>
                                        </li>
                                        <li>
                                            <p><Link href="/pricing">Pricing</Link></p>
                                        </li>
                                        <li>
                                            <p><Link href="/help-center">Help Center</Link></p>
                                        </li>
                                    </ul>
                                </div>
                            </div> {/* END FOOTER LINKS */}
                            {/* FOOTER LINKS */}
                            <div className="col-xl-4">
                                <div className="footer-links fl-3">
                                    {/* Title */}
                                    <h6 className="s-17 w-700">Legal</h6>
                                    {/* Links */}
                                    <ul className="foo-links clearfix1">
                                        <li>
                                            <p><Link href="/terms">Terms of Use</Link></p>
                                        </li>
                                        <li>
                                            <p><Link href="/privacy">Privacy Policy</Link></p>
                                        </li>
                                        <li>
                                            <p><Link href="/cookies">Cookie Policy</Link></p>
                                        </li>
                                        {/*<li>*/}
                                        {/*    <p><Link href="#">Site Map</Link></p>*/}
                                        {/*</li>*/}
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div> {/* END FOOTER CONTENT */}
                    <hr />

                    <div className="bottom-footer">
                        <div className="row row-cols-1 row-cols-md-2 d-flex align-items-center">
                            {/* FOOTER COPYRIGHT */}
                            <div className="col">
                                <div className="footer-copyright">
                                    <p className="p-sm">© 2025 autoMedSys A.I. <span>All Rights Reserved</span></p>
                                </div>
                            </div>
                            {/* FOOTER SOCIALS */}
                            <div className="col">
                                <ul className="bottom-footer-socials ico-20 text-end">
                                    <li><Link href={process.env.NEXT_PUBLIC_FACEBOOK_URL}><span className="flaticon-facebook" /></Link></li>
                                    <li><Link href={process.env.NEXT_PUBLIC_TWITTER_URL}><span className="flaticon-twitter" /></Link></li>
                                    <li><Link href={process.env.NEXT_PUBLIC_INSTAGRAM_URL}><span className="flaticon-instagram" /></Link></li>
                                    <li><Link href={process.env.NEXT_PUBLIC_YOUTUBE_URL}><span className="flaticon-youtube" /></Link></li>
                                </ul>
                            </div>
                        </div> {/* End row */}
                    </div> {/* END BOTTOM FOOTER */}
                </div> {/* End container */}
            </footer>

        </>
    )
}